@charset "utf-8";
html {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}
body {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	font-size: 13px;
	letter-spacing: 1px;
	color: #000;
	text-align: left;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	background: #f4f4f4;
}
h1, .theme, #home-video h3 {
/*
	font-family: 'Noto Sans Japanese', 'roboto', '微軟正黑體', Arial, Helvetica, sans-serif;
*/
	font-family: 'roboto', '微軟正黑體', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2, h3 {
	font-family: '微軟正黑體', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
form {
	margin: 0;
	padding: 0;
}
img {
	border: 0 none;
}
table {
	border: none;
	border-spacing: 0;
}
td {
	vertical-align: top;
}
a {
	color: #0d4d95;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #339900;
}
input.button {
	cursor: pointer;
}
button {
	cursor: pointer;
}
p {
	margin: 25px 0;
	padding: 0;
	line-height: 170%;
	text-align: left;
}
ul {
	text-align: left;
	list-style: square;
}
ol {
	text-align: left;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#topmenu {
	color: #000;
	height: 37px;
	margin: 0;
	padding: 0;
	opacity: 1;
	font-family: 'roboto', '微軟正黑體', Arial, Helvetica, sans-serif;
	font-weight: bold;
	position: absolute;
	z-index: 9;
	right: 10px;
	top: 59px;
}
#pathway {
	margin: 0 15px;
	padding: 3px 0;
	text-align: left;
	position: relative;
}
#search {
	position: absolute;
	top: 12px;
	right: 20px;
	width: 400px;
	height: 50px;
	text-align: right;
}
#search label {
	display: none;
}
#search input#mod-search-searchword {
	width: 236px;
	height: 32px;
	line-height: 32px;
	padding: 0 4px;
	margin: 0;
	border-radius: 4px;
	font-size: 16px;
	font-family: inherit;
	color: #999;
	background: #f6f6f6 url(../images/magnifier.png) 96% 50% no-repeat;
}
#search input#mod-search-searchword:focus {
	background: #fff url(../images/magnifier.png) 96% 50% no-repeat;
	color: #660;
	font-weight: bold;
	border: #0d4d95 solid 1px;
}
#searchForm fieldset {
	display: none;
}
.searchintro {
	font-size: 16px;
}
.search-results {
	line-height: 170%;
	letter-spacing: 0;
	color: #333;
}
.result-title {
	font-weight: bold;
	font-size: 16px;
	margin: 21px 0 10px 15px;
}
form#searchForm input {
	vertical-align: middle;
}
form#searchForm table {
	border-collapse: collapse;
}
form#searchForm td {
	padding: 0;
}
#mod_search_searchword {
	padding-left: 3px;
}
#area {
	padding: 0;
}
#whitebox {
	clear: both;
	margin: 0;
	padding: 12px 0 0 0;
	background: #fff url(../images/topshadow.jpg) repeat-x top;
}
/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}
span.pathway {
	display: block;
	margin: 0;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	letter-spacing:0;
}
/* headers */
div.componentheading {
	padding: 0;
}
h1, td.contentheading {
	font-size: 21px;
	letter-spacing: 0;
	color: #0d4d95;
	text-align: left;
	margin: 0;
	padding: 7px 0;
	line-height: 130%;
	clear: both;
	text-indent: 0;
	border-bottom: #ddd solid 1px;
}
ul.actions {
	display: none;
}
td.buttonheading {
	position: relative;
	line-height: 130%;
	padding-top: 10px;
	vertical-align: top;
}
h2 {
	padding: 0;
	font-size: 16px;
	color: #000;
	text-align: left;
	letter-spacing: 0;
}
h2 a {
	color: #0d4d95;
}
h3 {
	font-size: 15px;
	letter-spacing: 0;
	color: #333;
	text-align: left;
	margin-left: 15px;
}
table.contentpaneopen h3 {
	margin-top: 25px;
}
.contentpaneopen table {
	border: none;
	border-top: #999 solid 1px;
	border-left: #999 solid 1px;
	box-shadow: 0 -1px 4px #eee;
	border-spacing: 0;
	width: 98%;
	margin-left: 15px;
	max-width: 98%;
	font-size: 12px;
}
.contentpaneopen table th {
	border: none;
	border-bottom: #999 solid 1px;
	border-right: #999 solid 1px;
	padding: 2px;
	background: #0099CC;
	color: #fff;
	/*
	text-shadow: #003 1px 1px 1px;
	*/
}
th a{color:#fff;}
th a:hover{color:#fff; text-shadow:#FFF 0 0 5px;}
.contentpaneopen table tr {
}
.contentpaneopen table td {
	border: none;
	border-bottom: #999 solid 1px;
	border-right: #999 solid 1px;
	padding: 2px;
	text-align: inherit;
}
.contentpaneopen table th p, .contentpaneopen table td p {
	margin: 0;
	padding: 0;
	background: none;
}
.rankingrow_logo img{max-width:21px; height:auto; max-height:21px; width:auto;}
.trOdd {
	background-color: #f1f1f1;
}
.trEven {
	background-color: #f9f9f9;
}
.contentpaneopen img {
	max-width: 660px;
	height: auto;
}
table.moduletable th, legend {
	margin: 0;
	font-weight: bold;
	font-size: 15px;
	padding-left: 0;
	margin-bottom: 10px;
	text-align: left;
}
.componentheading {
	margin: 0;
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 15px 0;
	padding: 0;
	text-indent: 15px;
	text-align: left;
}
/* small text */
.small {
	font-size: 12px;
	color: #999;
	font-weight: normal;
	text-align: left;
}
.createdate, .modifydate {
	height: 20px;
	font-size: 12px;
	color: #666;
	vertical-align: top;
	text-align: left;
	padding: 0 0 5px 17px;
}
a.readon {
	margin-top: 10px;
	display: block;
	float: left;
	background: url(../images/mw_readon.png) top right no-repeat;
	padding-right: 20px;
	line-height: 14px;
	height: 16px;
}
/* form validation */
.invalid {
	border-color: #ff0000;
}
label.invalid {
	color: #ff0000;
}
.clr, .item-separator {
	clear: both;
}
.hr {
	border-bottom: #ddd solid 1px;
	padding-top: 20px;
}
div#maindivider {
	border-top: 1px solid #ddd;
	margin-bottom: 10px;
	overflow: hidden;
	height: 1px;
}
table.blog span.article_separator {
	display: block;
	height: 20px;
}
/* edit button */
.contentpaneopen_edit {
	float: left;
}
/* table of contents */
table.contenttoc {
	margin: 5px 0;
	border: 1px solid #ccc;
	padding: 5px 0;
	float: right;
}
table.contenttoc td {
	padding: 0;
}
/* content tables */
td.sectiontableheader {
	background: #efefef;
	color: #333;
	font-weight: bold;
	padding: 4px 0;
	border-right: 1px solid #fff;
}
tr.sectiontableentry0 td, tr.sectiontableentry1 td {
	padding: 4px;
	text-align: left;
	background: #eee;
}
tr.sectiontableentry2 td {
	padding: 4px;
	text-align: left;
	background: #FFF;
}
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {
	padding: 3px;
	text-align: left;
}
/* content styles */
table.contentpaneopen {
	margin: 0;
	padding: 0;
	line-height: 150%;
	width: 690px;
}
table.contentpane {
	margin: 0 0 0 15px;
	padding: 0;
	line-height: 150%;
	width: 690px;
}
.contentpaneopen p {
	margin: 20px 15px;
	padding: 0;
	clear: both;
}
.contentpaneopen ul {
	margin: 6px 0 6px 42px;
	padding: 0;
}
.contentpaneopen li {
	margin: 0;
	padding: 1px 0;
	line-height: 150%;
}
table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}
table.contentpaneopen h3 {
	margin-top: 20px;
}
table.contentpaneopen h4 {
	color: #333;
}
.highlight {
	background-color: #fffebb;
}
/* module control elements */

div.moduletable, div.module, div.moduletablegoals, div.moduletablenotice, div.moduletablesignup {
	margin: 0;
	padding: 0;
	text-align: left;
}
.moduletablegoals h3 {
	background-color: #CC3300;
	margin: 0;
	padding: 9px;
	color: #FFF;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 3px;
	vertical-align: text-top;
	height: 15px;
}
.moduletablenotice h3 {
	background-color: #666;
	margin: 0 0 9px 0;
	padding: 7px 7px;
	color: #FFF;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 3px;
	vertical-align: text-top;
	height: 15px;
}
div.moduletablesignup ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.moduletablesignup li {
	margin: 0 5px;
	padding: 6px 3px 6px 17px;
	line-height: 150%;
	background-image: url(../images/nav_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 5px 11px;
	border-bottom: #999999 dotted 1px;
}
div.moduletable_menu {
}
div.moduletable_menu h3, div.moduletablesignup h3 {
	background-color: #2C00AD;
	margin: 0 0 9px 0;
	padding: 7px 7px;
	color: #FFF;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 3px;
	vertical-align: text-top;
	height: 15px;
}
div.moduletable_menu ul {
}
div.moduletable_menu li {
	text-align: left;
}
table.user1user2 div.moduletable {
	margin-bottom: 0;
}
div.module_menu h3 {
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	margin: -23px -4px 5px -5px;
	padding-left: 10px;
	padding-bottom: 2px;
}
div.module_menu {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
div.module_menu div div div {
	padding: 0;
	padding-top: 30px;
	padding-bottom: 15px;
	width: auto;
}
div.module_menu div div div div {
	background: none;
	padding: 0;
}
div.module_menu ul {
	margin: 0;
	padding: 0;
}
div.module_menu ul li a, {
 font-weight:bold;
}
#leftcolumn div.module {
	padding: 0 10px;
}
#leftcolumn div.module table {
	width: auto;
}
/* forms */
div.search input {
	width: 145px;
	border: 1px solid #ccc;
	margin: 15px 0 10px 0;
}
form#form-login fieldset {
	border: 0 none;
	margin: 0em;
	padding: 0.2em;
}
form#form-login ul {
	padding-left: 20px;
}
form#com-form-login fieldset {
	border: 0 none;
	margin: 0em;
	padding: 0.2em;
}
form#com-form-login ul {
	padding-left: 20px;
}
/* thumbnails */
div.mosimage {
	margin: 5px;
}
div.mosimage_caption {
	font-size: .90em;
	color: #666;
}
div.caption {
	padding: 0 10px 0 10px;
}
div.caption img {
	border: 1px solid #CCC;
}
div.caption p {
	font-size: .90em;
	color: #666;
	text-align: center;
}
div.img_caption {
	padding: 0 10px 0 10px;
}
div.img_caption img {
	border: 1px solid #CCC;
}
div.img_caption p {
	font-size: .90em;
	color: #666;
	text-align: center;
}
/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}
table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}
table.paramlist td.paramlist_value {
}
div.message {
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}
/* System Messages */
/* see system general.css */
.component .pagination {
	font-size: 15px;
	clear: both;
	float: none;
	display: table;
	margin: 0 auto;
	padding: 20px;
}
.component .counter {
	text-align: center;
}
.component .pagination ul {
	margin: 0;
	padding: 0;
}
.component .pagination li {
	margin: 0 5px;
	padding: 0;
	float: left;
	list-style: none;
}
.component .pagination a {
	padding: 2px;
}
/* WebLinks */
span.description {
	display: block;
	padding-left: 30px;
}
/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}
legend {
	margin: 0;
	padding: 0 10px;
}
td.key {
	border-bottom: 1px solid #eee;
	color: #666;
}
/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}
.tool-title {
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
	font-size: 15px;
	margin: 0;
}
/* System Standard Messages */
#system-message {
	margin-bottom: 20px;
}
#system-message dd.message ul {
	background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;
	border-top: 3px solid #DE7A7B;
	border-bottom: 3px solid #DE7A7B;
	margin: 0;
	padding-left: 40px;
	text-indent: 0;
}
/* System Error Messages */
#system-message dd.error ul {
	color: #c00;
	background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat;
	border-top: 3px solid #DE7A7B;
	border-bottom: 3px solid #DE7A7B;
	margin: 0;
	padding-left: 40px;
	text-indent: 0;
}
/* System Notice Messages */
#system-message dd.notice ul {
	color: #c00;
	background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat;
	border-top: 3px solid #F0DC7E;
	border-bottom: 3px solid #F0DC7E;
	margin: 0;
	padding-left: 40px;
	text-indent: 0;
}
#syndicate {
	float: left;
	padding-left: 25px;
}
/* add by rsn */
#footer {
	background: url(../images/bg-dark.gif);
	position: relative;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-align: left;
	font-size: 12px;
	line-height: 170%;
	letter-spacing: 1px;
}
#footer a {
	color: #fff;
}
#footer-text {
	margin: 0 55px;
	padding: 20px 0 40px 0;
	position: relative;
}
#footer-logo {
	position: absolute;
	top: 19px;
	right: 90px;
	width: 44px;
	height: 56px;
}
#sm {
	position: absolute;
	bottom: 12px;
	right: 200px;
}
#sm div {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 6px;
}
#sm div a {
	display: block;
	width: 32px;
	height: 32px;
}
#sm-fb {
	background: url(../images/facebook.png) 0 0 no-repeat;
}
#sm-fb:hover {
	background: url(../images/facebook.png) 0 -32px no-repeat;
}
#sm-twitter {
	background: url(../images/twitter.png) 0 0 no-repeat;
}
#sm-twitter:hover {
	background: url(../images/twitter.png) 0 -32px no-repeat;
}
#sm-youtube {
	background: url(../images/youtube.png) 0 0 no-repeat;
}
#sm-youtube:hover {
	background: url(../images/youtube.png) 0 -32px no-repeat;
}
div.pics {
	width: 700px;
	height: 497px;
	border: #CCC solid 1px;
	margin: 0 0 0 3px;
	padding: 0;
	background: #333;
}
.pics img {
	width: 690px;
	margin: 5px;
}
.pics p {
	margin: 0;
	padding: 2px 0;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 15px;
}
.pics a:link, .pics a:visited {
	color: #FFF;
}
.picsinfo {
	position: absolute;
	top: 435px;
	width: 690px;
	height: 30px;
	background: #000000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	color: #FFF;
	z-index: 1000;
}
.latestnews li {
	list-style-image: url(../images/board-icon-hover.gif);
}
li.latestnews {
	list-style-image: url(../images/board-icon-hover.gif);
}
div.slideshowbox {
	background: #000;
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
}
.slideshowboxCaption {
	font-size: 15px;
	font-weight: normal;
}
.moduletableSites h3 {
	margin: 5px 0;
	padding: 5px 0;
	line-height: 15px;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 3px;
	color: #888;
	border-bottom: #EEE solid 5px;
}
div.moduletableEvents {
	margin: -3px 0 0 5px;
	height: 110px;
	vertical-align: top;
}
.moduletableSites img, .moduletableEvents img {
	float: left;
	margin: 2px 2px;
}
table.SimpleList {
	text-align: left;
	margin: 0 0 0 10px;
	border-top: #CCC solid 1px;
	border-left: #CCC solid 1px;
}
table.SimpleList th {
	border-bottom: #CCC solid 1px;
	border-right: #CCC solid 1px;
	vertical-align: text-top;
	padding: 2px 4px;
}
table.SimpleList td {
	border-bottom: #CCC solid 1px;
	border-right: #CCC solid 1px;
	vertical-align: text-top;
	padding: 2px 4px;
}
/* Multithumb 2.5.0.2 */
.item-page .multithumb {
	margin: 0 auto;
	padding: 0;
	border: none;
	box-shadow: none;
	background: none;
	overflow: visible;
	clear: both;
}
table.multithumb tr {
	background: none;
}
table.multithumb td {
	border: none;
	padding: 3px 0;
	background: none;
}
table.multithumb img {
	box-shadow: #666 0 0 5px;
}
table.multithumb a img:hover {
	box-shadow: #333 0 0 9px;
}
.multithumb_blog {
	margin: 5px;
	float: left;
}
.mtGallery {
	margin: 5px;
	align: center;
	float: none;
}
.item-page .mtCapStyle {
	margin: 0;
	paddin: 0;
	font-size: 15px;
	color: #060;
	background: #fff;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
	display: block;
}
/* end Multithumb 2.5.0.2 */

/*Facebook Page Button*/
#top-banners {
	position: absolute;
	z-index: 0;
	top: 46px;
	right: 20px;
}
/*版型*/
#header {
	background: url(../images/bg-top1.jpg) top center no-repeat #000;
	width: 990px;
	height: 270px;
	position: relative;
}
.slides {
	clear: both;
	position: relative;
	z-index: 0;
	margin: 0 auto;
	max-width: 1366px;
	width: 100%;
}
.slide {
	margin: 0 auto;
	text-align: center;
	max-width: 1366px;
	width: 100%;
}
.slide img {
	text-align: center;
	margin: 0 auto;
	max-width: 1366px;
	width: 100%;
}
.slides #prev {
	background: url(../images/slide_left_arrow.png) 0 0 no-repeat;
	width: 50px;
	height: 100px;
	position: absolute;
	z-index: 999999;
	top: 50%;
	left: -1px;
	margin-top: -50px;
	cursor: pointer;
}
.slides #next {
	background: url(../images/slide_right_arrow.png) 0 0 no-repeat;
	width: 50px;
	height: 100px;
	position: absolute;
	z-index: 999999;
	top: 50%;
	right: -1px;
	margin-top: -50px;
	cursor: pointer;
}
#header-top1 {
	background: url(../images/bg-top1.jpg);
	width: 990px;
	height: 277px;
}
#header-top2 {
	background: url(../images/bg-top2.jpg);
	width: 990px;
	height: 277px;
}
#header-top3 {
	background: url(../images/bg-top3.jpg);
	width: 990px;
	height: 277px;
}
#header-top4 {
	background: url(../images/bg-top4.jpg);
	width: 990px;
	height: 277px;
}
#header-top5 {
	background: url(../images/bg-top5.jpg);
	width: 990px;
	height: 277px;
}
/*mode-eventlist-wide*/
td.event {
	border-top: #CCC dotted 1px;
	border-bottom: #CCC dotted 1px;
	vertical-align: top;
	text-align: center;
	width: 240px;
}
.goal {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
}
#form-login-username, #form-login-password {
	margin: 0;
	padding: 1px 0 1px 7px;
	font-size: 13px;
}
.form-validate td {
	text-align: left;
}
.validate {
	font-size: 15px;
	font-weight: bold;
	margin: 3px;
	padding: 4px 6px;
	letter-spacing: 1px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #F00;
}
.require {
	color: #F00;
	padding: 0 3px;
}
.regdsc {
	color: #666;
	font-size: 12px;
}
.editcell {
	width: 100%;
	text-align: left;
	clear: both;
}
table.adminlist {
	text-align: left;
	margin: 0 15px;
}
.attachmentsList {
	text-align: left;
	margin: 30px 0;
	clear: both;
	border-top: #ccc solid 1px;
}
div.attachmentsList, .attachmentsList table, .attachmentsList table td {
	box-shadow: none;
	border: none;
}
/*mod jooomleague */
.mod_jl_results {
	padding: 0;
	margin: 0;
	font-weight: normal;
}
.mod_jl_results_matches {
	font-size: 12px;
	margin: 0;
	padding: 0;
	width: 100%;
}
.mod_jl_results_matches td {
	padding: 5px 3px 0 3px;
	letter-spacing: 0;
}
th.mod_jl_results_date {
	color: #000000;
	font-size: 13px;
	font-style: italic;
	border-bottom: #CCC solid 1px;
	box-shadow: #ccc 0 2px 2px;
	padding: 5px 3px 2px 3px;
}
.mod_jl_results_matches td a {
	color: #000;
}
.joomleague h2 {
	margin: 12px 15px;
}
table.rankingtable, .table.fixtures-results {
	margin: 12px 15px;
	width: 680px;
}
table.rankingtable td, .table.fixtures-results td {
	padding: 0;
	color: #000;
	line-height: 14px;
	height: 14px;
	vertical-align: bottom;
}
table.rankingtable td img, .table.fixtures-results td img {
	padding-top: 5px;
	margin-right: 7px;
	float: right;
}
table.rankingtable th, .sectiontableheader th {
	border-bottom: #999 solid 1px;
	border-top: #999 solid 1px;
	background: #999;
	color: #fff;
	height: 14px;
	line-height: 14px;
	/*
	text-shadow: #000 0 0 1px;
	*/
	box-shadow: #999 0 1px 3px;
}
.rankingrow_team {
	color: #000;
}
.sectiontableentry2, .sectiontableentry1 {
	color: #000;
}
.sectiontableentry2 img, .sectiontableentry1 img {
	color: #000;
	padding-top: 4px;
}
.explanation .col0{font-size:12px; background:#f6f6f6;}
.explanation .col1{font-size:12px; background:#e1e1e1;}
/* */
img.right {
	float: right;
	margin: 6px 0 20px 6px;
}
.tmenu ul {
	margin: 0 5px;
	padding: 0;
}
.tmenu li {
	box-shadow: #999 0 0 5px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0;
	list-style: none;
	line-height: 35px;
	height: 35px;
	text-align: center;
	margin: 10px 0;
	padding: 0;
}
.tmenu li:hover {
	box-shadow: #666 0 0 9px;
	cursor: pointer;
	background: #FF9;
}
.tmenu li a {
	display: block;
}
.tmenu li a:hover {
	color: #039;
}
/* ctfa 2014 */
.wrapper {
	clear: both;
	width: 100%;
	max-width: 1200px;
	min-width: 1000px;
	display: table;
	margin: 0 auto;
	position: relative;
}
#theme {
	height: 30px;
	background: url(../images/theme-blue.jpg) 50% 0 repeat-x;
	color: #333;
}
#top {
	background: #fff;
	clear: both;
	width: 100%;
	height: 96px;
	margin: 0;
	padding: 0;
	position: relative;
	display: table;
	box-shadow: #CCC 0 0 5px;
}
.top-bottom {
	background: url(../images/top-bottom.jpg) 50% 0 no-repeat;
	height: 5px;
}
#logo {
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 20px;
	width: 220px;
	height: 63px;
}
.component {
	padding: 10px 20px 20px 20px;
	background: #fff;
	border: #ddd solid 1px;
	margin: 15px 0 -2px 0;
	line-height: 150%;
}
.component p {
	margin: 21px 0;
	padding: 0;
}
.component ul {
	margin: 9px 0 9px 27px;
	padding: 0;
}
.component li {
	margin: 5px 0;
	padding: 0;
}
.introtext {
	color: #888;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 1px;
	margin: 6px 0 0 0;
}
table#width100 {
	margin: 30px 0;
	width: 100%;
}
td#left {
	padding: 0 20px;
}
td#right {
	padding: 0 20px;
	width: 270px;
}
td#right .moduletable-banner {
	background: #fff;
	display: table;
	margin: 15px 0;
	padding: 9px 0;
	text-align: center;
	width: 100%;
}
td#right .moduletable-banner div {
	clear: both;
	text-align: center;
	width: 100%;
}
td#right .moduletable-banner img {
	text-align: center;
	margin: 5px auto;
	clear: both;
	float: none;
}
td#right .moduletable-tmenu {
	background: #fff;
	margin: 15px 0;
	padding: 0;
	display: table;
	width: 100%;
	border: none;
	padding-bottom: 5px;
}
td#right .moduletable-tmenu h3, td#right .moduletable-banner h3 {
	background: url(../images/tmenu.jpg) 0 0 repeat-x;
	height: 48px;
	line-height: 48px;
	color: #fff;
	text-shadow: #000 1px 1px 0;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-left: 47px;
	font-family: 'roboto', '微軟正黑體', Arial, Helvetica, sans-serif;
}
td#right .moduletable-tmenu ul {
	margin: 0;
	padding: 0;
}
td#right .moduletable-tmenu li {
	margin: 15px;
	padding: 10px 7px;
	background: #f6f6f6 url(../images/tmenu-item.png);
	font-size: 15px;
	border-radius: 6px;
	list-style: none;
	letter-spacing: 0;
	line-height: 140%;
	font-family: 'roboto', '微軟正黑體', Arial, Helvetica, sans-serif;
	font-weight: bold;
	box-shadow: #999 0 0 2px;
}
#bottom {
	background: #fff;
	padding: 20px;
	letter-spacing: 0;
}
#bottom h3 {
	margin: 10px 0 20px 0;
	padding: 0;
	line-height: 150%;
}
#bottom a {
	color: #333;
}
#bottom a:hover {
	color: #0d4d95;
}
#bottom ul {
	list-style: none;
}
#bottom li {
	list-style: none;
	font-size: 15px;
	width: 20%;
	margin: 0 20px 0 20px;
	padding: 0;
	font-weight: bold;
	float: left;
	min-height: 180px;
	font-family: 'roboto', '微軟正黑體', Arial, Helvetica, sans-serif;
}
#bottom li ul {
	margin: 0;
	padding: 5px 0;
}
#bottom li a {
	border-bottom: #eee solid 2px;
	display: block;
	line-height: 200%;
}
#bottom li li {
	list-style: none;
	font-size: 13px;
	margin: 2px;
	padding: 0;
	font-weight: normal;
	float: none;
	clear: both;
	width: 100%;
	letter-spacing: 1px;
	line-height: 150%;
	min-height: 0;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
}
#bottom li li a {
	color: #666;
	border: none;
	line-height: 150%;
}
/* banner */
.banneritem {
	float: left;
	display: table;
	width: auto;
	margin: 1px;
}
#site-banner {
	margin: 0;
	padding: 0;
}
#site-banner h3 {
	text-align: center;
	font-size: 21px;
	color: #888;
	text-shadow: #fff 2px 1px 0;
	margin: 5px 0;
	padding: 0;
	font-weight: bold;
	font-family: 'roboto', '微軟正黑體', Arial, Helvetica, sans-serif;
	letter-spacing: 4px;
}
#site-banner div {
	margin: 10px auto;
	padding: 0;
	display: table;
	width: auto;
}
#site-banner .banneritem {
	margin: 5px 10px;
}
.bannergroup {
	clear: both;
}
.banneritem img {
}
/* home-video */
#home-video {
	clear: both;
	margin: 0;
	padding: 20px 0 40px 0;
	background: #fff;
}
#home-video #videos {
	margin: 0;
	padding: 0 50px;
	clear: both;
}
#home-video h3 {
	font-size: 21px;
	color: #0d4d95;
	border-bottom: #ddd solid 1px;
	margin: 0 0 20px 0;
	padding: 5px 10px;
	padding-left: 1%;
}
#home-video .video {
	float: left;
	margin: 0;
	width: 25%;
	text-align: center;
}
.videoblock {
	width: 90%;
	text-align: center;
	margin: 0 auto;
	position: relative;
}
.videoblock img {
	max-width: 100%;
	text-align: center;
}
.videoblock .title {
	background: rgba(0,0,0,0.6);
	line-height: 150%;
	vertical-align: middle;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	letter-spacing: 0;
	text-align: center;
	font-size: 15px;
	padding: 9px 3px;
	display: block;
}
.videoblock:hover .title {
	background: #0d4d95;
}
.videoblock .play {
	width: 50px;
	height: 50px;
	background: url(../images/video-play.png) 0 0 no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -25px;
}
.videoblock:hover .play {
	background: url(../images/video-play.png) 0 -50px no-repeat;
}
/* item-page */
.published {
	color: #666;
}
.theme {
	background: url(../images/theme-title-blue.jpg) 0 0 no-repeat;
	font-size: 24px;
	font-weight:bold;
	line-height: 51px;
	height: 51px;
	padding: 0;
	margin: 12px 0 0 0;
	padding-left: 32px;
	vertical-align: top;
	font-weightL: bold;
	color: #000;
	letter-spacing:0;
}
.item-page {
	margin: 0 15px;
	font-size: 15px;
	line-height: 160%;
	letter-spacing: 0;
	color: #222;
}
.item-page h1, .item-page-videos h1 {
	font-size: 28px;
	letter-spacing: 0;
	line-height: 140%;
	margin: 21px 0;
	padding: 3px;
	border-bottom: #eee solid 2px;
	font-weight: bold;
	text-shadow:#06C 1px 0 0;
}
.item-page h2 {
	font-size: 21px;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 31px 0 21px 0;
	padding: 5px 2px;
	color: #004E9B;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	border-bottom: #eee solid 3px;
}
.item-page h3 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
}
.item-page ul {
	margin: 6px 0 6px 27px;
	padding: 0;
}
.item-page li {
	margin: 5px 0;
	padding: 0;
}
.item-page table {
	width: 100%;
	border-top: 3px solid #77B000;
	border-left: 1px solid #999;
	border-bottom: none;
	border-right: none;
	font-size:15px;
	line-height:135%;
}
.item-page th {
	border:none;
	border-bottom: #999 solid 1px;
	border-right: #999 solid 1px;
	padding: 4px;
	background: #eee;
	white-space:normal;
	width:7%;
}
.item-page td {
	width:10%;
	border:none;
	border-bottom: #999 solid 1px;
	border-right: #999 solid 1px;
	padding: 4px;
}
.item-page th p, .item-page td p{margin:0; padding:0;}
.item-page img {
	max-width: 740px;
	width: auto;
	height: auto;
	margin: 0 auto;
	display: table;
}
.caption {
	clear: both;
	display: block;
	text-align: center;
	color: #666;
	font-size: 13px;
}
.td-date {
	width: 50px;
}
.date-gray {
	width: 50px;
	height: 55px;
	text-align: center;
	color: #525252;
	letter-spacing: 0;
	background: url(../images/date-gray.jpg) 0 0 repeat-y;
	white-space: nowrap;
}
.date-lady {
	width: 50px;
	height: 55px;
	text-align: center;
	color: #fff;
	letter-spacing: 0;
	background: #d63384;
	white-space: nowrap;
}
.date-green {
	width: 50px;
	height: 55px;
	text-align: center;
	color: #fff;
	letter-spacing: 0;
	background: url(../images/date-green.jpg) 0 0 repeat-y;
	white-space: nowrap;
}
.year {
	font-size: 11px;
	height: 22px;
	line-height: 22px;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}
.month-date {
	font-size: 16px;
	line-height: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
}
table.blog-newslist {
	margin: 0 20px;
	padding:0;
	width: 95%;
	max-width: 95%;
	clear: both;
	letter-spacing: 0px;
}
.blog-newslist td {
	border-bottom: #ddd solid 1px;
	padding: 20px 10px;
}
.blog-newslist td h2 {
	margin: 0 0 9px 0;
	padding: 0;
}
.category-name {
	margin: 5px 0;
	padding: 0 4px;
	color: #999;
	font-size: 12px;
	line-height:150%;
	letter-spacing: 1px;
	display:table;
	width:auto;
}
.article-info h2 {
	font-size: 16px;
}
.more {
	float: right;
	clear: both;
	background: url(../images/more-triangle.png) 0 7px no-repeat;
	padding-left: 25px;
	margin: 10px 20px;
}
/* attachments */
div.attachmentsContainer {
	clear: both;
	margin-bottom: 30px;
}
div.attachmentsList table, div.attachmentsList table {
	width: auto;
	border: none 0;
	background: none;
	font-size: 16px;
	color: #999;
	font-weight: normal;
}
div.attachmentsList img {
	width: auto;
	vertical-align: top;
	float: left;
	padding-top: 5px;
}
div.attachmentsList table tr td {
	padding: 0 5px;
}
div.attachmentsList table tr.odd {
	background: #f3f3f3;
}
/* items-leading */
.items-leading {
	margin: 20px 0;
	padding: 0;
	padding-bottom: 20px;
	border-bottom: #ddd solid 1px;
}
.items-leading h2 {
	font-family: 'roboto', '微軟正黑體', Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 130%;
	letter-spacing: 0;
	margin: 0 0 21px 0;
	padding: 0;
	font-weight:bold;	
	text-shadow:#06C 1px 0 0;
}
.items-leading .img-intro-none {
	width: 60%;
	float: left;
	margin-right: 25px;
	overflow: hidden;
}
.items-leading img {
	width: 100%;
}
.items-leading .introtext {
	font-size: 15px;
}
/* items-row */
.items-row {
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.items-row h2 {
	margin: 0;
	margin-bottom: 9px;
	padding: 0;
	line-height: 140%;
	font-size: 16px;
}
.cols-1, .cols-2{
	margin: 0;
	padding: 0;
	width: 100%;
}
.cols-2 .item{
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
}
.cols-1 .img-intro-none {
	width: 120px;
	max-height:100px;
	float: right;
	overflow: hidden;
	text-align: center;
	margin: 0 0 6px 10px;
}
.cols-2 .img-intro-none {
	width: 120px;
	max-height:100px;
	overflow: hidden;
	text-align: center;
	float: right;
	margin: 0 0 6px 10px;
}
.cols-1 img, .cols-2 img{
	max-width: 110px;
	max-height: 100px;
	width: auto;
	height: auto;
	text-align: center;
	border: #ddd solid 1px;
	padding: 4px;
}
.cols-2 td{border-bottom:none;}
.feature-text {
	margin-right: 15px;
}
.blog-featured .cols-2 img{border:none; padding:0; max-width:120px; height:auto;}
.blog-featured .column-1{width:55%; float:left;}
.blog-featured .column-2{width:42%; float:right;}
/* blog-videos */
.blog-videos .item {
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
}
.blog-videos td {
	position: relative;
	padding: 0;
	border: none;
}
.blog-videos .td-date {
	display: none;
}
.blog-videos .img-intro-none {
	width: 240px;
	margin: 0;
	padding: 0;
	clear: both;
}
.blog-videos img {
	width: 100%;
	margin: 0;
	padding: 0;
}
.blog-videos td h2 {
	background: rgba(0,0,0,0.6);
	line-height: 140%;
	vertical-align: middle;
	color: #fff;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	letter-spacing: 0;
	text-align: left;
	text-indent: 0;
	font-size: 15px;
	margin: 0;
	padding: 7px 3px 7px 7px;
	width: 230px;
	font-weight: normal;
	vertical-align: middle;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
}
.blog-videos h2 a {
	color: #fff;
	display: block;
}
.blog-videos .item:hover h2 {
	background: #0d4d95;
}
.item-page iframe, .item-page-videos iframe {
	width: 640px;
	height: 400px;
	margin: 0 auto;
	text-align: center;
	clear: both;
	display:table;
}
#jevents_body {
	background: none;
	border: none;
}
#jevents_body .jev_toprow {
	margin-bottom: 30px;
}
#jevents_body table.cal_top_day_names {
	margin: 0;
	padding: 0;
	border: 0;
	border-top: #9C0 solid 2px;
	border-left: #ccc solid 1px;
}
#jevents_body table.cal_top_day_names td.cal_daysnames {
	border: none;
	background: none;
	border-bottom: #ccc solid 1px;
	border-right: #ccc solid 1px;
	padding: 4px;
	text-align: center;
	background-color: #E1F0E1;
}
#jevents_body table.cal_table {
	border-top: #ccc solid 1px;
	border-left: #ccc solid 1px;
	padding: 0;
	background: none;
	margin: 0;
}
#jevents_body table.cal_table td {
	height: 120px;
	border-bottom: #ccc solid 1px;
	border-right: #ccc solid 1px;
	padding: 4px;
	font-size: 13px;
	color: #333;
}
td.cal_daysoutofmonth {
	background: #f6f6f6;
}
#jevents_body table.cal_table td .event_div_1, #jevents_body table.cal_table td .month_cell_st {
	background: none;
	font-size: 13px;
	color: #333;
}
#jevents_body table.cal_table td a.cal_titlelink {
	background: none;
	font-size: 13px;
	line-height: 19px;
	padding-left: 5px;
}
.acom-banner{text-align:center; background:#fff; padding:10px; margin:10px 0; border:#FC0 solid 1px; white-space:nowrap;}
.acom-banner h3{text-align:center; font-size:21px; border-bottom:#ddd solid 1px; padding:9px; margin:0 0 10px 0; color:#d00;}
.acom-banner .bannergroup{margin:0 auto; width:auto; padding:0 50px; text-align:center; white-space:nowrap;}
.acom-banner .bannergroup .banneritem{float:left; margin:0 auto; width:25%; text-align:center;}
.acom-banner .banneritem img{max-width:100%; margin:0 auto;}