@charset "utf-8";
/* CSS Document */

*{
padding: 0px; border: none;
}

body {margin: 0px;  padding: 0px; border: none; text-align:center;}
a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #006699;
}
h1{
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
}

.titletext{
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
}

h2{
	font-size: 1.2em;
	font-weight: bold;
	color: #006699;
}
#title{
	background-image: url(./title/titlebg2.gif);
	background-repeat: no-repeat;
	float: left;
	height: 32px;
	width: 716px;
	padding-top: 8px;
}

#title0{
	background-image: url(./title/title0bg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 591px;
	padding-top: 8px;
}
.title01{
	float: left;
	margin-left:28px;
	color:#D20000;
	font-size: 1em;
	font-weight: bold;
}
#title2{
	background-image: url(./left/banner2_01.gif);
	background-repeat: no-repeat;
	float: left;
	height: 32px;
	width: 716px;
	padding-top: 8px;
}
#con{
	background-repeat: no-repeat;
	float: left;
	width: 710px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.line{
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	line-height: 25px;
	font-size: 13px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*- Menu Tabs 1--------------------------- */ 


    #tabs2 {
	text-align:right;     
	float:left;
	width:100%;
	font-size:13px;
	color: #000000;
      }
    #tabs2 ul {
	margin:0;
	list-style:none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	height: 32px;
	padding-left: 0px;
      }
    #tabs2 li {
	display:inline;
	margin:0;
	padding:0;
      }
    #tabs2 a {
	float:left;
	background:url("./menu/tableft1.gif") no-repeat left top;
	margin:0;
	text-decoration:none;
	/*padding-top: 5;*/
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 11px;
      }
    #tabs2 a span {
	float:left;
	display:block;
	background:url("./menu/tabright1.gif") no-repeat right top;
	color:#333333;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 6px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {
	float:none;
}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      }
    #tabs2 a:hover {
	background-position:0% -32px;
      }
    #tabs2 a:hover span {
	background-position:100% -32px;
	color: #FFFFFF;
      }

    #tabs2 a:current {cursor:default; color:#fff; line-height:34px; }
	
	#tabs2 #t1.current { background-position:0% -32px; }
	#tabs2 #t2.current { background-position:0% -32px; }
	#tabs2 #t3.current { background-position:0% -32px; }
	#tabs2 #t4.current { background-position:0% -32px; }
	#tabs2 #t5.current { background-position:0% -32px; }
	#tabs2 #t6.current { background-position:0% -32px; }
	
	#tabs2 #t1.current span { background-position:100% -32px;	color: #FFFFFF; }
	#tabs2 #t2.current span { background-position:100% -32px;	color: #FFFFFF; }
	#tabs2 #t3.current span { background-position:100% -32px;	color: #FFFFFF; }
	#tabs2 #t4.current span { background-position:100% -32px;	color: #FFFFFF; }
	#tabs2 #t5.current span { background-position:100% -32px;	color: #FFFFFF; }
	#tabs2 #t6.current span { background-position:100% -32px;	color: #FFFFFF; }


/*--------------------------------- 表單字 --------------------------------------*/
#object_left0 {
	float: left;
	width: 589px;
	border: 1px solid #E6E6E6;
}

#object_left {
	float: left;
	width: 710px;
	border: 0px solid #E6E6E6;
}
#object_right {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 15px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	COLOR: #000;
	PADDING-TOP: 3px;
	HEIGHT: 25px
}

.ico-clean{
	font-size:13px;
	color: #FFF;
	border:0px;
	background-image: url(./icon/reset.gif);
	background-repeat: no-repeat;
	width: 74px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}
.ico-send{
	font-size:13px;
	color: #FFF;
	border:0px;
	width:74px;
	background-image: url(./icon/send.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}

.td-01{
	padding:2px;
	border: 1px solid #c0c0c0;
	line-height: 25px;
}

/*--------------------------------- 字體 --------------------------------------*/

.font12px {
	font-size: 12px;
}
.font13px {
	font-size: 13px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	
}
.font15px {
	font-size: 1em;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.gray {
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.blue {
	color: #006699;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.green {
	color: #009900;
	font-size: 13px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
.red {
	color: #D50000;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.red12 {
	color: #FF0000;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.red13 {
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.white {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.links_button {
	font-size: 13px;
	heigth: 30px;
	padding: 5px 0 0 0;
}

.links_button_seehouse {
	font-size: 15px;
	heigth: 30px;
	padding: 5px 0 0 0;
	color:#CC0000;
}


/*--------------------------------- 圖片 --------------------------------------*/

#img{
	padding: 4px;
	border: 1px solid #d5d5d5;
	margin: 5px;
	float: left;
}

#img2{
	padding: 4px;
	border: 1px solid #d5d5d5;
	float: left;
}

#img3{
	padding: 4px;
	border: 1px solid #d5d5d5;
	float: left;
	margin: 3px;
}

/*--------------------------------- 頁首 --------------------------------------*/
#header { width: 965px; margin-right: auto; margin-left: auto; }

#toptitle{ width: 965px; margin-right: auto; margin-left: auto; }

/*--------------------------------- 整體佈局 --------------------------------------*/
#wrapper{ width: 965px; margin-right: auto; margin-left: auto; background-image: url(./contentbg.gif); background-repeat: repeat-y;}
#left{
	float: left;
	width: 589px;
	margin-left: 15px;
	margin-right: 3px;
}
#right{
	width: 200px;
	margin-left: 0px;
}
#rightbox{
	width: 196px;
	margin-right: auto;
	margin-left: auto;
	height: 301px;
	border: 3px solid #d02b2b;
}

#rightbox2{
	width: 200px;
	float: left;
	padding-top: 10px;
}

#rightcon{
	width: 721px;
	float: left;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.rightcon{
	width: 716px;
	float: left;
	padding: 1px;
	border: 1px solid #c5c6c6;
}
.rightcon2{
	width: 400px;
	float: left;
	padding: 1px;
	border: 0px solid #c5c6c6;
}
.rightconcon{
	float: left;
	padding-top: 10px;
	width: 700px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#center{
	float: right;
	width: 150px;
	padding: 0px;
}

/*--------------------------------- 單一選項 --------------------------------------*/

#submenu{
	width: 965px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(./menu/submenu-bg.gif);
	background-repeat: repeat-x;
	height: 47px;
}


/*--------------------------------- 頁尾 --------------------------------------*/


/*--------------------------------- jquery特效用 --------------------------------------*/
		#custom {
		width:300px;
		height:0px;
		padding:0px;
	}
	
	#custom div.close {
		right:-15px;
		top:-10px;
	}
	
	#petrol {
			color:#fff;
	}
	
	#apple {
		background-image:url(./apple.png);
		padding:0px 0px;
	}
	
	#qaform {
		background-image:url(./apple.png);
		padding:0px 0px;
	}
	#Reportform {
		background-image:url(./apple.png);
		padding:0px 0px;
	}
	
	#loadform {
		background-image:url(./apple.png);
		padding:0px 0px;
	}
	
	#photoPlay {	
		background-image:url(./apple_b.png);	
		padding:0px 0px;
	}
	#lineSend {	
		background-image:url(./apple.png);	
		padding:0px 0px;
	}
		
	/* the overlayed element */
.apple_overlay {	
	/* initially overlay is hidden */
	display:none;
	
	width:500px;		
	
	/* some padding to layout nested elements nicely  */
	padding:0px;
	/* a little styling */	
	font-size:12px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(./send_05.gif);
	position:absolute; right:10px; top:0px;
	cursor:pointer;
	height:48px;
	width:78px;
}

	/* the overlayed element */
.apple_overlayphoto {	
	/* initially overlay is hidden */
	display:none;
	width:600px;
	/* some padding to layout nested elements nicely  */
	padding:0px;
	/* a little styling */	
	font-size:12px;
}

/* default close button positioned on upper right corner */
.apple_overlayphoto .close {
	background-image:url(./icon/red_close.png);
	position:absolute; right:-20px; top:-20px;
	cursor:pointer;
	height:48px;
	width:48px;
}