body {font-family: Arial, "新細明體";text-align:center;margin:0px;padding:0px;font-size:13px;color:#666666; background: url(../images/back.jpg) top repeat-x;}
#main {margin:0px auto;width:1000px; background-color:#ffffff;}
#banner {height:151px;width:1000px;margin:0px;padding:0px;}
#menu {background-image: url(../../../images/index_02.jpg);background-repeat:no-repeat;text-align:center;vertical-align:middle;height:38px;width:1000px;}
#menu .button{width:768px; text-align:center; margin:0 auto;}
#info {background-image:url(../images/index_03.jpg);background-repeat:repeat-x;height:300px;width:1000px;text-align:center;vertical-align:top;}
.title {color:#FFFFFF;font-weight:bold;font-size:15px;padding-left: 15px;padding-top: 15px;}

/* 左區塊 */
#secondary {float:left;width:190px;padding: 11px 5px 0px 10px;}
	/* logo */
	#logo {width:165px; height:67px;  margin-left:11px;}
	/* 會員專區 */
	#member{width:184px;height:227px;background-image:url(../images/member_03.png);margin-top: 17px;}
	#member .title_member {color:#FFFFFF;font-weight:bold;	vertical-align: middle;	font-size:15px;padding-top:10px;padding-left:10px;}
	#member .word {color:#FF6600;font-size:13px;}
	#member a {text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #7bac13;text-decoration: none;}
	#member a:hover {text-decoration: underline;}
	#member .word2 {font-size:13px;color:#fd8300;font-weight:bold;text-align:right;padding:6px 22px 0 0;}
	/* 瀏覽人數 */
	#people .center {text-align:center; padding:15px 0px 0px 0px;}
	#people .word {font-size:16px; color:#fd8300; font-weight:bold;}
	/* 電子報 */
	#epaper .left {text-align:left; padding:10px 0px 0px 0px;}
	#epaper .word{font-size:13px;color:#967a18;}
	/* 分類 */
	#type .word {vertical-align:middle;text-align:left; padding:5px 5px 0px 35px;text-indent: -22px;}
	#type .word2 {vertical-align:middle;text-align:left; padding:5px 0 0 42px;text-indent: -22px;}
	#type a.first {text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #f26522;text-decoration: none;}
	#type a.first:hover {text-decoration: underline;}
	#type a.second {text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #1e9eb9;text-decoration: none;}
	#type a.second:hover {text-decoration: underline;}
/*ADD*/
	/* 群聚部落 */
	#blog .word {vertical-align:middle;	text-align:left;padding:5px 5px 0px 35px;text-indent: -22px;}
	#blog a{text-align:center;	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;color: #218fa6;text-decoration: none;}
	#blog a:hover {text-decoration: underline;}
/*ADD*/
	/* google */
	#google .center {text-align:center; padding:5px 0px;}

/* 中間區塊 */
#primary {float:right;width:780px;padding: 8px 10px 0 0px;}
	/* 次目錄 */
	#second {width:780px height:30px; text-align:left; padding-left:20px;color:#703528;}
	#second a{color:#703528;text-decoration: none;}
	#second a:hover{text-decoration: underline;}
	#second a.ok{color:#d74624;text-decoration: underline;}
	#second a.ok:hover{text-decoration: none;}
	/* 廣告區塊 */
	#ad .center {text-align:center; padding:15px 0px 0px 0px;}
	#ad .pic{border:#d3d3d3 1px solid;}
	/* 活動公告區塊 */
	#actions .word{font-size:13px; text-align:left; color:#967a18; padding-top:5px;}
	#actions .left{font-size:13px; text-align:left; padding-top:5px;}
	#actions .line{border-bottom: #868686 1px  dotted;}
	#actions .pic{border:#d3d3d3 1px solid; margin-top:5px;}
	#actions .more{float:right;}
	/* 最新消息公告內頁 */
	#news {margin-top:10px;}
	#news .title {color:#FFFFFF;font-weight:bold;font-size:15px;padding-left: 10px;padding-top:6px;vertical-align: middle;}
	#news .way{vertical-align: middle;padding-top: 4px;color:#0c5370;font-size:13px;text-align: right;padding-right:40px;}
	#news a{color:#0c5370;font-size:13px;text-decoration: none;}
	#news a:hover{text-decoration: underline;}
	#news .headline{width:650px;height:55px;border:#c5e0eb 5px solid;background: url(../../arrow_info.jpg) no-repeat left center;padding:3px 0px 3px 28px;}
	#news .headword{width:550px;text-decoration: none;color:#020882;font-size: 15px;}
	#news .date{font-size:13px;color:#228eb6;text-align:right;vertical-align: top;}
	#news .word{font-size:13px;text-align:left;color:#666666;padding-top:5px;text-indent: 13px;line-height:25px;}
	/* 討論區 */
	#message th{color:#187ab6; font-size:13px; text-align:center;}
	#message .word{font-size:13px; text-align:center; color:#7b7b7b; padding-top:5px;}
	#message .left{font-size:13px; text-align:left; padding-top:5px;}
	#message .line{border-bottom: #868686 1px  dotted;}
	#message strong{color:#f26522; font-size:13px; text-align:left;}
	#message a {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color:#7b7b7b;text-decoration: none;}
	#message a:hover {text-decoration: underline;}
	/* 技術研討會 */
	#workshop th{color:#187ab6; font-size:13px; text-align:center;}
	#workshop .word{font-size:13px; text-align:center; color:#7b7b7b; padding-top:5px;}
	#workshop .left{font-size:13px; text-align:left; padding-top:5px;}
	#workshop .line{border-bottom: #868686 1px  dotted;}
	#workshop strong{color:#f26522; font-size:13px; text-align:left;}
	#workshop a {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color:#7b7b7b;text-decoration: none;}
	#workshop a:hover {text-decoration: underline;}
	/* 廠商專區 */
	#factory .center{text-align:center; padding:10px 0px 0px 0px;}
	#factory .pic{border:#d3d3d3 1px solid;}
	/* 友站連結 */
	#link .center {text-align:center; padding:10px 0px 0px 0px; }
	#link img{border:0px;}
	#link .pic{width:155px; border:#d3d3d3 1px solid; padding:3px; margin:0px 12px;}

/* 下方分隔線 */
#line {background-image: url(../images/index_04.jpg);background-repeat:repeat-x;height:20px;width:1000px;clear: both;}

/* copyright */
#copyright {background-image: url(../images/index_05.jpg);background-repeat:repeat-x;text-align:center;height:101px;width:1000px;}
#copyright .word2 {font:13px Arial, Helvetica, sans-serif;text-align:center;padding:3px;word-spacing: 5px;}
#copyright .word1 {font:13px Arial, Helvetica, sans-serif;text-align:center;padding:15px;color: #7bac13;word-spacing: 5px;}
#copyright a {text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #7bac13;text-decoration: underline;}
#copyright a:hover {text-decoration: none;}

/* 統一設定 */
img {border:0px;}
input {background-color: #ededed;border: 1px solid #e0e0e0;}
textarea{background-color: #ededed; border: 1px solid #e0e0e0;}
.line {border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #333333;padding-bottom: 5px;text-align: center;}
.center {text-align:center;padding:3px 0px;}
.left{text-align:left;padding:10px 0px 0 0;}
.right{text-align:right;padding:10px 0px 0 0;}


/*新增樣式*/


    /* 內頁區塊 */
#primary2 {float:left;width:783px;padding-top: 10px; margin-left:5px;}

	/* 內頁 */
	#news2 {margin-top:10px;}
	#news2 .title {color:#FFFFFF;font-weight:bold;font-size:15px;padding-left: 10px;padding-top: 6px;vertical-align: middle;}
	#news2 .way{vertical-align: middle;padding-top: 4px;color:#0c5370;font-size:13px;text-align: right;padding-right:40px;}
	#news2 a{color:#0c5370;font-size:13px;text-decoration: none;}
	#news2 a:hover{text-decoration: underline;}

    /*統一樣式2*/
.pic-border{border:#d3d3d3 1px solid; margin-top:5px;}
.pic-border2{
	border:#d3d3d3 1px solid;
	margin: 5px;
	padding: 3px;
}
.line2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
}
.line2-gray {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #F3F3F3;
	padding-top: 2px;
	padding-right: 5px;
}

.td-padding{
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
}

.bluetd {
	background-color: #E1F5FF;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	color: #020882;
	font-size: 13px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5BABDC;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.graytd{
	background-color: #F9F9F9;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	color: #666666;
	font-size: 13px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5BABDC;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}





    /*文字*/
.hp1:link    {font-size: 13px; text-decoration: none; color: #967a18;}
.hp1:visited {font-size: 13px; text-decoration: none; color: #967a18;}
.hp1:hover   {font-size: 13px; text-decoration: underline; color: #993300;}
.hp1:active  {font-size: 13px; text-decoration: none; color: #967a18;}

.word13gray{
	color:#666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10;
	font-size: 13px;
	letter-spacing: 1px;
}
.word13blue-bold{
	color:#2574A9;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10;
	font-size: 13px;
	font-weight: bold;
}

.hp2:link    {font-size: 13px; text-decoration: none; color: #2574A9;}
.hp2:visited {font-size: 13px; text-decoration: none; color: #2574A9;}
.hp2:hover   {font-size: 13px; text-decoration: underline; color: #993300;}
.hp2:active  {font-size: 13px; text-decoration: none; color: #2574A9;}
.word13white-bold {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding-left: 10px;
}
.word13orange {
	font-size: 13px;
	font-weight: normal;
	color: #f26522;
	letter-spacing: 1px;
}

.hp3:link    {font-size: 13px; text-decoration: none; color: #7b7b7b;}
.hp3:visited {font-size: 13px; text-decoration: none; color: #7b7b7b;}
.hp3:hover   {font-size: 13px; text-decoration: underline; color: #999999;}
.hp3:active  {font-size: 13px; text-decoration: none; color: #7b7b7b;}

.word12gray {
	font-size: 12px;
	color: #7b7b7b;
	letter-spacing: 1px;
}

.word13blue {
	font-size: 13px;
	color: #020882;
	letter-spacing: 1px;
}
.word13blue2 {
	font-size: 13px;
	color: #228EB6;
	letter-spacing: 1px;
}

.grayinput{
	background-color:#EDEDED;
	font-size: 13px;
	border: 1px solid #e0e0e0;
}

.word15black-bold{
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}

.word13coffee {
	font-size: 13px;
	color: #967a18;
	letter-spacing: 1px;
}

.word15orange-bold{
	color: #f26522;
	font-size: 15px;
	font-weight: bold;
}

   /*次選單色調*/
#discuss {background-image: url(../images/index_03_2.jpg);background-repeat:repeat-x;height:800px;width:1000px;text-align:center;vertical-align:top;}
.title {color:#FFFFFF;font-weight:bold;font-size:15px;padding-left: 15px;padding-top: 15px;}


/* ADD */
.greentd2 {border: 1px double #ADD372;background-color: #F4FAED;padding-top: 2px;padding-right: 5px;padding-bottom: 2px;padding-left: 5px;}
.redtd {border: 1px double #FFCCCC;background-color: #FFF0F0;padding-top: 2px;padding-right: 5px;padding-bottom: 2px;padding-left: 5px;}

.hp4:link    {font-size: 13px; text-decoration: underline; color: #009900;}
.hp4:visited {font-size: 13px; text-decoration: underline; color: #009900;}
.hp4:hover   {font-size: 13px;text-decoration: none;color: #000000;}
.hp4:active  {font-size: 13px; text-decoration: underline; color: #009900;}

.hp5:link    {font-size: 13px;text-decoration: underline;color: #FF8484;}
.hp5:visited {font-size: 13px; text-decoration: underline; color: #FF8484;}
.hp5:hover   {font-size: 13px;text-decoration: none;color: #000000;}
.hp5:active  {font-size: 13px; text-decoration: underline; color: #FF8484;}

.white-td {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	font-size: 13px;
	color: #666666;
	line-height: 17px;
	letter-spacing: 1px;
}

#news2 .hp4:link    {font-size: 13px; text-decoration: underline; color: #009900;}
#news2 .hp4:visited {font-size: 13px; text-decoration: underline; color: #009900;}
#news2 .hp4:hover   {font-size: 13px;text-decoration: none;color: #000000;}
#news2 .hp4:active  {font-size: 13px; text-decoration: underline; color: #009900;}
#news2 .hp5:link    {font-size: 13px;text-decoration: underline;color: #FF8484;}
#news2 .hp5:visited {font-size: 13px; text-decoration: underline; color: #FF8484;}
#news2 .hp5:hover   {font-size: 13px;text-decoration: none;color: #000000;}
#news2 .hp5:active  {font-size: 13px; text-decoration: underline; color: #FF8484;}