@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", sans-serif; 

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

a:link, a:visited {color: #003f96  ;	text-decoration: none;}
a:hover {}

.clear{clear:both}
img {border:0;}
h1, h2, h3, h4, h5, h6, p{ padding:0px; margin:0px; text-align:left;}
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 rgba(0,0,0,.3);}

/* Header */
/* Header */
.header{ position:relative;border-top:2px solid #1063d5; 	font-family: 'Oswald', "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", sans-serif; 
  }
.header .logo{ float:left; height: auto; padding:8px 0 10px 0; }
.header .logo_name{ float:left; height: auto; padding:0;}
.header .logo_tc{ color:#003f96; font-size:32px; padding:35px 0 15px 10px; font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", sans-serif; 
}
.header .logo_en{ font-size:18.5px; color:#333; padding:0 0 0 10px;}
.header .logo img{ }
.header .top_shortcut{ padding:10px 0px 0px 0px; position:absolute; right:15px; top:0px;}
.header .language{}


.top_btn_bar{ margin:0px 0 0 0; float:right; width:400px; height:100px; padding:20px 0 0 15px; background:url(../images/bg_top_sp.png) no-repeat left center;}



.header .top_btn_bar a{-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; opacity: 1;}

.header .top_btn_bar .top_contact ul{ list-style:none; padding:0px; margin:0px;}
.header .top_btn_bar .top_contact ul li{ float:left; padding:0px;}
.header .top_btn_bar .top_contact .icon_address{ float:left; padding:0px 25px 0 20px; background:url(../images/icon_address.png) no-repeat; background-position:0 2px; }
.header .top_btn_bar .top_contact .icon_tel{ float:left; padding:0px 25px 0 25px; background:url(../images/icon_tel.png) no-repeat;background-position:0 2px; }
.header .top_btn_bar .top_contact .icon_fax{ float:left; padding:0px 0 0 25px; background:url(../images/icon_fax.png) no-repeat;background-position:0 0px; }
.header .top_btn_bar .top_contact .icon_email{ float:left; padding:0px 0 0 25px; background:url(../images/icon_email.png) no-repeat;background-position:0 2px; }

.header .top_btn_bar .top_contact a{ background:#fff;  }

.header .top_btn_bar .top_contact a:hover{ background:#fff100;  }

.btn_home_page{ float:right; margin:10px 0 0 0;}
.btn_home_page a{ background:url(../images/icon_email.png) no-repeat #fff100; background-position:25px 55% ; text-align: center; padding:8px 30px 10px 48px; border-radius:6px; display:block; font-size:13px; line-height:15px; }
.btn_home_page a:hover{ background:url(../images/icon_email.png) no-repeat #e8e9ea; background-position:25px 55% ;
 }

.btn_siteMap{ float:right; margin:10px 15px 0 0;}
.btn_siteMap a{ background:url(../images/icon_siteMap.png) no-repeat #e8e9ea; background-position:25px 55% ; text-align: center; padding:8px 30px 10px 48px; border-radius:6px; display:block; font-size:13px; line-height:15px; }
.btn_siteMap a:hover{ background:url(../images/icon_siteMap_white.png) no-repeat #003f96; background-position:25px 55% ; color:#fff }
.menu_space{ height:1px; display:none}


.contact_us { z-index:1; position:absolute; top:0px; right:0px;}
.contact_us a{ background:url(../images/btn_contact.png) no-repeat; width:126px; height:61px; background-position:0px -10px; }
.contact_us a:hover{ background:url(../images/btn_contact.png) no-repeat; width:126px; height:71px; background-position:0px 0px; }

.Album_video { z-index:2; position:absolute; top:0px; right:107px;}
.Album_video a{ background:url(../images/btn_photo.png) no-repeat; width:158px; height:61px; background-position:0px -10px; }
.Album_video a:hover{ background:url(../images/btn_photo.png) no-repeat; width:158px; height:71px; background-position:0px 0px; }

.Calendar { z-index:3; position:absolute; top:0px; right:244px;}
.Calendar a{ background:url(../images/btn_calendar.png) no-repeat; width:135px; height:61px; background-position:0px -10px; }
.Calendar a:hover{ background:url(../images/btn_calendar.png) no-repeat; width:135px; height:71px; background-position:0px 0px; }

.Home { z-index:4; position:absolute; top:0px; right:355px;}
.Home a{ background:url(../images/btn_home.png) no-repeat; width:113px; height:61px; background-position:0px -10px; }
.Home a:hover{ background:url(../images/btn_home.png) no-repeat; width:113px; height:71px; background-position:0px 0px; }





.lastest_video{ float: right; width:27%;}
.lastest_video iframe{ width:100%; min-height:200px;}


/* Content Section */
.container{ width:100%; min-height:300px; }
.banner_area{ margin:0 0; float:left; width:100%; padding:0 ; }
.banner_area h1, .banner_area h2{ font-size:21px; color:#333; padding:0px 0 10px 0; margin:0px; line-height:24px; font-weight:normal; background:none}




.Main_left{ padding-bottom:0px; }
.index_main_banner{ margin:20px 0px }
.Main_right{ float: right; width:29%; margin:20px 0 0; }


.latest_Awards{ margin-bottom:25px; }
.latest_Awards .title{ position:relative; color:#147b4e; height:30px;}
.latest_Awards .title .icon{ position:absolute; left:5px; top:-5px; height:57px; width:58px; }
.latest_Awards .title p{ font-size:24px; padding:12px 0 0 75px; color:#147b4e; text-shadow:0px 0px 2px rgba(0,0,0,.2) ;}
.latest_Awards  .more_btn{ right:0px; top:15px; position:absolute}
.latest_Awards  .more_btn a{ background: url(../images/arrow_green.png) no-repeat right center; font-size:15px; padding:3px 20px 5px 0px; color:#147b4e}
.latest_Awards  .more_btn a:hover{ text-decoration:none}
.latest_Awards .content{padding:0px; margin:28px 0px 15px 0px;  }
.latest_Awards ul{ margin:0px; padding:0px; list-style:none;  }
.latest_Awards ul li{ border-bottom:1px solid #ddd; margin: 0; line-height:19px; font-size:15px; padding:10px ;}

.latest_Awards ul li p{ color:#333}


.latest_Awards ul li a{ display:block; color:#003f96}
.latest_Awards ul li table{ width:100%; text-align: left}

.special_news{ border:1px solid #ddd ; 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; max-width:300px; min-width:250px;}

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

.clubs_name{ margin-bottom:20px;}

.clubs_name span{ color:#666; padding:0px 10px;}


/*Achievements new*/
.latest_news{ background:#fff; border:1px solid #ddd; margin:0px 0 20px 0; position:relative;}
.latest_news .content{padding:15px 20px 10px 20px ; }
.latest_news h3{ padding:0 0 15px 0; color:#6f4696; background: url(../images/title_bg_red.png) no-repeat left bottom; font-weight:normal; font-size:24px;}
.latest_news .more_news{ position:absolute; right:20px; top:-10px;}
.latest_news .more_news a{ background:url(../images/bg_more_red.png) no-repeat; text-align: center; width:114px; height:42px; padding:15px 0 0px 5px; font-size:15px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,.7); display:block; z-index:1}

.latest_news_area{ height: auto;  }
.latest_news_area ul{ margin:0px; padding:5px 0px; list-style:none; }
.latest_news_area ul li{ margin-bottom:5px; width:36%; margin-left:0; float:left; line-height:18px; position:relative; }
.latest_news_area ul li + li{ margin-bottom:15px; width:30%; margin-left:2%; float:left; min-height:90px;  }

.latest_news_area ul li .cover{ width: auto; border:1px solid #fff; box-shadow:0 0 2px rgba(0,0,0,.4); }
.latest_news_area ul li + li .cover{ width: 45%; float: left; }

.latest_news_area ul li .cover img{ width:100%}
.latest_news_area ul li:hover .cover img{ }

.latest_news_area ul li .description{ position:absolute; bottom:1px; left:1px; padding:10px 0; background: url(../images/bg_black.png); width:99%;}
.latest_news_area ul li+li .description{ position:relative; float:right; padding:0px 0; background: #fff; width:53%;}
.latest_news_area ul li a{ display:block; }

.latest_news_area ul li span{ padding:0 5px 3px 5px; margin:0; line-height:15px; font-size:12px; color:#ffea00}
.latest_news_area ul li+li span{ color:#333; }

.latest_news_area ul li p{ padding:5px 5px 0px 10px; margin:0; line-height:15px; font-size:14px; color:#fff}
.latest_news_area ul li+li p{ padding:5px 5px 0px 10px; margin:0; line-height:15px; color:#d70115; }
.latest_news_area ul li:hover p{ text-decoration:underline}

/*Activities new*/
.latest_activities{ background:#fff; margin:0px 0 20px 0; position:relative; float:left; width:35%}
.latest_activities .content{padding:10px 10px ; min-height:382px;}
.latest_activities h3 span{ font-size:15px; color:#666; font-weight:normal}

.latest_activities h3{ padding:0 0 10px 0; color:#003f96; background: url(../images/bg_news_top.jpg) repeat-x  left bottom; font-weight: bold; font-size:21px;}
.latest_activities .more_news{ margin:0px auto; margin-top:15px; text-align: center}
.latest_activities .more_news a{ background:#e5f1f9; text-align: center; padding:1px 20px 3px 20px; border-radius:6px; display:block; font-size:13px; color:#003f96; display: inline-block}
.latest_activities .more_news a:hover{ background:#003f96; color:#fff100;}
.latest_activities_area{ height: auto;  }
.latest_activities_area ul{ margin:0px; padding:5px 0px; list-style:none; }
.latest_activities_area ul li{ margin-bottom:5px;  margin-left:0; line-height:18px; position:relative; clear: both}
.latest_activities_area ul li .cover{ width: 30%; float:left; display:none  }
.latest_activities_area ul li .cover img{ width: 100%; border:1px solid #fff; box-shadow:0 0 2px rgba(0,0,0,.4);}

.latest_activities_area ul li .description{ width: auto;}
.latest_activities_area ul li span{ float: left; width:25%; color:#666; font-size:13px; padding:1px 0 0 0;}
.latest_activities_area ul li p{ float: right; width:70%; line-height:19px; font-size:14px; }
.latest_activities_area ul li:hover { background:#fff100 }


.latest_activities_area ul li a{ display:block; }


.latest_activities_area .title_post{ font-size:17px; color:#003f96; padding-bottom:7px; margin-top:5px;}


/*Important Messages*/
.important_msg{ background:#fff; border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; margin:0px 0 0 0; border-top:3px solid #531468;}
.important_msg .content{padding:15px 20px 10px 20px ; }
.important_msg h3{ position:relative; height: auto; padding:0 0 15px 0; color:#531468; font-weight:normal; font-size:24px;}
.important_msg ul{ margin:0px 0 0 15px; padding:0px;  }
.important_msg ul li{ margin-bottom:10px; width: auto; line-height:18px; position:relative; }
.important_msg .more_news{ text-align: center; margin-top:20px; margin-bottom:30px; }
.important_msg .more_news a{ background:url(../images/bg_grape_more.jpg) repeat-x; text-align: center; line-height:45px; padding:0 50px; font-size:17px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,.7); color:#fff; display:inline-block; border-radius:8px;}
.important_msg .more_news a:hover{ background:url(../images/bg_orange_more.jpg) repeat-x;  }

/*upcoming events new*/

.latest_news{ border:1px solid #fff; background:url(../images/bg_notice.jpg); margin-bottom:25px; box-shadow:0px 0px 3px rgba(0,0,0,.3)}
.latest_news .title{ position:relative; color:#003f96; height:30px;}
.latest_news .title .icon{ position:absolute; left:5px; top:-5px; height:57px; width:58px; }
.latest_news .title p{ font-size:24px; padding:12px 0 0 75px; color:#0068d3; text-shadow:0px 0px 2px rgba(0,0,0,.2) ;}
.latest_news  .more_btn{ position:absolute; right:15px; top:15px; display:none}
.latest_news  .more_btn a{ background: url(../images/arrow_blue.png) no-repeat right center; font-size:15px; padding:3px 20px 5px 0px; color:#0068d3}
.latest_news  .more_btn a:hover{ color:#333}
.latest_news .content{padding:5px 15px; margin:33px 10px 15px 10px; background:#fff; }
.latest_news ul{ margin:0px; padding:0px; list-style:none;  }
.latest_news ul li{ border-bottom:1px solid #ddd; padding:5px 0px; margin-bottom:5px; line-height:15px; font-size:13px}
.latest_news ul li a{  color:#0068d3}
.latest_news ul li table{ width:100%; text-align: left}
.latest_news .description{ float:right; width:70%;}
.latest_news .box_day{ float: left; width:25%;}
.latest_news .year{ display:none}
.anniversary{ margin-bottom:20px;}
.anniversary img{ width:100%}

.latest_album{ display: none }
.latest_album h1{ font-size:17px; line-height:21px; padding:0px 0 10px 0; margin:15px 0 0 0}
.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:8px solid #fff; box-shadow:0 0 3px rgba(0,0,0,0.3); -ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
    transform: rotate(-1deg); position:absolute; left:0px; width:260px; }
.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{ position:relative; background:#fff7d9; border:3px solid #fff; box-shadow:0 0 3px rgba(0,0,0,0.3); padding:15px 15px 15px 30px; float: right; width:425px; min-height:140px; margin:15px 0px 0px 0px}
.latest_album p{ }

.userful_links{ min-height:100px; float: right; width:63%}
.userful_links h3 span{ font-size:15px; color:#666;  font-weight:normal}
.userful_links h3{ padding:0 0 0px 0; color:#003f96; font-weight: bold; font-size:21px;}

.userful_links  .more_btn{ position:absolute; right:15px; top:6px; }
.userful_links  .more_btn a{ background:#003f96; font-size:13px; padding:4px 21px; border-radius:4px; box-shadow:0px 0px 3px rgba(0,0,0,.1); color:#fff}
.userful_links  .more_btn a:hover{ background:#ff738f;  color:#fff}
.userful_links ul{ margin:0px 0 20px -1%; padding:0px; list-style:none; }
.userful_links ul li{ float:left; width:24%; margin:0 0 10px 1%;}
.userful_links ul li img{ display:block; width:100%; -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; opacity: 1; border:1px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.2)} 
.userful_links ul li img:hover{ opacity:.85; border:1px solid #003f96; }  

.userful_links_bgs{ background:#003f96; padding:15px 0px 5px 0;}
.lining_area{ float: left; width:10%;}

.userful_links_b{ float:right; width:88%;}
.lining_area h3 span{ font-size:15px; color:#fff; display:block; font-weight:normal}

.lining_area h3{ padding:0 0 0px 0; color:#fff100; font-weight: bold; font-size:21px;}



.lining_area  .more_btn{ }
.lining_area  .more_btn a{ background:#fff; font-size:13px; padding:3px 18px; border-radius:4px; box-shadow:0px 3px 3px #666 ; color:#003f96}
.lining_area  .more_btn a:hover{ background:#fff100; color:#003f96}
.userful_links_b ul{ margin:0px 0 0px -1%; padding:0px; list-style:none; }
.userful_links_b ul li{ float:left; width:19%; margin:0 0 10px 1%;}
.userful_links_b ul li img{ display:block; width:100%; -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; opacity: 1; border:1px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.2)} 
.userful_links_b ul li img:hover{ opacity:.95; border:1px solid #fff100; } 

.latest_notice{ margin-bottom:25px; }
.latest_notice .title{ position:relative; color:#f5568b; height:30px;}
.latest_notice .title .icon{ position:absolute; left:5px; top:-5px; height:57px; width:58px; }
.latest_notice .title p{ font-size:24px; padding:12px 0 0 75px; color:#f5568b; text-shadow:0px 0px 2px rgba(0,0,0,.2) ;}
.latest_notice  .more_btn{ position:absolute; right:15px; top:15px;}
.latest_notice  .more_btn a{ background: url(../images/arrow_pink.png) no-repeat right center; font-size:15px; padding:3px 20px 5px 0px; color:#f5568b}
.latest_notice  .more_btn a:hover{ color:#333}
.latest_notice .content{padding:10px 10px 10px 10px; margin:33px 0px 15px 0px; background:#fff; border:1px solid #fff; box-shadow:0px 0px 3px rgba(0,0,0,.3); }
.latest_notice ul{ margin:0px; padding:0px; list-style:none; border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd;  }
.latest_notice ul li{ border-bottom:1px solid #ddd; padding:10px; margin-bottom:0px; line-height:15px; font-size:13px; }
.latest_notice ul li, .latest_notice ul li + li + li,.latest_notice ul li + li + li + li + li{ background:#fffcce}
.latest_notice ul li + li, .latest_notice ul li + li + li + li{ background:#fff}
.latest_notice ul li a{ display:block; color:#f5568b}
.latest_notice ul li table{ width:100%; text-align: left}


.main_icon_shotcut{ margin-bottom:20px;}
.main_icon_shotcut .title{ display:none;}
.main_icon_shotcut ul{ margin:0px; list-style:none; padding:0; }
.main_icon_shotcut ul li{ margin:0;}
.main_icon_shotcut ul li img{ display:block; width:100%; box-shadow:0px 0px 2px rgba(0,0,0,.2) ;} 

.speech{ margin:20px 0px 10px; background:#fff; position:relative; border:1px solid #d90c07;}

.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 10px;}
.speech_footer{  height:16px; width:100%; text-align: center; position:absolute; bottom:-15px;}

/* Footer Section */

#footer{ background: url(../images/bg_footer.jpg) no-repeat; height:290px; }
#footer .screen{ padding:0px 0px 15px 0px}
#footer .information{ float: left; width:49%; padding:70px 0 0 0}
#footer .information ul{ list-style: none; margin:10px 0 0 0; padding:0px;}
#footer .information ul li{ padding:10px 0px 3px 38px;}
#footer .information ul li{ background:url(../images/icon_map.png) no-repeat left center;}
#footer .information ul li + li{ background:url(../images/icon_tel.png) no-repeat left center;}
#footer .information ul li + li + li{ background:url(../images/icon_fax.png) no-repeat left center;}
#footer .information ul li + li + li + li{ background:url(../images/icon_email.png) no-repeat left center;}
.slogon{ position:absolute; right:0px; width:50%; text-align:right}
.slogon img{ max-width:100%}

#footer_bg{ background:#e0f8ff; height: auto; font-size:12px; border-top:1px solid #addce9;}
#footer_bg .screen{ padding:30px 0px 60px}


#footer_bg .copy{ text-align: left; color:#333; float:left}
#footer_bg .copy a{ color:#333;}

#footer_bg .designby{ width:20%; float: right; color:#fff; text-align: right}
#footer_bg .designby a{ color:#003f96;}


.contact_info{ border-bottom:1px solid #888; padding:20px 0px; text-align: center; font-size:13px; margin-bottom:15px;}
.contact_info a{ text-decoration: underline; color:#fff}
.contact_info a:hover{ color:#f0254b; text-decoration:none }

.contact_info .c_title{ color:#ffe900; padding-right:5px; }
.contact_info .sp{ padding:0 15px; }

.nevigation{  padding:10px 0px 0 0;font-size:12px; }
.nevigation .home{ background:url(../images/icon_home.png) no-repeat; background-position:0px 5px; display: block; padding-left:25px; margin-left:8px;}
.nevigation .home:hover{ background:url(../images/icon_home.png) #fff100 no-repeat; background-position:0px 5px; }

.nevigation ul{ list-style: none; margin:0px; padding:0px; color:#003f96;}
.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{ color:#0e59ad; background:#fff100; 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:#fbfbfb; border:1px solid #ddd; position:relative; margin:30px 0 30px 0; box-shadow:inset 3px 0px 5px rgba(0,0,0,.1);}
.Album .title { background: url(../images/bg_title_black.png) #185ead  no-repeat right center; padding:10px 40px 10px 20px; display:block; position:absolute; left:-7px; color:#FFF; text-shadow:0px 0px 2px #333; font-size:19px; top:12px; text-transform:uppercase}
.Album .title_bg{ background: url(../images/bg_album_b.png) no-repeat; width:8px; height:10px; position:absolute; left:-8px; top:7px;}
.Album ul{ list-style: none; padding:55px 0% 0px 3%;}
.Album ul li{ float: left; margin:1% 2.5% 1% 0%; width:30.5%; text-align: center;  }
.Album ul li div{ } 
.Album p { padding:0 0 5px 0px; text-align:center; font-size:13px;}

.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+li+li+li+li+li+li+li+li+li{ clear:both}
.Album ul li+li+li+li+li+li+li+li+li+li+li{ clear: none}

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

.Album ul li div p{ padding:5px 10px ; min-height:30px; font-size:12px; } 

.Album ul li img{ width: auto; max-width:100%; height: auto; box-shadow:0 0 3px rgba(0,0,0,.3)}
.Album ul li img:hover{opacity: .8;}

.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:-5px; 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:#fbfbfb; border:1px solid #ddd; position:relative; margin:30px 0 30px 0; box-shadow:inset 3px 0px 5px rgba(0,0,0,.1);}
.Pdf_download .title { background: url(../images/bg_title_red.png) #fd3a5a no-repeat right center; padding:10px 40px 10px 20px; display:block; position:absolute; left:-7px; color:#FFF; text-shadow:0px 0px 2px #333; font-size:19px; top:12px; text-transform:uppercase}
.Pdf_download .title_bg{ background: url(../images/bg_album_c.png) no-repeat; width:8px; height:10px; position:absolute; left:-8px; top:7px;}
.Pdf_download ul{ list-style: none; padding:55px 1% 0px 1%;}
.Pdf_download ul li{ float: left; margin:1%; width:31%;}
.Pdf_download ul li a{ display:block; color:#333333; background:url(../images/pdf_download.png) no-repeat; background-position:5px 5px; padding:3px 3px 3px 35px; font-size:15px; text-align:left}
.Pdf_download ul li a:hover{ color:#d00324}
.Pdf_download ul li+li+li+li{ clear:both;}

.Pdf_download ul li+li+li+li+li{ clear: none;}

.Curriculum_box{ border:1px solid #ddd; padding:5px;}
#liner ul{ list-style: none; padding:0px 1% 0px 1%;}
#liner ul li{ float: left; margin:1%; width:98%;}



.cd-top {
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 90px;
  right: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;  border:1px solid #ddd; box-shadow:0px 0px 5px rgba(0,0,0,.1);
  background: #003f96  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: #666  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; top:0px;}

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

.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:#003f96 ; color:#fff;  padding:8px 10px; margin-bottom:5px; }
.main_container .notice .top:hover{ background:#003f96;}
.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:10px; color:#666; font-size:13px; }

.btn_back{ text-align: center; margin-top:20px; margin-bottom:30px; }
.btn_back a{ background:#457ae6; text-align: center; line-height:45px; padding:0 50px; font-size:17px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,.7); color:#fff; display:inline-block; border-radius:8px;}
.btn_back a:hover{background:#ffa200;   }


.contactus{}
.contactus .info{ float: left; font-size:15px; width:50%}
.contactus .info table{ margin:15px 0; padding:0px; border-collapse:inherit}
.contactus .info table td{ padding:0px 5px 5px 0px; text-align: left;}
.contactus .info .title_contact{ padding-right:20px; color:#333 }
.contactus .info table a{ text-decoration:underline}
.contactus .info table a:hover{ text-decoration:none}
.maparea{ margin:0px 0px; box-shadow: 0px 0px 3px #ccc; padding:1px; float:right; width:48%;}
.maparea iframe{ width:100%; height:450px;}
.contact_form{ float: left; }

.blue_title{ color:#003f96}

.maparea_contact{ margin:0px 0px; box-shadow: 0px 0px 3px #ccc; padding:2px; float:right; width:49%;}
.maparea_contact iframe{ width:100%; height:450px;}


.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:#734baa }

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

.container{  height: auto; background:url(../images/bg_home.png) top center #fff no-repeat;}
.content_white_bg{}

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


#type_B .news_edit_area{ float:left; width:45%;}
#type_B .Album{ float: right; width:50%; margin:0px 0 30px 0}
#type_B .btn_back{ float:left; margin:30px 0px;}


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

.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:#003f96; }



.arrowlistmenu{ width:23%; float: left; position:relative; background: rgba(255,255,255,1);  }
.arrowlistmenu .boxder{ padding:0px; }
.arrowlistmenu .title { color:#fff; background: rgb(65,191,241);
background: -moz-linear-gradient(top, rgb(65,191,241) 0%, rgb(9,127,179) 100%);
background: -webkit-linear-gradient(top, rgb(65,191,241) 0%,rgb(9,127,179) 100%);
background: linear-gradient(to bottom, rgb(65,191,241) 0%,rgb(9,127,179) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41bff1', endColorstr='#097fb3',GradientType=0 );  text-align: center; padding:20px 0px 20px 0px; }
.arrowlistmenu .title p { font-size:21px; text-align: center } 


.arrowlistmenu .menuheader{ padding:10px 5px 10px 20px; font-size:15px; border-bottom:1px solid #ddd; color:#333; cursor: hand;cursor: pointer; display:block; }
.arrowlistmenu .menuheader:hover{ color:#003f96; text-decoration:none;background:#e4faff}
.arrowlistmenu a.current{color:#1798cf; background:#c4eefc} 
.arrowlistmenu a.current:hover{color:#1798cf; background:#c4eefc} 

.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 ;  background-position:95% 50%;  }
.arrowlistmenu .expandable:hover{color:#333; background: url(../images/plus_blue.png) no-repeat #eaf9ff ;  background-position:95% 50%;}
.arrowlistmenu .openheader, .arrowlistmenu .openheader:hover{background: url(../images/plus_blue_close.png) no-repeat #eaf9ff; background-position:95% 50%; color:#333; border-bottom:0px; padding-left:20px;}
.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:0px; border-bottom: 1px solid #ddd;}

.arrowlistmenu ul li a{
color: #555; font-size:13px;
background: url(../images/arrow_.png) no-repeat;  
display: block; padding: 5px 0 5px 30px; background-position:10px 12px;
text-decoration: none; 
}
.arrowlistmenu ul li a:hover, .arrowlistmenu ul li a.current {color: #ff858e; background: url(../images/arrow_over.png) no-repeat #FFF; text-decoration:underline; background-position:10px 12px;}
.arrowlistmenu ul li a:hover{ color:#ff858e }
.arrowlistmenu ul li a.subexpandable:hover{ background: #f7f4eb;}

.inner_content{ width:75%; float:right; padding-bottom:5px; line-height:24px}
.inner_content_full{ padding-bottom:60px; line-height:19px}

#type_B .inner_content{ width:100%; background: none; }




.main_container{ }
.main_container .container_inner { padding:20px 30px; text-align:justify; position:relative; line-height:23px ; background: #fff; border-top:3px solid #003f96; min-height:400px}

.main_container .container_inside { padding:0px; text-align:justify; position:relative;}

.main_container a { text-decoration:none}
.main_container a:hover { text-decoration: underlinen}

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

.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:#6f4696; background: #fff; font-size:15px;  border:1px solid #6f4696;-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: #333; color:#fff; border:1px solid #000; }
.top_sub_category ul li a.current{ background: #6f4696; color:#fff; border:1px solid #333; }

.album_photo{ text-align: center}
.album_photo .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 30px; display:block; color:#333; background: #fff; font-size:15px;  border:1px solid #ddd;  }
.album_category ul li a:hover{ background: #ffc514; color:#fff}
.album_category ul li a.current{ background: #6f4696; color:#fff}

.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; background:#fff; box-shadow:0px 1px 5px #ccc; width:18%; padding:0%; position:relative; margin-left:2%; margin-bottom:20px; }
.album_cotent ul li:hover{ background:#dff0c8; box-shadow:0px 1px 5px #ccc; color:#333; }
.album_cotent ul li a{ text-decoration:none }
.album_cotent ul li a:hover{ text-decoration:none }

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

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

.album_photo_datebox{ background: #f7f7f7; padding:10px; border:1px solid #ddd; 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:#d0efa5; 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%; height:auto;}

.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_area ul{ list-style: none; padding:0% 0% 0% 0%; }
.news_area ul li{ position:relative; padding:8px 0px; border-bottom:1px dotted #ddd;}

.news_area ul li .Latest_news_Contetent{ border: 0px solid #fff;}
.news_area ul li p{ padding:2px 0;  text-align:left; margin-bottom:0px;}
.news_area ul li img{ max-width:100%; border:1px solid #ddd; padding:1px; height: auto; overflow:hidden}
.news_area ul li .Date{ float: left; color:#666; width:15%;}
.news_listing ul li .Title{ color:#003f96;}
.news_area ul li:hover .Title{ color:#ff9c00}


.News {background:#fff; position:relative; margin-bottom:30px;}
.news_listing ul{ list-style: none; padding:0% 0% 0% 0%; margin-right:-2%}
.news_listing ul li{ float: left; margin:0px 2% 10px 0%; width:18%; 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{ max-width:100%; border:1px solid #ddd; padding:1px; height: auto; overflow:hidden}
.news_listing ul li .Date{ color:#666; margin:5px 0 0 0; font-size:12px; display:none}
.news_listing ul li .Title{ color:#003f96; min-height:40px; line-height:15px; font-size:14px}
.news_listing ul li:hover .Title{ color:#003f96}

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

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


.news_listing ul li .prev{
   width:100%; 
   opacity: 1;
   background-color: rgba(0,0,0, 0.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; 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 .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;}

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

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

.M_only{ display: none}

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

#scrollbar1 .viewport { width: 730px; height: 340px; overflow-y:scroll; position: relative; margin:5px 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; }
.Banner_position img{ width:100%; }

.right_about_content{ float:right; width:65%;}

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