/*-----------------------------------------------
Web Style
Name:     基本3欄(上header、左sidebar、右main、下footer) ver2.0
Designer: Tina
URL:      http://blog.pixnet.net/tina1231
Date:     2008-07-26
----------------------------------------------- */

body {
	margin:0;
	font-family: Tahoma;
	font-size: 12px;
	color: #5e5e5e;
	line-height:18pt;
	background: url(../images/bg.gif) repeat-x top;
}
a {    color:#4ed000;text-decoration:none;}
a:hover {    color:#EF7E18;	text-decoration:underline;}
img{ border:none}
p,form,ul,li{ margin:0; padding:0;}




/* 主架構，用來定義最大範圍
-----------------------------------------*/
#outer-wrapper{
  width:995px;
  margin:0 auto; /* 上 左右 下 */
  background:url(../images/headerbg.gif) no-repeat 0 77px;
}
#iner-wrapper{
  width:860px;
  margin:0 auto; /* 上 左右 下 */
}

#header-wrapper{  height:324px; }

#menu-wrapper{ position:absolute; z-index:1; top:10px; margin-left:365px;}
#menu-wrapper ul li{ float:left; display:inline;}
#menu-wrapper ul.sub-nav li{
	float:right;
	display:inline;
	font-size: 12px;
	margin-left: 5px;
	color: #999;
	background-image: url(../images/Menu/Menu_Line2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}

#menu-wrapper ul.sub-nav li a{
	color: #999;
}

#menu-wrapper ul.sub-nav li a:hover{
	color: #8CC53E;
}

#content-wrapper {}

#sidebar-wrapper {
	width: 410px;
	height: 190px; /* 暫時 */
	float: left;
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
	padding-left:30px;
}
#main-wrapper {
	width: 410px;
	height: 170px; /* 暫時 */
	float: left;
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;
	background-image: url(../images/index_news0_title.gif);
	background-repeat: no-repeat;
	background-position: 82px -3px;
  }
  
#link-wrapper {
  height:27px; /* 暫時 */
  clear:both;
  font-size: 12px; 
  line-height:10pt;
  background:url(../images/link_bg.gif) no-repeat top right;
  /*background:#f2f8e6;*/
}  
#link-wrapper a{ font-size: 12px;color:#81B551}  
#link-wrapper a:hover{ color:#EF7E18}  
/*#link-wrapper p{ padding:6px 25px}  */
 
#footer-wrapper {
  height:50px; /* 暫時 */
  clear:both;
  font-size: 8pt; 
  line-height:10pt;
  /*background:url(../images/copyright_bg.gif) no-repeat top center;*/
}   
#footer-wrapper p { padding:10px 25px 0; }  


/* 其他樣式
-----------------------------------------*/
#index-work{}
#index-work h1{ background:url(../images/index_newwork_title.gif) no-repeat; height:29px; width:350px; text-align:right; margin:0 0 10px}/*最新作品標題*/
.work-pict{ float:left; width:180px; padding-left:6px}/*最新作品圖文範圍*/
.work-pict a{ color:#666666}/*最新作品文字連結*/
.work-pict a:hover{ color:#8CC53E}/*最新作品文字連結滑入*/

.news_pict{ float:left; width:120px;}
.news_list{float:left; width:250px; padding-top:10px}
.news_list ul{ margin:0; padding:0}
.news_list li{ background:url(../images/icon_01.gif) no-repeat 0 5px; list-style:none;padding:0 13px; border-bottom:1px #CCCCCC solid;}
.news_list span{ float:right; color:#999999;}
.news_list ul span a{ float:right; color:#999999;}
.news_list li a{
	color:#666666;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}
.news_list a:hover{ color:#8CC53E}


.club{ border:#D1D1D1 1px solid; background-color:#F6F6F6; padding:5px}

/* 表單樣式
-----------------------------------------*/
.button{
color:#999999;
background-color:#FFF;
border:#CCCCCC 1px solid;
font-family: Tahoma;
font-size:12px;
}
.keyin{
color:#999999;
background-color:#FFF;
border:#CCCCCC 1px solid;
font-family: Tahoma;
font-size:12px;
}

/* 基本顏色樣式
-----------------------------------------*/
.color_black{color:#000}
.color_white{color:#FFF}
.color_gray{color:#808080}
.color_red{color:#BB0404}
.color_orange{color:#F54D00}
.color_yellow{color:#F5BB00}
.color_green{color:#8CC53E}
.color_blue{color:#3780B9}



/* 最新消息tab
-----------------------------------------*/

/* 設計分享tab
-----------------------------------------*/
#group_design 
{
	position:relative;
	width:100%;
	background-color:transparent;
	font-size:10px;
	clear: both;
	margin-bottom: 30px;
}
#group_title 
{
	background-color:transparent;
	font-size:10px;
	display: block;
	position: relative;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#iltle2 
{
	position:relative;
	float:left;
	clear:both;
	width:100%;
	height:25px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#3CBB2F;
	background-image: url(../images/index_news1_title1.gif);
	background-repeat: no-repeat;
	line-height: 150%;
	background-position: left 1px;
	margin-bottom: 10px;
}
#iltle2 .comment 
{
	position:relative;
	text-align:left;
	left:25px;
	top: 3px;
}
#iltle2 .lnk 
{
    position:absolute;
    right:5px;
    top:3px;
    font-weight:normal;
    font-size:10px;
}
#iltle2 .lnk a 
{
    text-decoration:none;
    color:#000000;
}
#design_body 
{
	float:left;
	font-size:10px;
	position: relative;
	width: 380px;
	margin-left: 5px;
	margin-bottom: 30px;
	height: 135px;
	overflow: hidden;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCC;
	padding-right: 5px;
	padding-left: 5px;
}
#design_body .spc 
{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	overflow: hidden;
}
#design_body .imag 
{
	position:relative;
	float:left;
	background-image: url(../images/IMAGE_BG.gif);
	margin: 0px;
	height: 62px;
	width: 62px;
	padding: 2px;
}

#design_body .imag:hover{
	background-image: url(../images/IMAGE_BG_on.gif);
}

#design_body .imag img
{
    border:0;
}
#design_body h1 
{
	position:relative;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#060;
	margin: 0px;
	line-height: 150%;
	font-weight: normal;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	height: 18px;
}

#design_body h1 a{
	position:relative;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#060;
	padding:0px;
	margin: 0px;
	line-height: 150%;
	height: 150%;
	font-weight: normal;
}

#design_body h1 a:hover{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color: #8CC53E;
}

#design_body .design_time {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#CCC;
	padding-left: 15px;
	padding-right: 2px;
	height: 15px;
	line-height: 15px;
	padding-bottom: 5px;
}


#design_body .spc .txt 
{
	position:relative;
	font-family:arial, sans-serif;
	font-size:12px;
	color:#999;
	left:7px;
	padding:1px 5px 0 0;
	letter-spacing: 1px;
}

#design_body .spc .txt a{
	color:#4ed000;
}