@charset "utf-8";

body		{font-size: 80%;}
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, ul, li
{
	margin: 0px;
	padding: 0px;
	border:none;
	outline: 0px;
	font-weight:normal;
	font-style:normal;
	line-height: normal;
	color:#333333;
	font-family: Verdana, Arial,"微軟正黑體", "新細明體",  sans-serif;
}

table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0px;
	padding: 0px;
	outline: 0px;
	font-weight:normal;
	font-style:normal;
	line-height: normal;
	color:#333333;
	font-family: Verdana, Arial,"微軟正黑體", "新細明體",  sans-serif;
	
}

input {font-family:Verdana, Arial,"微軟正黑體", "新細明體",  sans-serif;}
table {border-collapse: collapse; border-spacing: 0;}
ul 			{list-style:none;}
a img,
:link img,
:visited img {border:none;}

/*去除連結虛線框*/
a		{blr:expression(this.onFocus=this.blur());}
a:focus {-moz-outline-style: none; } 

/*clearfix*/
.clearfix:after { 
content: "."; 
height: 0; 
clear: both; 
visibility: hidden;
} 
.clearfix						{display: inline-block;} 
html[xmlns] .clearfix	{display: block;}
* html .clearfix			{height: 1%;}

/*chrome*/

/*A*/
a:link			{color:#666666;outline:none;text-decoration:none;}
a:hover		{
	text-decoration:none;
	outline:none;
	color:#333333;
}
a:visited	{color:#666666;outline:none}

.textInput			{background:#F3F3F5; padding:7px 10px; border:0; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-top:1px solid #bbb; border-left:1px solid #bbb; position:relative; -webkit-box-shadow:inset #ccc 1px 1px 3px; -moz-box-shadow:inset #ccc 1px 1px 3px; box-shadow:inset #ccc 1px 1px 3px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(css/PIE.htc); color:#333}
.textInput:focus	{background:#FFC;  border:1px solid #CC9; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
label					{cursor:pointer;}
input[type="text"]	{}
/*select*/
select{margin:0;font-size:100%;vertical-align:middle;}
select{cursor:pointer;}

select{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
select{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle;}

select{font-size:14px;font-weight:normal;line-height:20px;margin:0;font-size:100%;vertical-align:middle;}
select{height:30px;*margin-top:4px;line-height:30px;}
select{width:200px;border:1px solid #cccccc;background-color:#ffffff;}
select[multiple],select[size]{height:auto;}
select:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}

.btnstyle,
.btnstyle:link,
.btnstyle:visited	{border:1px solid #D4D4D4; padding:6px 15px; cursor:pointer; position:relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(css/PIE.htc);text-shadow: 0 0 0, 1px 1px 1px #fff; color:#666; font-family:"微軟正黑體"; font-size:13px; text-decoration:none;
background: #F6F6F8;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F6F8), to(#ECECEE));
background: -webkit-linear-gradient(#F6F6F8, #ECECEE);
background: -moz-linear-gradient(#F6F6F8, #ECECEE);
background: -ms-linear-gradient(#F6F6F8, #ECECEE);
background: -o-linear-gradient(#F6F6F8, #ECECEE);
background: linear-gradient(#F6F6F8, #ECECEE);
-pie-background: linear-gradient(#F6F6F8, #ECECEE);}
.btnstyle:hover		{color:#000;}
.btnstyle:active 	{position:relative; top:1px;}

.btnSumbit,
.btnSumbit:link,
.btnSumbit:visited 	{border:1px solid #263039; padding:6px 15px; cursor:pointer; position:relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(css/PIE.htc);text-shadow: 0 0 0, 1px 1px 1px #000; color:#fff; font-family:"微軟正黑體";font-size:13px; font-weight:bold; text-decoration:none;
background: #404E57;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#404E57), to(#2F3C45));
background: -webkit-linear-gradient(#404E57, #2F3C45);
background: -moz-linear-gradient(#404E57, #2F3C45);
background: -ms-linear-gradient(#404E57, #2F3C45);
background: -o-linear-gradient(#404E57, #2F3C45);
background: linear-gradient(#404E57, #2F3C45);
-pie-background: linear-gradient(#404E57, #2F3C45);}
.btnSumbit:hover	{color:#ccc;}
.btnSumbit:active 	{position:relative; top:1px;}

.clear{clear:both;}
/*main*/
body					{background-color:#ffffff;}
.mainContainer			{ /*
width:900px; height:200px; margin:20px auto;
/*
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #F90;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FC3), to(#E78B01));
background: -webkit-linear-gradient(#FC3, #E78B01);
background: -moz-linear-gradient(#FC3, #E78B01);
background: -ms-linear-gradient(#FC3, #E78B01);
background: -o-linear-gradient(#FC3, #E78B01);
background: linear-gradient(#FC3, #E78B01);
-pie-background: linear-gradient(#FC3, #E78B01);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
filter:alpha(opacity=100);opacity:1.0;zoom:1;
behavior:url(css/PIE.htc);  

position:relative;*/}


/*-------------------------------------index--------------------------------------------*/
.page-wrapper				{border-top:2px solid #025b81;}
header                      {margin: 0 auto;max-width: 940px;position: relative;text-align: center;top: 0;width: 100%;z-index: 1;}
.logo                        {height: 110px; float:left; }
.logo:hover                  {filter:alpha(opacity=70);opacity:0.7;}

nav 									{clear:left;}
#topnavi>ul								{width:940px;margin:0 auto;}
#topnavi								{background:url(../image/navbg.gif) repeat; }			
#topnavi	 li							{display:inline-block;}
#topnavi	 a:link,
#topnavi	 a:visited					{color:#fff; text-decoration:none; display:inline-block; padding:15px 30px;}
#topnavi	 a:hover					{background:#025b81; }
#topnavi	 li.current a				{background:#025b81;}
#topnavi	 li.current	.subnavi		{}
#topnavi span {color:#fff; }
/*.subnavi:after                              {content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-bottom: 6px solid #025b81; position: absolute; top: -4px; left: 10px;}
*/
.subnavi                                    {position:absolute; display:none; width: auto; border-top: 5px solid #fff; background: #025b81; z-index:9999; opacity : 0.9;filter : alpha(opacity=90);}
.subnavi .inner								{width:200px;}
.subnavi ul									{ }
.subnavi li									{display:block!important;border-bottom:1px #eeeeee solid; }
.subnavi li a:link,
.subnavi li a:visited						{ display:block!important;padding:10px 35px!important;font-size:13px;min-width:90px;}
.subnavi li a:hover							{color:#025b81!important;background:#ccc!important;}

.mainContainer							   {width:940px; margin:auto; display:block; margin-bottom:20px;}
.wrappercontent                            {background:url(../image/) repeat; width:100%;min-height:400px;}
.indphoto                                  {margin-top:10px; height:224px; border-top:3px #666666 solid; border-bottom:3px #666666 solid; border-right:1px #cccccc solid; border-left:1px #cccccc solid;}
.gallery                                   {float:right;}


/*上方的連結toplink*/

.toplink                        {float:right; }
.toplink ul li.goindex			{background-image:url(../image/toplinkhome.png);padding: 0 0 0 8px;}
.toplink ul li.toplinklogin		{background-image:url(../image/toplinklogin.png);padding: 0 0 0 8px;margin-left: 30px;}
.toplink ul li.toplinklogout	{background-image:url(../image/toplinklogin.png);padding: 0 0 0 8px;margin-left: 30px;}
.toplink ul li.toplinkgear		{background-image:url(../image/toplinkgear.png);padding: 0 0 0 8px;}
.toplink ul li:hover		{filter:alpha(opacity=70);opacity:0.7;}
.toplink ul li a 			{line-height: 20px;font-size: 12px;padding: 0 0 0 7px;}
.toplink ul li 				{background-image: url(../image/toplinkline.png);background-repeat: no-repeat;background-position: left;float: left;margin-right: 7px;padding: 0 0 0 7px;}
.topname 					{float: right;text-align: right;margin-top:30px;width: 330px;padding: 5px;position:absolute;}
.topname span				{background: #F0F0F0;padding: 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
box-shadow: 2px 2px 2px rgba(20%,20%,40%,0.5);-moz-box-shadow: 2px 2px 2px rgba(20%,20%,40%,0.5);-webkit-box-shadow: 2px 2px 2px rgba(20%,20%,40%,0.5);}

/*end___toplink*/


/*入口專區*/
.enterman                               {float:left; width:165px; height:235px; background:#fff;overflow: hidden;border-left: 1px solid #ccc;border-bottom:#cccccc dashed 1px;}	
.enterman	 ul							{}
.enterman	 li							{display:inline-block; border-bottom:#cccccc dashed 1px; width:165px; height:44px; text-align:center;}
.enterman ul li:last-child				{border-bottom:none;}
.enterman	 a:link,
.enterman	 a:visited					{text-decoration:none; display:inline-block; font-size:14px; line-height:44px}
.enterman	 a:hover					{}
.enterblock              {width:165px; height:44px;}

.enter1                  {background-image:url(../image/enter1_en.gif);}
.enter2                  {background-image:url(../image/enter2_en.gif);}
.enter3                  {background-image:url(../image/enter3_en.gif);}
.enter4                  {background-image:url(../image/enter4_en.gif);}
.enter5                  {background-image:url(../image/enter5_en.gif);}
.enterblock:hover{filter:alpha(opacity=70);opacity:0.7;}
/*end 入口專區*/


#vvindex aside{float:right; width: 272px;}
aside{float:left;}
.news {float:left;}
.intro{float:left;width:620px;}










/*內文*/
.aside                     {float:left; width: 200px;}
.content                  {float:right; width:700px;border-top: 3px #00a6eb solid;margin-top: 10px;}
#activityDetail .content,#bulletinDetail .content,#courseExperience .content{border:none;}
.gridtop{margin-top:10px;}
.gridtop20{margin-top:30px;}
.grid                     {display: inline; float: left; margin-right:20px;}

.boxcontent               {padding:5px 0px 10px 5px; }
.boxcontent ul li         {text-align:center;}
.boxcontent ul li img     {height:auto;width:150px;margin-top:5px;border:4px #fff solid;}

.title                    {width:700px; height:40px;  background:#78c3e3; vertical-align: middle; border-bottom:3px solid #507f93;} 
.indtitle                 {font-size:18px; line-height:42px; padding-left:10px; color:#fff;}
.title2                   {width:220px; height:45px;   vertical-align: middle; border-bottom:1px solid #2AA9F0;} 
.indtitle2                {font-size: 18px;line-height: 42px;padding-left: 10px;color: #2AA9F0;}
.titlered                 {width:220px; height:45px;  background:#F90; vertical-align: middle; border-bottom:3px solid #930;}        
.moredetail               {background:url(../image/more.gif); float: right; position:relative; top:-30px;width:60px;height:23px;}
.newstype				  {font-size: 12px;display: block;float: left;width: 60px;text-align: center;border: 3px solid #00a6eb;background: #00a6eb;color: #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin-right: 5px;text-decoration: none;}



/*---vvindex---*/
#vvindex .newstype{font-size:12px;display: block;float: right;width: 90px;text-align: center;border: 3px solid #00a6eb;background:#00a6eb;color: #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin-right: 5px;text-decoration: none;}
#vvindex .youtube{background-color:#ccc;}
#vvindex .index_content iframe,.intro iframe{ width: 620px;height: 325px;}
#vvindex .footer iframe { width: 470px;height: 246px;}
#vvindex .index_content{width:620px;float:left;}
#vvindex .index_side{width:270px;margin-left:50px;float:right;}
#vvindex .index_title{width: 620px;border-top: 5px #00a6eb solid;padding-top: 30px;}
#vvindex .index_content p 		{display: block;font-size:14px;width: 570px;padding-left:10px;}
#vvindex .indtitle				{line-height:0px;color:#6F6F6F;padding-bottom: 10px;}
#vvindex .indtitlechange   	    {color:#004ea2;font-size:18px; padding-left:10px;}

#vvindex .moredetail    {background:none;position: static;float: none;}
#vvindex .moredetail a  {color: #00a6eb;background:none;font-size: 12px;}
#vvindex .title			{width:620px}
#vvindex .pointblock    		 {float: left;width: 270px;height: 180px;margin-bottom: 10px;}            
#vvindex .pointblock img                {margin: 5px;float:right;max-width: 90px;max-height: 90px;filter:alpha(opacity=100);opacity: 1;}
#vvindex .pointblock:hover img 		   {filter:alpha(opacity=70);opacity: 0.7;}
#vvindex .pointblock h3                 {font-weight:bolder; size:16px;margin: 12px 0px 0px 12px;color:#fff;}
#vvindex .pointblock p                  {margin-left:12px; color:#fff;}
#vvindex .pointblock.color1			   {background: #52B6DF;}
#vvindex .pointblock.color2			   {background: #8cba00;}
#vvindex .pointblock.color3			   {background: #323232;}
#vvindex .pointlast{margin-bottom: 30px!important;}

#vvindex .eventpic                 {width: 270px;margin-bottom: 10px;}
#vvindex .indtitle_side 		   {font-size: 18px;display: block;color:#6F6F6F;padding-top: 30px;padding-bottom: 10px;
width: 270px;height: auto;
border-top: 5px #00a6eb solid;
padding-top: 30px;
padding-bottom: 10px;
}
#vvindex .sideimg img{width: 80px;height: 80px;filter: alpha(opacity=70);opacity: 0.7;margin: 0 4px 0 4px;}
#vvindex .sideimg li{margin-bottom: 8px;float: left;}
#vvindex .sideimg li:hover img{filter:alpha(opacity=100); opacity: 1;}


#vvindex table.list									{width:620px;}
#vvindex table.list tbody td.indexnewstype{width:110px;text-align: center;}
table.list									{width:700px;}
table.list thead	th,
table.list thead td						{background:#e9e9e9; color:#FFF; padding:5px; border-bottom:1px solid #ccc;}
table.list tbody th						{text-align:center; width:50px;}
table.list tbody th,
table.list tbody td						{background:#e9e9e9;padding:5px 10px; border-right:1px solid #fff; border-bottom:8px solid #fff; line-height:160%; text-align:left;}
table.list tfoot th,
table.list tfoot td						{ vertical-align:top;}
table.list tfoot th						{padding-top:10px;}

table.list td.pic							{text-align:center; width:70px;}
table.list td.amount						{text-align:center;}
table.list td.newstitle						{font-size:12px;}
table.list td.price						{text-align:right; font-size:14px;}
table.list td.total						{text-align:right; border-right:0px!important; font-size:14px;}
table.list tbody  b						{}
table.list td .textInput					{width:30px;text-align: center;}
table.list td a:hover		     { color:#00a6eb;}
table.list tbody td.newsdate {border-right: 10px solid #fff;background: #00a6eb;color: #fff;width: 55px;height:40px;padding: 4px;text-align: center;font-family: "Verdana";}
table.list tbody td.newsdate span{color: #fff!important;line-height: 22px;font-family: "Verdana";}
table.list tbody td.indexnewstype{width:100px;color:#00a6eb;font-size: 12px;}
span.dateyear{position: relative;left: 10px;top: 10px;color: #fff;}
span.dateyear:after{content:"/";}
span.datemonth{position: relative;left: 10px;top: 10px;color: #fff;}
span.dateday{font-size: 16px;bottom: 8px;right: 30px;position: relative;color: #fff;}

/*---tableindex---*/
.tableindex				        {width:100%;}
.tableindex	td,
.tableindex th			        {padding:6px 10px; color:#A2A2A2; font-size:14px;}
.tableindex th			        {text-align:center;}
.tableindex td.lasttd	        {font-size:8px; color:#666;}
.tableindex thead               {border-bottom:1px #999 solid;}
.tableindex thead th,
.tableindex thead td	        {background:url(../image/boxbg.png) repeat; color:#000;  text-align:center; font-weight: bold;}
.tableindex thead th	        {text-align:left;}
.tableindex tbody th	        {text-align:left;}
.tableindex tbody tr.even th,
.tableindex tbody tr.even td	{background:#f8f8f8;}
.tableindex tbody tr.odd th,
.tableindex tbody tr.odd td	{background:#fff;}
.tableindex th a:link,
.tableindex th a:visited    	{text-decoration:none; }
.tableindex th a:hover	    	{text-decoration:underline;}
.tableindex td a:link,
.tableindex td a:visited	    {padding:0 3px;text-decoration:none; }
.tableindex td a:hover		    {text-decoration:none; color:#09F;}
/*---end tableindex---*/

footer{font-size:14px;width:100%;border-top:2px #e6e6e6 solid;background:#f6f6f6;margin-top:50px;}
footer iframe{width:470px;}
.footcontent			  {width:940px;margin:0 auto;}
.footleft,.footright{width: 470px;float: left;margin-bottom: 20px;}
.footleft .footlogo{max-height: 100px;margin:10px 0 10px 0;}
.footleft span.address,.footleft span.advise{width: 400px;display: inline-block;padding-left: 10px;vertical-align: top;line-height: 180%;color:#666;}
.footleft span.advise a{filter:alpha(opacity=70);opacity:0.7;padding:0 10px 0 10px;line-height: 38px;color:#fff;display: inline-block;height:38px;background-color:#8cba00; }
.footleft span.advise a:hover{filter:alpha(opacity=100);opacity: 1;}
.footleft li{margin-bottom: 5px;color:#666;}
.footleft li a{color:#00a6eb;}
.footleft h3{display:block;margin:30px 0 20px 0;}
.copyright				  {border-top:2px #e6e6e6 solid;width:940px;margin:0 auto; text-align:center; font-size:12px; color: #666; bottom:0;height:50px;line-height: 50px;}
/*-------------------END---index--------------------------------------------*/ 
 
/*login-popout彈出登入視窗------------------------------*/
#mask {display:none; background:#1b1415; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.9; z-index:9999;}
.login-popup {display: none;float: left;font-size: 1.2em;position: fixed;top: 50%;left: 50%;text-align: center;z-index:99999;background-image: url(../image/loginbg.png);padding: 10px;width: 600px;background-repeat: no-repeat;height: 400px;}
.btn_close {float:right; margin: 0px 25px 0 0;}
#loginForm {margin-top: 100px;}
fieldset {border:none; text-align:center;}
.textbox {padding:35px;}
.textbox a {color: #4063CF; text-decoration:none; font-size:13px;color: #666\9;}
.textbox a:hover { color:#CCC; text-decoration:none;color: #333\9;}
form.signin .s{box-shadow: inset 0px 0px 1px #eeeeee;border:none;background: hsla(240, 0%, 50%, 0.8);font-size: 12px; color: #fff;color: #333\9; padding: 10px; width:200px;}
form.signin .textbox label {display:block; padding-bottom:7px;}
form.signin .textbox span {font-size: 16px;color:rgba(129, 129, 129, 0.8);}
form.signin p,form.signin span {color:#fff; font-size:12px; line-height:18px;}
.textbox input::-moz-placeholder,.textbox input::-webkit-input-placeholder,.textbox input:-ms-input-placeholder {color:#fff; text-shadow:0 0 1px #000;}
.textbox input::-webkit-input-placeholder{color:rgba(100%,100%,100%,0.8);}
#loginForm .btnstyle {padding: 10px 20px;box-shadow: inset 0px 0px 1px #eeeeee;text-shadow:none;;background: hsla(240, 0%, 50%, 0.8);color: #eeeeee;color: #666\9;border: none;}
#loginForm .btnstyle:hover{color: #fff;color: #333\9;}

#error{position: absolute;display: block;margin-left: 240px;margin-top: 240px;font-size: 16px;padding: 5px;}
#error font{color: rgb(201, 75, 75) !important;padding: 5px;box-shadow: inset 0 0 10px rgb(201, 75, 75);}

/*END  login-popout-------------------------------------*/
 
/*tab分頁的部分--------------------------------------------*/
ul,li                          			   {list-style:none; margin:0; padding:0;}
.abgne_tab                     			   {clear:left; width:694px; margin:10px 0;}
ul.tabs                        			   {width: 100%;height: auto;background: #ccc;}
ul.tabs li {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;behavior: url(css/PIE.htc);float: left;border-right: 1px solid #ccc;line-height: 30px;overflow: hidden;position: relative;margin-bottom: 5px;width: auto;padding: 0px 5px;}	
ul.tabs li a                               {font-size: 13px;color: #6F6F6F;}
ul.tabs li:hover                           {color: #048fcb;background-color: #eeeeee;}
ul.tabs li.active a						   {color: #2194EE;}
ul.tabs li.active                          {color: #048fcb;cursor: default;}

.border0{border:0px!important;}
ul.tabs li:hover a     {color: #00608a;}
div.tab_container                          {border: 1px solid #ddd;clear:left;width:100%;background-color: #fff;}
div.tab_container .tab_content             {padding:20px;display: inline-block;}
div.tab_container .tab_content h2          {margin:0 0 20px;}
/*end tab分頁的部分----------------------------------------*/
.wrapper{width:220px; margin-bottom:10px; border:1px #CCC solid;margin-top: 10px;}
.wrapper .sidenav ul li{display:block;width:220px;}
.wrapper .sidenav ul li:hover{background: url(../image/bg_titlebar02.gif) repeat; color:#06C;}
.wrapper .sidenav ul li a{text-decoration:none; color:#333; text-align:left; line-height:30px; margin-left:10px; background:url(../image/) no-repeat; background-position:left center; padding:0 0 0 20px; display: block;}
.sidenav .nowstrong{line-height:30px;displaybackground: url(../image/bg_box01.gif) repeat;}
.wrapper .sidenav ul li.current a{font-weight:bold!important; color:#666;}
.wrapper .sidenav ul li.current{background: url(../image/bg_box01.gif) repeat; position:relative;}

/*每頁標題*/
.titleal {
display: block;
text-decoration: none;
height: 40px;
float: left;
color: #6F6F6F;
font-size: 18px;
padding-top: 20px;
line-height: 27px;
}
.boxheader ul li.pagename {
display: block;
height: 30px;
line-height: 30px;
float: right;
padding: 0px 10px;
background-color: #00a6eb;
border-radius: 0 0 10px 10px;color:#fff;
}
.boxheader ul li.pagename a,.boxheader ul li.pagename span{color:#fff;}
.boxheader ul li.pagename a{text-decoration:underline;}
.boxheader ul li.pagename a:hover{text-decoration:none;}
/*end每頁標題*/

/* 消息頁呈現:::回覆 ________________________________________________________________________*/
	h2{min-height:27px; _height:27px; padding:10px 10px 15px 5px; border-left:6px solid #2998D6; background:url(../image/bg_titlebar02.gif) repeat 0 0; color:#1E5272; text-align:left; font-size:130%; font-weight:bold;}
	.date{
		display:block;
		color:#454545;
		font-size:74%;
	}
	/* section 包住整個右邊*/
	div.section-frame				{zoom:1;margin:0 0 20px; padding:5px 0 5px; -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);box-shadow:1px 1px 3px rgba(0,0,0,0.4); border-radius:5px; background-color:#fff;border: 1px solid #eeeeee; }
	div.section						{margin:25px 0 0;}
	.download						{margin:10px 0 10px 0;padding:5px; border-radius:5px; background-color:#fff;border:1px #2ccaff solid;width:300px;}
	.download a:hover				{color:red;}
	
	/* section-single-content */
	div.section-single-content 		{padding:10px 19px 20px 19px;}
	div.section-single-content a 	{}
	/* social */
	div.social						{overflow:hidden; margin:30px 0 20px; padding:20px 10px 10px; background:url(../image/bg_box01.gif) repeat 0 0;}
	div.social p					{float:left; margin:0 20px 0 0;}
	div.social ul.sns				{overflow:hidden; zoom:1;}
	div.social ul.sns li			{float:left; margin:0 15px 0 0;}
	
	/**/
	.tbblueline  		{border:0px; background:url(../image/bg_titlebar02.gif) repeat 0 0;}
	.tbblueline td		{border:0px;}
	.fns				{padding:20px 10px 15px 5px; color:#1E5272; text-align:left;font-size:117%;font-weight:bold;}
	.tablereply			{background-image:url(../image/bg_box01.gif); background-repeat: repeat;}
	.tablereply tr td	{border:0px;	}
	.fn					{color:#666;font-size:12px;line-height:28px}
/* 消息頁呈現:::回覆 ________________________________________________________________________*/

/*---tableinner---*/
#showTimetable .tableinner td,#register_subject .tableinner td,	#courseDetail .tableinner td		        {text-align:left;border:#eeeeee 1px solid;padding: 5px;}
#courseDetail .tableinner tbody th{text-align:center;border:1px #ccc solid;}
#myCourse .tableinner tbody th{padding: 5px;text-align:center;border:1px #ccc solid;}
.tableinner				        {width:100%;}
.tableinner td			        {border:#D6D6D6 1px solid;padding: 5px 30px 5px 30px;}
.tableinner th			        {text-align:center;background:#eeeeee;padding-left: 5px;}
.tableinner td.lasttd	        {font-size:8px; color:#666;}
.tableinner thead               {border-bottom:1px #999 solid;}
.tableinner thead th,
.tableinner thead td	        {background:#F1F1F1;padding: 5px 30px 5px 30px; color:#666;  text-align:center;font-size:14px;}
.tableinner thead th	        {text-align:left;}
.tableinner tbody th	        {text-align:left;border:1px #ccc solid;}
.tableinner th a:link,
.tableinner th a:visited    	{text-decoration:none; }
.tableinner th a:hover	    	{text-decoration:underline;}
.tableinner td a:link,
.tableinner td a:visited	    {padding:0 3px;text-decoration:none;color: #00a6eb; }
.tableinner td a:hover		    {text-decoration:none; color:#2271A7;}
/*.tableinner tbody tr:hover 		{background:url(../image/tr_bck.gif) repeat;}*/
/*---end tableindex---*/
#menu .tablesty				        {width:100%;margin-left:20px;}
#menu .tablesty td			        {padding:6px 30px;}
#menu .tablesty th			        {text-align:left;font-size:16px; }
#menu .tablesty tr					{border-bottom:10px solid #fff;}
#menu .tablesty th a:link,
#menu .tablesty th a:visited    	{text-decoration:none; color:#00a6eb;display:block;background:url(../image/sitemap.png) no-repeat;background-position-y: center;padding-left:22px;}
#menu .tablesty th a:hover	    	{text-decoration:underline;}
#menu .tablesty td a:link,
#menu .tablesty td a:visited	    {line-height: 160%;padding:0 3px;text-decoration:none;color: #999;}
#menu .tablesty td a:hover		    {text-decoration:none; color:#09F;}
#menu .tablesty tbody td:hover 		{}

.bluetitle {
background-color:#153F97;
background-image:url(../image/titlebg.png);
background-repeat:repeat-x;
}
/*新的底下頁數pagination*/
.pagination {
   margin-bottom: 10px 0;
   float:right;
}
.page {
    display: inline-block;
    padding: 5px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    text-decoration: none;
    color: #717171;  
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #2E8FEB;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E4E2E2));
    background: -moz-linear-gradient(0% 0% 270deg,#FFFFFF, #E4E2E2);
}
/*舊的底下頁數*/
.pagenu {
	text-align: right;
	padding: 10px 0px 10px 0px;
}

.pagenu a {
border-right:#ddd 1px solid;
border-top:#ddd 1px solid;
border-left:#ddd 1px solid;
color:#88af3f;
margin-right:2px;
border-bottom:#ddd 1px solid;
text-decoration:none;
padding:1px 5px;
}

.pagenu span.current {
border-right:#b2e05d 1px solid;
border-top:#b2e05d 1px solid;
font-weight:700;
border-left:#b2e05d 1px solid;
color:#fff;
margin-right:2px;
border-bottom:#b2e05d 1px solid;
background-color:#68b6e7;
padding:2px 5px;
}

/*END page-number*/
#showSchedulePlan table thead th{background:#F1F1F1;padding: 5px 30px 5px 30px;}
#showSchedulePlan table td{border:#eeeeee 1px solid;padding: 5px 30px 5px 30px;}
#showSchedulePlan table a{}
#showSchedulePlan table img{filter:alpha(opacity=60);opacity: 0.6;}
#showSchedulePlan table img:hover{filter:alpha(opacity=90);opacity: 0.9;}

#newActivityApply .qqq{width:50px;display: inline;}
#newBulletin .tableinner{width:700px;}

/*文章樣式*/
p{font-size:12px; line-height:180%;}
.hilight{font-size:16px; font-weight:bold;line-height:180%;}


#activitySurvey table caption{font-size:16px;padding-bottom:3px;font-weight:bold;}
#activitySurvey .tableinner{width:270px;float:right;position:relative;bottom:220px;}

input.textInput		 {border:1px solid #ccc;padding:3px 10px; height:22px;width:auto; background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
input.textInput:focus{background:#fff; border:1px solid #999; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
.section-single-content img{}
.section-single-content img:hover{filter: alpha(opacity=70);opacity: 0.7;}
#teacherAsistant .tableinner img,
#teacher .tableinner img{max-width:160px;max-height:160px; align:center;border-radius:30px;-webkit-border-radius: 30px; -moz-border-radius: 30px; behavior: url(css/PIE.htc);border:2px #eeeeee solid;}
#activityNews .content,#teacher .content,#teacher .abgne_tab,#newExperience .content{width:940px;margin-top:15px;}

/*---teacherDetail ---*/
#teacherDetail .wrappercontent img{max-width:200px;max-height:200px;}
#teacherDetail .title2 img{width: 180px;height: 180px;border-radius: 120px;}
#teacherDetail .box220{border:none;}
#teacherDetail .title2{width: 210px;height: auto;padding:5px;background-color:#fff;border:none;}
#teacherDetail .sidenav{padding:5px;}
#teacherDetail caption{padding: 3px 0px;color: #507f93;}
#teacherDetail .table1 .line{border-bottom:2px #ff8336 solid;}
#teacherDetail .table1 .line2{line-height: 30px;font-size: 16px;color: #333;background-image: url(../image/ico_arrow.gif);background-repeat: no-repeat;background-position: left;}
#teacherDetail .line3{border:1px solid #fff;background-color:#eeeeee;}
#teacherDetail .table1				        {margin:10px auto 10px auto;}
#teacherDetail .table1	td,
#teacherDetail .table1 th			        {padding:6px 10px; color:#000; font-size:13px;}
#teacherDetail .table1 th			        {text-align:center;}
#teacherDetail .table1 td.lasttd	        {}
#teacherDetail .table1 thead               {border-bottom:1px #999 solid;}
#teacherDetail .table1 thead th,
#teacherDetail .table1 thead td	        {background:url(../image/ora_boxbg.png) repeat; color:#000;  text-align:center; font-weight: bold;}
#teacherDetail .table1 thead th	        {text-align:left;}
#teacherDetail .table1 tbody th,
#teacherDetail .table1 tbody td	        {}
#teacherDetail .table1 tbody th	        {text-align:left;}
#teacherDetail .table1 tbody tr.even th,
#teacherDetail .table1 tbody tr.even td	{background:#f8f8f8;}
#teacherDetail .table1 th a:link,
#teacherDetail .table1 th a:visited    	{text-decoration:none; }
#teacherDetail .table1 th a:hover	    	{text-decoration:underline;}
#teacherDetail .table1 td a:link,
#teacherDetail .table1 td a:visited	    {padding:0 3px;text-decoration:none; }
#teacherDetail .table1 td a:hover		    {text-decoration:none; color:#09F;}

#teacherDetail .table2 .line{border-bottom:2px #ff8336 solid;}
#teacherDetail .table2				        {border:1px #6185fa solid;}
#teacherDetail .table2	td,
#teacherDetail .table2 th			        {padding:6px 10px; color:#000; font-size:13px;}
#teacherDetail .table2 th			        {text-align:center;background:#b3c5ff;}
#teacherDetail .table2 td.lasttd	        {}
#teacherDetail .table2 thead               {border-bottom:1px #999 solid;}
#teacherDetail .table2 thead th,
#teacherDetail .table2 thead td	        {color:#000;  text-align:center; font-weight: bold;}
#teacherDetail .table2 thead th	        {text-align:left;}
#teacherDetail .table2 tbody th,
#teacherDetail .table2 tbody td	        {}
#teacherDetail .table2 tbody th	        {text-align:left;}
#teacherDetail .table2 tbody tr.even th,
#teacherDetail .table2 tbody tr.even td	{background:#f8f8f8;}
#teacherDetail .table2 th a:link,
#teacherDetail .table2 th a:visited    	{text-decoration:none; }
#teacherDetail .table2 th a:hover	    	{text-decoration:underline;}
#teacherDetail .table2 td a:link,
#teacherDetail .table2 td a:visited	    {padding:0 3px;text-decoration:none; }
#teacherDetail .table2 td a:hover		    {text-decoration:none; color:#09F;}
/*---end tableindex---*/


#vfindPassword form{margin-top:100px; border:1px #025b81 dashed;padding:30px 0 50px 0;}
#editMemberDetail form,#proposal form{margin-top:20px; margin-bottom:10px;border:1px #025b81 dashed;padding:30px 0 50px 0;}
#editMemberDetail table{width:250px; margin:20px auto;}
#proposal table{margin:0 auto;width:450px;}
#proposal .ri{text-align:right;}
#editMemberDetail table th,#proposal table th{color:#333;}
#editMemberDetail table td,#proposal table td{height:50px;color:#666;}
#vfindPassword .indtitle2,#editMemberDetail .indtitle2,#proposal .indtitle2{color:#666;}

/*News這頁 縮合效果 */
#News .accorlink,#bulletinDetail .accorlink,#DepIntro .accorlink{border-top: 1px solid #CCC;width: 220px;height: 30px;}
#News .accorlink a,#bulletinDetail .accorlink a,#DepIntro .accorlink a {text-decoration: none;
color: #333;
text-align: left;
line-height: 30px;
margin-left: 10px;
background: url(../image/ico_arrow.gif) no-repeat;
background-position: left center;
padding: 0 0 0 20px;}
#News .pane a,#bulletinDetail .pane a,#DepIntro .pane a{color:#58A0C9;margin-left: 25px;background-position: left center;}
#News .pane,#bulletinDetail .pane,#DepIntro .pane{display:none;}
#News .accorlink a:hover .pane,#bulletinDetail .accorlink a:hover .pane,#DepIntro .accorlink a:hover .pane{display:block;}
#News .box220 .sidenav ul li,#bulletinDetail .box220 .sidenav ul li,#DepIntro .box220 .sidenav ul li{border-bottom:none;}



/*end  News這頁 縮合效果 */


/*teacher*/
#teacher .teacherwrap{zoom:1;width:100%; clear:both; float:left;}
#teacher .teacherblock					{width: 200px;height: 280px;float: left;margin:0px 12px;text-align: center;}
#teacher .teacherblock a:link,
#teacher .teacherblock a:visited		{display: block;width: 200px;height: 160px;overflow: hidden;float: left;margin-bottom: 10px;filter: alpha(opacity=70);opacity: 0.7;zoom: 1;}
#teacher .teacherblock a:hover			{filter:alpha(opacity=100);opacity:1;zoom:1;}
#teacher .teacherblock a img			{width:160px;height: 160px;background: #ccc;border-radius:100px;}
#teacher .teacherblock h6				{color:#E48000; font-size:12px; line-height:200%;}
#teacher .teacherblock p				{margin:0 auto; line-height:160%; font-size:13px; }

/*activityNews*/
#activityNews .activitywrap					{zoom:1;width:100%; clear:both; float:left;}
#activityNews .activityblock				{width: 210px;height: 300px;float: left;margin:0px 12px;}
#activityNews .activityblock a:link,
#activityNews .activityblock a:visited		{display: block;width: 210px;height: 200px;overflow: hidden;float: left;margin-bottom: 10px;filter:alpha(opacity=100);opacity:1;}
#activityNews .activityblock a:hover		{zoom:1;filter: alpha(opacity=70);opacity: 0.7;zoom: 1;}
#activityNews .activityblock a img			{height: 200px;background: #ccc;}
#activityNews .activityblock h6				{color:#CF9968; font-size:12px; line-height:200%;}
#activityNews .activityblock p				{color: #999;margin:0 auto; line-height:160%; font-size:13px; }
#activityNews .boxheader span{margin-top:10px;}
#activityNews .boxheader span a{font-size:12px;color:#B6B6B6;border-right: 1px solid #ccc;padding-right:15px;}
#activityNews .boxheader span a:hover{filter: alpha(opacity=60);opacity:0.6;text-decoration:underline;}
#activityNews .boxheader span.current {border-top: 4px solid #fff;}
#activityNews .boxheader span.current a{color:#00a6eb;text-decoration:none;}
#calendarr h2{background:none;border-left:#fff;color: #5EC5FF;}




/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(../image/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { margin-left: 0px; }
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 850px;
    height:120px;
    /* custom decorations */
    background:url(/media/img/gradient/h300.png) repeat-x;
}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:850px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:20px 5px 20px 9px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    width:150px;
    height:75px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active { border:2px solid #000;position:relative;cursor:default;}
.indexscrollable{margin: 50px auto 0px auto;padding-top: 30px;border-top: 1px #B6B6B6 dashed;background:#fff;}
.scrollabletitle{font-size: 18px;color: #6F6F6F;padding-bottom: 10px;}

/*--------------------------------------------------------------*/
/*日曆*/
.ui-datepicker,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td,
.ui-datepicker th {
    margin: 0;
    padding: 0;
    border: none;
    border-spacing: 0;
}

.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}


.ui-datepicker {
    display: none;
	width: 266px;
	padding: 2px;
    cursor: default;
 
    text-transform: uppercase;
    font-family: Tahoma;
    font-size: 12px;
 
    background: #fff;
 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    border: 1px solid #DFDFDF;
}

.ui-widget-content {
	background: #F7F7F7;
}

/*Step 3 – Header*/

.ui-datepicker-header {
    position: relative;
    padding: 10px 0px;
    border-bottom: 1px solid #d6d6d6;
    background:#323232;
}
 
.ui-datepicker-title { text-align: center; color: #fff;font-size:16px;}
 
.ui-datepicker-month {
    position: relative;
    padding-right: 15px;
    color: #fff;
}
 
.ui-datepicker-year {
    padding-left: 8px;
    color: #fff;
}


.ui-datepicker-month:before {

}


/*Step 4 _Prev & Next Month*/

.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute;
    top: -2px;
    padding: 5px;
    cursor: pointer;
}
 
.ui-datepicker-prev {
    left: 0;
    padding-left: 5px;
    padding-top: 13px;
}
 
.ui-datepicker-next {
    right: 0;
    padding-right: 5px;
    padding-top: 13px;
}
 
.ui-datepicker-prev span,
.ui-datepicker-next span{
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
 
    background-image: url(../image/arrows2.png);
   
}
 
.ui-datepicker-prev span { background-position: 0px 0px; }
 
.ui-datepicker-next span { background-position: -16px 0px; }
 
.ui-datepicker-prev-hover span { background-position: 0px -16px; }
 
.ui-datepicker-next-hover span { background-position: -16px -16px; }

/*Step 5 – Calendar Styles*/


.ui-datepicker-calendar th {
    padding-top: 15px;
    padding-bottom: 10px;
 
    text-align: center;
    font-weight: normal;
    color: #a8a8a8;
}


.ui-datepicker-calendar td {
    padding: 1px;
 	color: #D6B16F;
    text-align: center;
    line-height: 26px;
}

 .ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: 0 .1em;
text-align: right;
text-decoration: none;
}

.ui-datepicker-calendar .ui-state-default {

    border: 1px solid #fff;
background: #fff url() 50% 50% repeat-x;
font-weight: normal;
color: #B7B6B8;
}


.ui-datepicker-calendar .ui-state-active {
    color:#fff;
    border: 1px solid #98B0BD;
    background: #98B0BD ;
}
 
.ui-datepicker-other-month .ui-state-default { color: #7BA5C2; }


.ui-datepicker-calendar .ui-state-hover{
/*date_background*/
background: #D9E3E9;
color: #55839a;
}


/*schoolpoint scrollable*/
#vvindex .scrollable .schoolblock img { float:left; background-color:#fff; padding:2px;  width:261px; height:108px; margin:10px 0px 0px 0px;-moz-border-radius:4px;-webkit-border-radius:4px;}
#vvindex .schoolblock {width: 260px!important;height: 320px;margin: 0 10px 0 10px;}
#vvindex .schoolblock img{}
#vvindex .scrollable .items {width: 20000em;position: absolute;clear: both;}
#vvindex .schoolpoint .scrollable {height: 210px;}