@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------forwardForm start (A)*/
.cp {
	
	color: #666666;
	vertical-align: top;
	line-height: 1.7em;
	padding:0px 15px 10px 15px;
	border:1px solid #d0e7e9;background:#FFF;
	font-size: .95em;
}
.cp strong{ font-weight: bold;}
.cp h3{
	color: #0094a5;
	font-size: 120%;
	background-image: none;
	margin:8px 0px 10px 0px;
	padding: 0px 0 5px 0px;	
	clear:both;
}
.cp h3.rule_head{
	color: #0094a5;
	font-size: 110%;
	background-image: url(../images/service_captionbg.gif);
	clear:both;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0 0px 0;
	padding: 0px 0 0 25px;
}
.cp h4{
	color: #333333;
	font-size: 100%;
	clear:both;
	margin:0px 0px 10px 0px;
}
.cp h5{
	color: #006699;
	font-size: 100%;
	margin:15px 0px 5px 0px;
	font-weight: bold;
	clear:both;
}

.cp li img{
	vertical-align:middle;
	border:0 none;
}
.cp li .date{
	text-align:left;
	padding: 0 2px;
}
.cp p{	
	margin:5px 0 10px 10px;
	line-height: 20px;	
}
.cp .subnode ul{ margin:5px 0;}
.cp .subnode li{
	display:inline;
	padding:0 0 0 5px;
	border-right: 1px solid #CCCCCC;
}


.cp ul {
/*    margin:5px 0 0 10px;*/
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.cp ul li{
	text-align:left;
/*	list-style: url(/GIPDSD/xslGip/xslExport/103012/eng/images/icon_arrow3.gif);*/
    background-image: url(../images/icon_arrow3.gif);
    background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	line-height: 20px;
/*    padding-left: 0px;*/
}
.cp ul li ol{
    margin-left: 20px;
	padding-left: 20px;
}
.cp ul li ol li{
    background-image: none;
    padding-left:0px;
}
.cp ol{
    margin-left: 20px;
	padding-left: 20px;
    line-height: 200%;
}

.cp ol li{
/*	list-style-type: decimal;*/
    background-image: none;
	line-height: 20px;	
	margin:0 0 0 0px;
}


.cp ul .info {
	text-align:left;
	margin:5px 0 10px 0px;
	padding:0px;
	color: #999900;
	background-image: none;
}

.cp ul .info li{
	background-image: none;
	line-height: 20px;
	
}
.cp .info span{
	color: #CC6600;
	padding:0 5px 0 0px;
}

.cp .info li img{ vertical-align:middle;}

.cp .webFun li{
	text-align:left;
	display:inline;
	padding:0px;
	color: #333333;	
	background-image: none;
}
.cp .webFun li em{
	color: #CC6600;
}
.cp .webFun li img{
	vertical-align:-3px;
	padding:0 1px;
	
}
.cp .image{
	float:left;
	margin:0 5px 0 0px;
}
.cp .image img{
	margin: 0px;
	padding: 1px;
	height: 100px;
	width: 130px;
	border: 1px solid #CCCCCC;
}
.cp .image span{
	color: #999999;
	margin:0px;
}
.cp .image ul{
	margin:0px;
	text-align:center;
	padding:0px;
	
}
.cp .image li{
	padding:0px;
	display:inline;
	background-image: none;
	font-size: 80%;
}
.cp .image li a{
	color: #999999;
}
.cp .image li a.previous{
	background-image: url(../images/icon_previous.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 10px;
}
.cp .image li a.next{
	background-image: url(../images/icon_next.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
}
.cp .image li a.zoom{
	background-image: url(../images/icon_zoom.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	padding-left: 18px;
}
.cp .update{  text-align:right; clear:both; color:#999;}

/*---------------------------------------related/download*/
.cp .related{
	clear:both;
	margin:20px 0 20px 0px;
}
.cp .related h3{
	color: #009933;
	font-size: 120%;
	background-image: url(../images/h3_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	padding: 5px 0 4px 16px;
}
.cp .related ul{
	margin:5px 0 5px 15px;
	padding:0px;
	text-align:left;
}
.cp .related li{
	text-align:left;
	background-image: url(../images/icon_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	line-height: 20px;
	border-bottom: 1px dashed #dddddd;
	
}
.cp .related li img{ vertical-align:middle; border:0 none;}
.cp .related li .date{
	text-align:left;
	padding: 0 2px;
}


.cp .download{
	clear:both;
	margin:20px 0 20px 0px;
}
.cp .download h3{
	color: #009933;
	font-size: 120%;
	background-image: url(../images/h3_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	padding: 5px 0 4px 16px;
}
.cp .download ul{
	margin:5px 0 5px 15px;
	padding:0px;
	text-align:left;
}
.cp .download li{
	text-align:left;
	background-image: url(../images/icon_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	line-height: 20px;
	border-bottom: 1px dashed #dddddd;
	
}
.cp .download li img{ vertical-align:middle; border:0 none; padding:2px;}
.cp .download li .date{
	text-align:left;
	padding: 0 2px;
}
/*---------------------------------------------throw /表格 ?用th?左?/
.cp .throw{
	color: #006699;
	padding:3px;
	font-weight: normal;
	text-align: right;
	background-color: Transparent;
	border-right: 0px none;
	border-bottom: 1px solid #afd0d2;
}
/*-------------------------------------------cp table */
.cp table{
	
	width:100%;  /* Firefox and not IE else*/ 
	#width:100%;  /* for IE7 and above*/ 
	_width:96%;;  /* for IE6 and before*/
	
	margin:2px 0 10px 0;
	padding:3px;
	border-top: 1px solid #dadbdb;
	border-left: 1px solid #dadbdb;	
	border-collapse: collapse;
	border-spacing: 0;
}	
.cp table caption{
	padding:2px;
	color: #999999;
	border-right: 1px solid #dadbdb;
	border-bottom: 1px solid #dadbdb;
}	
.cp table th{
	color: #597823;
	padding:3px;
	font-weight: normal;
	text-align: left;	
	line-height: 20px;
	border-right: 1px solid #dadbdb;
	border-bottom: 1px solid #dadbdb;
	background:#f3f6e7;
}

.cp table {
	padding:3px;	
	background-image: none;
	line-height: 20px;
}
.cp td{
	border-right: 1px solid #dadbdb;padding:3px;	
	border-bottom: 1px solid #dadbdb;}
.cp table  ol{	
	margin-left:30px;	
	background-image: none;	 padding: 0 0 0 0px;
}
.cp table  ul{	
	margin-left:30px;	
	background-image: none;	padding: 0 0 0 0px;
}
.cp table  ul li{
	list-style-type: disc;
	line-height: 20px;
	list-style-position: outside;
	background:none;
}

.cp table  ol li{
	list-style-type: decimal;
	line-height: 20px;
	list-style-position: outside;
	background:none;
}

 /*-------------------------------------------cp blank table */
.cp table.blank{
	
	width:100%;  /* Firefox and not IE else*/ 
	#width:100%;  /* for IE7 and above*/ 
	_width:96%;;  /* for IE6 and before*/
	
	margin:2px 0 10px 0;
	padding:3px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;	
	border-collapse: collapse;
	border-spacing: 0;
}	
.cp table.blank caption{
	padding:2px;
	color: #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}	
.cp table.blank th{
	color: #000;
	padding:3px;
	font-weight: normal;
	text-align: center;	
	line-height: 20px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background:#edf0ef;
}

.cp table.blank {
	padding:3px;	
	background-image: none;
	line-height: 20px;
}
.cp table.blank td{
	border-right: 1px solid #fff;padding:3px;	
	border-bottom: 1px solid #fff; color: #000;}
.cp table.blank ol{	
	margin-left:30px;	
	background-image: none;	 padding: 0 0 0 0px;
}
.cp table.blank ul{	
	margin-left:30px;	
	background-image: none;	padding: 0 0 0 0px;
}
.cp table.blank ul li{
	list-style-type: disc;
	line-height: 20px;
	list-style-position: outside;
	background:none;
}

.cp table.blank ol li{
	list-style-type: decimal;
	line-height: 20px;
	list-style-position: outside;
	background:none;
}
 
  /*----------------------------無格式---------------cp blank0 table */
.cp table.blank0{
	
	width:100%;  /* Firefox and not IE else*/ 
	#width:100%;  /* for IE7 and above*/ 
	_width:96%;;  /* for IE6 and before*/
	
	margin:3px 0 3px 0;
	padding:0px;
	border-top: 0px solid #fff;
	border-left: 0px solid #fff;	
	border-collapse: collapse;
	border-spacing: 0;
}	
.cp table.blank0 caption{
	padding:0px;
	color: #000;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff;
}	
.cp table.blank0 th{
	color: #000;
	padding:0px;
	font-weight: normal;
	text-align: center;	
	line-height: 20px;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff;
	background:#edf0ef;
}

.cp table.blank0 {
	padding:0px;	
	background-image: none;
	line-height: 20px;
}
.cp table.blank0 td{
	border-right: 0px solid #fff;padding:0px;	
	border-bottom: 0px solid #fff; color: #000;}
.cp table.blank0 ol{	
	margin-left:30px;	
	background-image: none;	 padding: 0 0 0 0px;
}
.cp table.blank0 ul{	
	margin-left:30px;	
	background-image: none;	padding: 0 0 0 0px;
}
.cp table.blank0 ul li{
	list-style-type: disc;
	line-height: 20px;
	list-style-position: outside;
	background:none;
}

.cp table.blank0 ol li{
	list-style-type: decimal;
	line-height: 20px;
	list-style-position: outside;
	background:none;
}
 
/*---------------------------------------list*/
.cp .list{
	clear:both;
	margin:20px 0 10px 0px;
}
.cp .list h3{
	color: #009933;
	font-size: 120%;
	background-image: url(../images/sp_h3bg.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding: 0px 0 8px 25px;
	font-weight: bold;
}
.cp .list ul{
	margin:5px 0 5px 15px;
	padding:0px;
	text-align:left;
}
.cp .list li{
	text-align:left;
	background-image: url(../images/icon_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	line-height: 20px;
	border-bottom: 1px dashed #dddddd;
}

.cp .list .foot{border-bottom: 1px dashed #dddddd; clear:both; height:3px;}



/*-------------------------------------------cpTb */
.cp .cpTb{
	margin:2px 0 10px 0;
	border-top: 1px solid #afd0d2;
	border-left: 1px solid #afd0d2;
	border-right: 1px solid #afd0d2;
	background-color: #FBFBEC;
	padding:0px;
	width:95%;
}	
.cp .cpTb caption{
	padding:2px;
	color: #999999;
	text-align:left;
}	
.cp .cpTb th{
	color: #006699;
	font-weight: normal;
	text-align: left;
	padding:10px 3px 3px 3px;
	vertical-align:top;
	text-align:right;
	background-color: #D5E6DF;
	border-bottom: 1px solid #afd0d2;
}

.cp .cpTb {	
	line-height: 20px;
	padding:3px;
	border-bottom: 1px solid #afd0d2;
}
.cp .cpTb ul{
	margin:5px 0 0 10px;
}
.cp .cpTb li{
	line-height: 20px;
	padding:0 0 0 15px;
	background-image: url(../images/icon_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

/*-------------------------------------------spTb */
.spTb{
	margin:0px 0 10px 0;	
}	
.spTb caption{ display:none; visibility: hidden;}	
.spTb th{
	color: #333333;
	padding:3px;
	text-align: left;	
}

.spTb .throw{
	color: #006699;
	padding:3px;
	font-weight: normal;
	text-align: right;
	border-right: 0px none;
}
.spTb {
	padding:3px;
}


/*---------------------------------------------logUser*/
.logUser{
	margin:5px 0 ; 
	color: #CC6600;
}
.logUser img{ vertical-align:middle; border:0px none; padding:0 1px;}
.logUser {}

.cp .quickLink li{
	display:inline;	
	padding:0 1px;
	background-image: none;
	border:0px none;
}


 
.cp .servicetab {
	text-align: left;
	margin:5px 5px 15px 5px;
	
}


.cp .servicetab ul{
	margin:0px;
	padding:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.cp .servicetab li{
	background-image: url(../images/Menu_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float:left;	
	margin:0 2px;
	padding:0px 0px 0px 0px;
}

.cp .servicetab li a{
	color: #365B81;
	padding:10px 6px 0px 0;
	display:block;
	white-space:nowrap;
	margin-left:5px;
	background-image: url(../images/Menu_2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
.cp .servicetab li a:hover{
	color: #CC0000;
}
.cp .servicetab li.over{	
	background-image: url(../images/Menuover_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float:left;	
	margin:0 2px;
	padding:0px 0px 0px 0px;
}
html>body .cp .servicetab li.over{padding:9px 0px 6px 0px;}
*+ html>body .cp .servicetab li.over{padding: 0px;}
 .cp .servicetab li.over a{
	color: #000000;
	padding:10px 6px 0px 0;
	display:block;
	white-space:nowrap;
	margin-left:5px;
	background-image: url(../images/Menuover_2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.cp .servicetab li.over a:hover {
	text-decoration: none;
	color: #990000;
}

.cp .servicelist {
	border-collapse:collapse;
	margin: 10px 10px 20px 10px;
	width: 95%;
	clear:both;
	border: 0px none ;
}
.cp .servicelist caption {
	font-weight: bold;
	color: #666666;
	text-align:left;
	background-image: url(../images/service_captionbg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 3px 0px 0px 25px;
	font-size: 120%;
	letter-spacing: 2px;
}
.cp .servicelist img{
	border: none;
	vertical-align: -5px;
}
.cp .servicelist th {
	padding: 5px;
	vertical-align: top;
	text-align: left;
	color: #666666;
}
.cp .servicelist  {
	padding: 5px;
	vertical-align: top;
	line-height: 145%;
	border: 0px none ;
	
}
.cp .servicelist  .More {
	margin:-15px 0px 0px  0px;
	text-align:right;
}
.cp .servicelist  .More img{border: none 0px;}


/*----------------------------------------TbPh */
.cp .TbPh{
	
	margin:10px 0;
	border:0px;
}
.cp .TbPh caption{
	padding:5px 0;
	text-align:left;
	color: #666666;
}
.cp .TbPh {	
	vertical-align:top;
	border-bottom:0px;
	text-align:left;
	width:30%;
}
.cp .TbPh  h3{ padding:3px 0; margin:0px; font-size:100%; }
.cp .TbPh  h3 a{
	text-decoration: underline;
}
.cp .TbPh  p{
	color: #666666;
	margin:0px;
}
.cp .TbPh  ul{ margin:0px; font-size:100%; }
.cp .TbPh  li{
	background-image: url(../images/icon2.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	line-height: 18px;
	display:block;
}

.cp .TbPh .image{margin:5px 0 0px 0px;}
.cp .TbPh .image img{ width:140px; height:100px; border:1px solid #ccc;}


.cp .TbPh .image img{border-color:expression(onmouseover=function(){style.borderColor='#CC6600';},onmouseout=function(){style.borderColor='#ccc';});}

html>body .cp .TbPh .image img:hover{
	border:1px solid #CC6600;
}
.cp .image .map img {
        height:235px;
        width:235px;
}

/*樓層配置圖*/
    .floor {
        float: left;
        display: inline-block;
        border: 1px solid #dedede;
        height: 3em;
        line-height: 3em;
        font-size: 1em;
        font-weight: bold;
        text-align: center;
    }
    
    .floorStart {
        clear: left;
    }
    
    .floor1 {
        width: 3em;
        background-color: #f0f0f0;
    }
    
    .floor1x2 {
        width: 3em;
        height: 6em;
        height: 6.2em \9; /*IE*/
        background-color: #f0f0f0;
    }
    
    .floor1x3 {
        width: 3em;
        height: 9em;
        height: 9.35em \9; /*IE*/
        background-color: #f0f0f0;
    }
    
    .floor1x5 {
        width: 3em;
        height: 15em;
        height: 15.65em \9; /*IE*/
        background-color: #f0f0f0;
    }
    
    .floor2 {
        width: 11em;
        width: 10.4em \9; /*IE*/
        background-color: white;
        text-align: left;
        padding-left: 1em;
    }
    
    .floor2w2 {
        width: 22em;
        background-color: white;
        text-align: left;
        padding-left: 1em;
    }
    
    .floor2f {
        width: 100%;
        background-color: sandybrown;
        text-align: center;
        font-size: 1.1em;
        font-weight: bold;
        color: azure;
    }
    
    .FrontBuild {
        width: 25em;
        width: 26.5em \9; /*IE*/
        display: inline-block;
        float: left;
    }
    
    .BackBuild {
        width: 14em;
        width: 15em \9; /*IE*/
        display: inline-block;
    }