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

/**********************************************************************************************

	Title: CSS for 32901
	Author: SAYA  (by Ollie Chang)
	Date: 2010 /  07  / 26

***********************************************************************************************
		0 Global Reset
		1 body
			1.0 defind
			1.1 wrapper
			1.2 header
			1.3 navigation
			1.4 logo
			1.5 content
			1.6 footer
		2 link
		3 Button
		4 input,select,textarea
		5 user_setting
		6 class

***********************************************************************************************/



/* 0. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/
@import url(http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css);
/* 1. body
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/*1.0 defind*/

html {
	display:block;
	background:#c8f7fb url(../images/page_33.jpg) center repeat-y;

}
body {
	display:block;
	background:#c8f7fb url(../images/page_33.jpg) center repeat-y;
}

h1{
	font:24px #333;
	font-weight:bold;
	padding:0 0 0 5px;
}

h2{
	font:16px #333;
}


/*1.1 wrapper*/
#out_wrapper {
	width:938px;
	padding:0 20px;
	margin:0 auto;
	background:#FFF;
}
#head_wrapper {
}
#content_wrapper {
}

#footer_wrapper {
}
/*1.2 header*/

#head {
}
/*1.3 navigation*/

/*1.4 logo*/

/*1.5 content*/

#content {
}

#left_panel{
	width:240px;
	margin:0 19px 30px 0;
	float:left;
}

#left_panel a{
	text-decoration:none;
	color:#1b1464;
}

#left_panel a:hover{
	color:#ba0000;
}

#left_panel a:visited{
	color:#1b1464;
}

#right_panel{
	width:677px;
	float:right;
}


#list{
	width:676px;
	margin:308px 0 0 0;
}


#left_square{
	background:url(../images/page_13.jpg);
	width:232px;
	height:259px;
	float:left;
	color:#FFF;
	font-size:12px;
	padding:19px 0 0 10px;
}

#square_word{
	padding:0 0 0 28px;
	line-height:1.8;
}

#search{
		width:170px;
	height:18px;
	margin:40px 5px 0 0;
	float:left;
}

#button{
	width:45px;
	height:19px;
	float:left;
	margin:82px 0 0 0;
}

#left_menu{
	margin:308px 0 0 0;
	background:#e7fbff;
	width:242px;
	font-size:13px;
}

#main_visual{
	background:url(../images/page_15.jpg);
	width:676px;
	height:277px;
	float:right;
}

#main{
	width:657px;
	/*height:694px;*/
	padding:10px;
}

#bar1{
	background:url(../images/page_19.jpg);
	width:676px;
	height:48px;
}

#bar2{
	background:url(../images/page_a_19.jpg);
	width:676px;
	height:48px;
}

#bar3{
	background:url(../images/page_c_19.jpg);
	width:676px;
	height:48px;
}

#bar4{
	background:url(../images/page_d_19.jpg);
	width:676px;
	height:48px;
	text-align:left;
}

#bar4 table{
	 width:676px;
}

#bar5{
	background:url(../images/page_e_19.jpg);
	width:676px;
	height:48px;
}

#bar6{
	background:url(../images/page_b_19.jpg);
	width:676px;
	height:48px;
}

#bar7{
	background:url(../images/page_f_19.jpg);
	width:676px;
	height:48px;
}

#result{
	background:url(../images/page_23_b.jpg) 0 25px no-repeat;
	height:17px;
	margin:20px 0 0 170px;
	padding:20px 0 0 20px;
	color:#ba0000;
}

#result2{
	height:17px;
	margin:20px 0 0 170px;
	padding:20px 0 0 20px;
	text-align:right;
}

#column{
	margin:14px 0 14px 14px;
	float:left;
	font-size:12px;
}

#column td{
	border:1px #CCC solid;
	padding:0 0 0 10px;
}

#column table{
	border:1px #CCC solid;
	font-family: arial;
}

#gmap{
	width:642px;
	height:322px;
	margin:14px;
}

#ppic{
	width:500px;
	padding:14px;
	margin:auto;
	text-align:center;
	border-bottom:dotted 1px #999;
}
/*1.6 footer*/

#footer {
	background:url(../images/page_32.jpg) no-repeat;
	width:938px;
	margin:0 auto;
	height:85px;
	line-height:1.5;
	text-align:center;
	color:#FFF;
	font-size:12px;
	padding:10px 0 0 0;
}
/* 2. link
-----------------------------------------------------------------------------------------------
===============================================================================================*/

a,img,area {
/*消除圖片虛線外框*/
outline: none; /* for Firefox Google Chrome  */
behavior:expression(this.onFocus=this.blur()); /* for IE */
}

a{ position:relative;}


/*3 Button
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 4 input,select,textarea
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/*5 user_setting
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/*6 class
-----------------------------------------------------------------------------------------------
===============================================================================================*/


 /* Clear Fix */

.square{
	width: 200px;
	float: left;
	text-align: center;
	color: #333;
	border: #666666 solid 2px;
	height: 380px;
	padding: 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 16px;
}

.square a{
	color:#333;
	text-decoration:none;
}

.square img{

}

.square_img{
	height:260px;
}

.des{
	font-size:16px;
	color:#333;
	width:500px;
	padding:14px;
	margin:auto;
}

.file1{
	width:528px;
	border:1px #CCC solid;
	text-align:center;
	font-size:13px;
	color:#333;
}

.file1 td{
	border:1px #CCC solid;
	padding:0 0 0 10px;
}
.file2{
	font-size:13px;
	font-weight:bold;
	color:#333;
	text-align:center;
	background-color:#cdefec;
}

.word01{
	color:#F00;
	font-size:12px;
}

.word02{
	color:#666;
	font-size:16px;
	font-weight:bold;
	line-height:1.8;
}

.word03{
	color:#333;
	font-size:12px;
	line-height:1.5;
}

.word04 a,img,area{
	color:#666;
	font-size:12px;
	vertical-align:top;

}

.word05{
	font-size:16px;
	color:#006;
	line-height:15px;
}


.brand{
	background:url(../images/u146_original.png);
	margin:19px 15px 5px 28px;
	width:120px;
	height:38px;
	float:left;
}

.line{
	border-bottom:#CCC solid 1px;
	width:617px;
	margin:0 15px 0 28px;
}

.line2{
	border-bottom:#999 dotted 1px;
	width:500px;
	padding:14px;
	margin:auto;
}

.left_menu{
	background:url(../images/page_23.jpg) no-repeat 0px -3px;
	padding:0 0 9px 20px;
	margin:10px 0 15px 10px;
	border-bottom:dashed #CCC thin;
	color:#1b1464;
	width:200px;
	height:14px;

}


li{
	background:url(../images/page_23.jpg) no-repeat 0px -3px;
	padding:0 0 9px 20px;
	margin:10px 0 15px 10px;
	color:#1b1464;
	width:450px;
	height:14px;

}

 .clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac */
 .clearfix {
	display:block;
}
 /* End hide from IE Mac */
 /* end of clearfix */

  /*page*/
 .pagination {
     overflow: hidden;
     font-size: 9pt;
 	clear:both;
 	padding: 3px;
 	margin: 3px;
 	text-align:center;
 }

 .pagination a {
 	padding: 2px 5px 2px 5px;
 	margin: 2px;
 	border: 1px solid #999;
 	text-decoration: none;
 	color: #666;
 }

 .pagination a:hover,
 .pagination a:active {
 	border: 1px solid #999;
 	color: #333;
 }