/*alan*/
ul {
	list-style:none;
	}
	a:focus{
	 outline:#43B5FC solid thin;
	}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend, 
	input,textarea,p,blockquote,th,td,label{
		font-family:微軟正黑體 ,新細明體 , Arial, Helvetica, sans-serif;
	}
	
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend, 
	input,textarea,p,blockquote,th,td,label {
	margin:0;
	padding:0;
	}
	
	fieldset,img {
	border:0;
	}
	a{
	 outline: none; /* for Firefox */
	 text-decoration:none;
	}
	
	.clearfix:before,
	.clearfix:after {
	  content: "";
	  display: table;
	}
	.clearfix:after {
	  clear: both;
	}
	.clearfix {
	  *zoom: 1; /*For IE 6&7 only*/
	}
	
	* { 
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	 box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	#fancybox-wrap, #fancybox-wrap * {
		box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
	}
	
	
	
	
	
	
	/*in_style*/
	
	
	
	
	body {
		width:100%; height:100%;
		background-color: #fff;
		margin: 0px;
		padding: 0px;
	}
	#all {
		width: 996px;
		margin: auto;
		
	
	}
	#header {
		height: 380px;
		position: relative;
	}
	#wallpaper {
		width:100%; 
		height:100%;	
		background-image: url(../in_images/01/wallpaper.jpg);
		background-repeat: no-repeat;
		background-position: top;
		display:table;
	
	}
	#logo {
		top:20px;
		left:26px;
		position: absolute;
	}
	#nav {
		font-size: 90%;
		font-weight:bold;
		float:right;
		margin-top:11px;
		margin-right:26px;
		color: #000;
		letter-spacing: 1px;
	}
	#nav a {
		color: #1d57a7;
		text-decoration: none;
	}
	#nav a:hover {
		color: #830000;
	}
	#nav a:focus {
		color: #830000;
	}
	
	.size_word {
		float:left; 
		padding:2px 5px 0 0 ;
		
	}
	.size_word a{
		margin:10px 0 0 0;
	}
	
	#main_type{float: right}
	
	#banner_main{position:absolute; top:43px; left:500px;}
	#banner_box{
		width:552px; 
		height:239px; 
		background-image:url(../in_images/banner_box2.png); 
		z-index:99; 
		position:absolute
		}
	
	.size {
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		letter-spacing: 1px;
		float: left;
		margin-right: 8px;
		background-image: url(../images/01/size.gif);
		background-repeat: no-repeat;
		background-position: center top;
		height: 21px;
		width: 21px;
		font-size: 80%;
	}
	.size a {
		display: block;
		color: #000;
		text-decoration: none;
		height: 21px;
		text-align: center;
	}
	#header ul{
		clear: both;
		padding:0 10px;
		position: absolute;
		top: 320px;
	}
	#header ul li {
		list-style-type: none;
	}
	.header_menu {
		width:138px;
		height: 44px;
		margin:0 ;
		float: left;
	}
	.header_menu a:hover {
		background-position: right;
	}
	.header_menu a:focus {
		background-position: right;
	}
	.header_menu- {
		background-position: right;
	}
	
	/*副選單*/
	
	#header_menu li{
		position:relative;
	
		}
	.sub{
		min-width: 100px; /* Set width of the dropdown */
		/*display: none;*/
		position: absolute;
		z-index: 999;
		top:0px;
		left: 0;
		padding:5px 0;
	
	}
	.sub_t{
		width:144px; 
		height:40px;
		background: url(../in_images/01/header_sub_bg.png) no-repeat bottom;
		}
	.sub_m{
		width:144px; 
		background: url(../in_images/01/header_sub_bg2.png); 
		padding:0 10px;
		}
	.sub_b{
		width:144px; 
		height:12px; 
		background-image: url(../in_images/01/header_sub_bg3.png)
		}
	
	.sub dt {
		display:block;
		font-size: 95%;
		background-image: url(../in_images/01/memu_point.png);
		background-repeat: no-repeat;
		background-position: 5px 9px;
		border-bottom:1px #1d57a7 dotted;
		padding:5px 0 5px 20px;
	
		}
	.sub dt a{
		background-image: none;
		display:block;
		font-weight:bold;
		color:#000;
		}
	.sub dt a:hover{
		color:#830000;
		}	
	
	
	
	
	
	
	
	.search_bn {
		margin-bottom: -6px;
		*
		margin-bottom: -5px;
	}
	
	
	.menu01 a {
		height:100%;
		background-image: url(../images/01/memu01.png);
		display: block;
	}
	.menu02 a {
		height:100%;
		background-image: url(../images/01/memu02.png);
		display: block;
	}
	
	.menu03 a {
		height:100%;
		background-image: url(../images/01/memu03.png);
		display: block;
	}
	.menu04 a {
		height:100%;
		background-image: url(../images/01/memu04.png);
		display: block;
	}
	.menu05 a {
		height:100%;
		background-image: url(../images/01/memu05.png);
		display: block;
	}
	
	.menu06 a {
		height:100%;
		background-image: url(../images/01/memu06.png);
		display: block;
	}
	.menu07 a {
		height:100%;
		background-image: url(../images/01/memu07.png);
		display: block;
	}
	
	#con {
		margin:18px 0 35px 0;
	
	}
	
	
	
	#article {
		float: left;
		width: 475px;
		box-sizing: border-box;
		margin:0 8px;   
	}
	
	.place {
		background-image: url(../images/01/place_point.png);
		background-repeat: no-repeat;
		background-position: 0px 2px;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 84%;
		letter-spacing: 1px;
		position: absolute;
		right: 3px;
		top: 10px;
		font-weight: normal;
		padding-left:15px;
	}
	.place a {
		text-decoration: none;
		color: #000;
	}
	.place a:hover {
		color: #830000;
	}
	.place a:focus {
		color: #830000;
	}
	
	
	#FontSizeArea{}
	
	
	#content {
		font-size: 95%;
		color: #000;
		line-height: 180%;
		letter-spacing: 1px;
	}
	#con_img {
		background-image: url(../images/01/con_bg.jpg);
		background-repeat: no-repeat;
		background-position: left bottom;
	
	}
	#table {
		padding: 0px;
		color:#FFF;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	#table li  {
		width:730px;
		margin:auto;
		list-style-type: none;
	}
	.table_bg {
		height: 38px;
		background-image:url(../images/tab_bg.png);
		padding:5px 0px 5px 25px;
		margin-bottom:10px;
		box-sizing: border-box;    
	}
	.table_bg2 {
		background-color: #bdd7f1;
	}
	.table_title {
		width:176px;
		font-size: 95%;
		float: left;
		letter-spacing: 1px;
		line-height: 150%;
	}
	.table_word {
		font-size: 95%;
		color: #000;
		float: left;
		letter-spacing: 1px;
		line-height: 150%;
		padding:5px 0 5px 20px;
		width: 176px;
		background-repeat: no-repeat;
		background-position: 10px 14px;
		box-sizing: border-box;    
	}
	
	
	
	#title_bn {
		margin-bottom: 10px;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 95%;
	}
	
	.data_bn {
		float: left;
	
		*padding-right: 0px;
		_padding-right: 0px;
	
		*padding-left: 0px;
		_padding-left: 0px;
		margin-top: 7px;
		margin-left: 10px;
	}
	.clean {
		clear: both;
	}
	#page {
		font-size: 84%;
		color: #000;
		letter-spacing: 1px;
		text-align: center;
		font-weight:bold;
	}
	
	#footer_bg {
		background-image: url(../in_images/01/footer_bg.jpg);
		background-repeat: repeat-x;
		background-position: center bottom;
	}
	
	#footer {
		height: 160px;
		padding-top:60px;
		text-align:center;
		box-sizing: border-box;    
	
	}
	`
	#footer_info{
		margin-top:10px; 
		padding-top:20px
		}
	
	
	.footer_word {
		letter-spacing: 1px;
		font-size: 84%;
		color: #FFF;
		line-height: 180%;
	}
	
	.footer_word span {
		color: #712417;
		font-weight:bold;
		
	}
	.footer_word a {
		color: #ffb459;
		text-decoration: none;
		font-weight:bold;
	}
	.footer_word a:hover {
		color: #830000;
	}
	.footer_word a:focus {
		color: #830000;
	}
	
	#goback {
		margin:30px 0 32px;
		text-align: right;
	}
	.clogo {
		background-image: url(../images/a.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		height: 31px;
		width: 88px;
		float: left;
		margin-right: 20px;
		clear: both;
	}
	
	
	
	#left{width:210px; float:left}
	#left_t{}
	#left_t .title{padding:10px;}
	#School_title{ 
		width:103px; 
		height:42px; 
		background-image:url(../in_images/01/left_title.png); 
		float:left
		}
	.more_bth{ 
		width:54px; 
		height:21px; 
		background:url(../in_images/01/more_bth.png); 
		background-repeat:no-repeat; 
		float:right; 
		margin:10px 
		}
	.more_bth a{display:block;height:100%;}
	#left_t_main{background-color:#1d57a7; overflow:hidden; padding:0 4px}
	#left_t_main li{border-top:1px #738eb3 solid; margin-top:-2px; padding:5px 0; }
	#left_t_main span{width:100px; height:68px;display:block; float:left }
	#left_t_main li span{
		height: 77px;
		background-repeat: no-repeat;
		background-color: #1e57a8;
		background-position-y: -4px;
	}
	#left_t_main p{color:#fff;text-align:center;}
	#left_t_main span a{display:block;height:100%;padding-top: 42px;font-size:95%;}
	
	#left_m{ margin:5px 0}
	#left_m .title{padding:10px;}
	#student_title{ 
		width:103px; 
		height:42px; background-image:url(../in_images/01/left_title2.png); 
		float:left
		}
	
	#left_m_main{}
	#left_m_main li{width:200px; height:39px; margin:3px auto; }
	#left_m_main li a{
		display:block;
		height:100%; 
		color:#1d57a7; 
		font-size:110%; 
		font-weight:bold;
		padding:8px 0 0 70px
		}
	
	
	#left_b{width:200px; margin:10px auto}
	
	#left_b_title{
		width:200px; 
		height:60px; 
		background-image:url(../in_images/01/left_b_01.png); 
		padding:10px 0
		}
	#left_b_bg{width:200px; height:17px; background-image:url(../in_images/01/left_b_02.png)}
	
	#left_b_main{width:200px; background-color:#bdd7f1; padding:10px;}
	#left_b_main li{
		font-size: 95%; 
		background-image: url(../in_images/01/02.gif);
		background-repeat: no-repeat;
		background-position: 5px 12px;
		border-bottom: 1px #1d57a7 dotted;
		padding: 4px 0 4px 20px;
		}
	#left_b_main li a{display:block; color:#000;height:100%; font-size:110%}
	#left_b_main li a:hover{color:#1d57a7;}
	
	
	#news_marquee {
		width: 475px; 
		height:25px;
		font-size:95%;
		overflow: hidden;
		margin-top:20px;
		margin-bottom:15px;
		}
	
	#news_marquee a {
		color: #830000;
		font-size: 100%;
		font-weight:bold;
		line-height: 160%;
	}
	#news_marquee a:hover, #news_marquee a:focus {
		color: #000;
	}
	
	.news{ margin-bottom:22px}
	.news_tt{border-bottom:5px #1d57a7 solid;}
	.news_tt li{
		width:100px; 
		height:35px;  
		float:left;
		text-align:center; 
		line-height: 34px; 
		margin-right:5px; 
		}
	.news_tt li a{
		display:block; 
		color:#1d57a7;
		height:100%; 
		font-size:110%; 
		font-weight:bold;
		}
	.news_tt li a:hover{ background-image:url(../in_images/01/news_tag_bg.png); color:#fff}
	.news_tt .news_tt- a{ background-image:url(../in_images/01/news_tag_bg.png); color:#fff}
	.news_tt .more_bth{ margin:5px }
	
	
	#latestevent {
		color:#FFF;
		padding: 0px;
	}
	#latestevent li  {
		margin: auto;
		list-style-type: none;
		height:33px;
		overflow:hidden;
	}
	.latestevent_bg {
		height: 38px;
		background-image: url(../images/tab_bg.png);
		padding: 8px 50px 5px 25px;
		box-sizing: border-box;    
	}
	
	.latestevent_bg2 {
		background-color: #bdd7f1;
	}
	
	
	.latestevent_word {
		font-size: 95%;
		color: #000;
		float: left;
		letter-spacing: -1px;
		line-height: 150%;
		padding:5px 0 5px 30px;
		width: 314px;
		background-image: url(../in_images/01/sub_point.png);
		background-repeat: no-repeat;
		background-position: 15px 12px;
		overflow:hidden;
		height:35px;
		
	}
	
	
	.latestevent_word a {
		color: #000;
		text-decoration: none;
	}
	
	.latestevent_word a:hover {
		color: #1d57a7; bot
	}
	
	.latestevent_unit {
		float: left;
		font-size: 95%;
		color: #1d57a7;
		line-height: 150%;
		padding: 5px 0;
		width: 60px;
		text-align: center;
	}
	
	
	.latestevent_date3 {
		float: right;
		font-size: 95%;
		color: #1d57a7;
		line-height: 150%;
		padding: 5px 0;
		width: 100px;
		text-align: center;
	}
	
	#right{float:left; margin-top:25px;}
	#right_t{
		width:291px; 
		height:340px; 
		background-image:url(../in_images/01/right_t_bg.png); 
		padding:52px 20px 0
		}
	
	#right_t .title{border-bottom:3px #b7b7b7 solid; padding-bottom:10px;}
	#activity_title{ 
		width:103px; 
		height:42px; 
		background-image:url(../in_images/01/right_title.png); 
		float:left
		}
	
	.slideshow {width: 226px;  height:166px; margin:15px auto }
	.slideshow a{display:block;width: 226px;  height:166px; }
	.slideshow .link{display:block;width: 226px;  height:26px; overflow:hidden; }
	.slideshow img {  }
	
	
	#right_b_title{width:292px; height:69px; background-image:url(../in_images/01/right_b_top.jpg)}
	#right_b{ margin:15px 0}
	#right_b_main{ 
		width:290px;
		background-color:#bdd7f0; 
		margin:0 1px; 
		padding:10px;
		}
	#right_b_main li{ text-align:center; margin:15px 0}
	#right_b_main li a{display:block;height:100%; }
	#right_b_bg{width:292px; height:26px; background-image:url(../in_images/01/right_b_bottom.jpg)}
	
	#bottom{
		width:996px; 
		height:85px; 
		background-image:url(../in_images/01/bottom_bg.png)}
	#carousel{
		height: 40px;
		text-align: center;
		margin: 0px;
		position: relative;
		overflow: hidden;
		}
	#message{
		margin: auto;
		padding:0;
		overflow: hidden;
		}
	#carousel ul{
		list-style:none;height: 40px;
		float: left;
		width: 100%;
		margin: 0px ;
		overflow: hidden;
		clear: both;	
		}
	
	#carousel li{
		width:189px;
		height:40px;
		float:left;
		overflow:hidden;
		text-align:center
		}
	
	
	
	
	
	.right_c a {
		display: block;
		margin: 8px auto;
		border: solid 1px #e2e2e2;
	}
	
	.foo{
		display: inline-block;position: absolute;    left: calc(50% - 523px);transform: translateX(-50%);
	}
	
	
	@media (max-width: 1095px){

		#footer .foo{
			left: 63px !important;
			transform: translateY(-27px) !important;
		}
	   }