@charset "utf-8";
/* CSS Document */
/********************************

	demo版型共用樣式表
	author: egg
	date: 2009-09-18
	
********************************/

/*超連結大總匯*/
.style1 a:link {	color:#777777; }/*連結*/
.style1 a:visited {	color:#777777; }/*點過*/
.style1 a:hover {	color:#12add6; }/*滑過: 擺在最後面, 覆蓋前方瀏覽過不想要的效果*/
.style1 a:active {	color:#12add6; }/*點下*/

.style2 a { text-decoration:none;}



/*版型置中*/
html, body {
margin: 0;
text-align: center;
}

#container {
	position: relative;
	width:1003px;
	margin:auto;
	padding-top:35px;
	/*width: 1440px;*/
	text-align: left;
}

/*背景圖*/
body {
	background:url(../images/design/bg.jpg) no-repeat;
	}
	
.header {
	width:1003px;
	padding:0 20px 0 40px;
	}

/*DEMO LOGO*/
.demo_logo {
	float:left;
	width:264px;
	height:62px;
	margin-left:88px;
	margin-right:30px;}
	
/*navi buttom*/	
.btn {
	/*font-size:0px;*/
	float:left;	
	/*height:16px;*/
	margin-top:13px;
	}

.btn .portfolio {
	float:left
}

.btn .btn-top {
	position:relative;
	overflow:hidden;
	display:block;
	width:100px;
	height:62px;
}

.btn .btn-top img {
	position:absolute;
	top:0;
	left:0
}

.btn .btn-top:hover img,
.btn.click .btn-top img {
	left:auto;
	right:0
}


.btn .project img {
	top:-62px
}

.btn .contact img {
	top:-124px
}

.submenu {/*次選單定位*/
	float:left;
	margin-top:10px
	}
	
/*超連結同一行*/
.oneline{
	display:inline;
	float:left;
	margin-left:12px;
	}


/*-------------------------------footer-----------------------------------------*/
.blue {color:#0c1747;}
.blue2 {color:#316993;}
.fontweight {color:#162b63; font-weight:800;}

.footer {
	padding-left:22px;
	padding-right:12px;
	}
	
.serviceLayout {
	margin-top:10px;
	margin-left:10px;}
	
.subtitle {
	margin-bottom:10px;}

/*業務細項標題圖形*/
.item li{ 
	background:url("../images/icon/circle.png") 0 2px no-repeat;
	padding-left:17px;
	line-height:20px;
	margin:15px 0 5px 0;
	display: inline;
	}


	
/*業務容器設定*/
.business_title {	/*業務標題*/
	color:#333333;
	border-bottom:dotted 1px #666666;
	padding-top:15px;
	padding-bottom:8px;
	}

.div_businesswing {
	float:left;	
	width:950px;
	}
	
.flo_area {
	float:left;
	margin-top:15px;
	}
	
.ss_layout {
	margin-top:15px;
	margin-left:450px;
	margin-right:95px;}


	
/*識別圖片四張*/	
.sign_layout ul li{
	float:left;
	margin:32px 15px 10px 0px;
	}

#bwing_logo {
	margin-top:25px;
	margin-bottom:20px;
	}


/*公司連絡三處*/
.info {
	clear:both;
	background:url(../images/icon/line_plane.png) 0 0 repeat-x;
	margin-bottom:20px;
	padding-top:20px;
	margin-bottom:20px;}

.footer_info1{
	float:left;
	line-height:20px;
	padding-right:10px;
	margin-left:2px;
	background:url(../images/icon/line_vertical.png) 307px 0 no-repeat;
	}	
.footer_info2{
	float:left;
	line-height:20px;
	margin-left:10px;
	padding-right:10px;
	background:url(../images/icon/line_vertical.png) 350px 0 no-repeat;
	}
.footer_info3{
	float:left;
	line-height:20px;
	margin-left:6px;
	margin-top:15px;
	}
	
.tel {
	margin-right:15px;}

/*置底*/
.copyright {
	clear:both;
	padding-top:15px;
	padding-bottom:35px;
	font-weight:800;
	font-size:12px;
	}

	
* html clearfix {/*ie 6 claer float*/
	height:1%;
}

.clearfix:after {/*元素的擬態選取器-for ie7以上正規瀏覽器使用, 清除浮動*/
	content:".";
	visibility:hidden;
	height:0;
	display:block;
	clear:both;
}

/*-------------------------以下是神奇的滑動頁面切換css--------------------------------*/
#menu li ul {
	display:none;
	}

#menu li.click ul {
	display:block;
		}


/*和優先權有關
ul#menu .click ul {
	display:block;
		}
*/

/*主要區塊*/
.main {
	clear:left;
	background:url(../images/design/main_bg.png) no-repeat;
	width:1003px;
	height:473px;
	margin-bottom:20px
	}

.main_hide { /*多的部分隱藏*/
	width:910px;
	height:473px;
	margin-left:50px;
	overflow:hidden;
	}

.main_area {
	/*overflow:hidden;*/
	width:10000px;
	height:10000px;
	margin:25px 5px 50px 0;
	/*position:absolute;*/
	}
	
#page_show {
	float:left;
	width:910px;
	/*padding:15px 52px;
	clear:both;*/
	}

#page_show2 {
	/*display:none;*/
	float:left;
	width:910px;
	/*padding:15px 52px;
	clear:both;*/
	}

#page_show3 {
	/*display:none;*/
	float:left;
	width:910px;
	/*padding:15px 52px;
	clear:both;*/
	}

#page_show4 {
	/*display:none;*/
	float:left;
	width:910px;
	/*padding:15px 52px;
	clear:both;*/
	}
	
#page_intro {
	/*display:none;*/
	float:left;
	margin-left:85px;
	margin-top:25px;
	width:910px;
	}
#page_contact {
	/*display:none;*/
	float:left;
	margin-top:25px;
	padding-left:50px;
	width:900px;
	}