@charset "utf-8";
body {	background:#ffffff url('./template/bg2.jpg');
		word-break:break-all; }

a { color:#333333; }
a:hover { color:#0064AA; }

/* Float bug */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }

/* Holly Hack Targets IE Win only \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End Holly Hack */


/* misc */

p { 	/*margin: .4em 0 .5em 0; line-height: normal;*/ }
	p img { margin: 0; }

h1, h2, h3, h4, h5, h6 {
		color: black; background: none; font-weight: normal;
		margin: 0;
		/*
		padding-top: .5em;
		padding-bottom: .17em;
		border-bottom: 1px solid #aaa;
		*/
		}
	h1 { font-size: 188%; }
	h2 { font-size: 150%; }
	h3, h4, h5, h6 {
		border-bottom: none;
		font-weight: normal;
		}
	h3 { font-size: 132%; }
	h4 { font-size: 116%; }
	h5 { font-size: 100%; }
	h6 { font-size: 90%; }


.hhh1, .hhh2, .hhh3, .hhh4, .hhh5, .hhh6 {
		color: black; background: none; font-weight: normal;
		margin: 0;
		/*
		padding-top: .5em;
		padding-bottom: .17em;
		border-bottom: 1px solid #aaa;
		*/
		}
	.hhh1 { font-size: 188%; }
	.hhh2 { font-size: 150%; }
	.hhh3, .hhh4, .hhh5, .hhh6 {
		border-bottom: none;
		font-weight: normal;
		}
	.hhh3 { font-size: 132%; }
	.hhh4 { font-size: 116%; }
	.hhh5 { font-size: 100%; }
	.hhh6 { font-size: 90%; }

a[accesskey] {
    position: absolute;
    margin-left: -15px;
}
/* Wrap START */
#wrap { width:100%; }
#wrap.main { background:url('./template/vision_bg.png') center 138px  no-repeat; }
#container { width:100%; margin:0 auto; }
/* Wrap END */

/* header START */
#header { width:100%; }
	#header_1 { width:1000px; height:108px; padding:0; margin:0 auto; }
		#header_1-1 { float:left; width:415px; padding-top:6px; }
		#header_1-2 { float:right; width:585px; }
	#header_2 { width:1000px; height:18px; padding:16px 0 0 0; margin:0 auto; }
	#header_3 { width:100%; height:41px; background-color:#000; }
		#header_3_1 { width:1000px; margin:0 auto; }
	
	#header_vision { width:956px; margin:0 auto; padding:8px 22px 8px 22px; }

#header.welcome { background:url('./template/headerBg.jpg') center 8px no-repeat; }

#header.inside { background:url('./template/vision2_bg.png') center 128px no-repeat; }

#vision { width:1000px; margin:0 auto; }
	#vision_1 { padding:18px 0px 35px 0px; }
		#vision_1-1 { float:left; width:775px; margin-left:22px; }
		#vision_1-2 { float:right; width:165px; margin-right:22px; }

#vision2 { width:100%; }
	#vision2_1 { width:956px; margin:0 auto; padding:18px 22px 35px 22px; }

#vision_banner { padding:0; margin:0; list-style:none; }
#vision_banner li { padding:0; margin:5px 0 0 0; height:45px; overflow:hidden; }
#vision_banner li:first-child { margin-top:0px; }

#visionInside { width:1000px; margin:0 auto; }

#navigationQuick { font-size:13px; }
	#navigationQuick A { color:#777777; }
	#navigationQuick A:hover { color:#497996; text-decoration:underline; }
	#navigationQuick h3 { display:none; background: }
	#navigationQuick ul { list-style:none; margin:0 0 0 0; padding: 15px 0px 0px 0px; color:#333333; text-align:right; }
	#navigationQuick li {	display:inline; padding:0px 7px 0px 10px; white-space:nowrap; 
							background:url('./images/common/separate01.gif') 0 2px repeat-y; }
	#navigationQuick li.first { background-image:none; }

#header.welcome #navigationQuick ul { color:#ffffff; }
#header.welcome #navigationQuick ul a { color:#ffffff; text-decoration:none; }
#header.welcome #navigationQuick ul a:hover { color:#ffffff; text-decoration:underline; }

#navigation { }
	#navigation ul { list-style:none; margin:0; padding:0; }
	#navigation li { float:left; margin:0; padding:0 15px; font-size:14px; line-height:18px; border-right:1px #c1c1c1 solid; position:relative; }
	#navigation li:first-child { border-left:1px #c1c1c1 solid; }
	#navigation li a { color:#333333; }
	#navigation li a:hover { color:#ff0000; }
	
	#navigation li a:before {
		border: 6px solid transparent;
		top: -12px;
		content: '';
		display: block;
		height: 0px;
		left: 50%;
		margin-left: -6px;
		position: absolute;
		width: 0px;
	}
	
	#navigation li:nth-child(1) a:before { border-top-color: #fa4251; }
	#navigation li:nth-child(2) a:before { border-top-color: #ff8300; }
	#navigation li:nth-child(3) a:before { border-top-color: #ffd965; }
	#navigation li:nth-child(4) a:before { border-top-color: #57b846; }
	#navigation li:nth-child(5) a:before { border-top-color: #2c6ed5; }
	#navigation li:nth-child(6) a:before { border-top-color: #28cacc; }
	#navigation li:nth-child(7) a:before { border-top-color: #8058bd; }
	#navigation li:nth-child(8) a:before { border-top-color: #955542; }
	#navigation li:nth-child(9) a:before { border-top-color: #2489b0; }
	#navigation li:nth-child(10) a:before { border-top-color: #626262; }
	#navigation li:nth-child(11) a:before { border-top-color: #d73765; }
	
	
	#navigation.main { float:right; position:relative; left:-50%; text-align:left; }
	#navigation.main ul { text-align:center; position:relative; left:50%; }
	
/* header END */

/* content START */
#content { width:100%; }
#content.inside { background:url('./template/page_bg.png') top center repeat-y; }
#content.welcome { 
	/*background-image: url('./template/content0_bg.jpg');*/
	background-image: url('./template/kuo-bg.jpg');
	background-repeat: no-repeat;
	/*background-size: 110% auto;*/
	background-position: center top;
	background-attachment: fixed;
	position:relative;
	/*border-top:5px #c1c1c1 solid;*/
}
#content.welcome:before {
    content: '';
    background: url('./template/overlay.png');
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}


#content_0 { width:1000px; margin:0 auto; padding:160px 0; }

#content_1 { width:1000px; margin:0 auto; }
	#content_1-1 { float:right; width:743px; overflow:hidden; padding:0; }
	#content_1-2 { float:left; width:211px; padding:0 0 0 22px; }

#content_2 { width:1000px; margin:0 auto; padding:0 0 60px 0; }
	#content_2-1 { float:right; width:720px; overflow:hidden; padding:0 22px 0 0; }
	#content_2-2 { float:left; width:211px; overflow:hidden; padding:0 0 0 22px; }
		#content_2-2_1 { padding:0px 0px 0px 0px; }

#content_3 { width:1000px; margin:0 auto; }

#navSidebar { margin-bottom:42px; }
.navSidebar { } 
	.navSidebar h3{ display:block; height:42px; text-decoration:none; text-indent:-999em; background:url('./template/navsidebar.png?2016121301') -0px -0px no-repeat; }
	.navSidebar ul { list-style:none; padding:5px 0 0 0; margin:0; }
	

	.navSidebar li { margin:0px; padding:3px 0 3px 16px; line-height:180%; background: url('./images/dotLine_b1b1b1.gif') top repeat-x; }
	.navSidebar li.first { background-image:none; }
	.navSidebar li div {  padding:0; margin:0; }
	.navSidebar li .wrap { padding-left:12px; background:transparent url('./custom/images/subNavIcon.png') 0 9px no-repeat; }
	.navSidebar li a { color:#666666; }
	.navSidebar li a:hover { color:#FF0000;  }

	.navSidebar li .active .wrap{ }
	.navSidebar li .active a { color:#2B8AAE;  }
	.navSidebar li .active a:hover { color:#FF0000; }

	.navSidebar li .hover .wrap { }
	.navSidebar li .hover a { color:#2B8AAE;}
	.navSidebar li .hover a:hover { color:#FF0000; }
	
	
	#navSidebar_sitemap h3 		{ background-position:0px -640px !important; }
	#navSidebar_banner h3 		{ background-position:0 -0px !important; }
	#navSidebar_member h3 	{ background-position:0 -540px !important; }
/*Customized point 1*/
	#navSidebar_about h3 			{ background-position:0 -0px !important; }
	#navSidebar_notice h3 			{ background-position:0 -42px !important; }
	#navSidebar_honor h3 			{ background-position:0 -84px !important; }
	#navSidebar_entranceexpo h3 			{ background-position:0 -126px !important; }
	#navSidebar_noticeC h3 			{ background-position:0 -168px !important; }
	#navSidebar_organization h3 			{ background-position:0 -210px !important; }
	#navSidebar_network h3 			{ background-position:0 -252px !important; }
	#navSidebar_teach h3 			{ background-position:0 -294px !important; }
	#navSidebar_academy h3 			{ background-position:0 -336px !important; }
	#navSidebar_information h3 			{ background-position:0 -378px !important; }
	#navSidebar_contact h3 			{ background-position:0 -420px !important; }
	#navSidebar_link h3 			{ background-position:0 -462px !important; }
/*MATH point 1*/


/*Customized point 2*/
	#navSidebar_about.active h3 			{ background-position:-250px -0px !important; }
	#navSidebar_notice.active h3 			{ background-position:-250px -42px !important; }
	#navSidebar_honor.active h3 			{ background-position:-250px -84px !important; }
	#navSidebar_entranceexpo.active h3 			{ background-position:-250px -126px !important; }
	#navSidebar_noticeC.active h3 			{ background-position:-250px -168px !important; }
	#navSidebar_organization.active h3 			{ background-position:-250px -210px !important; }
	#navSidebar_network.active h3 			{ background-position:-250px -252px !important; }
	#navSidebar_teach.active h3 			{ background-position:-250px -294px !important; }
	#navSidebar_academy.active h3 			{ background-position:-250px -336px !important; }
	#navSidebar_information.active h3 			{ background-position:-250px -378px !important; }
	#navSidebar_contact.active h3 			{ background-position:-250px -420px !important; }
	#navSidebar_link.active h3 			{ background-position:-250px -462px !important; }
/*MATH point 2*/

        	
	/*選單收合變更*/
	.navSidebar h3							{ cursor:pointer; }
        #navSidebar_recent.inactive .assist		{ display:none; }
	#navSidebar_scholarship.inactive .assist	{ display:none; }
	#navSidebar_calendar.inactive .assist		{ display:none; }
/*Customized point 3*/
	#navSidebar_about.inactive .assist		{ display:none; }
	#navSidebar_notice.inactive .assist		{ display:none; }
	#navSidebar_honor.inactive .assist		{ display:none; }
	#navSidebar_entranceexpo.inactive .assist		{ display:none; }
	#navSidebar_noticeC.inactive .assist		{ display:none; }
	#navSidebar_organization.inactive .assist		{ display:none; }
	#navSidebar_network.inactive .assist		{ display:none; }
	#navSidebar_teach.inactive .assist		{ display:none; }
	#navSidebar_academy.inactive .assist		{ display:none; }
	#navSidebar_information.inactive .assist		{ display:none; }
	#navSidebar_contact.inactive .assist		{ display:none; }
	#navSidebar_link.inactive .assist		{ display:none; }
/*MATH point 3*/

	
	#navSidebar_recent.active .assist				{ display:block; }
	#navSidebar_scholarship.active .assist		{ display:block; }
	#navSidebar_calendar.active .assist			{ display:block; }
/*Customized point 4*/
	#navSidebar_about.active .assist		{ display:block; }
	#navSidebar_notice.active .assist		{ display:block; }
	#navSidebar_honor.active .assist		{ display:block; }
	#navSidebar_entranceexpo.active .assist		{ display:block; }
	#navSidebar_noticeC.active .assist		{ display:block; }
	#navSidebar_organization.active .assist		{ display:block; }
	#navSidebar_network.active .assist		{ display:block; }
	#navSidebar_teach.active .assist		{ display:block; }
	#navSidebar_academy.active .assist		{ display:block; }
	#navSidebar_information.active .assist		{ display:block; }
	#navSidebar_contact.active .assist		{ display:block; }
	#navSidebar_link.active .assist		{ display:block; }
/*MATH point 4*/      
	/*選單收合變更 END*/
	
	
/* content END */

/* footer START */
#footer { width:100%; background:url('./template/footer_bg.png') center top no-repeat; /*border-top:5px #e1e1e1 solid;*/ }

#copyright_1 { width:560px; margin:0 auto; color:#555555; padding:25px 0 25px 0; text-align:center; }
	#copyright_1 a { text-decoration:underline; color:#555555; }
	#copyright_1 a:hover { color:#FF0000; }
	#copyright_1 h3 { display:none; }
	#copyright_1 div { text-align:center; line-height:22px; }
	#copyright_1 div span { padding-left:8px; }
	#copyright_1 div span.first { padding-left:0px !important; }
	#copyright_1 div span.menet a {text-decoration:none; }

#copyright_2 { width:100%; color:#ffffff; border-top:1px #999999 solid; padding:5px 0 5px 0; text-align:center; background-color:#222222; }

/* footer END */

/* widget START */
.paging{
	font:small Verdana;
	color:#3A2220;
	text-decoration:none;
	margin-top:50px;
	margin-bottom:10px;
	text-align:center;

	}
	.paging a { color:#666666;  }
	.paging a:hover { color:#614428;}
	

.pathway { padding:14px 5px 0 0; color:#888888; font-size:90%; text-align:right; }
	.pathway a { color:#888888; text-decoration:none; }
	.pathway a:hover { color:#FF0000;}


#noticeWidget {  }
	
	#noticeWidget table { }
	#noticeWidget table tbody tr td { background: url('./images/dotLine_b1b1b1.gif') bottom repeat-x; padding: 7px 5px 7px; 5px; text-align: center; white-space: nowrap; width: 1%; }
	#noticeWidget table tbody tr td:first-child { text-align: left; white-space: normal; width: 100%; }
	
	#noticeWidget table tbody tr { }
	#noticeWidget table tbody tr:nth-of-type(2n) { background-color:#f9f9f9; }
	
	#noticeWidget .priority { padding-right:32px; background:url('./custom/images/statusPriority.gif') right 0px no-repeat; }
	#noticeWidget .new { padding-right:32px; background:url('./custom/images/statusNew.gif') right 0px no-repeat; }

#notice2Widget {  }
	
	#notice2Widget table { }
	#notice2Widget table tbody tr td { background: url('./images/dotLine_b1b1b1.gif') bottom repeat-x; padding: 7px 5px 7px; 5px; text-align: center; white-space: nowrap; width: 1%; }
	#notice2Widget table tbody tr td:first-child { text-align: left; white-space: normal; width: 100%; }
	
	#notice2Widget table tbody tr { }
	#notice2Widget table tbody tr:nth-of-type(2n) { background-color:#f9f9f9; }
	
	#notice2Widget .priority { padding-right:32px; background:url('./custom/images/statusPriority.gif') right 0px no-repeat; }
	#notice2Widget .new { padding-right:32px; background:url('./custom/images/statusNew.gif') right 0px no-repeat; }

#notice3Widget {  }
	
	#notice3Widget table { }
	#notice3Widget table tbody tr td { background: url('./images/dotLine_b1b1b1.gif') bottom repeat-x; padding: 7px 5px 7px; 5px; text-align: center; white-space: nowrap; width: 1%; }
	#notice3Widget table tbody tr td:first-child { text-align: left; white-space: normal; width: 100%; }
	
	#notice3Widget table tbody tr { }
	#notice3Widget table tbody tr:nth-of-type(2n) { background-color:#f9f9f9; }
	
	#notice3Widget .priority { padding-right:32px; background:url('./custom/images/statusPriority.gif') right 0px no-repeat; }
	#notice3Widget .new { padding-right:32px; background:url('./custom/images/statusNew.gif') right 0px no-repeat; }

#notice4Widget {  }
	
	#notice4Widget table { }
	#notice4Widget table tbody tr td { background: url('./images/dotLine_b1b1b1.gif') bottom repeat-x; padding: 7px 5px 7px; 5px; text-align: center; white-space: nowrap; width: 1%; }
	#notice4Widget table tbody tr td:first-child { text-align: left; white-space: normal; width: 100%; }
	
	#notice4Widget table tbody tr { }
	#notice4Widget table tbody tr:nth-of-type(2n) { background-color:#f9f9f9; }
	
	#notice4Widget .priority { padding-right:32px; background:url('./custom/images/statusPriority.gif') right 0px no-repeat; }
	#notice4Widget .new { padding-right:32px; background:url('./custom/images/statusNew.gif') right 0px no-repeat; }

#notice5Widget {  }
	
	#notice5Widget table { }
	#notice5Widget table tbody tr td { background: url('./images/dotLine_b1b1b1.gif') bottom repeat-x; padding: 7px 5px 7px; 5px; text-align: center; white-space: nowrap; width: 1%; }
	#notice5Widget table tbody tr td:first-child { text-align: left; white-space: normal; width: 100%; }
	
	#notice5Widget table tbody tr { }
	#notice5Widget table tbody tr:nth-of-type(2n) { background-color:#f9f9f9; }
	
	#notice5Widget .priority { padding-right:32px; background:url('./custom/images/statusPriority.gif') right 0px no-repeat; }
	#notice5Widget .new { padding-right:32px; background:url('./custom/images/statusNew.gif') right 0px no-repeat; }
	
#notice6Widget {  }
	
	#notice6Widget table { }
	#notice6Widget table tbody tr td { background: url('./images/dotLine_b1b1b1.gif') bottom repeat-x; padding: 7px 5px 7px; 5px; text-align: center; white-space: nowrap; width: 1%; }
	#notice6Widget table tbody tr td:first-child { text-align: left; white-space: normal; width: 100%; }
	
	#notice6Widget table tbody tr { }
	#notice6Widget table tbody tr:nth-of-type(2n) { background-color:#f9f9f9; }
	
	#notice6Widget .priority { padding-right:32px; background:url('./custom/images/statusPriority.gif') right 0px no-repeat; }
	#notice6Widget .new { padding-right:32px; background:url('./custom/images/statusNew.gif') right 0px no-repeat; }

#honorWidget {  }
	
	#honorWidget table { }
	#honorWidget table tbody tr td { background: url('./images/dotLine_b1b1b1.gif') bottom repeat-x; padding: 7px 5px 7px; 5px; text-align: center; white-space: nowrap; width: 1%; }
	#honorWidget table tbody tr td:first-child { text-align: left; white-space: normal; width: 100%; }
	
	#honorWidget table tbody tr { }
	#honorWidget table tbody tr:nth-of-type(2n) { background-color:#f9f9f9; }
	
	#honorWidget .priority { padding-right:32px; background:url('./custom/images/statusPriority.gif') right 0px no-repeat; }
	#honorWidget .new { padding-right:32px; background:url('./custom/images/statusNew.gif') right 0px no-repeat; }
	
	
	
	
#calendarlinkWidget { width:199px; padding:5px 7px 0 5px; height:260px; margin-bottom:20px; background:url('./template/calendar_bg.jpg') 0 0 no-repeat; color:#ffffff; }
	#calendarlinkWidget .widgetBody { height:217px; width:199px; color:#ffffff; padding-left:1px; }
	#calendarlinkWidget .widgetBody a { color:#ffffff; }
	#calendarlinkWidget .widgetBody a:hover { color:#ffffff; }
	
	.calendarMore { padding-left:8px; }
	.calendarMore a { color:#ffffff; text-decoration:none; }
	.calendarMore a:hover { color:#ffffff; text-decoration:underline; }
	
	#calendarlinkWidget .cal_month { text-align:center; height:34px; line-height:33px; color:#FFFFFF; font-weight:bold; }

	#calendarlinkWidget .cal_week_title0 { text-align:center; }
	#calendarlinkWidget .cal_week_title1 { text-align:center; }
	#calendarlinkWidget .cal_week_title2 { text-align:center; }
	#calendarlinkWidget .cal_week_title3 { text-align:center; }
	#calendarlinkWidget .cal_week_title4 { text-align:center; }
	#calendarlinkWidget .cal_week_title5 { text-align:center; }
	#calendarlinkWidget .cal_week_title6 { text-align:center; }

	#calendarlinkWidget .cal_week0 { text-align:center; color:#FF5F3D; }
	#calendarlinkWidget .cal_week1 { text-align:center; }
	#calendarlinkWidget .cal_week2 { text-align:center; }
	#calendarlinkWidget .cal_week3 { text-align:center; }
	#calendarlinkWidget .cal_week4 { text-align:center; }
	#calendarlinkWidget .cal_week5 { text-align:center; }
	#calendarlinkWidget .cal_week6 { text-align:center; color:#FF5F3D; }
	#calendarlinkWidget .cal_day1 { text-align:center; }
	#calendarlinkWidget .cal_day2 { text-align:center; }
	#calendarlinkWidget .cal_day3 { text-align:center; }
	#calendarlinkWidget .cal_day4 { text-align:center; background-color:#ffba00; color:#FFFFFF; }



		/*jquery slide menu*/
		.jqueryslidemenu_custom{
			/*
			font: bold 12px Verdana;
			background: #414141;
			*/
			width: 100%;
		}

		.jqueryslidemenu_custom ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		/*Top level list items*/
		.jqueryslidemenu_custom ul li{
			position: relative;
			display: inline;
			float: left;
			width:28px; 
		}

		/*Top level menu link items style*/
		.jqueryslidemenu_custom ul li a{
			display: block;
			background: #ff6b1a; 
			padding: 0px;
			color: #FFFFFF;
			text-decoration: none;
		}

		* html .jqueryslidemenu_custom ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
			display: inline-block;
		}

		.jqueryslidemenu_custom ul li a{
			color: #333333;
		}

		.jqueryslidemenu_custom ul li a:hover{
			background: #000; /*tab link background during hover state*/
			color: #333333;
		}
			
		/*1st sub level menu*/
		.jqueryslidemenu_custom ul li ul{
			position: absolute;
			left: 0;
			display: block;
			visibility: hidden;
		}

		/*Sub level menu list items (undo style from Top level List Items)*/
		.jqueryslidemenu_custom ul li ul li{
			display: list-item;
			float: none;
			z-index:999999999;
			width:auto;
			height:auto;
		}

		/*All subsequent sub menu levels vertical offset after 1st level sub menu */
		.jqueryslidemenu_custom ul li ul li ul{
			top: 0;
		}

		/* Sub level menu links style */
		.jqueryslidemenu_custom ul li ul li a{
			background-color:#000; 
			color:#333333; 
			text-align:left; 
			width: 160px; /*width of sub menus*/
			padding: 3px 10px;
			margin: 0;
			border-right: 1px solid #000;
			border-left: 1px solid #000;
			/*border-bottom: 1px solid #CCD5C2;*/
		}

		.jqueryslidemenu_custom ul li ul li a.first{ border-top: 1px solid #000; }
		.jqueryslidemenu_custom ul li ul li a.last{ border-bottom: 1px solid #000; }
		.jqueryslidemenu_custom ul li ul li a.one{ border-bottom: 1px solid #000; border-top: 1px solid #000; }

		.jqueryslidemenu_custom ul li ul li a:hover{ /*sub menus hover style*/
			background: #000;
			color: #333333;
		}
	
	
#bannerWidget_3 { margin:0px 0 0px 8px; }
#bannerWidget_3 ul { list-style:none; margin:0; padding:0 0 0 0px; background-image:none; }
#bannerWidget_3 li { margin:0; padding:0px; background-image:none }

#loginWidget { }
	#loginWidget h3 { display:block; height:42px; text-decoration:none; text-indent:-999em; background:url('./images/sideTitles.gif') -300px -0px no-repeat; }
	
	#loginWidgetContent { padding:20px 19px 0 20px; }
	#loginWidgetForm {}
		#loginWidgetForm .groupId { margin-bottom:8px; }
		#loginWidgetForm .groupPassword { margin-bottom:8px; }
		#loginWidgetForm .groupSubmit { margin-bottom:8px; }
		#loginWidgetForm .groupLink { }
		#loginWidgetForm .label { float:left; width:35px; color:#444444; }
		#loginWidgetForm .field { float:left; width:150px; }

		#loginID { vertical-align: top; 
			padding:3px .5em 1px .5em; margin:0px 0px 0px 0px; width:130px; 
			background:#FFFFFF url('./images/common/bgForm.gif') repeat-x 0 0;
			color:#444444; border:1px #E1E1E1 solid; }
		
		#loginPassword { vertical-align: top;
			padding:3px .5em 1px .5em; margin:0px 0px 0px 0px; width:130px; 
			background:#FFFFFF url('./images/common/bgForm.gif') repeat-x 0 0;
			color:#444444; border:1px #E1E1E1 solid; }
		
		#loginSubmit {
				border-style: none; border-color: none; border-width: 0; 
				padding: 0; margin: 0; vertical-align: middle; cursor: pointer; display: inline-block; }
	
	#loginWidgetStatus {}
		#loginWidgetStatus .welcome { color:#555555; line-height:160%; }
		#loginWidgetStatus ul { list-style:none; margin:12px 0 0 0; padding:0; }
		#loginWidgetStatus li { line-height:150%; }
		#loginWidgetStatus li a { color:#4272D7; text-decoration:underline; }
		#loginWidgetStatus li a:hover { text-decoration:none; }

/* banner START*/
.bannerWidget { }
	.bannerWidget h3 { display:none; }
	.bannerWidget ul { list-style:none; margin:0; padding:0; }
	.bannerWidget li a { color:#555555; text-decoration:underline; }
	.bannerWidget li a:hover { color:#FF0000; }
	.bannerWidget li { margin:0; padding:0 0 6px 0px; }
	.bannerWidget li span { display:block; font-size:90%; text-align:center; margin-top:3px; }

#bannerWidget_main_sidebar1_1 { width:172px; overflow:hidden; margin:0px 0 0 0px; }
#bannerWidget_main_sidebar1_1 span { display:none; }
#bannerWidget_main_sidebar1_1 .noImage { width:172px; height:55px; border:1px #E1E1E1 solid; background: url('/images/common/noImageN.gif') center center no-repeat; }

#bannerWidget_main_sidebar1_2 { width:172px; overflow:hidden; margin:0px 0 0 0px; }
#bannerWidget_main_sidebar1_2 span { display:none; }
#bannerWidget_main_sidebar1_2 .noImage { width:172px; height:55px; border:1px #E1E1E1 solid; background: url('/images/common/noImageN.gif') center center no-repeat; }

#bannerWidget_main_sidebar1_3 { width:172px; overflow:hidden; margin:0px 0 0 0px; }
#bannerWidget_main_sidebar1_3 span { display:none; }
#bannerWidget_main_sidebar1_3 .noImage { width:172px; height:55px; border:1px #E1E1E1 solid; background: url('/images/common/noImageN.gif') center center no-repeat; }


#bannerWidget_main_sidebar2 { width:180px; overflow:hidden; margin:30px 0 0 20px; }
#bannerWidget_main_sidebar2 span { }

#bannerWidget_sidebar1 { width:197px; overflow:hidden; text-align:center; margin:30px 0 0 20px; }
#bannerWidget_sidebar1 span { }

#bannerWidget_sidebar2 { width:197px; overflow:hidden; text-align:center; margin:30px 0 0 20px; }
#bannerWidget_sidebar2 span { }


#bannerWidget_main_header {}
#bannerWidget_main_header span { }

#bannerWidget_main_footer { }
#bannerWidget_main_footer span { }

#bannerWidget_page_header { margin-top:6px; }
#bannerWidget_page_header span { }

#bannerWidget_page_footer { margin-top:20px; }
#bannerWidget_page_footer span { }
/* banner END */


/* widget END */

/* module START */

	.entry { }
		
		.entry .entryMeta { margin: 15px 0; }
		
		.custom_content { padding: 15px 0px 15px 0px; }
		/*ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }*/
		.custom_content ul, .custom_content ol { padding: 0; }
		.custom_content ul { margin: 0 0 0 20px; list-style-type: disc; }
		.custom_content ol { margin: 0 0 0 20px; list-style-type: decimal; }
		.custom_content ul ul, .entry .custom_content ol ul { list-style-type: circle; }
		
		.custom_content .image { text-align:center; margin-top:30px; }
		.custom_content .image img { border:3px #D1D1D1 solid; }
		
		
		.custom_content table { border-top:2px #47a0de solid; }
		.custom_content table tbody tr:first-child td {
			padding:8px 10px 8px 10px; 
			border-left:1px #EBEBEB solid; 
			border-bottom: 1px #e1e1e1 solid;
			background:-moz-linear-gradient(top,
				rgba(255, 255, 255, 0.6) 0%,
				rgba(240, 240, 240, 0.8) 100%);
			background:-webkit-gradient(linear,
				left top,
				left bottom,
				color-stop(0%, #23acc1),
				color-stop(100%, #0191d3));
			background:-webkit-linear-gradient(top,
				rgba(255, 255, 255, 0.6) 0%,
				rgba(240, 240, 240, 0.8) 100%);
			background:-o-linear-gradient(top,
				rgba(255, 255, 255, 0.6) 0%,
				rgba(240, 240, 240, 0.8) 100%);
			background:-ms-linear-gradient(top,
				rgba(255, 255, 255, 0.6) 0%,
				rgba(240, 240, 240, 0.8) 100%);
			background:linear-gradient(to bottom,
				rgba(255, 255, 255, 0.6) 0%,
				rgba(240, 240, 240, 0.8) 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',
				endColorstr='#ffffff',
				GradientType=0);
		}

		.custom_content table { border-right:1px #E1E1E1 solid; border-left:1px #E1E1E1 solid; border-bottom:1px #E1E1E1 solid; } 
		
		.custom_content table thead tr th { 
		}
		.custom_content table thead tr th:first-child { border-left:0px; }
		
		.custom_content table tbody tr td { padding:8px 10px 8px 10px; border-left:1px #EBEBEB solid; border-bottom: 1px #e1e1e1 solid; }
		.custom_content table tbody tr td:first-child { border-left:0px; }
		
		.custom_content table tbody tr { background-color:#FAFAFA; }
		.custom_content table tbody tr:nth-of-type(2n) { background-color:#F1F1F1; }
		
		.custom_content table tbody tr.line { background-color:#FFFFFF; }
		.custom_content table tbody tr.line td { border-right:0px; border-top:1px #E1E1E1 solid; border-bottom:1px #E1E1E1 solid; background: #FFFFFF url('./images/common/dotLine.gif') center left repeat-x; line-height:16px; height:16px; padding:0; }
		
		/*
		.custom_content table th[scope="col"], .custom_content table th[scope="row"] {
			border-bottom: 1px #e1e1e1 solid;
			background:-moz-linear-gradient(top,
				rgba(255, 255, 255, 0.6) 0%,
				rgba(240, 240, 240, 0.8) 100%);
			background:-webkit-gradient(linear,
				left top,
				left bottom,
				color-stop(0%, #23acc1),
				color-stop(100%, #0191d3));
			background:-webkit-linear-gradient(top,
				rgba(255, 255, 255, 0.6) 0%,
				rgba(240, 240, 240, 0.8) 100%);
			background:-o-linear-gradient(top,
				rgba(255, 255, 255, 0.6) 0%,
				rgba(240, 240, 240, 0.8) 100%);
			background:-ms-linear-gradient(top,
				rgba(255, 255, 255, 0.6) 0%,
				rgba(240, 240, 240, 0.8) 100%);
			background:linear-gradient(to bottom,
				rgba(255, 255, 255, 0.6) 0%,
				rgba(240, 240, 240, 0.8) 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',
				endColorstr='#ffffff',
				GradientType=0);
		}
		*/
		
		.entry .photo { width:777px; overflow:hidden; padding-left:2px; }
			.entry .photo ul { list-style:none; margin:0px 0 0 0; padding:0px; width:786px; }
			.entry .photo ul a { text-decoration:underline; color:#555555; }
			.entry .photo ul a:hover { color:#FF0000; text-decoration:none; }
			.entry .photo li { margin:0; padding:0; }
			
			.entry .photo ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
			.entry .photo ul { display: inline-block; }
			/* Holly Hack Targets IE Win only \*/
			* html .entry .photo ul { height: 1%; }
			.entry .photo ul { display: block; }
			/* End Holly Hack */
			
			.entry .photo li { 	float:left; width:122px; height:132px; line-height:18px; 
								padding:0 0px 0px 0px; overflow:hidden; margin:0 9px 0px 0; }
			.entry .photo li img{ border:1px #FFFFFF solid; }
		
		.entry .back { margin-top:30px; }
		.entry .back a { color:#A7A7A7; text-decoration:none; border-bottom:1px #A7A7A7 solid; }
		.entry .back a:hover { color:#FF0000; border-bottom:1px #FF0000 solid; }


		.entryList { padding:15px 0 0 0px; /*min-height:600px; height: auto !important; height: 600px;*/ }
		.entryList .search { }

		.entryList2 { padding:10px 0 0 0px; /*min-height:600px; height: auto !important; height: 600px;*/ }
		.entryList2 .search {  margin-top:10px; margin-bottom:12px; }


#member {}

	#member h3 { }
	
	#memberPassword {}
		#memberPassword h3 { background-position:0 -1665px !important;}
		#memberPassword .pathway { }
	
	#memberRegister { }
		#memberRegister h3 { background-position:0 -1702px !important; }
		#memberRegister .pathway { }
		
		#memberRegister table.portfolioBox { margin:0 auto; }
		
		#memberRegister .comment textarea { width:400px; height:150px; }

	#memberProfile {}
		#memberProfile h3 { display:block; height:45px; text-decoration:none; text-indent:-999em; background:url('./custom/images/memberTitles.png') -0px -120px no-repeat; }
		#memberProfile .hh3 { width:600px; height:20px; text-decoration:none; text-indent:-999em; display:block; }
		#memberProfile .titleWrap { margin:8px 0; padding:8px 10px 6px 10px; background:transparent url('./images/common/dotLine.gif') bottom repeat-x; }
		#memberProfile .titleWrap .hh2 { font-size:116%; font-weight:bold; }
		
		#memberProfile table td { background:transparent url('./images/common/dotLine.gif') top repeat-x !important; }
		
	#memberLogin {}
		#memberLogin h3 { display:block; height:45px; text-decoration:none; text-indent:-999em; background:url('./custom/images/memberTitles.png') -0px -40px no-repeat; }
	
	#memberCenter {}
		#memberCenter h3 { background-position:0 -1813px !important;}
	
	#memberPlan {}
		#memberPlan h3 { display:block; height:45px; text-decoration:none; text-indent:-999em; background:url('./custom/images/memberTitles.png') -0px -160px no-repeat; }


	

/* 網站地圖 */
#sitemap {}
	#sitemap .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#sitemap .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#sitemap .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#sitemap .item { width:33%; background-color:#F7F7F7; border-bottom: 15px #ffffff solid; }
	#sitemap .item table { border-top:2px #47a0de solid; margin-bottom:20px; }
	#sitemap .item table tbody tr:first-child td {
		padding:8px 20px 8px 20px; 
		border-left:1px #EBEBEB solid; 
		border-top: 0px;
		background:-moz-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0%, #23acc1),
			color-stop(100%, #0191d3));
		background:-webkit-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-o-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-ms-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:linear-gradient(to bottom,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',
			endColorstr='#ffffff',
			GradientType=0);
	}
	
	#sitemap .item table thead tr th { }
	#sitemap .item table thead tr th:first-child { border-left:0px; }
	
	#sitemap .item table tbody tr td { padding:15px 20px 8px 20px; border-left:1px #EBEBEB solid; border-top: 1px #e1e1e1 solid; }
	#sitemap .item table tbody tr td:first-child { border-left:0px; }
	
	#sitemap .item table tbody tr { background-color:#F7F7F7; }


#gallery {}
	#gallery ul { list-style:none; margin:10px 0 0 0; padding:0px; }
	#gallery ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	#gallery ul { display: inline-block; }
		/* Holly Hack Targets IE Win only \*/
	* html gallery ul { height: 1%; }
	#gallery ul { display: block; }
		/* End Holly Hack */
			
	#gallery li { 	float:left; width:120px; /*140*/ height:150px;  text-align:center;
								padding:0 10px 8px 4px; overflow:hidden; margin:0 4px 8px 0; }
	#gallery li div { display:block; }
	#gallery li a img {  border:3px #d1d1d1 solid; background:url('./images/common/noImage.gif') center center no-repeat;}
	#gallery li a:hover img {  border-color:#447DA2;}
	#gallery li a .title { margin-bottom:6px; }	
	#gallery li a:hover .title { color:#447DA2}


#about { }
	#about .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#about .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#about .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }


#banner { }
	#banner h3{ background-position:0 -184px !important;}

	#banner .entryList li .title { padding-left:15px; background:url('./images/common/titleDot.gif') 0 6px no-repeat; }
	#banner .entryList li .description { padding-left:15px; }
	#banner .entryList li .date { padding-left:20px; background:url('./images/common/date.gif') 0 0px no-repeat; color:#666666; }
        
        
.content_title { }
.content_title:after { display: inline-block; letter-spacing: 0px; height: 17px; content: attr(data-visual-label); border-left: 1px #d1d1d1 solid; font-size: 12px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #d1d1d1; padding-left: 8px; margin-left: 8px; }


#notice {}
	#notice .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#notice .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#notice .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#notice .entry .titleWrap .info1 { color:#555555; padding-left:20px; background:transparent url('./images/common/sitemap_color.gif') 0px 3px no-repeat; }
	#notice .entry .titleWrap .info2 { color:#555555; padding-left:20px; background:transparent url('./images/common/tag_pink.gif') 0px 3px no-repeat; }

#teachingplan {}
	#teachingplan .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#teachingplan .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#teachingplan .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#teachingplan .entry .titleWrap .info1 { color:#555555; padding-left:20px; background:transparent url('./images/common/sitemap_color.gif') 0px 3px no-repeat; }
	#teachingplan .entry .titleWrap .info2 { color:#555555; padding-left:20px; background:transparent url('./images/common/tag_pink.gif') 0px 3px no-repeat; }

#retiredtests {}
	#retiredtests .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#retiredtests .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#retiredtests .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#retiredtests .entry .titleWrap .info1 { color:#555555; padding-left:20px; background:transparent url('./images/common/sitemap_color.gif') 0px 3px no-repeat; }
	#retiredtests .entry .titleWrap .info2 { color:#555555; padding-left:20px; background:transparent url('./images/common/tag_pink.gif') 0px 3px no-repeat; }

#search {}
	#search .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#search .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#search .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
#calendar {}
	#calendar .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#calendar .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#calendar .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#calendar .entry .titleWrap .info1 { color:#555555; padding-left:20px; background:transparent url('./images/common/sitemap_color.gif') 0px 3px no-repeat; }
	#calendar .entry .titleWrap .info2 { color:#555555; padding-left:20px; background:transparent url('./images/common/tag_pink.gif') 0px 3px no-repeat; }
	
#contact {}
	#contact .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#contact .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#contact .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#contact .firstName input, 
	#contact .question input, 
	#contact .unit input, 
	#contact .email input, 
	#contact .phoneNumber input, 
	#contact .authorityCode input { width:400px; }
	
	#contact .comment textarea { width:400px; height:150px; }

#organization { }
	#organization .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#organization .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#organization .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#organization .imageLinkBlock { margin-top: 25px; }
	#organization .imageLinkBlockItem { 
		border-top: 2px #449ede solid; 
		border-right: 1px #e9eaec solid; 
		border-bottom: 1px #e9eaec solid; 
		border-left: 1px #e9eaec solid; 
		width: 228px; 
		float: left; 
		margin-right: 15px; 
		margin-bottom: 20px; 
	}
	
	#organization .imageLinkBlockItem:nth-of-type(3n) {
		margin-right: 0px; 
	}
	
	#organization .imageLinkBlockItem a {
		color: #787878; 
		border-bottom: 2px #f3f3f3 solid; 
		display: inline-block;
	}
	
	#organization .imageLinkBlockItem a:hover {
		color: #333;
		font-weight: bold;
	}
	
	#organization .imageLinkBlockItemTitle {
		font-size: 14px; font-weight: bold; color:#3a3f5c; line-height: 30px; padding-left: 10px; border-bottom: 1px #e7e7e7 solid;
		background:-moz-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0%, #23acc1),
			color-stop(100%, #0191d3));
		background:-webkit-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-o-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-ms-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:linear-gradient(to bottom,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',
			endColorstr='#ffffff',
			GradientType=0);
	}
	
	#organization .imageLinkBlockItemContent {
		padding: 14px 14px 3px 14px; line-height: 36px; 
	}

#organ01, 
#organ01pages { }
	#organ01 .pageTitle, 
	#organ01pages .pageTitle, 
	#organ02 .pageTitle, 
	#organ02pages .pageTitle, 
	#organ03 .pageTitle, 
	#organ03pages .pageTitle, 
	#organ04 .pageTitle, 
	#organ04pages .pageTitle, 
	#organ05 .pageTitle, 
	#organ05pages .pageTitle, 
	#organ06 .pageTitle, 
	#organ06pages .pageTitle, 
	#organ07 .pageTitle, 
	#organ07pages .pageTitle, 
	#organ08 .pageTitle, 
	#organ08pages .pageTitle, 
	#organ09 .pageTitle, 
	#organ09pages .pageTitle, 
	#organ10 .pageTitle, 
	#organ10pages .pageTitle, 
	#organ11 .pageTitle, 
	#organ11pages .pageTitle, 
	#organ12 .pageTitle, 
	#organ12pages .pageTitle, 
	#organ13 .pageTitle, 
	#organ13pages .pageTitle, 
	#organ14 .pageTitle, 
	#organ14pages .pageTitle, 
	#organ15 .pageTitle, 
	#organ15pages .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	
	#organ01 .pageTitle h3, 
	#organ01pages .pageTitle h3,
	#organ02 .pageTitle h3, 
	#organ02pages .pageTitle h3,
	#organ03 .pageTitle h3, 
	#organ03pages .pageTitle h3,
	#organ04 .pageTitle h3, 
	#organ04pages .pageTitle h3,
	#organ05 .pageTitle h3, 
	#organ05pages .pageTitle h3,
	#organ06 .pageTitle h3, 
	#organ06pages .pageTitle h3,
	#organ07 .pageTitle h3, 
	#organ07pages .pageTitle h3,
	#organ08 .pageTitle h3, 
	#organ08pages .pageTitle h3,
	#organ09 .pageTitle h3, 
	#organ09pages .pageTitle h3,
	#organ10 .pageTitle h3, 
	#organ10pages .pageTitle h3,
	#organ11 .pageTitle h3, 
	#organ11pages .pageTitle h3,
	#organ12 .pageTitle h3, 
	#organ12pages .pageTitle h3,
	#organ13 .pageTitle h3, 
	#organ13pages .pageTitle h3,
	#organ14 .pageTitle h3, 
	#organ14pages .pageTitle h3,
	#organ15 .pageTitle h3, 
	#organ15pages .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	
	#organ01 .pageTitle h3:after, 
	#organ01pages .pageTitle h3:after,
	#organ02 .pageTitle h3:after, 
	#organ02pages .pageTitle h3:after,
	#organ03 .pageTitle h3:after, 
	#organ03pages .pageTitle h3:after,
	#organ04 .pageTitle h3:after, 
	#organ04pages .pageTitle h3:after,
	#organ05 .pageTitle h3:after, 
	#organ05pages .pageTitle h3:after,
	#organ06 .pageTitle h3:after, 
	#organ06pages .pageTitle h3:after,
	#organ07 .pageTitle h3:after, 
	#organ07pages .pageTitle h3:after,
	#organ08 .pageTitle h3:after, 
	#organ08pages .pageTitle h3:after,
	#organ09 .pageTitle h3:after, 
	#organ09pages .pageTitle h3:after,
	#organ10 .pageTitle h3:after, 
	#organ10pages .pageTitle h3:after,
	#organ11 .pageTitle h3:after, 
	#organ11pages .pageTitle h3:after,
	#organ12 .pageTitle h3:after, 
	#organ12pages .pageTitle h3:after,
	#organ13 .pageTitle h3:after, 
	#organ13pages .pageTitle h3:after,
	#organ14 .pageTitle h3:after, 
	#organ14pages .pageTitle h3:after,
	#organ15 .pageTitle h3:after, 
	#organ15pages .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#organ01 .imageBlock, 
	#organ01pages .imageBlock,
	#organ02 .imageBlock, 
	#organ02pages .imageBlock,
	#organ03 .imageBlock, 
	#organ03pages .imageBlock,
	#organ04 .imageBlock, 
	#organ04pages .imageBlock,
	#organ05 .imageBlock, 
	#organ05pages .imageBlock,
	#organ06 .imageBlock, 
	#organ06pages .imageBlock,
	#organ07 .imageBlock, 
	#organ07pages .imageBlock,
	#organ08 .imageBlock, 
	#organ08pages .imageBlock,
	#organ09 .imageBlock, 
	#organ09pages .imageBlock,
	#organ10 .imageBlock, 
	#organ10pages .imageBlock,
	#organ11 .imageBlock, 
	#organ11pages .imageBlock,
	#organ12 .imageBlock, 
	#organ12pages .imageBlock,
	#organ13 .imageBlock, 
	#organ13pages .imageBlock,
	#organ14 .imageBlock, 
	#organ14pages .imageBlock,
	#organ15 .imageBlock, 
	#organ15pages .imageBlock { margin-top: 25px; }
	
	#organ01 .imageBlockItem, 
	#organ01pages .imageBlockItem,
	#organ02 .imageBlockItem, 
	#organ02pages .imageBlockItem,
	#organ03 .imageBlockItem, 
	#organ03pages .imageBlockItem,
	#organ04 .imageBlockItem, 
	#organ04pages .imageBlockItem,
	#organ05 .imageBlockItem, 
	#organ05pages .imageBlockItem,
	#organ06 .imageBlockItem, 
	#organ06pages .imageBlockItem,
	#organ07 .imageBlockItem, 
	#organ07pages .imageBlockItem,
	#organ08 .imageBlockItem, 
	#organ08pages .imageBlockItem,
	#organ09 .imageBlockItem, 
	#organ09pages .imageBlockItem,
	#organ10 .imageBlockItem, 
	#organ10pages .imageBlockItem,
	#organ11 .imageBlockItem, 
	#organ11pages .imageBlockItem,
	#organ12 .imageBlockItem, 
	#organ12pages .imageBlockItem,
	#organ13 .imageBlockItem, 
	#organ13pages .imageBlockItem,
	#organ14 .imageBlockItem, 
	#organ14pages .imageBlockItem,
	#organ15 .imageBlockItem, 
	#organ15pages .imageBlockItem { width: 230px; float: left; margin-right: 15px; margin-bottom: 20px; text-align: center; }
	
	#organ01 .imageBlockItem:nth-of-type(3n),
	#organ01pages .imageBlockItem:nth-of-type(3n),
	#organ02 .imageBlockItem:nth-of-type(3n),
	#organ02pages .imageBlockItem:nth-of-type(3n),
	#organ03 .imageBlockItem:nth-of-type(3n),
	#organ03pages .imageBlockItem:nth-of-type(3n),
	#organ04 .imageBlockItem:nth-of-type(3n),
	#organ04pages .imageBlockItem:nth-of-type(3n),
	#organ05 .imageBlockItem:nth-of-type(3n),
	#organ05pages .imageBlockItem:nth-of-type(3n),
	#organ06 .imageBlockItem:nth-of-type(3n),
	#organ06pages .imageBlockItem:nth-of-type(3n),
	#organ07 .imageBlockItem:nth-of-type(3n),
	#organ07pages .imageBlockItem:nth-of-type(3n),
	#organ08 .imageBlockItem:nth-of-type(3n),
	#organ08pages .imageBlockItem:nth-of-type(3n),
	#organ09 .imageBlockItem:nth-of-type(3n),
	#organ09pages .imageBlockItem:nth-of-type(3n),
	#organ10 .imageBlockItem:nth-of-type(3n),
	#organ10pages .imageBlockItem:nth-of-type(3n),
	#organ11 .imageBlockItem:nth-of-type(3n),
	#organ11pages .imageBlockItem:nth-of-type(3n),
	#organ12 .imageBlockItem:nth-of-type(3n),
	#organ12pages .imageBlockItem:nth-of-type(3n),
	#organ13 .imageBlockItem:nth-of-type(3n),
	#organ13pages .imageBlockItem:nth-of-type(3n),
	#organ14 .imageBlockItem:nth-of-type(3n),
	#organ14pages .imageBlockItem:nth-of-type(3n),
	#organ15 .imageBlockItem:nth-of-type(3n),
	#organ15pages .imageBlockItem:nth-of-type(3n) { margin-right: 0px; }

/*for math*/

#information { }
	#information .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#information .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#information .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#information .imageLinkBlock { margin-top: 25px; }
	#information .imageLinkBlockItem { 
		border-top: 2px #449ede solid; 
		border-right: 1px #e9eaec solid; 
		border-bottom: 1px #e9eaec solid; 
		border-left: 1px #e9eaec solid; 
		width: 228px; 
		float: left; 
		margin-right: 15px; 
		margin-bottom: 20px; 
	}
	
	#information .imageLinkBlockItem:nth-of-type(3n) {
		margin-right: 0px; 
	}
	
	#information .imageLinkBlockItem a {
		color: #787878; 
		border-bottom: 2px #f3f3f3 solid; 
		display: inline-block;
	}
	
	#information .imageLinkBlockItem a:hover {
		color: #333;
		font-weight: bold;
	}
	
	#information .imageLinkBlockItemTitle {
		font-size: 14px; font-weight: bold; color:#3a3f5c; line-height: 30px; padding-left: 10px; border-bottom: 1px #e7e7e7 solid;
		background:-moz-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0%, #23acc1),
			color-stop(100%, #0191d3));
		background:-webkit-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-o-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-ms-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:linear-gradient(to bottom,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',
			endColorstr='#ffffff',
			GradientType=0);
	}
	
	#information .imageLinkBlockItemContent {
		padding: 14px 14px 3px 14px; line-height: 36px; 
	}

#teach { }
	#teach .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#teach .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#teach .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#teach .imageLinkBlock { margin-top: 25px; }
	#teach .imageLinkBlockItem { 
		border-top: 2px #449ede solid; 
		border-right: 1px #e9eaec solid; 
		border-bottom: 1px #e9eaec solid; 
		border-left: 1px #e9eaec solid; 
		width: 228px; 
		float: left; 
		margin-right: 15px; 
		margin-bottom: 20px; 
	}
	
	#teach .imageLinkBlockItem:nth-of-type(3n) {
		margin-right: 0px; 
	}
	
	#teach .imageLinkBlockItem a {
		color: #787878; 
		border-bottom: 2px #f3f3f3 solid; 
		display: inline-block;
	}
	
	#teach .imageLinkBlockItem a:hover {
		color: #333;
		font-weight: bold;
	}
	
	#teach .imageLinkBlockItemTitle {
		font-size: 14px; font-weight: bold; color:#3a3f5c; line-height: 30px; padding-left: 10px; border-bottom: 1px #e7e7e7 solid;
		background:-moz-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0%, #23acc1),
			color-stop(100%, #0191d3));
		background:-webkit-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-o-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-ms-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:linear-gradient(to bottom,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',
			endColorstr='#ffffff',
			GradientType=0);
	}
	
	#teach .imageLinkBlockItemContent {
		padding: 14px 14px 3px 14px; line-height: 36px; 
	}


#academy { }
	#academy .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#academy .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#academy .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#academy .imageLinkBlock { margin-top: 25px; }
	#academy .imageLinkBlockItem { 
		border-top: 2px #449ede solid; 
		border-right: 1px #e9eaec solid; 
		border-bottom: 1px #e9eaec solid; 
		border-left: 1px #e9eaec solid; 
		width: 228px; 
		float: left; 
		margin-right: 15px; 
		margin-bottom: 20px; 
	}
	
	#academy .imageLinkBlockItem:nth-of-type(3n) {
		margin-right: 0px; 
	}
	
	#academy .imageLinkBlockItem a {
		color: #787878; 
		border-bottom: 2px #f3f3f3 solid; 
		display: inline-block;
	}
	
	#academy .imageLinkBlockItem a:hover {
		color: #333;
		font-weight: bold;
	}
	
	#academy .imageLinkBlockItemTitle {
		font-size: 14px; font-weight: bold; color:#3a3f5c; line-height: 30px; padding-left: 10px; border-bottom: 1px #e7e7e7 solid;
		background:-moz-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0%, #23acc1),
			color-stop(100%, #0191d3));
		background:-webkit-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-o-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-ms-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:linear-gradient(to bottom,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',
			endColorstr='#ffffff',
			GradientType=0);
	}
	
	#academy .imageLinkBlockItemContent {
		padding: 14px 14px 3px 14px; line-height: 36px; 
	}


#honor { }
	#honor .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#honor .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#honor .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }



#link { }
	#link .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#link .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#link .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#link .imageLinkBlock { margin-top: 25px; }
	#link .imageLinkBlockItem { 
		border-top: 2px #449ede solid; 
		border-right: 1px #e9eaec solid; 
		border-bottom: 1px #e9eaec solid; 
		border-left: 1px #e9eaec solid; 
		width: 228px; 
		float: left; 
		margin-right: 15px; 
		margin-bottom: 20px; 
	}
	
	#link .imageLinkBlockItem:nth-of-type(3n) {
		margin-right: 0px; 
	}
	
	#link .imageLinkBlockItem a {
		color: #787878; 
		border-bottom: 2px #f3f3f3 solid; 
		display: inline-block;
	}
	
	#link .imageLinkBlockItem a:hover {
		color: #333;
		font-weight: bold;
	}
	
	#link .imageLinkBlockItemTitle {
		font-size: 14px; font-weight: bold; color:#3a3f5c; line-height: 30px; padding-left: 10px; border-bottom: 1px #e7e7e7 solid;
		background:-moz-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0%, #23acc1),
			color-stop(100%, #0191d3));
		background:-webkit-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-o-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-ms-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:linear-gradient(to bottom,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',
			endColorstr='#ffffff',
			GradientType=0);
	}
	
	#link .imageLinkBlockItemContent {
		padding: 14px 14px 3px 14px; line-height: 36px; 
	}


#class { }
	#class h3 { background-position:0 -600px !important; }
/* module END */


/* date picker */
a.dp-choose-date { 	width:20px; height:20px; padding:0 0 0 0px; margin:0px 0 0 0px; display: block; 
					text-indent: -2000px; overflow: hidden; background: url('./images/common/date.gif') 3px 2px no-repeat; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied { width:140px; float: left; }
/* date picker END */


#entryListTable { border-top:2px #47a0de solid; border-left:1px #e8ebed solid; border-right:1px #e8ebed solid; border-bottom:1px #e8ebed solid; }
#entryListTable thead tr th { background:#FFFFFF url('./custom/images/tr_line.gif') left bottom no-repeat; }
#entryListTable thead tr th:first-child { background-position:-10px bottom; }
#entryListTable tbody tr td { background-color: #FFFFFF; }
#entryListTable tbody tr:nth-child(odd) td { background-color: #F5F5F5; }

#entryListTable .priority { padding-right:32px; background:url('./custom/images/statusPriority.gif') right 0px no-repeat; }
/*#entryListTable .new { padding-right:32px; background:url('./custom/images/statusNew.gif') right 0px no-repeat; }*/


.custom_table_green { border-top:2px #a4ce51 solid; }
.custom_table_green tbody tr td.first { background-color:#eafbca; }

.custom_table_red { border-top:2px #ff6e7b solid; }
.custom_table_red tbody tr td.first { background-color:#ffebed; }

.custom_table_blue { border-top:2px #47a0de solid; }
.custom_table_blue tbody tr td.first { background-color:#e3f1fa; }

.custom_table { padding:8px; border-right:1px #E1E1E1 solid; border-left:1px #E1E1E1 solid; border-bottom:1px #E1E1E1 solid; } 
.custom_table tbody tr td { padding:20px 10px 20px 25px; }
.custom_table tbody tr td.first { white-space: nowrap; border-right:1px #EBEBEB solid; vertical-align: top; color: #666666; width: 60px; text-align: center; padding: 20px 10px; font-weight:noraml; }
.custom_table tbody tr { background-color:#FAFAFA; }
.custom_table tbody tr.line { background-color:#FFFFFF; }
.custom_table tbody tr.line td { border-right:0px; border-top:1px #E1E1E1 solid; border-bottom:1px #E1E1E1 solid; background: #FFFFFF url('./images/common/dotLine.gif') center left repeat-x; line-height:16px; height:16px; padding:0; }
.custom_table tbody tr.colored { background-color:#F8F8F8; }



/* custom START */
#tabs { background:url('./template/tabs_bg.png') 0 0 no-repeat; }
#tabs ul { }
#tabs .tabsHeader { }
#tabs .tabN0 span { width:90px; height:23px; text-decoration:none; display:block; }
#tabs .tabN1 span { width:90px; height:23px; text-decoration:none; display:block; }
#tabs .tabN2 span { width:90px; height:23px; text-decoration:none; display:block; }
#tabs .tabN3 span { width:90px; height:23px; text-decoration:none; display:block; }
#tabs .tabN4 span { width:90px; height:23px; text-decoration:none; display:block; }
#tabs .tabN5 span { width:90px; height:23px; text-decoration:none; display:block; }
#tabs .tabN6 span { width:90px; height:23px; text-decoration:none; display:block; }

#tabs .tabs-selected .tabN1 span { background:url('./template/tabs.png') 0 0 no-repeat; }
#tabs .tabs-selected .tabN0 span { background:url('./template/tabs.png') 0 0 no-repeat; }
#tabs .tabs-selected .tabN2 span { background:url('./template/tabs.png') 0 0 no-repeat; }
#tabs .tabs-selected .tabN3 span { background:url('./template/tabs.png') 0 0 no-repeat; }
#tabs .tabs-selected .tabN4 span { background:url('./template/tabs.png') 0 0 no-repeat; }
#tabs .tabs-selected .tabN5 span { background:url('./template/tabs.png') 0 -210px no-repeat; }
#tabs .tabs-selected .tabN6 span { background:url('./template/tabs.png') 0 -60px no-repeat; padding-right:82px; }

#tabs .tabs-unselected .tabN0 span { background:url('./template/tabs.png') 0 -30px no-repeat; }
#tabs .tabs-unselected .tabN1 span { background:url('./template/tabs.png') 0 -30px no-repeat; }
#tabs .tabs-unselected .tabN2 span { background:url('./template/tabs.png') 0 -30px no-repeat; }
#tabs .tabs-unselected .tabN3 span { background:url('./template/tabs.png') 0 -30px no-repeat; }
#tabs .tabs-unselected .tabN4 span { background:url('./template/tabs.png') 0 -30px no-repeat; }
#tabs .tabs-unselected .tabN5 span { background:url('./template/tabs.png') 0 -240px no-repeat; }
#tabs .tabs-unselected .tabN6 span { background:url('./template/tabs.png') 0 -90px no-repeat; padding-right:82px; }

#tabs .tabs-container { background:url('./template/tabs_content_bg.gif') 0 0 no-repeat; min-height:757px; }
#tabs .tabs-nav { list-style: none; margin:0; padding: 0 0 0 12px; }

#nWidget-0, #nWidget-1, #nWidget-2, #nWidget-3, #nWidget-4, #nWidget-5, #nWidget-6 { clear:both; padding: 15px 40px 0 23px; }
/* custom END */




/* Historic timeline */
.timeline_bar {background:url('./images/timeline_bar.png') repeat-y center top;}
.timeline_bar  > .row {margin-bottom:0;}
.timeline_box {background:#fff; border-radius:3px; margin:50px 0 70px; padding:15px; position:relative;}
.timeline_box:after {content:''; position:absolute; top:20px; right:-12px; border:6px solid transparent; border-left-color:#fff;}
div[data-align=right] .timeline_box:after {left:-12px; right:auto; border-left-color:transparent; border-right-color:#fff;}
.timeline_box:before {content:''; position:absolute; top:20px; right:-21px; background:#999; width:5px; height:5px; border:3px solid #f5f5f5; border-radius:50%;}
div[data-align=right] .timeline_box:before {right:auto; left:-20px;}
.end_timeline {text-align:center;}
.end_timeline > span {background:#fff; border-radius:3px; padding:0 10px; line-height: 2;display: inline-block;}
.timeline_box:hover .date, 
.timeline_box:hover {box-shadow:0 0 8px rgba(35,35,35,0.2); }
.timeline_box:hover:before {width:7px; height:7px; border:2px solid #f5f5f5;}
.timeline_box .date {font-size:18px; font-weight:700; background:#fff; display:inline-block; padding:5px 10px; border-radius:2px; position:absolute; top:11px; right:-100px; color:#787878;}
div[data-align=right] .timeline_box .date {left:-100px; right:auto;}



/*events*/
.eventsContainer {
	border-left: 2px solid #60C0FA;
	margin: 0px 0 5px 50px;
	/*width: 100%;*/
}

.eventsContent0 {
	clear: left;
	float: left;
	margin: 0 0 12px;
	margin-right: 20px;
}

.eventsContent0 h5 {
	/*background: url(./images/eventsBorder.png) left center no-repeat;*/
	/*margin: 0 0 10px!important;
	padding: 4px 4px 4px 20px!important;*/
}

.eventsContent0 h5 span {
	background: #60C0FA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 20px;
	color: #fff;
	padding: 5px 15px 6px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.eventsContent {
	clear: left;
	float: left;
	margin: 0 0 12px;
	margin-right: 20px;
}

.eventsContent h5 {
	background: url(./images/eventsBorder.png) left center no-repeat;
	margin: 0 0 10px!important;
	padding: 4px 4px 4px 20px!important;
}

.eventsContent h5 span {
	background: #60C0FA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 20px;
	color: #fff;
	padding: 5px 15px 6px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.event {
	clear: left;
	float: left!important;
	margin: 0 12px 12px 0!important;
	padding: 4px 4px 4px 0!important;
	position: relative;
	width: 100%;
}

.event h5 {
	clear: left;
	background: none;
	list-style-type: none!important;
	margin: 0 0 12px!important;
	padding: 0 0 0 24px!important;
}

.eventDetail {
	padding-left: 24px;
	padding-right: 24px;
	width: 98%;
}

.eventDetail a {
	text-decoration:underline;
}

.eventDetail p {
	/*
	clear: left;
	float: left;
	*/
	margin: 0 0 10px;
	width: 100%;
}

.eventDetail h4 {
	/*
	clear: left;
	float: left;
	*/
	font-weight: 400;
	margin: 10px 0 0;
	padding: 0 0 0 20px!important;
}

.eventDetail h6 {
    color: #ccc;
}






@media (max-width: 1048px) {
}


.section_sns {
	/*
	margin-top: 50px;
	padding: 10px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	*/
	padding:5px;
	margin:0;
	list-style: none;
}
.sns_wrap li {
	margin-top: 6px;
}
.sns_wrap li.twitter {
	margin-top: 12px;
}
.sns_wrap li.facebook {
	margin-top: 0px;
}

/*
.sns_wrap li {
	float: left;
	margin-right: 20px;
}
.sns_wrap li.twitter {
	width: 90px;
	margin-right: 10px;
}
.sns_wrap li.google_plus {
	width: 70px;
	margin-right: 0;
}
*/


.socialshare {
	width: 150px;
	padding: 15px;
	position: relative
}
.socialshare .socialshare-toggle {
	position: absolute;
	left: 100%;
	top: 0;
	width: 50px;
	background-color: #385998;
	cursor: pointer;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
	padding: 8px 0 5px 0;
}
.socialshare {
	background: #191919;
	color: #6a6a6a
}
.socialshare .socialshare-title {
	color: #fff
}
#socialshare {
	position: fixed;
	top: 135px;
	z-index: 50;
	left: -180px
}



.thumbnail {
  background: none;
  position: relative;
  border: 0;
  padding: 0;
  margin-bottom: 0;
  text-align: center;
}
.thumbnail .caption {
  padding: 12px 0 0 0;
  text-align: left;
}
.thumbnail .caption.text-center {
  text-align: center;
}
.thumbnail .caption h6 small {
  display: block;
  margin-top: 4px;
}


.thumbnail-boxed .caption { 
  padding: 12px 12px; 
}
.caption .caption-title { 
  font-size: 12px; 
  font-weight: normal; 
  margin-bottom: 8px; 
  display: block; 
}

.thumbnail-boxed {
  border: 1px solid #ddd;
  padding: 2px;
  border-radius: 2px;
  background-color: #fff;
}
.thumbnail-boxed .item-info {
  margin-bottom: 12px;
}

.thumbnail img,
.thumbnail a img {
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  z-index: 2;
  border-radius: 2px;
}

.thumb { 
  position: relative; 
  display: inline-block; 
}
.thumb:hover 
.thumb-options {
  opacity: 1;
}


.thumb-options {
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(50,67,77,0.8);
  height: 100%;
  width: 100%;
  opacity: 0;
  text-align: center;
}
.thumb-options span {
  display: block;
    top: 50%;
  position: absolute;
  margin-top: -17px;
  width: 100%;

}
.thumb-options span a + a {
  margin-left: 5px;
}
.thumb-options i {
	font-size: 20px;
}


.page_tree_container {
	width: 100%;
	display: table;
	
	position: relative;
	top: 46%;
	transform: translateY(-54%);
}
.page_tree {
	color: #c1c1c1; 
	text-align: right;
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.3em;
	padding-right:15px; 
}
.page_tree ul {
  display: inline;
  margin: 0;
  padding: 0;
  -webkit-padding-start: 0;
  margin-left: 5px;
}
.page_tree li {
  display: inline-block;
}
.page_tree li:after {
  content: "|";
  margin: 0 9px 0 9px;
}
.page_tree li:last-child:after {
  display: none;
}

.cke_editable.custom_content { padding:20px !important; background:#ffffff; }

#pageSearchKeyword { width: 140px; }
#search #pageSearchKeyword { width: 400px; }


.label-group1 { background-color: #F08513; }
.label-group2 { background-color: #60AB42; }
.label-group3 { background-color: #438d36; }
.label-group4 { background-color: #607CC3; }
.label-group5 { background-color: #12b2b4; }
.label-group6 { background-color: #9C7EC8; }
.label-group7 { background-color: #B6694D; }
.label-group8 { background-color: #1f7799; }
.label-group9 { background-color: #CF738D; }
.label-group10 { background-color: #C7505A; }
.label-group11 { background-color: #5798B2; }
.label-group12 { background-color: #98766B; }
.label-group13 { background-color: #F08513; }
.label-group14 { background-color: #60AB42; }
.label-group15 { background-color: #438d36; }
.label-group16 { background-color: #607CC3; }
.label-group17 { background-color: #12b2b4; }
.tabs-container .label-group { cursor: pointer; }

.text-center { text-align: center; }

.label { font-weight: 300; }
.btn { font-weight: normal; }


.content_title { font-size: 20px; letter-spacing: -1px; color: #222222; padding-bottom: 20px; margin-bottom: 8px; }
.content_title:after { display: inline-block; letter-spacing: 0px; height: 17px; content: attr(data-visual-label); border-left: 1px #d1d1d1 solid; font-size: 12px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #d1d1d1; padding-left: 8px; margin-left: 8px; }




#entranceexpo { }
	#entranceexpo .pageTitle { border-bottom: 1px #c1c1c1 solid; }
	#entranceexpo .pageTitle h3 { font-family: Meiryo, 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif; line-height: 30px; font-size: 17px; padding: 8px 0 0 6px; }
	#entranceexpo .pageTitle h3:after { content: '| Tsoying Senior High School'; font-size: 10px; color: #d1d1d1; padding-left: 10px; }
	
	#entranceexpo .imageLinkBlock { margin-top: 25px; }
	#entranceexpo .imageLinkBlockItem { 
		border-top: 2px #449ede solid; 
		border-right: 1px #e9eaec solid; 
		border-bottom: 1px #e9eaec solid; 
		border-left: 1px #e9eaec solid; 
		width: 228px; 
		float: left; 
		margin-right: 15px; 
		margin-bottom: 20px; 
	}
	
	#entranceexpo .imageLinkBlockItem:nth-of-type(3n) {
		margin-right: 0px; 
	}
	
	#entranceexpo .imageLinkBlockItem a {
		color: #787878; 
		border-bottom: 2px #f3f3f3 solid; 
		display: inline-block;
	}
	
	#entranceexpo .imageLinkBlockItem a:hover {
		color: #333;
		font-weight: bold;
	}
	
	#entranceexpo .imageLinkBlockItemTitle {
		font-size: 14px; font-weight: bold; color:#3a3f5c; line-height: 30px; padding-left: 10px; border-bottom: 1px #e7e7e7 solid;
		background:-moz-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0%, #23acc1),
			color-stop(100%, #0191d3));
		background:-webkit-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-o-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:-ms-linear-gradient(top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
		background:linear-gradient(to bottom,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(240, 240, 240, 0.8) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',
			endColorstr='#ffffff',
			GradientType=0);
	}
	
	#entranceexpo .imageLinkBlockItemContent {
		padding: 14px 14px 3px 14px; line-height: 36px; 
	}