@charset "utf-8";
/* CSS Document */
@import url("reset.css");


/*--------文字設定---------*/
p{
	font-family:Arial, Helvetica, sans-serif;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height:26px;
}

.HL_01{
	color:#098bbd;
}
.HL_02{
	color:#ec1d23;
}
.HL_03{
	color:#AFAFAF;
}
textarea{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fafafa;
	line-height:26px;
	padding:3px;

}


/*----------容器----------*/
#Container{
	width:980px;
	height:auto;
	background-image:url(../images/z_bg.gif);
	margin:0 auto;
}
#Container_In{
	width:980px;
	height:auto;
	background-image:url(../images/z_top.gif);
	background-repeat:no-repeat;
	background-position:top;

}

/*----------頁首----------*/
#Header{
	width:980px;
	height:216px;
	position:relative;
}

.PageAll{
	display:block;
	clear:both;
	width:820px;
	height:22px;
	font-family:Georgia, Verdana, Times, serif;
	font-size:12px;
	line-height:22px;
	padding:18px 0 10px 0;
	text-align:right;
}
.Page a{
	padding:0 3px;
	font-family:Georgia, Verdana, Times, serif;
	font-size:12px;
	line-height:22px;
	color:#B68BA4;
	text-decoration:none;	
}
.Page a:hover{
	text-decoration:underline;
	font-weight:bolder;
}

/*----------內容----------*/
#Content{
	width:928px;
	height:auto;
	padding:10px 0 10px 0;
	margin-left:18px;
}

/*----------側邊----------*/
#Sider{
	width:180px;
	height:404px;
/*	padding-bottom:200px;*/
	float:left;
	background-image:url(../images/left_bg.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:20px;
	position:relative;
}
#Sider_s{
	width:180px;
	height:404px;
/*	padding-bottom:200px;*/
	float:left;
/*	background-image:url(../images/left_bg.gif);
	background-position:top right;
	background-repeat:no-repeat;*/
	padding-right:20px;
	position:relative;
}
/*大標*/
#Sider .Title01{
	position:absolute;
	display:block;
	width:166px;
	height:22px;
	background-image:url(../images/title01.gif);
	text-indent:-9999px;
	top:10px;
	left:46px;
}
#Sider_s .Title03{
	position:absolute;
	display:block;
	width:166px;
	height:22px;
	background-image:url(../images/title03.gif);
	text-indent:-9999px;
	top:10px;
	left:46px;
}
#Sider .Title04{
	position:absolute;
	display:block;
	width:166px;
	height:22px;
	background-image:url(../images/title04.gif);
	text-indent:-9999px;
	top:10px;
	left:46px;
}
/*----------圖文----------*/
#Main{
	width:646px;
	height:auto;
	padding:30px 40px 10px 40px;
	float:left;
	background-color:#f6f6f6;
	background-image:url(../images/right_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#Main_s{
	width:646px;
	height:auto;
	padding:30px 40px 10px 40px;
	float:left;
	background-color:#f6f6f6;
	background-image:url(../images/z_bg_s.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:26px;
	color:#666666;
}

/*----------頁尾----------*/
#Footer{
	width:980px;
	height:34px;
	background-image:url(../images/z_footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:center;
	color:#7a7a7a;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	line-height:22px;
	font-size:11px;
	padding-top:16px;
}


/*----------關於我們聯絡資訊----------*/
.Abt_Info{
	border:1px #999 dashed;
	display:block;
	width:220px;
	height:auto;
	padding:10px;
	float:right;
}

/*----------聯絡我們表格----------*/
.Con_TB td{
	padding:4px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	line-height:26px;
	vertical-align:top;
}
.Width_160{
	width:160px;
	background-color:#FAFAFA;
	border:1px solid #C3C3C3;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	line-height:26px;
	padding:3px;
}
.Width_470{
	width:470px;
	background-color:#FAFAFA;
	border:1px solid #C3C3C3;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	line-height:26px;
	padding:3px;
}
.Width_480{
	width:500px;
	background-color:#FAFAFA;
	border:1px solid #C3C3C3;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	line-height:26px;
	padding:3px;
}

/*作品集排版*/
#Content_Show{
	width:932px;
	margin:0 auto;
	background-color:#F6F6F6;
	background-image:url(../images/img_03.gif);
	background-repeat:repeat-y;
	
}
#ShowRoom_Left{
	width:462px;
	height:auto;
/*	background-color:#f6f6f6;*/
	background-image:url(../images/pro_bg01.gif);
	background-position:left bottom;
	float:left;
	background-repeat:repeat-y;
	background-repeat:no-repeat;
	margin-right:5px;
}
.Title02{
	display:block;
	width:932px;
	height:22px;
	margin:0 0 8px 0;
	background-image:url(../images/title02.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-color:#f6f6f6;
}
#ShowRoom_Right{
	width:462px;
	height:auto;
/*	background-color:#f6f6f6;*/
	background-image:url(../images/pro_bg02.gif);
	background-position:left bottom;
	float:left;
	background-repeat:repeat-y;
	background-repeat:no-repeat;
/*	margin-right:2px;*/
}
#ShowRoom_Right .Title00{
	display:block;
	width:166px;
	height:38px;
}
#ShowSider{
	width:128px;
	height:auto;
	float:left;
	padding-bottom:50px;
}
.ShowTitleA{
	width:159px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background-image:url(../images/show_title01.gif);
}
.ShowTitleB{
	width:159px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background-image:url(../images/show_title02.gif);
}

/*左右邊第一層*/
#Menu01_all{
	width:128px;
	height:auto;
	display:block;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:26px;
	float:left;
}
#Menu01_all ul{
}
#Menu01_all li{
	display:block;
	text-align:right;
}

/*左邊第二層*/
.Menu01_1{
	text-align:right;
	display:block;
}
.Menu01_1 a{
	text-align:right;
	display:block;
	padding-right:8px;
	width:120px;
	height:auto;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:22px;
	color:#666;
	text-decoration:none;
}
.Menu01_1 a:hover{
	color:#E34744;
	font-weight:bolder;
}
.Menu01_2{
	text-align:right;
	display:block;
	padding-right:8px;
	height:22px;
	width:120px;
	height:auto;
	display:block;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:22px;
}
.Menu01_2 a{
	color:#fff;
	display:block;
/*	padding:3px 0 8px 0;*/
	text-decoration:none;
	background-color:#27a5d5;
	padding-right:6px;
}
.Menu01_2 a:hover{
	background-color:#0d7da8;
	color:#FFFFFF;
	font-weight:normal;
}

.Menu01_3{
	text-align:right;
	display:block;
	padding-right:8px;
	height:22px;
	width:120px;
	height:auto;
	display:block;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:22px;
}
.Menu01_3 a{
	color:#fff;
	display:block;
	text-decoration:none;
	background-color:#E34744;
	padding-right:6px;
}
.Menu01_3 a:hover{
	background-color:#D51522;
	color:#FFFFFF;
	font-weight:normal;
}


/*作品集*/
#ShowRoom_ShowAll{
	width:320px;
	height:auto;
	float:left;
	padding-left:6px;
}
.ShowRoom_Show{
	width:460px;
	height:auto;
	margin:0 auto;
}

.ShowRoom_Show li{
/*	display:block;
	width:90px;
	height:110px;
	margin-right:10px;
	float:left;*/
}
.ShowRoom_ShowDetail2{
	margin:0 0 10px 0;
}
.ShowRoom_ShowDetail2 ul{
	width:190Px;
	float:left;
	margin-right:10px;

}
.ShowRoom_ShowDetail2 li{
	width:190px;
}
.ShowRoom_ShowDetail2 li.SPic{
	width:190px;
	border:1px solid #DEDEDE;
	background-color:#fff;
}
.ShowRoom_ShowDetail2 li.STitle{
	height:20px;
	line-height:20px;
	font-size:12px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666666;
}
.ShowRoom_ShowDetail2 li.STitle a{
	color:#666666;
	text-decoration:none;
}
.ShowRoom_ShowDetail2 li.STitle a:hover{
	color:#00719C;
}

.ShowRoom_ShowDetail{
	margin:0 0 10px 0;
}
.ShowRoom_ShowDetail ul{
	width:138Px;
	float:left;
	margin-right:10px;

}
.ShowRoom_ShowDetail li{
	width:138px;
}
.ShowRoom_ShowDetail li.SPic{
	width:138px;
	border:1px solid #DEDEDE;
	background-color:#fff;
}
.ShowRoom_ShowDetail li.STitle{
	height:20px;
	line-height:20px;
	font-size:12px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666666;
}
.ShowRoom_ShowDetail li.STitle a{
	color:#666666;
	text-decoration:none;
}
.ShowRoom_ShowDetail li.STitle a:hover{
	color:#00719C;
}

/*營業項目*/
.Service_all{
	display:block;
	width:200px;
}
.Service_all ul{}
.Service_all li{
	display:block;
	width:160px;
	height:26px;
	line-height:26px;
	padding-left:22px;
	background-image:url(../images/ic_01.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-bottom:4px;
}
/*.Service_all li.Service_ic01{
	background-image:url(../images/ic_01.gif);
}
.Service_all li.Service_ic02{
	background-image:url(../images/ic_02.gif);
}
.Service_all li.Service_ic03{
	background-image:url(../images/ic_03.gif);
}
.Service_all li.Service_ic04{
	background-image:url(../images/ic_04.gif);
}
.Service_all li.Service_ic05{
	background-image:url(../images/ic_05.gif);
}*/

/*首頁*/
#Index_Content{
	width:900px;
	height:400px;
	margin:40px auto;
}
/*送出清除icon*/
.IC_Send{
	float:left;
	padding:2px 6px 2px 0;
}
.IC_Send a{
	display:block;
	width:60px;
	height:18px;
	background-image:url(../images/z_icon_send.gif);
	font-size:5px;
	text-decoration:none;
	line-height:10px;
}
.IC_Send a:hover{
	background-position:bottom;
}
.IC_Send a span{
	visibility:hidden;
}
.IC_Reset{
	float:left;
	padding:2px 6px 2px 0;
}
.IC_Reset a{
	display:block;
	width:60px;
	height:18px;
	background-image:url(../images/z_icon_reset.gif);
	font-size:5px;
	text-decoration:none;
	line-height:10px;
}
.IC_Reset a:hover{
	background-position:bottom;
}
.IC_Reset a span{
	visibility:hidden;
}