@charset "utf-8";

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

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

}
#admin-menu-wrapper{ z-index:99999}
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

a:link, a:visited{text-decoration: none; color:#54a226 }
a:hover {text-decoration: underline; color: #ff9600 ;}

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

/* Header */
.header{ position:relative; height:135px; background:url(../images/bg_head.jpg) repeat-x bottom center; }
.header .logo{ float:left; height: auto; padding:3px 0 0 0}

.top_shortcut{ position:absolute;background:url(../images/bg_top_shortcut.png) no-repeat; width:319px; height:52px; right:0px; top:0px; font-size:13px;}
.top_shortcut ul{ list-style:none; margin:0px; padding:5px 10px;}
.top_shortcut ul li ul{ margin:0px; padding:0px 0px;}

.top_shortcut ul li{ float: left;}
.top_shortcut ul li a{ color:#333}

.top_shortcut ul .sitemap{ background:url(../images/icon_sitemap.png) no-repeat left center; padding:0px 15px 0px 25px; margin:7px 0 0 26px; border-right:1px dotted #ddd;}
.textresizer-label {display: inline-block; font-size:12px; margin:7px 0 0 10px;}
.level_1{ font-size:9px;  margin:5px 5px 0 5px; }
.level_2{ font-size:15px;  margin:5px 5px 0 0px;}
.level_3{ font-size:17px; margin:5px 0 0 0}
ul.textresizer
{
	list-style: none;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
	ul.textresizer li
	{
		display: inherit;
		padding: 0px;
	}

ul.textresizer li a { display:block; width:24px; line-height:24px;}

ul.textresizer li a { border-radius:4px; text-align: center; background:#dedede; }
ul.textresizer li a:hover { text-decoration:underline; }
.textresizer a.textresizer-active{background:#379538; color:#fff;}
.menu_space{ height:4px; background:url(../images/bg_menu_bottom.jpg) repeat-x; }


.special_news{ border:2px solid #007bb8; border-radius:8px; margin:25px 0; background:url(../images/bg_red.png) #fff;}
.special_news .content{padding:5px 15px 10px 15px; }
.special_news .title_special{padding:10px 15px 0px 15px; font-size:19px; color:#007735 }
.special_news .date{ color:#333;}

#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:5px;
}
#abgne_float_ad a img {
	border: none;
}
/* Content Section */
.container{ width:100%; min-height:300px; }

.bg_main_banner{ background:url(../images/background_mid.jpg) #f6f2e7 bottom repeat-x; min-height:350px; padding:25px 0px 13px 0; z-index:0  }
.banenr_shadow{ background:url(../images/banner_bg_shadow.png) no-repeat center bottom; height:22px; }


.Main_left{ float:left; width:23%;  }


.index_main_banner{ float:left; width:70%; min-height:380px;}
.flexslider{ border:5px solid #ef8b59;   }

.Main_right{ float: right; width:75%; margin-bottom:30px; }


.latest_news{ margin:15px 0 0 1%; position:relative; float:left; width:67% }
.latest_news .title{ border-bottom:1px solid #ddd; }
.latest_news .title p{ font-size:19px; padding:13px 0 0px 58px; color:#333; background:url(../images/icon_news.png) no-repeat center left; margin-bottom:10px;}

 .more_news{ position:absolute; right:0px; top:13px; z-index:0}
 .more_news a{ background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgb(255,255,255) 27%, rgb(232,232,232) 80%);
background: -webkit-linear-gradient(top, rgb(255,255,255) 27%,rgb(232,232,232) 80%);
background: linear-gradient(to bottom, rgb(255,255,255) 27%,rgb(232,232,232) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
 text-align: center; display:block; color:#333; font-size:0.9em; line-height:1em; padding:5px 20px; box-shadow:0 0 3px rgba(0,0,0,.3); border-radius:4px;}
 .more_news a:hover{ background:#379538 ; color:#fff;}
.main_calendar{ margin:15px 0 0 0;}

.latest_news_area{  }
.latest_news_area ul{ margin:0px; padding:0px; list-style:none; }
.latest_news_area ul li{ margin-bottom:5px; width:100%; line-height:1.2em; padding:8px 0px; border-bottom:1px dotted #ddd;  }

.latest_news_area .news_type{ padding:3px 15px; line-height:0.9em; border-radius:6px; display:inline; margin-right:5px;}
.normal{ background:#ff9000; color:#fff}
.latest_news_area ul li p{ padding-top:1em; color:#333 }

.latest_news_area ul li .cover{ float:left; width:32%; box-shadow:0 0 3px rgba(0,0,0,.3); border-radius:2px; padding:2px;}
.latest_news_area ul li .cover img{ width:100%; border-radius: 2px;}
.latest_news_area ul li .description{ float:right; width:65%; padding:10px 0 0 0; }
.latest_news_area ul li a{ display:block; height:105px;}
.latest_news_area ul li a:hover, .latest_news_area ul li:hover p  { color:#666; text-decoration: none;}

.bg_calendar{background:url(../images/icon_calendar.png) no-repeat; position:absolute; width:44px; height:40px}
.bg_calendar .date{ text-align: center; color:#ff9c00; font-size:17px; padding:10px 0 0 0; font-weight:bold}
.main_calendar p{ font-size:19px; padding:13px 0 0px 54px; margin-bottom:10px;}
.calendar_content{ border:2px solid #ffdfe0; background:#fff;}

.latest_video{ margin:15px 0 0 0; position:relative; }
.latest_video .title{  }
.latest_video .title p{ font-size:19px; padding:13px 0 0px 58px; color:#333; background:url(../images/icon_video.png) no-repeat center left; margin-bottom:10px;}
.content_video{ background:#dcf1e1; padding:7px 5px; border-radius: 4px; border:1px solid #ddd; }
.content_video ul{ list-style:none; margin:0px; padding:0px; }
.content_video ul li{ background:#fff; border-radius:4px; padding:5px; margin-bottom:6px;}
.content_video ul li:hover{ background:#ffffe0; }

.content_video .video_cover{ float:left; width:42%;}
.content_video .video_cover img{ width:100%; height:65px;}
.content_video .right_description{ float: right; width:56%; margin:0 0 0 0px;}
.content_video span{ font-size:0.8em}
.content_video p{ font-size:0.8em; line-height:1.1em;}
.more_video{  text-align: center; margin:5px 0px; }
.more_video a{ background:#efefef; border-radius:6px; padding:4px 15px; text-align: center; border:1px solid #ddd; display:block }
.more_video a:hover{ background:#379538; color:#fff; }

.userful_links_b .screen{ border-top: 1px solid #ddd;  padding:20px 0px;}
.userful_links_b{ margin:15px 0 0 0; }
.userful_links_b ul{ margin:0px 0 0 0%; padding:0px; list-style:none; padding:0px; }
.userful_links_b ul li{ float:left; margin:0 0 10px 2%; padding:0px; -webkit-transition: all 0.3s ease-in-out; width:18%;}
.userful_links_b ul li img{ width:100%; }  

.userful_links_b ul li:hover img{ opacity:0.7; }  


.userful_links{ float:right; width:27%; margin:15px 0 0 0;}
.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:0px; padding:0px; list-style:none; padding:0px; }
.userful_links ul li{ margin:0px 0 8px 0; padding:0px 0 0px 0; height:80px  }



.userful_links ul li img{ display:block; width:100%; border:1px solid #fff; box-shadow:0 0 3px rgba(0,0,0,0.2);  -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:1px solid #54a226 ; opacity:.7} 

.top_new_msg{ float:right; width:275px; position:relative; margin:-15px 0 0 0;}
.top_new_msg .top_label{background:url(../images/memo_top.png) no-repeat center; height:32px;}
.top_new_msg .msg_content{ background: #ffffb5; padding:10px; min-height:135px;}
.top_new_msg .bottom_msg{background:url(../images/msg_shoadow.png) no-repeat center; height:12px;}

.ev_tt {margin:60px 0 30px 0; padding:0 0 20px 0; text-align: center}
.sharing{ min-height:500px;}
.sharing ul{ list-style:none; margin:0; padding:0; }
.sharing ul li{ margin:0px 0 10px 0;  padding:0px; }
.sharing ul li a{ border:1px solid #ddd; background:#fff; display:block; padding:5px 10px; font-size:17px;}
.sharing ul li img{ display:none; }
.sharing ul li a:hover{ border:1px solid #ddd; background: #F3FFE8;}


#footer_bg{background:url(../images/bg_footer.png) no-repeat center bottom; height:145px; font-size:12px; }
#footer_bg .screen{ padding:105px 0 0 0}

#login_area{ float:right; width:275px; margin:15px 0 0 0; box-shadow:0 0 3px rgba(0,0,0,.3); position:relative; }
#login_area img{ width: 100%; }
	 
#login_area .login_icon{ position:absolute; left:10px; top:6px;}
.bg_eclass{ padding:35px 5px 5px 5px; color:#fff }
#login_area #sumbit{ box-shadow:0px 0px 3px rgba(0,0,0,.2); background:#75b51f; line-height:1em; cursor:pointer; color:#fff; padding:5px 20px; text-align: center; border:0px; border-radius:4px; font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;} 
#login_area #sumbit:hover{ background:#f6bd4a; }

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

/* headmaster Section */
.headmaster{background:url(../images/top_principle.jpg) no-repeat white; padding: 20px; position:relative; margin:21px 0 0 0;}

.headmaster .cover{position:absolute; right: 23px; top: -9px; transform: rotate(5deg); background:#fffddd; padding:10px; border:3px solid #fff; box-shadow:5px 5px 5px rgba(0,0,0,.2)}
.headmaster .cover .clip{background:url(../images/icon_pin.png) no-repeat scroll 0 0;
    position: absolute;
    right: 190px;
    top: -5px;
	z-index:1;
	width:32px;
	height:28px;}

.headmaster .headmaster_title{color:#ff7f7f; font-size:18px;}
.headmaster .headmaster_content_title{color:#4eb3e6; font-size:18px;padding-top:6px;}
.headmaster .headmaster_content{color:black; font-size:14px; width:60%;padding-top:6px;}
.headmaster .headmaster_info{margin:10px 0 0 0; }
.headmaster .headmaster_info a{ color:#fff; background:url(../images/bg_info.png) no-repeat left center; display:block; padding:6px 26px 8px 40px;}
/* headmaster Section end*/

/* notices Section*/
.notices{margin:30px 0 0 0; float:left; width:48%; position:relative; z-index:1;}
.notices .title{background:#7fb219 url(../images/bg_shadow.png)  top center repeat-x; position:relative;}
.notices .title p{background:url(../images/icon_mouse.png) left center no-repeat; font-size:19px; color:#fff; padding:5px 0 5px 35px; line-height:30px;}


.notices .content{ padding:5px 10px; min-height:150px; background:#fffeed }
.notices .content ul{ margin:0 0 0 15px; padding:0px 0 0 0px;}
.notices .content ul li{list-style-image:url(../images/arrow_green.png); font-size:1em; padding:4px;}
.notices .content ul li a{ display:block; color:#333; font-size:1em;}


.important_message{ }
.important_message ul{ margin:0px; padding:0px; list-style:none; padding-bottom:50px;}
.important_message ul li{ color:#333; margin-bottom:15px;}
.important_message ul li a{ color:#333; background:#fff; text-decoration: underline; display: block; padding:8px 12px; border:1px solid #7cc7ff; } 
.important_message ul li a:hover{ background:#ff518b; color:#fff; text-decoration: none;} 
.important_message ul li:hover{ background:#ff518b; color:#fff} 
.important_message ul li:hover a{color:#fff} 
/* notices Section end*/


/* Footer Section */

.footer_bgbg{ background:#fff; }
.contact_info{ text-align: left; color:#fff; float:left; width:60%; padding:0px 0 0 0;}
.contact_info ul{ list-style:none; margin:0px; padding:0px;}
.contact_info ul li{ float:left; padding:0 30px 0 25px}
.contact_info ul li{background:url(../images/icon_pin.png) no-repeat left center; }
.contact_info ul li + li {background:url(../images/icon_tel.png) no-repeat left center; }
.contact_info ul li + li {background:url(../images/icon_print.png) no-repeat left center; }

.designby{ width:40%; float: right; color:#fff; text-align: right}
.designby a{ color:#FFF}



.footer_button{background:white; float:right; padding: 6px 20px; border:1px solid #97ddff;}

.footer_button a{color:#0699df; font-size: 14px;}

.footer_button img{padding: 0px 10px 0px 0px;}



.copy{float:left; margin:20px 0px; font-size:12px;}

.nevigation{ padding:20px 0px 10px 0; font-size:1em; border-bottom: 1px solid #ddd; width:980px; }
.nevigation .screen{ padding:0; }

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

.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: #fefb42; border-top:1px solid #000; padding:8px 35px; display:block; position:absolute; box-shadow:0 0 2px rgba(0,0,0,.2) ;left:20px; color:#000; 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:40px 0% 1% 2.5%; margin:0;}
.Album ul li{ float: left; margin:1% 2.5% 10px 0%; padding: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:1em;}

.Album ul li+li+li+li{ clear: both}
.Album ul li+li+li+li+li{ clear: none}



.Album ul li div p{ padding:7px 5px 3px 5px; min-height:20px; font-size:12px; } 

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


#type_B .Album_tpl_B {background:#fafafa; border:1px solid #d7d7d7; border-radius: 8px;  position:relative; margin-bottom:30px;}
#type_B .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;}
#type_B .Album_tpl_B .title_bg{ background: url(../images/bg_album_b.png) no-repeat; width:5px; height:10px; position:absolute; left:10px; top:-10px;}
#type_B .Album_tpl_B ul{ list-style: none; padding:25px 1% 1% 1%;}
#type_B .Album_tpl_B ul li{ float: none; margin:1% 0; clear:both; padding-bottom:10px;  }
#type_B .Album_tpl_B ul li .photo_Area{ float: left; width:25%;}
#type_B .Album_tpl_B ul .photo_Area img{ width:100%; border: 5px solid #fff; }
#type_B .Album_tpl_B ul li .Description{ width:72%; float:right; text-align: left;}

.Album_tpl_B {background: none; border:0px solid #d7d7d7; border-radius: 0px;  position:relative; margin-bottom:30px;}
.Album_tpl_B .title { display:none}
.Album_tpl_B ul{ list-style: none; padding:0; margin:0px;}
 .Album_tpl_B ul li{ float: none; margin:0;  padding-bottom:10px;  }
.Album_tpl_B ul li .photo_Area{ float: none; width:100%;}
.Album_tpl_B ul li .Description{ width:100%; float: none; text-align: center;}
.Album_tpl_B ul .photo_Area img{ width:100%; border: 0px solid #fff;box-shadow: 0px 0px 2px rgba(0,0,0,0.2);}


.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) top repeat-x #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;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; border-radius:50%; border:2px solid #fff; box-shadow:0px 0px 5px #999;
  background: #fac217  url(../images/cd-top-arrow.svg) 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: #23b081  url(../images/cd-top-arrow.svg) no-repeat center center;
}
.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 {
  background-color: #e86256;
  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:1em; 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:0px; top:1px;}

.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:#23b081 ; color:#fff; line-height:25px; height:25px;}
.main_container .news .top:hover{ background:#23b081;}

.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 48px;  background:url(../images/icon_back_white.png) #479a16 no-repeat; background-position:10px 50%; color:#fff; font-size:17px; text-decoration:none; text-transform:uppercase; display: inline-block }
.btn_back a:hover{ background:url(../images/icon_back_black.png) no-repeat #fefb42; background-position:10px 50%; color:#000 }

.contactus{ float: left; width:50%;}
.border_tb_green{ }
.maparea_contact{ float:right; width:48%;}
.maparea_contact iframe{ height:400px; width:100%; padding:1px ; box-shadow:0 0 3px rgba(0,0,0,.2)}

.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:22%; margin:10px 2% 10px 0; list-style:none }

.sitemap ul li+li+li+li+li{ clear: both}
.sitemap ul li+li+li+li+li+li{ clear: none}
.sitemap ul li ul{ padding:0px;}
.sitemap ul li ul li{ width:100%;  margin:5px 0% 5px 0; }
.sitemap ul li ul li ul li{ margin:1px 0% 1px 0;}

.sitemap ul li a{ font-size:19px; display: block; border-bottom:1px solid #ddd; padding:10px;}
.sitemap ul li ul li a{ font-size:15px; display: block; border-bottom:1px  dotted #ddd; padding:5px 5px 5px 20px; }
.sitemap ul li ul li a:hover{ }

.sitemap ul li ul li ul li  a{ font-size:1em; display: block; border-bottom:0px solid #ddd; line-height:1em; padding:3px 5px 3px 35px; background:#fff; color:#555;}
.sitemap ul li ul li ul li  a:hover{ color:#333; background:#ffffd7}

.container{  height: auto; }
.container .inner_area{min-height:500px; clear:both; padding:15px 0 30px 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:#479a16; 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; }



.icon_float{ float: left; margin:20px 20px 0px 30px;}
.pic_border{border: 1px solid #c8e5ff; padding:5px; margin:15px 0 0 ;}

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



.arrowlistmenu .menuheader{ margin:0px; padding:10px 15px; font-size:15px; cursor: hand;cursor: pointer; display:block; margin-bottom:1px; }
.arrowlistmenu .menuheader:hover{ background:#fefb42; color:#000; text-decoration:none}
.arrowlistmenu a{color:#479a16; } 
.arrowlistmenu a.current{color:#fff; background:#358009 } 
.arrowlistmenu a.current:hover{ color:#000; } 

.arrowlistmenu .expandable_main{background: url(../images/plus_blue.png) #e1f8df no-repeat ;  background-position:95% 50%;  }
.arrowlistmenu .expandable{background: url(../images/plus_blue_close.png) no-repeat #428333;  background-position:95% 50%;  }
.arrowlistmenu .expandable:hover{  }
.arrowlistmenu .openheader, .arrowlistmenu .openheader:hover{ background: url(../images/plus_blue_close.png) no-repeat #358009;  background-position:95% 50%; color:#fff;  }
.arrowlistmenu ul{ list-style-type: none;}
.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:10px; }

.arrowlistmenu ul li a{
color: #333; background:#fff; font-size:15px;
display: block; padding: 5px 0 5px 15px; background-position:15px 50%;
text-decoration: none; border-top:0px solid #ddd;
}
.arrowlistmenu ul li + li a{
	 border-top:1px dotted #ddd;
}

.arrowlistmenu ul li a:hover, .arrowlistmenu ul li a.current { background:#fff; color: #479a16;  }
.arrowlistmenu ul li a:hover{ color:#479a16}
.arrowlistmenu ul li a.subexpandable:hover{ background: #f7f4eb;}

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

.main_container{ border-radius:6px;   }

.main_container .container_inner { padding:20px 20px 60px 20px; text-align:justify; position:relative; background:#fff;  min-height:500px; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:6px; line-height:1.8em;}
.main_container .container_inside { padding:0px; text-align:justify; position:relative;}

#type_C .inner_content{ width:100%; }
#type_C .arrowlistmenu{ display:none}


.userful_link{ width:80%; margin-top:50px;}
.userful_link ul{ list-style:none; margin-left:-4%; padding:0px;}
.userful_link ul li{ float: left; width:19%; margin-left:4%; 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:-45px; }
.album_category ul{ list-style:none; border-left:1px solid #ddd; padding:0px; margin:0px; display:none }
.album_category ul li{ float:left;}
.album_category ul li a{ padding:12px 20px; display:block; color:#23b081; background: #fff; font-size:15px;  border-left:0px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  }
.album_category ul li + li a{ border-left:0px solid #ddd; border-right:1px solid #ddd;   }
.album_category ul li a:hover{}
.album_category ul li a.current{ background: #23b081; color:#fff}

.album_cotent{ min-height:350px;}
.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 }

.album_cotent ul li+li+li+li+li{ clear:both }
.album_cotent ul li+li+li+li+li+li{ clear: none; }

.album_cotent ul li+li+li+li+li+li+li+li+li{ clear:both }
.album_cotent ul li+li+li+li+li+li+li+li+li+li{ clear: none; }

.album_cotent ul li+li+li+li+li+li+li+li+li+li+li+li+li{ clear:both }
.album_cotent ul li+li+li+li+li+li+li+li+li+li+li+li+li+li{ clear: none; }

.post_date_album{ padding-bottom:5px; color:#3398cc; font-size:12px;}

.album_cotent ul li p{ text-align: center; padding:5px 10px 15px 5px; font-size:1em; 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:19px; text-align:left}

.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%;}

.thumbs{ text-align:left}

.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:-1.5%}
.news_listing ul li{ float: left; margin:0px 1% 10px 0%; width:23.5%; 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; overflow:hidden}
.news_listing ul li .Date{ border-bottom:1px dotted #ddd; color:#888; margin-top:3px;}
.news_listing ul li .Title{ color:#1588d7; min-height:50px; line-height:16px;}
.news_listing ul li:hover .Title{ color:#ff9c00}

.news_listing ul li .prev{
   width:100%; 
   opacity: 1;
   -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:10px 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:220px; float:left; position:relative; height:260px}
.calendar .top{position:relative; background:#8d745e; 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; display: none}

.calendar .calendar_content {
    text-align: center;
    padding: 15px 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;}
.content_course{ font-size:21px; line-height:28px; padding:50px; border:3px solid #479a16; color:#479a16; width:50%; margin:90px auto}
.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; padding:0px;}
.subject_banner ul li{ margin:0px; padding:0px 0 15px 0;}
.subject_banner ul li img{ border:3px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.2)}
.subject_banner ul li:hover img{ border:3px solid #1a78a0; box-shadow:0 0 3px rgba(0,0,0,.6)}

.top_sub_category{ margin:10px 0;}
.top_sub_category ul{ list-style:none; padding:0px; margin:0px; }
.top_sub_category ul li{ float:left; margin-right:12px;}
.top_sub_category ul li a{ padding:9px 16px; display:block; color:#3398cc; background: #fff; font-size:15px;  border:1px solid #3398cc;-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;  }
.top_sub_category ul li a:hover{ background: #e2f9ff;  border:1px solid #3398cc; }
.top_sub_category ul li a.current{ background: #23b081 ; color:#fff; border:1px solid #23b081 ; }

/* Tiny Scrollbar */
#scrollbar1 {}
#scrollbar1 p{ color:#011f2a; }

#scrollbar1 .viewport { width: 730px; height: 409px; overflow-y:scroll; position: relative; margin:1px 0 0 0; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background:#23b081; position: relative; background-position: 0 0; float: right; width: 11px; margin:5px;}
#scrollbar1 .track { background: #cccccc ; height: 100%; width:11px; position: relative; padding: 0 0px; }
#scrollbar1 .thumb { background: #23b081 ; height: 20px; width: 11px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar1 .thumb .end { background: #cccccc ; overflow: hidden; height: 0px; width: 11px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.Banner_position { text-align: center}
.Banner_position img{ max-width:100%;}
.video_main{ margin:25px 0 -10px 0;}
.video_main video{ border:1px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.3)}

.green_box{ background:#ecffe1; padding:10px 20px; border:1px solid #0d8276; margin:20px 0 0 0;}
.preview_album{ float:left; margin-top:-20px;}

.banner_main_display{ float:left; width:20%}
.banner_main_display img{width:100%}

.sidebar-nav {float:left; width:21%; }
.sidebar-nav .title {padding: 25px 0; background: url(../images/icon/bg_category.png) no-repeat right; color:#fff; font-size:28px; background-size: cover !important;  margin:0px;  text-align: center; }
.sidebar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #f5f9ff;
}
.sidebar-nav .metismenu {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sidebar-nav .metismenu a.current { color:#0766c0; }

.sidebar-nav .metismenu li + li {
  margin-top: 5px;
}
.sidebar-nav .metismenu li:first-child {
  margin-top: 5px;
}
.sidebar-nav .metismenu li:last-child {
  margin-bottom: 5px;
}
.sidebar-nav .metismenu > li {
    /*-webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;*/
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.sidebar-nav .metismenu a {
    position: relative;
    display: block;
    padding: 5px 35px 5px 15px;
    color: #333333;
    outline-width: 0;
    transition: all .3s ease-out;
}

.sidebar-nav .metismenu ul a {
    padding: 5px 35px 5px 30px;
}
.sidebar-nav .metismenu ul ul a {
    padding: 5px 35px 5px 45px;
}
.sidebar-nav .mm-active { color: #0866c1 !important; }
.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus,
.sidebar-nav .metismenu a:active,
.sidebar-nav .metismenu .mm-active > a {
    color: #0866c1;
    text-decoration: none;
}