body
	{	margin:0; text-align:center; font-family:"Microsoft JhengHei",Verdana}
img
	{	border:0}
#container
	{	margin:0 auto; text-align:left; width:982px}
#top
	{	height:155px}
#logo
	{	float:left}
.top-right
	{	float:left; width:560px; height:101px}
#language
	{	margin:25px 14px 0 0; height:38px; float:right}
#language a
	{	display:block; float:right; margin-left:7px}

.fb_btn
	{	float:right; margin-top: 23px;}
.fb_btn img
	{	height: 24px;}

.top-link
	{	padding:0 14px 0 0; font:12px Arial, Helvetica, sans-serif; color:#727272; clear:both}
.top-link ul
	{	float:right; padding:0; margin:0; list-style:none}
.top-link ul li
	{	float:right; padding:0 0 0 8px; margin:0}
.top-link ul li a
	{	color:#727272; text-decoration:none; display:block; padding-top:3px}
.top-link ul li a:hover
	{	color:#000; text-decoration:none}

#menu
	{	background:url(images/menu-bg.gif) no-repeat; width:642px; height:41px; float:left}
#menu ul
	{	margin:0 0 0 12px; padding:0; list-style:none}
#menu ul li
	{	float:left; padding:0 26px; margin:0; background:url(images/menu-line.gif) no-repeat right; font-weight:bold; font-size:16px; height:41px}
#menu ul li a
	{	color:#fff; text-decoration:none; display:block; padding:10px 0 0 0}
#menu ul li a:hover
	{	color:#fff600; text-decoration:none}
#search
	{	float:right; background:url(tw/img/search-bg.gif) no-repeat; width:248px; height:32px; padding:9px 0 0 87px}
.txt01
	{	float:left; border-width:0; background:none; font:13px Verdana, Arial, Helvetica, sans-serif; color:#727272; width:205px; padding-top:3px}
.search-btn
	{	float:left; width:31px; height:23px}

.index-about
	{	float:left; font-size:13px; color:#000000; line-height:20px; width:315px; background:url(images/line01.gif) no-repeat right; height:135px; padding-right:20px}
.index-about div img , .index-news div img , .index-design div img {	border: none;}
.index-news
	{	float:left; font-size:13px; color:#000000; line-height:20px; width:300px; background:url(images/line01.gif) no-repeat right; height:135px; padding-right:20px; padding-left:15px}
.index-news ul
	{	width:185px; margin:6px 0 0 10px; padding:0; list-style:none; float:left}
.index-news ul li
	{	background:url(images/arrow01.gif) no-repeat 4px 11px; padding:5px 0 5px 18px; margin:0; border-bottom:1px dotted #404040}
.index-news ul li a
	{	color:#000; text-decoration:none}
.index-news ul li a:hover
	{	color:#b10006; text-decoration:none}

.index-design
	{	float:left; font-size:13px; color:#000000; line-height:20px; width:290px; height:135px; padding-left:10px}
.index-design ul
	{	width:218px; margin:0 0 0 4px; padding:0; list-style:none; float:left}
.index-design ul li
	{	padding:0; margin:0 0 0 0; clear:both; height:45px }
.design-icon
	{	float:left; padding-right:7px}
.design-data
	{	float:left; width:155px; line-height:18px}
.clear
	{	clear:both; height:20px}
#footer
	{	clear:both; background:url(images/footer-bg.gif) no-repeat top; font-size:13px; font-weight:bold; color:#3b3b3b; padding:20px 0; margin:0 0 0 0; text-align:center}
#footer a
	{	color:#3b3b3b; text-decoration:none}
#footer a:hover
	{	color:#3b3b3b; text-decoration:underline}
#footer b
	{	color:#15885d}

h2
	{	position:absolute; z-index:7; margin:22px 0 0 15px; font-weight:normal; font-size:12px; color:#4c4c4c; padding:0}
h2 a
	{	color:#4c4c4c; text-decoration:none}
h2 a:hover
	{	color:#000; text-decoration:none}
h1
	{	position:absolute; z-index:7; margin:40px 0 0 15px; font-size:36px; color:#2e2e2e; padding:0; display:none}


.list01 ul
	{	margin:6px 0 0 47px; padding:0; list-style:none}
.list01 ul li
	{	float:left; height:300px; margin:0 34px 0 0; padding:0}


#left
	{	float:left; width:170px; margin:0 0 0 25px}
#submenu ul
	{	margin:0; padding:0; list-style:none}
#submenu ul li
	{	padding:0; margin:0}
#submenu ul li .left-title
	{	
		display:block; 
		background:url(images/submenu-out.gif) no-repeat; 
		width:158px; height:24px; 
		font-weight:bold; 
		font-size:15px; 
		border-bottom:1px solid #e1e1e1; 
		margin-bottom:6px; 
		padding:4px 0 0 12px; 
		color:#5b5b5b; 
		text-decoration:none
	}
#submenu ul li a
	{	
		display:block; 
		width:158px; height:24px; 
		font-size:14px; 
		margin-bottom:6px; 
		padding:4px 0 0 20px; 
		color:#5b5b5b; 
		text-decoration:none
	}
#submenu ul li .left-title:hover
	{	background:url(images/submenu-over.gif) no-repeat; color:#fff; text-decoration:none}
#submenu ul li a:hover
	{	
		opacity: 0.7;
	}
#right
	{	float:right; margin:40px 13px 0 0; width:730px; line-height:20px; color:#2e2e2e; font-size:13px}
#right02
	{	float:right; margin:40px 13px 0 0; width:770px; line-height:20px; color:#2e2e2e; font-size:13px}
p
	{	margin:0 0 20px 0; padding:0}

.list02 ul
	{	margin:22px 0 0 11px; padding:0; list-style:none}
.list02 ul li
	{	float:left; height:190px; margin:0 20px 0 0; padding:0; text-align:center; font-size:13px}
.list02 ul li a
	{	color:#000000; text-decoration:none; display:block; height:180px; border:3px solid #fff}
.list02 ul li a:hover
	{	color:#007b41; text-decoration:none; border:3px solid #ebebeb}
.list03 ul
	{	margin:22px 0 0 11px; padding:0; list-style:none}
.list03 ul li
	{	float:left; height:400px; margin:0 20px 0 0; padding:0; text-align:center; font-size:13px}
.list03 ul li a
	{	color:#000000; text-decoration:none; display:block;/* height:180px;*/ border:3px solid #fff}
.list03 ul li a:hover
	{	color:#007b41; text-decoration:none; border:3px solid #ebebeb}
.pro-name
	{	background:url(images/list-bg.gif) no-repeat top; padding-top:13px}


.color-box
	{	float:left; width:24px; height:24px; border:1px solid #dbdbdb; display:block; margin-right:5px}
.pro-container
	{	margin:0 0 0 42px;/*總寬度200PX*/ float:left; width:330px}
.pro-big
	{	width:315px; height:345px}
.pro-small
	{	float:left; border:1px solid #cfcfcf; margin-right:10px}
.pro-content
	{	float:right; width:158px}
.pro-content2
	{	float:left; width:158px}
.table01
	{	width:100%}
.table01 th
	{	text-align:left; padding:7px; background:#d3df63; font-weight:normal; font-size:13px; color:#313131}
.table01 td
	{	text-align:left; padding:7px; font-size:13px; color:#313131}
.table01 tr.color01
	{	background:#ebebeb}
.table01 tr.color02
	{	background:#dedede}

.table02
	{	width:100%; background:#CCCCCC}
.table02 th
	{	background:#d3df63; color:#313131; padding:7px}
.table02 td
	{	text-align:left; padding:7px; font-size:13px; color:#313131; background:#fff}



#newslist{ width:760px; margin:0 0 20px 0 ; padding:0 ;  height: auto;  display: block; float:left;  border-top:0px solid #CCCCCC; }

.newslistin{ width:760px; float:left; display:block;  list-style-type: none; }
.newslistin a{ width:750px; margin:0 ; padding:20px 0 15px 15px ; display: block; float: left;  border-bottom:1px solid #CCCCCC; list-style-type: none; text-decoration: none }
.newslistin a:hover{width:750px; float:left; background:#EFEFEF; display:block; *cursor:hand;}
.newslistin dl{ width:600px; height: 80px;  display: block; float:left; margin:0 15px 0 0; overflow:hidden;font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4 , "Microsoft JhengHei"; }
.newslistin dt{  width:600px; height: auto;  display: block; float:left; margin:0 0 15px 0; color:#00935d; font-weight:bold; overflow:hidden; font-size:15px; line-height:160%}
.newslistin dd{  width:600px; height: auto;  display: block; float:left; margin:0 0 0 0; color:#323232; overflow:hidden; font-size:13px}
.date2{ width:120px; height:80px; margin:0 ; padding:0;  float: left;  color:#585858;  display: block; }


.newswrapbox {width:760px; margin:0 0 20px 0 ; height: auto; float: left; display: block;  padding:15px 0 10px 0}
.newstit {width:760px; margin:0 0 20px 0 ; height: auto; float: left; display: block; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:15px 0 10px 0; background-color:#F3F3F3}
.newstit h3{width:560px; margin:0 ; padding:5px 0 5px 15px ;  height: auto; float: left; display: block; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4 , "Microsoft JhengHei"; font-size:16px ; color:#00935d}
.newstit span{width:70px; margin:0 ; padding:0 10px 0 0 ;  height: auto; float:right; display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 }
.news_editer{width:660px; margin:0 ; padding:0px 15px 20px 15px ;  height: auto; float:left; display: block;  font-size:13px; color:#323232; line-height:200%   }
.news_editer ol{ padding:0; list-style-type: decimal;}
.news_editer ul{ padding:0; list-style-type:upper-roman;}
.news_editer li{ padding:0; list-style-type:decimal;}



.backto a {
    width: 78px;
    margin: 0px;
    padding: 3px;
    float: right;
    text-align: right;
    color: rgb(51, 51, 51);
    text-decoration: none;
    background:url(images/bu_01_l.gif) no-repeat scroll left 4px transparent; display:block; border:1px solid #8E8E8E
}
.backto a:hover{ width:78px; margin:0 ; float:right; text-align:right; color:#976624; text-decoration: none; background:url(images/bu_02_l.gif) left 4px no-repeat; border:1px solid #976624}


h4
	{	background:#14a5e1; padding:4px; margin:0 0 12px 0; font-size:15px; color:#FFFFFF}

.features-icon
	{	float:left; margin:0 20px}
.features-content
	{	font-weight:bold; font-size:15px; color:#313131; float:left; width:245px; padding-top:4px}


.btn01
	{	background:#34bdf5; border:1px solid #069bd8; color:#fff}




.page-table
	{	text-align:center}
a.page
	{	font-size:11px; padding:3px 6px; border:1px solid #b9b9b9; background:#fff; color:#727272; text-decoration:none}
a.page:hover
	{	color:#fff; background:#4d4d4d; border:1px solid #838383; text-decoration:none}