#creation-page{ background:url(../images/webdesign_fa6s.jpg) no-repeat -76px -25px;}
/*system*/
body{ font-family:Microsoft JhengHei, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:21px;}
a{ text-decoration:none; color:#1757a6;}
a:hover{ text-decoration:underline;}
.text-hidden{overflow:hidden; text-indent:-9999px;}
.backpage{ display:block; overflow:hidden;background:url(../images/layout.png) no-repeat 0 -657px; width:64px; height:23px; float:right; text-indent:-9999px; margin: 0 25px 0 0;}
/*system-end*/

/*web-layout*/
#creation-page{width:1050px; margin:0 auto;
	.weblogo { float:left;
	  		a{ .text-hidden; display:block; width:275px; height:45px; background:url(../images/layout.png?v2) no-repeat 0 0;}}
	.page-top{ margin:25px 0 0 0; height:60px; width:100%; position:relative;
			.page_menus{ float:left; width:775px; height:48px; background:url(../images/layout.png) no-repeat 0 -58px;
			         li{ float:left;}
					a{.text-hidden; float:left; background-image:url(../images/layout.png); height:48px;}
					.about{width:128px;  background-position: 0 -111px;}
					.news{width:120px;  background-position: -128px -111px;}
					.product{width:125px;  background-position: -248px -111px;}
					.ebook{width:122px;  background-position: -373px -111px;}
					.information{width:120px;  background-position: -495px -111px;}
					.home{width:95px;  background-position:-615px -111px;}
					.about:hover{width:128px;  background-position: 0 -163px;}
					.news:hover{width:120px;  background-position: -128px -163px;}
					.product:hover{width:125px;  background-position: -248px -163px;}
					.ebook:hover{width:122px;  background-position: -373px -163px;}
					.information:hover{width:120px;  background-position: -495px -163px;}
					.home:hover{width:95px;  background-position:-615px -163px;}
				}}
	#page-content{ display:inline-block; width:100%; padding:9px 0 20px 0;}
	.page-copyright{ font-size:12px; line-height:21px; text-align:center; position:relative; padding:10px 0 25px 0;
							.web-design{ position:absolute; right:0; bottom:0; a{ color:#999999;} }
	}
	.facebook{ .text-hidden; right: 12px;   top: 8px;background:url(../images/facebook.png) no-repeat 0 0; display:block; width:35px; height:30px; position:absolute;}
}

/*web-layout-end*/

#page-content{
						.page-left{ width:255px; float:left;display:inline-block;}
						.page-right{ width:775px; float:left; display:inline-block; padding:0 0 0 20px;}
}

#page-content .page-left{
		 .page-title{ height: 29px; width:227px;  padding: 6px 0 0 30px; display:inline-block; background:url(../images/layout.png) no-repeat -1px -232px; color:#FFFFFF; font-weight:bold; font-size:15px; overflow:hidden;}
		 .txt-eng{ font-size:12px; padding:0 0 0 7px;}
		 .page-menus{
							 li{}
							 a{ background:url(../images/layout.png) no-repeat 0 -284px;   padding: 3px 0 0 30px;   height: 30px; overflow:hidden;color:#333333; display:block; font-size:14px;}
							 .sub-liten{ padding:0 0 13px 0; a{ background:none; height: 20px;padding: 5px 0 0 30px;}}
			 }
			 .adbanner{ padding:13px 0 0 0;
				  a{ display:inline-block; width:250px; height:56px; overflow:hidden; padding:3px 0;}
				 }
	}
#page-content .page-right{
		  .page-article{
			  				   dt{ background:url(../images/layout.png) no-repeat 0 -339px; height: 35px;  padding: 16px 0 0 35px; font-size:16px; font-weight:bold;}
							   dd{ border-style:solid; border-color:#cfcfcf; border-width:0 1px 1px 1px; padding: 20px 35px 30px;width: 698px; position:relative;}
							   .addthis_toolbox { float: left;}
							   .article-con{ width:100%; display:inline-block; overflow:hidden;
							                     ol{ padding:0 0 0 20px;   li{ list-style:decimal;} }
												 ul{ padding:0 0 0 20px;   li{list-style:disc;} }
												 img{ max-width:700px;}
							   }
			  }	
	}
	
#creation-page .page-right .page-article-list dd {  padding: 26px 20px 30px;  width: 728px;}

.page-right{
h1,h2,h3,h4,h5,h6{  padding: 10px 0;}
}

.linktxt a{ padding:0 15px; font-size:13px;}