@charset "utf-8";

html, body {
	margin: 0;
	padding: 0;
	font-size: 84%; /* 預設字型大小 */
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #737474;
	line-height: 2; /* 指定行Box高度為字型大小的2倍 */
	/*\*/
	letter-spacing: 0.1em; /* 指定字距為字型大小的0.1em */
	/**/
	overflow-x:hidden; 
	background-color:#FFFFFF;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	SCROLLBAR-FACE-COLOR: #BFC2C5; 
	SCROLLBAR-HIGHLIGHT-COLOR: #BFC2C5; 
	SCROLLBAR-SHADOW-COLOR: #BFC2C5; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #626466; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	}

/* --------------------------------
連結文字
----------------------------------- */
A: {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#306597;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
A:link    {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#306597;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
A:visited {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#306596;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
A:active  {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#306596;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
A:hover   {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#306596;line-height: 18pt;text-decoration:underline;letter-spacing:1pt;}

.pic: {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#B25ABF;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-top:23px;}
.pic:link    {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#B25ABF;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-top:23px;}
.pic:visited {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#B25ABF;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-top:23px;}
.pic:active  {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#B25ABF;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-top:23px;}
.pic:hover   {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#B25ABF;line-height: 18pt;text-decoration:underline;letter-spacing:1pt;padding-top:23px;}

.page: {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#737474;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-top:23px;}
.page:link    {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#737474;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-top:23px;}
.page:visited {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#737474;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-top:23px;}
.page:active  {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#737474;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-top:23px;}
.page:hover   {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#737474;line-height: 18pt;text-decoration:underline;letter-spacing:1pt;padding-top:23px;}

.news: {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#737474;line-height: 17pt;text-decoration:none;letter-spacing:1pt;}
.news:link    {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#737474;line-height: 17pt;text-decoration:none;letter-spacing:1pt;}
.news:visited {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#306596;line-height: 17pt;text-decoration:none;letter-spacing:1pt;}
.news:active  {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#306596;line-height: 17pt;text-decoration:none;letter-spacing:1pt;}
.news:hover   {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#306596;line-height: 17pt;text-decoration:underline;letter-spacing:1pt;}


/* --------------------------------
其他文字
----------------------------------- */
.footer {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #737474;
	line-height: 18pt;
	letter-spacing: 1pt;
	text-align:center;
}

.copyright {
	font-size: 11px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #4A4A4A;
	line-height: 18pt;
	letter-spacing: 1pt;
	text-align:center;
}

.title {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #737474;
	line-height: 18pt;
	letter-spacing: 1pt;
	font-weight: bold;
}

.title_result {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #496BB6;
	line-height: 18pt;
	letter-spacing: 1pt;
	font-weight: bold;
}

.title_group {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #388FCC;
	line-height: 18pt;
	letter-spacing: 1pt;
	font-weight: bold;
}

.text_right {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #737474;
	line-height: 18pt;
	letter-spacing: 1pt;
	padding-right: 255px
}


/* --------------------------------
共用
----------------------------------- */
#wrapper {
	width: 913px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#wrapper_02 {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header {
	width: 913px;
} 

#navigation {
	width: 913px;
} 

#content  {
	width: 913px;
} 

#content_02  {
	width: 940px;
}

#content_s  {
	width: 670px;
}

#banner {
	width: 200px;
	height: 99px;
	border: 1px solid #D4D4D4;
}
#banner01 {
	width: 200px;
	height: 99px;
	border: 1px solid #D4D4D4;
}

#banner_02 {
	width: 200px;
	height: 99px;
	border: 1px solid #D4D4D4;
	margin-top:5px;
}

#banner_03 {
	width: 200px;
	height: 99px;
	border: 1px solid #D4D4D4;
	margin-top: 28px;
}

#footer {
	width: 913px;
	margin-top: 38px;
}

#foreword {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 70px;
}


/* --------------------------------
default / 首頁
----------------------------------- */
#default-news {
	width: 474px;
	height: 178px;
	margin: 0 24px 0 0; /* 指定邊界上、右、下、左 */
}

.default-news {
	padding: 10px; /* 指定內距上、右、下、左 */
	vertical-align:text-top;
	text-align:left; 
}

.news-arrow {
	width: 25px;
	height: 23px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	
}

.news-arrow2 {
	width: 25px;
	height: 23px;
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	
}


/* 
.default-arrow {
	vertical-align:text-top;
	position: relative; top: 7px;	
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
}


/* --------------------------------
單元視覺圖
----------------------------------- */
#Bpic1 {
	background-image: url(../images/Bpic1.jpg);
	width: 806px;
	height: 192px;
}

#Bpic2 {
	background-image: url(../images/Bpic2.jpg);
	width: 806px;
	height: 192px;
}

#Bpic3 {
	background-image: url(../images/Bpic3.jpg);
	width: 940px;
	height: 192px;
}

#Bpic4 {
	background-image: url(../images/Bpic4.jpg);
	width: 940px;
	height: 192px;
}

#Bpic6 {
	background-image: url(../images/Bpic6.jpg);
	width: 940px;
	height: 192px;
}


/* --------------------------------
about / 關於國雲
----------------------------------- */
#about_menubg {
	width: 134px;
	height: 625px;
	padding-top: 89px;	
	background-image: url(../images/nav1_bg2.jpg);
	background-repeat: no-repeat;
}

#about_menu {
	width: 124px;
	margin-top: 89px;	
}

.about_pic1 {
	background-position : right top;	
	background-image: url(../images/about_pic1.jpg);
	background-repeat: no-repeat;
}

.about_pic2 {
	height: 216px;
	background-image: url(../images/about_pic2.jpg);
	background-repeat: no-repeat;
	padding-left: 187px;
}

.about_pic3 {
	height: 122px;
	background-image: url(../images/about_pic3.jpg);
	background-repeat: no-repeat;
}

.about_pic4 {
	height: 251px;
	background-position : right top;	
	background-image: url(../images/about_pic4.jpg);
	background-repeat: no-repeat;
}

.about_pic5 {
	height: 428px;
	background-position : right top;	
	background-image: url(../images/about_pic5.jpg);
	background-repeat: no-repeat;
}

.about_pic5 {
	height: 428px;
	background-position : right top;	
	background-image: url(../images/about_pic5.jpg);
	background-repeat: no-repeat;
}

.about_pic6 {
	height: 157px;
	background-image: url(../images/about_pic6.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; bottom: 5px;	
}

.about_pic7 {
	height: 159px;
	background-image: url(../images/about_pic7.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; top: 30px;
}

.about_pic8 {
	height: 302px;
	background-position : center top;	
	background-image: url(../images/about_pic8.jpg);
	background-repeat: no-repeat;
}

.about_pic9 {
	height: 371px;
	background-position : left top;	
	background-image: url(../images/about_pic9.jpg);
	background-repeat: no-repeat;
	padding-left: 164px;
}

.about_pic10 {
	height: 207px;
	background-image: url(../images/about_pic10.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; bottom: 5px;	
}

.about_pic11 {
	height: 267px;
	background-image: url(../images/about_pic11.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; bottom: 5px;	
}

.about_pic12 {
	height: 267px;
	background-image: url(../images/about_pic12.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; bottom: 5px;	
}

.about_pic13 {
	height: 267px;
	background-image: url(../images/about_pic13.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; bottom: 5px;	
}

.about_pic14 {
	height: 243px;
	background-image: url(../images/about_pic14.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; bottom: 5px;	
}

.about_pic15 {
	height: 243px;
	background-image: url(../images/about_pic15.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; bottom: 5px;	
}

.about_pic16 {
	height: 243px;
	background-image: url(../images/about_pic16.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; bottom: 5px;	
}

.about_pic17 {
	height: 226px;
	background-image: url(../images/about_pic17.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; top: 30px;	
}

.about_pic18 {
	height: 226px;
	background-image: url(../images/about_pic18.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; top: 30px;	
}

.about_pic19 {
	height: 215px;
	background-image: url(../images/about_pic19.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; top: 30px;	
}

.about_pic20 {
	height: 215px;
	background-image: url(../images/about_pic20.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	position: relative; top: 30px;	
}

.text_left {
	padding-left: 210px;
	vertical-align:text-top; 	
}

.text_top {
	padding-top:35px;
	vertical-align:text-top; 	
}

.text_culture {
	font-size: 11px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #737474;
	line-height: 18pt;
	letter-spacing: 0pt;
}

.about_title1 {
	height: 65px;
	background-image: url(../images/about_title1.gif);
	background-repeat: no-repeat;
	position: relative; top: 23px; bottom: 23px; 
}

.about_title3 {
	height: 65px;
	background-image: url(../images/about_title3.gif);
	background-repeat: no-repeat;
	position: relative; top: 23px; bottom: 23px; 
}

.about_title4 {
	height: 65px;
	background-image: url(../images/about_title4.gif);
	background-repeat: no-repeat;
	position: relative; top: 23px; bottom: 23px; 
}

.about_title5 {
	height: 65px;
	background-image: url(../images/about_title5.gif);
	background-repeat: no-repeat;
	position: relative; top: 23px; bottom: 23px; 
}

.about_title5-1 {
	height: 250px;
	background-position : left top;	
	background-image: url(../images/about_title5-1.gif);
	background-repeat: no-repeat;
	padding-left: 105px;
}

.about_title5-2 {
	height: 320px;
	background-position : left top;	
	background-image: url(../images/about_title5-2.gif);
	background-repeat: no-repeat;
	padding-left: 105px;
}

.about_title5-3 {
	height: 841px;
	background-position : left top;	
	background-image: url(../images/about_title5-3.gif);
	background-repeat: no-repeat;
	padding-left: 105px;
}

#phase_A {
	width: 670px;
	margin-top: 20px;	
}

#phase_B {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 40px;
}

#phase_C {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#phase_D {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 30px;	
}

#phase_E {
	width: 100%;
	margin-bottom: 30px;	
}

.mail {
	width: 22px;
	height: 12px;
	position: relative; top: 6px;	
	background-image: url(../images/icon_mail.jpg);
	background-repeat: no-repeat;
}


/* --------------------------------
service / 服務項目
----------------------------------- */
#service_menubg {
	width: 134px;
	height: 625px;
	padding-top: 89px;	
	background-image: url(../images/nav2_bg2.jpg);
	background-repeat: no-repeat;
}

#service_menu {
	width: 124px;
	margin-top: 89px;	
}

.service_title1 {
	height: 65px;
	background-image: url(../images/service_title1.gif);
	background-repeat: no-repeat;
	position: relative; top: 23px; bottom: 23px; 
}

.service_title2 {
	height: 65px;
	background-image: url(../images/service_title2.gif);
	background-repeat: no-repeat;
	position: relative; top: 23px; bottom: 23px; 
}

.service_title3 {
	height: 65px;
	background-image: url(../images/service_title3.gif);
	background-repeat: no-repeat;
	position: relative; top: 23px; bottom: 23px; 
}

.service_title4 {
	height: 65px;
	background-image: url(../images/service_title4.gif);
	background-repeat: no-repeat;
	position: relative; top: 23px; bottom: 23px; 
}

.service_title4-1 {
	background-image: url(../images/service_title4-1.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px; 
}

.service_title5 {
	height: 65px;
	background-image: url(../images/service_title5.gif);
	background-repeat: no-repeat;
	position: relative; top: 23px; bottom: 23px; 
}

.service_title6 {
	height: 65px;
	background-image: url(../images/service_title6.gif);
	background-repeat: no-repeat;
	position: relative; top: 23px; bottom: 23px; 
}

.service_title6-1 {
	background-image: url(../images/service_title6-1.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px; 
}

.service_title6-2 {
	background-image: url(../images/service_title6-2.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px; 
}

.service_title6-3 {
	background-image: url(../images/service_title6-3.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px; 
}

.service_title7 {
	height: 65px;
	background-image: url(../images/service_title7.gif);
	background-repeat: no-repeat;
	position: relative; top: 23px; bottom: 23px; 
}

#service_pic1 {
	width: 365px;
	height: 117px;
	background-image: url(../images/service_pic1.jpg);
	background-repeat: no-repeat;
}

#service_pic2 {
	width: 305px;
	height: 117px;
	background-image: url(../images/service_pic2.jpg);
	background-repeat: no-repeat;
}

#service_pic3 {
	width: 365px;
	height: 117px;
	background-position : left top;	
	background-image: url(../images/service_pic3.jpg);
	background-repeat: no-repeat;
}

#service_pic4 {
	width: 305px;
	height: 117px;
	background-position : left top;	
	background-image: url(../images/service_pic4.jpg);
	background-repeat: no-repeat;
}

#service_pic5 {
	width: 365px;
	height: 117px;
	background-position : left top;	
	background-image: url(../images/service_pic5.jpg);
	background-repeat: no-repeat;
}

#service_pic6 {
	width: 305px;
	height: 117px;
	background-position : left top;	
	background-image: url(../images/service_pic6.jpg);
	background-repeat: no-repeat;
}

.service_pic7 {
	height: 158px;
	background-image: url(../images/service_pic7.jpg);
	background-repeat: no-repeat;
	padding: 35px 0 0 200px; /* 指定內距上、右、下、左 */
}

.service_pic8 {
	height: 140px;
	background-image: url(../images/service_pic8.jpg);
	background-repeat: no-repeat;
	padding: 35px 0 0 200px; /* 指定內距上、右、下、左 */
}

.service_pic9 {
	height: 140px;
	background-image: url(../images/service_pic9.jpg);
	background-repeat: no-repeat;
	padding: 35px 0 0 200px; /* 指定內距上、右、下、左 */
}

.service_pic10 {
	height: 140px;
	background-image: url(../images/service_pic10.jpg);
	background-repeat: no-repeat;
	padding: 35px 0 0 200px; /* 指定內距上、右、下、左 */
}

.service_pic11 {
	height: 140px;
	background-image: url(../images/service_pic11.jpg);
	background-repeat: no-repeat;
	padding: 35px 0 0 200px; /* 指定內距上、右、下、左 */
}

.service_pic12 {
	height: 140px;
	background-image: url(../images/service_pic12.jpg);
	background-repeat: no-repeat;
	padding: 35px 0 0 200px; /* 指定內距上、右、下、左 */
}

.service_pic13 {
	height: 140px;
	background-image: url(../images/service_pic13.jpg);
	background-repeat: no-repeat;
	padding: 35px 0 0 200px; /* 指定內距上、右、下、左 */
}

.service_pic14 {
	height: 158px;
	background-image: url(../images/service_pic14.jpg);
	background-repeat: no-repeat;
}

.service_pic15 {
	height: 158px;
	background-image: url(../images/service_pic15.jpg);
	background-repeat: no-repeat;
}

.service_pic16 {
	height: 158x;
	background-position : left top;	
	background-image: url(../images/service_pic16.jpg);
	background-repeat: no-repeat;
}

.service_pic17 {
	height: 158x;
	background-position : left top;	
	background-image: url(../images/service_pic17.jpg);
	background-repeat: no-repeat;
	padding: 35px 0 0 200px; /* 指定內距上、右、下、左 */
}

.service_pic18 {
	height: 165x;
	background-position : left bottom;	
	background-image: url(../images/service_pic18.jpg);
	background-repeat: no-repeat;
}

.service_pic19 {
	height: 158x;
	background-position : left top;	
	background-image: url(../images/service_pic19.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 200px; /* 指定內距上、右、下、左 */
}

.service-text_left {
	padding: 3px 60px 0 137px; /* 指定內距上、右、下、左 */
	vertical-align:text-top; 	
}

.service-text_left02 {
	padding: 0 0 0 17px; /* 指定內距上、右、下、左 */
	vertical-align:text-top; 	
}

.service-text_right {
	padding: 3px 0 0 137px; /* 指定內距上、右、下、左 */
	vertical-align:text-top; 	
}

/* --------------------------------
result / 國雲成績
----------------------------------- */
.result_pic1 {
	width: 170px;
	height: 170px;
	padding-right: 15px;	
	background-image: url(../images/result_pic1.jpg);
	background-repeat: no-repeat;
}

.result_pic2 {
	width: 170px;
	height: 170px;
	padding-right: 15px;	
	background-image: url(../images/result_pic2.jpg);
	background-repeat: no-repeat;
}

.result_pic3 {
	width: 170px;
	height: 170px;
	padding-right: 15px;	
	background-image: url(../images/result_pic3.jpg);
	background-repeat: no-repeat;
}


/* --------------------------------
client / 社區大樓介紹
----------------------------------- */
#pic_frame {
	margin-bottom: 35px;
}

#pic {
	width: 170px;
	height: 170px;
	border: 5px solid #E2E3E3;
}

.client-arrow {
	vertical-align:text-top;
	position: relative; top: 7px;	
	background-image: url(../images/arrow3.gif);
	background-repeat: no-repeat;
}

/* --------------------------------
housework / 家事服務
----------------------------------- */
#housework {
	margin-top: 13px;
    width: 377px;
}

#housework_02 {
	margin: 13px 0 0 0; /* 指定邊界上、右、下、左 */
}

.housework {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #737474;
	line-height: 14pt;
	letter-spacing: 1pt;
	padding: 0 26px 10px 26px; /* 指定內距上、右、下、左 */
	text-align:left; 
}

.housework_02 {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #737474;
	line-height: 14pt;
	letter-spacing: 1pt;
	padding: 0 26px 0 26px; /* 指定內距上、右、下、左 */
	text-align:left; 
}

.housework_03 {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #737474;
	line-height: 14pt;
	letter-spacing: 1pt;
	padding-left: 18px;
}

.input  {
	font:10pt Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#1F330F;
	background-color: #FFFFFF;
	border: 1px solid #9BAA98;
	line-height: 13pt;
}


/* --------------------------------
news
----------------------------------- */
#page {
	margin-top: 35px;
}
#td{
line-height:28px
}
*+html #td{
line-height:18px
}