.lsp-video-player .top-bar__external-components {
	display: none!important;
	
}



.form-group {
    margin-bottom: 22px;
    margin-left: 0;
    margin-right: 0;
}

body, h1, h2, h3, h4, h5, h6, p {
	font-family: "MS Sans Serif", "微軟正黑體", "新細明體";
}

body {
    font-size: 16px;
}

 @media (min-width: 1200px) {
.col-lg-4 {
	width: 33.3%;
}
}
p {
	font-size: 16px;
}
.t3-mainbody {
	padding-top: 30px;
	padding-bottom: 30px;
}
.responsify {
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.responsify iframe, .responsify object, .responsify embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.jchat_emoticonstooltip {
	position: inherit;
}
.jchat_tooltip_content {
	white-space: normal;
}
.jchat_emoticonstooltip div.jchat_tooltip_content {
	max-height: 30px;
}
.jchat_textarea {
	height: 30px;
}
#jchat_userstab_popup {
	height: 49.5%;
}
.responsify {
	position: relative;
	padding-bottom: 60%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.responsify iframe, .responsify object, .responsify embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.t3-topbar a {
	font-family: "MS Sans Serif", "微軟正黑體", "新細明體"!important;
	font-size: 18px!important;
}
/* downloadmp4 table */

.downloadvideo {
	background: white;
	border-radius:3px;
	border-collapse: collapse;
	height: 320px;
	margin: auto;
	max-width: 900px;
	padding:2px;
	width: 100%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	animation: float 5s infinite;
}
.downloadvideo th {
	color:#FFF;
	;
	border-bottom:4px solid #9ea7af;
	border-right: 1px solid #343a45;
	font-size:16px;
	font-weight: 100;
	padding:4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	vertical-align:middle;
	background-color: #336;
}
.downloadvideo th:first-child {
	border-top-left-radius:3px;
}
.downloadvideo th:last-child {
	border-top-right-radius:3px;
	border-right:none;
}
.downloadvideo tr {
	border-top: 1px solid #C1C3D1;
	border-bottom-: 1px solid #C1C3D1;
	color:#666B85;
	font-size:14px;
	font-weight:normal;
	text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
.downloadvideo tr:hover td {
	background:#4E5066;
	color:#FFFFFF;
	border-top: 1px solid #22262e;
	border-bottom: 1px solid #22262e;
}
.downloadvideo tr:hover td a:link {
	color:#FFFFFF;
}
.downloadvideo tr:first-child {
	border-top:none;
}
.downloadvideo tr:last-child {
	border-bottom:none;
}
.downloadvideo tr:nth-child(odd) td {
	background:#EBEBEB;
}
.downloadvideo tr:nth-child(odd):hover td {
	background:#4E5066;
}
.downloadvideo tr:last-child td:first-child {
	border-bottom-left-radius:3px;
}
.downloadvideo tr:last-child td:last-child {
	border-bottom-right-radius:3px;
}
.downloadvideo td {
	background:#FFFFFF;
	padding:4px;
	vertical-align:middle;
	font-weight:300;
	font-size:18px;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
	border-right: 1px solid #C1C3D1;
}
.downloadvideo td:last-child {
	border-right: 0px;
}
.downloadvideo th.text-left {
	text-align: center;
	background-color: #e5cf6c;
	white-space: nowrap;
}
.downloadvideo th.text-center {
	text-align: center;
	background-color: #91be64;
	white-space: nowrap;
}
.downloadvideo th.text-right {
	text-align: center;
	background-color: #5bbe94;
	white-space: nowrap;
}
.downloadvideo th.text-date {
	text-align: center;
	background-color: #333;
}
.downloadvideo td.text-left {
	text-align: left;
	white-space: nowrap;
}
.downloadvideo td.text-center {
	text-align: center;
	white-space: nowrap;
}
.downloadvideo td.text-right {
	text-align: right;
	white-space: nowrap;
}
/* downloadmp4 table END */

/* livecalendar table */

.livecalendar {
	background: white;
	border-radius:3px;
	border-collapse: collapse;
	height: 320px;
	margin: auto;
	max-width: 900px;
	padding:2px;
	width: 100%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	animation: float 5s infinite;
}
.livecalendar th {
	color:#D5DDE5;
	;
	border-bottom:4px solid #9ea7af;
	border-right: 1px solid #343a45;
	font-size:16px;
	font-weight: 100;
	padding:4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	vertical-align:middle;
	background-color: #336;
}
.livecalendar th:first-child {
	border-top-left-radius:3px;
}
.livecalendar th:last-child {
	border-top-right-radius:3px;
	border-right:none;
}
.livecalendar tr {
	border-top: 1px solid #C1C3D1;
	border-bottom-: 1px solid #C1C3D1;
	color:#666B85;
	font-size:14px;
	font-weight:normal;
	text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
.livecalendar tr:hover td {
	background:#4E5066;
	color:#FFFFFF;
	border-top: 1px solid #22262e;
	border-bottom: 1px solid #22262e;
}
.livecalendar tr:hover td a:link {
	color:#FFFFFF;
}
.livecalendar tr:first-child {
	border-top:none;
}
.livecalendar tr:last-child {
	border-bottom:none;
}
.livecalendar tr:nth-child(odd) td {
	background:#EBEBEB;
}
.livecalendar tr:nth-child(odd):hover td {
	background:#4E5066;
}
.livecalendar tr:last-child td:first-child {
	border-bottom-left-radius:3px;
}
.livecalendar tr:last-child td:last-child {
	border-bottom-right-radius:3px;
}
.livecalendar td {
	background:#FFFFFF;
	padding:4px;
	vertical-align:middle;
	font-weight:300;
	font-size:18px;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
	border-right: 1px solid #C1C3D1;
}
.livecalendar td:last-child {
	border-right: 0px;
}
.livecalendar th.text-left {
	text-align: center;
}
.livecalendar th.text-center {
	text-align: center;
}
.livecalendar th.text-right {
	text-align: center;
}
.livecalendar th.text-date {
	text-align: center;
	background-color: #333;
}
.livecalendar td.text-left {
	text-align: left;
}
.livecalendar td.text-center {
	text-align: center;
}
.livecalendar td.text-right {
	text-align: right;
}


/* livecalendar table END */

.login-wrap .form-right .register .login-description {
	font-family: "MS Sans Serif", "微軟正黑體", "新細明體";
	font-size: 24px;
	padding-bottom: 5px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #FFF;
}
/* �ϥΪ̪�� ---*/


table.usernote {
	border-collapse: collapse;
	color: #000;
	font-family: "MS Sans Serif", "微軟正黑體", "新細明體";
	font-size: 1.1em;
	width: 99%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	background-color: #fff;
}
table.usernote caption {
	padding-bottom: 5px;
	letter-spacing: 0.1em;
	text-align: left;
	font-family: "MS Sans Serif", "微軟正黑體", "新細明體";
	font-size: 14pt;
}
table.usernote thead th {
	border-top: 3px double #ccc;
	border-bottom: 3px double #ccc;
	padding: 2px 10px;
	background-color: #fff;
	color: #666;
	text-align: left;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
table.usernote tfoot th, table.usernote tfoot td {
	border-top: 3px double #ccc;
	border-bottom: 3px double #ccc;
	padding: 2px 10px;
	letter-spacing: 0.1em;
	font-size: 0.9em;
	color: #960;
}
table.usernote tbody th, table.usernote tbody td {
	border-bottom: 1px solid #ccc;
	padding: 2px 10px;
	text-align: left;
	vertical-align: top;
}
table.usernote tbody tr:hover {
	background-color: #FF6;
}
table.usernote tbody td+td+td+td a {
	padding-right: 16px;
	color: #00d;
	letter-spacing: 0.1em;
	background-color: #FF9;
}
table.usernote tbody a {
	background-color: transparent;
	color: #00d;
	text-decoration: none;
}
table.usernote tbody a:visited {
	background-color: transparent;
	color: #00a;
}
table.usernote tbody a:hover {
	background-color: transparent;
	color: #00f;
}
table.usernote tbody a:active {
	background-color: transparent;
	color: #f00;
}
/*  END �ϥΪ̪�� ---*/

.address {
	opacity: 1;
	filter: alpha(opacity=100);
}
.address p {
	margin-bottom: 10px;
	font-size: 14px;
}
p.address {
	text-indent: 3em;
	line-height: 0;
	margin-bottom: 0px;
	font-size: 14px;
}
/* =============== table =============== */

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
table.resource {
	width: 100%;
	border-collapse: collapse;
}
/* Zebra striping */
table.resource tr:nth-of-type(odd) {
	background: #eee;
}
table.resource th {
	color: white;
	font-weight: bold;
	background-color: #36C;
	text-align: center!important;
}
table.resource td.download {
	text-align: center;
}
table.resource td, table.resource th {
	padding: 3px;
	border: 1px solid #ccc;
	text-align: left;
	font-family: "MS Sans Serif", "微軟正黑體", "新細明體";
	font-size: 14px;
}
 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */
table.resource, table.resource thead, table.resource tbody, table.resource th, table.resource td, table.resource tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
table.resource thead tr, table.resource tfoot {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
table.resource tr {
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #36C;
	border-right-color: #36C;
	border-bottom-color: #36C;
	border-left-color: #36C;
}
table.resource td {
	position: relative;
	padding-left: 30%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #9C6;
}
table.resource td.bible, table.resource td.pmp3 {
	width: 200px;
}
table.resource td:before {
	/* Now like a table header */
			position: absolute;
	/* Top/left values mimic padding */
			top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*
		Label the data
		*/
table.resource td:nth-of-type(1):before {
	content: "檔案名稱";
	font-weight: bold;
	color: #006;
}
table.resource td:nth-of-type(2):before {
	content: "備註欄";
	font-weight: bold;
	color: #006;
}
table.resource td:nth-of-type(3):before {
	content: "更新日期";
	font-weight: bold;
	color: #006;
}
table.resource td:nth-of-type(4):before {
	content: "下載檔案";
	font-weight: bold;
	color: #006;
}
}


/* =============== END table =============== */

.navbar-default .navbar-nav > li + li {
	margin-left: 15px;
}
.jchat_emoticonstooltip img {
	max-width: 75px!important;
}
div.jchat_textarea img.jchat_emoticons {
	max-width: 75px!important;
	max-height: 30px!important;
}
span.title.dropdown-header.mega-group-title.separator {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 0px!important;
	padding-bottom: 7px!important;
}


.navbar-default .navbar-nav > li + li {
    margin-left: 9px;
}