/* 
20150318 Author by chihming
Version: 3.0
Description: HTML Portfolio & Blog
0. OUTER
1. MAINHEAD
2. MAINBODY
3. MAINFOOT
*/

/*--------------------*/
/*	0. OUTER
/*--------------------*/

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, ul, li
{
	margin: 0px;
	padding: 0px;
	border: none;
	outline: 0px;
	/* color: #4F6228; */ /* 20160916 modify by chihming */
	font-family: Verdana, Arial,"微軟正黑體", "新細明體",  sans-serif;}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	/* color: #4F6228; */ /* 20160916 modify by chihming */
	font-family: Verdana, Arial,"微軟正黑體", "新細明體",  sans-serif;} 
table {
	margin-left: auto;
	margin-right: auto;}
body { background: none;}
/* A */
div {color: #4F6228;} /* 20160916 add by chihming */
p {color: #4F6228;} /* 20160916 add by chihming */
a {color: #4F6228;} /* 20160916 add by chihming */

a:link {color: #4F6228;}
a:hover {
	color: red!important;
	text-decoration: none;}

a:visited {color: #95ab67;}
a:focus {color: red!important;}


	
/*--------------------*/
/*	1. MAINHEAD
/*--------------------*/
.mainhead {
	position: relative;
	margin-bottom: 10px;
    background: #fff;
    z-index: 999;}
.selfhead {
	display: block;
	margin: 0 auto;
	width: 940px;
	height: 321px;
	position: relative;
	background: #fff;}
#logo {
	position: absolute;
	width: 89px;
	height: 100px;
	top: 5px;
	left: 10px;}
.titlebanner {
	position: absolute;
	left: 120px;
	top: 17px;}
	
/*** logo banner ***/
#logobanner {
	width: 940px;
	height: 180px;
	top: 141px;
	position: absolute;}
#logobanner-player {
	width: 940px;
	height: 180px;
	position: relative;
	overflow: hidden;}
	
/*** top right navigation ***/
#top_right_nav {
	position: absolute;
	display: block;
	right: 10px;
	top: 10px;
	height: 24px;
	width: 300px;}
#top_right_nav ul {
	width: 300px;
	height: 24px;}
#top_right_nav ul li {
	display: inline;
	float: left;
	width: 88px;
	height: 24px;
	text-align: right;
	margin: 0px 6px;}
#top_right_nav li.top_right_link1	{
	background:url("/var/file/0/1000/mobilestyle/48/taitheology-pic/headnav_icon1.gif") no-repeat;}
#top_right_nav li.top_right_link2	{
	background:url("/var/file/0/1000/mobilestyle/48/taitheology-pic/headnav_icon2.gif") no-repeat;}
#top_right_nav li.top_right_link3	{
	background:url("/var/file/0/1000/mobilestyle/48/taitheology-pic/headnav_icon3.gif") no-repeat;}
#top_right_nav li.top_right_link4	{
	background:url("/var/file/0/1000/mobilestyle/48/taitheology-pic/headnav_icon4.gif") no-repeat;}
#top_right_nav li a  {
	font-size: 14px;
	color: #4F6228;
	display: block;
	line-height: 24px;
	text-decoration: none;
	height: 24px;}
#top_right_nav li a:hover {
	position: relative;
	top: 2px;
	left: 2px;
	opacity: 0.7;
	filter: alpha(opacity=70);}

/* 
 * head search
 */
.headsearchform {
	position: absolute;
	width: 140px;
	top: 10px;
	margin: 0 500px;}
.headsearchform	.input {
	width: 102px;
	color: #dfdfdf;}
.headsearchform	.input:hover {color: #000;}
.headsearchform	.submit-icon {
	width: 23px;
	background-image: url("/var/file/0/1000/img/31/serach-button.png");}
	
	
/*** hdmenu navigation ***/
#hdmenu_nav {
	z-index: 100;
	position: relative;
	width: 940px;
	top: 110px;
	font-size: 14px;}
#hdmenu_nav ul {
	text-align: left;
	white-space: nowrap;}
#hdmenu_nav ul li {
	z-index: 100;
	position: relative;}
#hdmenu_nav ul li li {
	border: 1px solid #dfdfdf;}
#hdmenu_nav ul li a {
	text-decoration: none;
	color: #4F6228;
	padding: 6px 21px;
	display: block;}
#hdmenu_nav ul li:hover {
	background: #dfdfdf;}
#hdmenu_nav ul li:hover>a {
	color: #4F6228;}
#hdmenu_nav ul li:hover>ul {
	display: block;}
#hdmenu_nav>ul>li {
	font-size: 14px;
	text-align: center;
	display: inline;
	float: left;}
#hdmenu_nav ul ul {
z-index: 100;
	position: absolute;
	top: 100%;
	list-style: none;
	background: #fff;
	display: none;
	border: 1px solid #dfdfdf;}
#hdmenu_nav ul ul ul {
z-index: 100;
	position: absolute;
	left: 100%;
	top: 0;}


/*--------------------*/
/*	2. MAINBODY
/*--------------------*/
.main {
    background: #fff;
	margin: 0px auto;
	width: 960px;}
.main-inner {padding: 0;}
.main p img {
	padding: 0px 10px;}
.main a {color: #00F;}

.main .row_0 .mrow,
.main .row_1 .mrow {
	margin: 0;
    padding: 0;
    width: 960px;
}

.M10059 {
	float: right;
}

.ptcontent, .clearfix, .floatholder { margin-left: 14px;}

/* 各室消息 - 頁簽模組 */
.M10444 {
	width: 24em;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	float: right;
	margin-top: -304px;
}

.M10444 p.more {
	text-align: right;
}

/*.submenu {width: 310px;}
.submenu li, .submenu a {width: 100px;}
.M10444 .submenu-inner { background:none;}
.M10444 .mm_03 { background:none;}
.M10444 .mm_02 { background:none;}
.M10444 .mb_03 { background:none;}
.M10444 .mb_02 { background:none;}
.M10444 .mb_01 { background:none;}*/

.M10444 ul.nav-tabs li {

}

.M10444 ul.nav-tabs li:hover {
	background: url("/var/file/0/1000/mobilestyle/48/images/tab1_le.gif") no-repeat left bottom;
}

.M10444 a:hover {
	position: relative;
	top: 2px;
	left: 2px;
	opacity: 0.7;
	filter: alpha(opacity=70);}
/**
 * 20150512 add by chihming
 */
.module-special a {color: #4F6228;}
.module-ptlist .h5 {
    background: url('/var/file/0/1000/mobilestyle/48/images/dot_2.gif') no-repeat scroll left 4px transparent;
    font-weight: blod;
    padding-left: 15px;
	font-size: 14px;}
.module-ptlist .h5 a  { 
	font-style: italic;
	color: #4F6228;}
.module-ptlist a {color: #4F6228;}	
.module-ptlist .ptname  { 
	font-style: italic;
	color: #4F6228;}
.module-ptlist .date {color: #0000ff;}
.module-ptlist .message { 
	line-height: 24px;
	margin-bottom: 10px;}
	
/* 活動宣傳 - 自定模組 */
.M10356 .submenu-inner { background:none;}
.M10356 .mm_03 { background:none;}
.M10356 .mm_02 { background:none;}
.M10356 .mb_03 { background:none;}
.M10356 .mb_02 { background:none;}
.M10356 .mb_01 { background:none;}
.M10356 .md_top .h3 { background: none;}

/* 活動宣傳 - 廣告模組 */
.M10441 {
	width: 620px;
	height: 304px;
	display: block;
	margin-top: 15px;
}

.M10441 .owl-controls {display: none;}

/* 自定模組 - 影音專區 */
.M10365 .mm_01 {
    position: relative;
}

/* 首頁右方強打影音-v01 */
.M10067 {
	float: right;
	margin-top: -186px;
	border: solid 10px #eee;
	margin-bottom: 10px;
	border-radius: 10px;
}

/* 選單模組 menu */
.module-cgmenu { padding: 0 10px; }
.module-cgmenu h3 { color: #4F6228; }
.usermodoutter { margin-left: 10px;} 
.cgmenu {
    font-size: 14px;
    padding: 15px 10px;}
.cgmenu ul li {
    height: auto;}
.cgmenu li ul { border: none;}
.cgmenu a:hover {
	position: relative;
	top: 2px;
	left: 2px;
	opacity: 0.7;
	filter: alpha(opacity=70);}
.cgmenu .menu-item {
	height: 26px;
	white-space: nowrap; }
.cgmenu .cgarrow { /** 標記細節 **/
	width: 16px;
	height: 16px;
	background: url("/var/file/0/1000/mobilestyle/48/images/detail-le.gif") no-repeat 0px -3px;}
.cgmenu li ul li a:hover {
	background: #ededed url("/var/file/0/1000/mobilestyle/48/images/detail-ri.gif") no-repeat 0px 8px;}

.module-cgmenu .mm_01 {
    padding: 0px;}
	
.readmore a { color: #990000;}

/* 模组標题 */
.md_top .h3 { 
	color: #4F6228;
	background: none;}

.item-title {
	color: #4F6228;
	background: url('/var/file/0/1000/mobilestyle/48/images/tab1_ri.gif') no-repeat scroll 0% 0% transparent;}

/* selana 附件顯示 */	
.baseTB a {font-size: 13px;}
.readmore {padding-top: 0px;}

/* 表單模組 */	
#formdisplay {
	margin: 0 auto;
	width: 80%;
	font-size: 14px;}
	
/* 廣告模組 */
.newsflash>.picFocus { margin: 50px auto; }
	
/*--------------------*/
/*	3. MAINFOOT
/*--------------------*/
.footer {
	display: block;
	margin: 0px auto;
	width: 960px;
	height: 86px;
	background: #fff url("/var/file/0/1000/img/31/mainfoot-bg.gif");}
.footer .minner{
	width: 960px;
	padding: 0;
}

#Dyn_footer ul.langbar {
	display:none;
}
	
/*** footer button navigation ***/
#foot-button {
	display: block;
	float: left;}
#foot-button ul {
	}
#foot-button ul li {
	display: block;
	float: left;
	width: 85px;
	height: 24px;
	text-align: right;
	margin-right: 10px;
	position: relative;}
#foot-button li.button_left_link1 {
	background:url("/var/file/0/1000/mobilestyle/48/taitheology-pic/footnav_icon1.gif") no-repeat;}
#foot-button li.button_left_link2 {
	background:url("/var/file/0/1000/mobilestyle/48/taitheology-pic/footnav_icon2.gif") no-repeat;}
#foot-button li.button_left_link3 {
	background:url("/var/file/0/1000/mobilestyle/48/taitheology-pic/footnav_icon3.gif") no-repeat;}
#foot-button li a {
	font-size: 14px;
	color: #4F6228;
	display: block;
	line-height: 24px;
	text-decoration: none;}
.copyright {
    color: #FFF;
    position: relative;}
.info {
	display: block;
	float: left;
	margin-left: -134px;}
.info p {
	font-size: 14px;}
.qr-code {
	display: block;
	float: right;
    margin-top: 20px;