@charset "utf-8";

.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
}
body #admin-menu{ z-index:99999}
/* 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; }
h1{ }
h2{ }
h3{ }
h4{ }
h5{ }
h6{ }
p { }
div, ul li{ margin:0px auto; padding:0px;}
.wrap{ width:100%; min-height:100%; height:100%; background:url(../images/bg_blue.jpg) #ddf5ff ; background-repeat:no-repeat; background-position: top center;}
.screen{ min-width:680px; max-width:980px; position:relative; padding:0px 10px;}


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

/* Header */
.header{ position:relative; background:url(../images/bg_top.jpg) no-repeat center top; height:202px;  }
.header .logo{ float:left; height: auto; padding:11px 0 0px 0;}
.header .logo_title{ position:absolute; left:155px; top:10px;}

.header .logo img{ }

.header .top_shortcut{ float:right; padding:10px 0 0 0; }
.header .top_shortcut ul{ list-style:none; padding:0px; margin:0px;}
.header .top_shortcut ul li{ float:left;   margin:0px; font-size:13px; }

.header .top_shortcut ul li a { color:#fff; display:block; padding:5px 0px 5px 28px;}
.header .top_shortcut ul li  { background:url(../images/icon_home.png) no-repeat left center;}
.header .top_shortcut ul li + li   { background:url(../images/icon_map.png) no-repeat left center; margin-left:25px;}
.header .top_shortcut ul li + li + li  { background:url(../images/icon_apply.png) no-repeat left center; margin-left:20px;}
.header .top_shortcut ul li + li + li + li  { background: none; margin-left:0px;}

#home_header .jessLogo{background:url(../images/jess.png) no-repeat; width:96px; height:127px; position:absolute; right:420px; top:-20px;}

#home{ overflow: hidden}

.header .student{ position:absolute; right:10px; top:50px; width:284px; height:181px;}
.header .btn_Login{ position:absolute; right:0px; top:0px; }
.header .btn_Login a{-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px; background:url(../images/icon_email.png) no-repeat #fff; background-position:12px 5px; padding:8px 15px 10px 60px; display:block; box-shadow:0 2px 3px rgba(0,0,0,0.1)}
.header .btn_Login a:hover{background:url(../images/icon_email.png) no-repeat #fff9df; background-position:12px 5px; }

.menu_space{ height:0px;  }


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

/* Top */
.top_bar{ background: rgba(0,0,0,.3); }
.top_bar_left div{float:left; color:white; padding:15px 8px; font-size:14px;}
.top_bar_left div a{color:#fde90a}

.top_bar_right{float:right;}
.top_bar_right a{float:left; display:block; padding:15px 8px; font-size:14px; color:white;}

.top_header{background:url(../images/top.png) center; min-height:202px; width:100%; position:absolute; top:0px; z-index:1001;}
.top_header_logos img{padding:14px 8px 14px 0;float:left;}
.top_header_right{float:right;min-width:350px;}

.top_header_right #login_area{background:url(../images/bg_eclass.png) repeat-x top center #fff; min-height:47px; border: #4c82c9 0 1px 1px 1px solid; border-radius: 0 0 8px 8px;}
.login_icon{ float: left;}
.bg_eclass{ float: left; padding:7px 0 0 ; }

.top_header_right img{display: block; margin-left: auto; margin-right: auto;padding:5px 5px 0 5px;}
.type_area { width:82px; height:20px;}
#sumbit{ background:#3167ba; color:#fff; padding:3px 10px; border:1px solid #0f72bb; line-height:15px; cursor:pointer;}
#sumbit:hover{ background:#ffcc00;  color:#333; border:1px solid #ddd; }

.slogan{ margin:5px 0 0 0 }
/* Top end*/

.none{ display:none} 

/*Front_Eclass_Album*/
.Front_Eclass_Album{ float:right; margin:50px 10px 0 0; position:relative; z-index:100}
.Front_Eclass_Album div{ margin-bottom:10px;}
.teacher_and_student{ position:absolute; right:0px; overflow-style:!important; overflow:hidden; right:-380px; top:60px; z-index:0; overflow-x: hidden;}
/*Front_Eclass_Album end*/

.Main_left{ float:left; width:23%;  }
.index_main_banner{ margin:25px 0px 10px 0 }
.Main_right{ width: auto; margin:20px 10px; }

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

.latest_news{ margin:0px 0 0 0; float: left; width:48%;}
.latest_news .title{ position:relative; height:auto; padding:10px 0; background:url(../images/line_blue.png) repeat-x bottom center}
.latest_news .title p{ font-size:23px; padding:6px 0 6px 50px;  background:url(../images/icon_news.png) left center no-repeat; color:#1850a2 }
.latest_news .content{padding:10px 0px; }
.latest_news_area{ height: auto; margin:0 }
.latest_news_area ul{ margin:0px; padding:5px 10px 5px 10px; list-style:none; }
.latest_news_area ul li{ margin-bottom:5px; width:100%;  float:left; line-height:18px; border-bottom:1px dotted #ddd; }
.latest_news_area ul li .cover{ display: none}
.latest_news_area ul li .cover img{ width:100%}
.latest_news_area ul li .description{ padding:5px  0 15px 0 }
.latest_news_area ul li p{ float:right; width:78%; line-height:19px; padding-bottom:6px;}

.latest_news.latest_news_area ul li a{ display:block; }
.latest_news_area ul li a:hover p{ text-decoration:none; color:#f6821f }
.latest_news_area ul li span{ color:#5894c1;display:inline-table; line-height:15px;}

.latest_news .more_news{ text-align: center}
.latest_news .more_news a{ background:url(../images/more_but_shade.png) repeat-x #3667b0; border-radius:8px; border:2px solid #5085c4; text-align: center;  width:60px; padding:4px 15px; display: inline-block; font-size:15px; color:#fff;}
.latest_news .more_news a:hover{background:url(../images/more_but_shade.png) no-repeat #fdcb0a; color:#333; border:2px solid #f6821f; }

.latest_tips{ margin:0px 0 0 0; float: right; width:48%;}
.latest_tips .title{ position:relative; height:auto; padding:10px 0; background:url(../images/line_grey.png) repeat-x bottom center}
.latest_tips .title p{ font-size:23px; padding:6px 0 6px 50px;  background:url(../images/icon_award.png) left center no-repeat; color:#ffae00 }
.latest_tips .content{padding:10px 0px; }
.latest_tips_area{ height: auto; margin:0 }
.latest_wae_area{overflow-y: auto; height:240px;}

.latest_tips_area ul{ margin:0px; padding:5px 10px 5px 10px; list-style:none; }
.latest_tips_area ul li{ margin-bottom:5px; width:100%;  float:left; line-height:18px; border-bottom:1px dotted #ddd; }
.latest_tips_area ul li .cover{ display: none}
.latest_tips_area ul li .cover img{ width:100%}
.latest_tips_area ul li .description{ padding:9px 0 17px 0 }
.latest_tips_area ul li p{ float:right; width:78%; line-height:15px;}

.latest_tips_area ul li a{ display:block; }
.latest_tips_area ul li a:hover p{ text-decoration:none; color:#f6821f }
.latest_tips_area ul li span{ color:#6f8c45;display:inline-table; line-height:15px;}

.latest_tips .more_news{ text-align: center}
.latest_tips .more_news a{ background:url(../images/more_but_shade.png) repeat-x #ffae00; border-radius:8px; border:2px solid #fd990a; text-align: center;  width:60px; padding:4px 15px; display: inline-block; font-size:15px; color:#fff;}
.latest_tips .more_news a:hover{background:url(../images/more_but_shade.png) no-repeat #fdcb0a; color:#333; border:2px solid #fd990a; }




.userful_links{ margin:0  ; background:url(../images/bg_cloudy.png) top center; min-height:220px; padding:100px 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 0 0 -1%; padding:0px; list-style:none; padding:0; height:auto}
.userful_links ul li{ float:left; margin:0 0 10px 0; width:15.6%; margin-left:1%;   }
.userful_links ul li img{ display:block; width:100%;  -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{ opacity:.7} 

.speech{ margin:15px 0px 0px 0; padding:5px; position:relative; background:url(../images/top_shadow.png) repeat-x top #4178cd; border:3px solid #3565ae; border-radius:12px;}
.speech .icon{ position: absolute; top:-10px; left:-10px;}
.speech .title{ float:left; padding:4px 0 0 22px}
.speech .title span{ background:#fff; text-align: center; padding:5px 8px; font-size:21px; margin-right:2px; color:#666;}
.speech .content{ color:#333; padding:5px 15px; background:#fff; border-radius:8px; margin-left:140px;}


.slider_banner{ float: left; width:75%; padding:1%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2); border-radius:12px; margin:20px 0 0 15px ;}
.slider_banner_border{border: 5px solid #5094da;}
.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_top{ }
#footer{ font-size:11px; padding:0px;  }
#footer .screen{ padding:0px 0px; }
.footer_bgbg{ background:#2874ba;}
#footer .copy{ text-align: left; color:white; float:left; width:65%; padding:11px 0;}

#footer .designby{ width:30%; float: right; text-align: right; padding:11px 0;}
#footer .designby a{color:white;}


.nevigation{ padding:20px 0px 0px 0; font-size:13px;  }
.nevigation .screen{ padding:0; }

.nevigation .home{ background:url(../images/icon_home_blue.png) no-repeat; background-position:-2px 0px; 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: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%;}

.Album_tpl_B {background:#fafafa; border:1px solid #d7d7d7; border-radius: 8px;  position:relative; margin-bottom:30px;}
.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;
  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: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:0px; margin:0px; top:20px; right:20px;}

.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 57px;  background:url(../images/icon_back.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.png) no-repeat #fff; background-position:12px 50%; color:#82b320 }

.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: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:13px; display: block; border-bottom:0px solid #ddd; padding:8px 5px 5px 35px; background:#fff; color:#555;}
.sitemap ul li ul li ul li  a:hover{ color:#333; background:#ffffd7}

.container{  height: auto; background:url(../images/bg.jpg)}
.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:#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:20%; float: left; position:relative; margin:30px 0; }
.arrowlistmenu .boxder{ background:#2874ba ; -webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px; padding-bottom:20px;
border-bottom-left-radius: 8px; border-left:4px solid #fff; border-bottom:4px solid #fff; border-top:4px solid #fff; box-shadow:-3px 0px 3px rgba(0,0,0,.2)  }
.arrowlistmenu .title { background:rgba(0,0,0,.2) }
.arrowlistmenu .title p { font-size:21px; color:#fff; padding:20px; text-align:right;text-shadow:0px 0px 1px rgba(0,0,0,.2);} 

.arrowlistmenu .menuheader{ margin:5px 0 0 12px; padding:5px 20px 5px 5px; font-size:15px; cursor: pointer; display:block; margin-bottom:1px; 
-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; text-align:right }

.arrowlistmenu .menuheader:hover{ background:#fff;  text-decoration:none}
.arrowlistmenu .menuheader.current:hover{ background:  none;  text-decoration:none}

.arrowlistmenu a.current{  color: #fff; } 
.arrowlistmenu a.current:hover{ color:#fff; } 

.arrowlistmenu a{ color:#fff;}
.arrowlistmenu a.current:hover{   color:#fff; } 

.arrowlistmenu .expandable_main{ -webkit-transition: all 0.0s ease-in-out;
   -moz-transition: all 0.0s ease-in-out;
   -o-transition: all 0.0s ease-in-out;
   -ms-transition: all 0.0s ease-in-out;
   transition: all 0.0s ease-in-out;   }
   
   
.arrowlistmenu .expandable_main{background: url(../images/plus_blue.png) no-repeat #fff right; padding:5px 35px 5px 5px;  background-position:95% 50%; }
.arrowlistmenu .openheader{background: url(../images/plus_blue_close.png) no-repeat #fff right;  background-position:95% 50%;  }
.arrowlistmenu .menuheader a{ color:#333;}
.arrowlistmenu ul{ list-style-type: none;}
.arrowlistmenu ul li{padding-bottom: 0px;}

.arrowlistmenu ul li ul li { display:none}
.arrowlistmenu ul { padding:0px; margin:5px 0px 5px 20px; }

.arrowlistmenu ul li a{
 font-size:15px; display: block; padding: 8px 20px 8px 15px; background-position:15px 50%;
text-decoration: none; text-align:right; font-size:13px; line-height:16px;

}
.arrowlistmenu ul li + li a{
	 border-top:1px dotted #fff; 
}

.arrowlistmenu ul li a:hover, .arrowlistmenu ul li a.current { color: #fff000; text-decoration:underline; background:none }
.arrowlistmenu ul li a:hover{ color:#fff000}
.arrowlistmenu ul li a.subexpandable:hover{ background: #fff000;}

.inner_content{ width:80%; float:right; nline-height:24px; }
#theme_full .inner_content{ width:100%; float:right; nline-height:24px; }
.inner_content_full{ line-height: auto; }

.main_container{  border-top:3px solid #2874ba }



.main_container .container_inner { padding:20px; text-align:justify; position:relative; background:#fff; -webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px; min-height:580px; margin-bottom:50px; }
.main_container .container_inside { padding:0px; text-align:justify; min-height:580px; margin-bottom:50px; }

.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_category{ }
.album_category ul{ list-style:none;  padding:0px; margin:0px;  }
.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;   }
.album_category ul li + li a{border-left: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:1px 0; color:#3398cc; font-size:12px;}

.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: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.5% 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; max-height:170px; 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; text-align: center; padding:5px 0px;}
.news_listing ul li:hover .Title{ color:#ff9c00}

.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: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: auto; position:absolute; background:#fff; height: auto; border-top:3px solid #2874ba;border-left:3px solid #2874ba;border-bottom:3px solid #2874ba}
.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: 10px;
}

.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_title{ position:absolute; left:100px; top:110px; font-size:31px;}
.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{ margin:0px auto; text-align: center; margin:0px 0 0 0;}
.Banner_position img{ 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;}

.slogons{ border:3px solid #ff6375; padding:50px 100px; font-size:33px; line-height:40px; text-align: center; width:30%; background:#fefff4; color:#fe384f }
.map_orange{ border: 1px solid #ff9000; padding:5px; margin-bottom:10px;}
.map_orange iframe{ width:100%; height:350px; }
.M_disply{ display: none}


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