@charset "utf-8";
@font-face {
	font-family:MyriadPro-Regular;
	src:url(/fonts/MyriadPro-Regular.otf);
	font-weight:normal;
	font-style:normal;
}
/*CSS Info ======================================================================
File Name: Layout.css
Editor: Sophia
CreateDate:2010/12/06
Last Editor: Eliam
LastDate: 2015/07/08
Version: 1.0
---------------------------
【 Table of Contents 】
	DIV XHTML頁面
	Free Style
	使用jQuery
	橫向Menu，頁面置中
=================================================================================*/

/*===============================================================================
                         以下是內容頁版面設定
=================================================================================*/
#Wrap {}

/*-----------------Header-----------------*/
#Header {
	background-image:url(../images/banner.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	font-family:"微軟正黑體", Arial;
	height:290px;
}

#RouteNav{}
	
#Banner {}

/*-----------------Content-----------------*/
#Content {}

#Main {}

#MainCont{
	font-family:"微軟正黑體", Arial; -
	margin:30px;
}

.Area {
	float:left;
	display:block;
}

span.statement {
	color:#0169c9;
	font-size:1em;
	padding-left:30px;
}

/*================= 本會簡介  ==================*/
.IntroCont {
	color:#595959;
	font-size:1.2em;
	letter-spacing:1px;
	margin:20px 30px;	
}

.IntroCont p {
	line-height:24px;
	padding:3px 0;
	margin:5px 0;
}

.IntroCont ul {
	margin-left:70px;
}

.IntroCont ul li {
	line-height:24px;
	padding:5px 0;
	list-style-position:inside;
	list-style-type: cjk-ideographic; 
}

/*------- 章程 -------*/	
p.rule {
	color:#df4502;
}

span.spec {
	color:#dc105d;
	font-weight:bold;
}

ul.rulelist li {
	list-style-position:outside;
}

ul.rulelist li ul.rulesub {
	margin-left:0;
	margin-bottom:5px;
}

ul.rulelist li ul.rulesub li {
	list-style-type:none;
}

ul.NumStyle {
	text-indent:-7em;
	margin-left:130px;
}

/*------- 技術服務要點 -------*/	
ul.IntroService li {
	list-style-position:outside;
	list-style-type:decimal;
}

/*------- 組織委員會 -------*/	
#Organization {
	margin:0 30px; 
}

#Organization table {
	font-size:1.1em;
	line-height:30px;
}

/*------- 理監事名單 -------*/	
.IntroBox {
	width:420px;
	height:140px;
	margin:30px;
	float:left;
	display:block;	
}

img.Introphoto {
	width:120px;
	height:140px;
	border:0.5px solid #ccc;
	float:left;
	display:block;
}

.InfoCont {
	width:280px;
	float:left;
	display:block;
	margin-left:10px;
}

h6.JobTitle {
	color:#198ed1;
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:15px;
	margin-bottom:7px;
	border-bottom:1px dotted #ccc;
    /* 文字超出框顯示.... */	
	text-overfloat:ellipsis;
	white-space:nowrap;
}

.InfoCont ul {}
.InfoCont ul li {
	color:#595959;
	font-size:1.2em;
	padding:6px 0;
	text-overfloat:ellipsis;
	white-space:nowrap;
}

/* IE11 hack */
@media all and (-ms-high-contrast:none)
{
	*::-ms-backdrop, .InfoCont{
		padding-left:120px;
		height:140px;
		margin-top:-140px;
	}
}
/*------- 連絡我們 -------*/	
#Contact {
	height:378px;
	margin:50px 30px 30px 30px;
}

#map {
	width:505px;
	height:374px;
	border:1px solid #b5b5b5;
	border-radius: 5px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	background-color:#f7f7f7;
	margin-right:40px;
}

.google {
	width:465px;
	height:224px;
	border:1px solid #b5b5b5;
	border-radius: 5px;	
	margin:20px;
}

.address {
	background-image:url(../images/Icon_mapLocation.png);
	background-position:20px top;
	background-repeat:no-repeat;
	width:465px;
	height:110px;
	padding-left:80px;
}

.address p {
	width:388px;
	line-height:18px;
	padding:5px 0 5px 10px;
	font-family:MyriadPro, Arial;
}

p.mapLocation {
	color:#81bf31;
	font-size:1.6em;
	text-shadow:1px 2px 2px #ccc;
}

.box {
	background-position:10px center;
	background-repeat:no-repeat;
	background-color:#f7f7f7;
	border:1px solid #b5b5b5;
	border-radius: 8px;	
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	font-family:"微軟正黑體", MyriadPro, Arial;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:1px;
	line-height:50px;
	width:300px;
	height:50px;
	margin:18px 0;
	padding:10px 20px 10px 80px;
}

#photo {background-image:url(../images/Icon_Phone.png);}

#fax {background-image:url(../images/Icon_Print.png);}

#email {background-image:url(../images/Icon_Email.png);}

#location {
	background-image:url(../images/Icon_Lotion.png);
	line-height:26px;
}

img.schoolInfo {
	width:960px;
	margin:0 30px;
}

/*-------- 會員申請頁設定 --------*/
ul.NumForm {
	float:right;
	margin-right:30px;
	margin-bottom:0;
}

ul.NumForm li {
	font-weight:bold;
	float:left;
	display:block;
}

ul.NumForm li a{
	color:#88a07a;
	padding-left:20px;
}

ul.NumForm li a:hover{
	color:#549e0b;
}

#AccountCont{
	background-color:#f1f2ef;
	font-size:1.2em;
	width:870px;
	height:auto;
	margin:20px auto;
	padding:20px;
}

.AccountArea{
	width:auto;
}

.AccountArea th{
	padding:12px 20px;
	text-align:right;
	width:auto;
    vertical-align :middle ;
}

.AccountArea td{
	vertical-align:middle;
}

.AccountArea td label{
	font-size:1em;
	vertical-align:middle;
}

.AccountArea td input{
	height:25px;
	vertical-align:middle;
}

.Mum {
	font-size:1em;
}

.mumbtn {
	padding-left:400px;
}

/*-----------------協會期刊-----------------*/	
#periodical {
	background-image:url(../images/periodical.png);
	background-position:center;
	background-repeat:no-repeat;
	width:890px;
	height:409px;
	margin:0 auto;
	margin-top:50px;
}

#periodical ul {
	margin:130px 0 0 600px;
}

#periodical ul li{
	background-image:url(../images/dot_link.png);
	background-position:left center;
	background-repeat:no-repeat;
	font-size:2em;
	padding:6px 15px;
}

#periodical ul li a{
	color:#6e5a4d;
}

#periodical ul li a:hover{
	color:#b49988;
	padding-left:15px;
}
/*-----------------Others-----------------*/	
.imgSolution{
	float: left;
	margin: 0 10px 0 0;
}
.contL1{
	margin-left:23px;
}
.contL2{
	margin-left:35px;
	}
.contL3{
	margin-left:0px;
}	
.CHTleftP p,.contL1 p,.contL2 p{
	text-indent:1em;
	}
.contImgArea{	/*圖片區*/
	text-align:center;
	}
#PageCont .contImgArea p.imgDesc{	/*圖片註解*/
	font-size:  1.1em;
	line-height: 1.2em;
	color: #399;
	margin:0.2em 40px 0.5em 40px;
	}

/*--快速內容連結--*/
#QuickContent{
	margin:0 5px;
	_margin:0 5px 1em 5px;
	padding:0.75em 0.5em;
	background-color:#FFC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(JS/ie-css3.htc); /*--ie用圓角套件--*/
	border: 1px solid #CDBBA9;
	}
#QuickContent p{
	_padding:5px ;
	font-size: 1.1em;
	*font-size: 1.05em;
	text-indent:-7.5em;
	margin-left:8em;
	
	*text-indent:0;
	*margin-left:0;
	}
#QuickContent .L1 {
	font-size: 1.05em;
	line-height: 1.1em;
	font-weight: bold;
	margin-right:1em;
}
#QuickContent .L1 a{
	color: #886144;
	}
#QuickContent .L1 a:hover{
	color: #6B4D36;
	}
#QuickContent p{
	margin-bottom:0;
}
#QuickContent p a{
	color: #8080C0;
	}
#QuickContent p a:hover{
	color: #8080FF;
	}
#NewsDate{
	text-align:right;
	margin:0 0.75em 0 0.25em;
	font-size:0.95em;
	color:#886144;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5ec6d5;
	margin-bottom:1em;
	}