﻿@charset "utf-8";
*{
	margin:0px;
	}

body,html {
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	padding: 0px;
	height: 100%;
	margin: 0 auto; /* .push must be the same height as .footer */
	width:100%;
	text-align: center;
	font-size: 62.5%;
	background:#179ebf url('images/bk010.gif') repeat-x;
	font-size:1em;
	position:absolute;
}

.footer, .push {
	height: 95px; /* .push must be the same height as .footer */
}

.footer {
	position: relative;/*相對位置*/
	width: 1000px;
	margin: 0 auto;
	text-align:center;
	background:url('images/footer.gif') repeat-x;
	color:#fff;
	font-size:0.8em;
	vertical-align:text-top
}


.wrapper {
	min-height: 100%;
	height: auto !important;/
	height: 100%;
	position: relative;/*相對位置*/
	width: 1008px;
	font-size: 0.9em;
	margin: 0 auto -95px;
	text-align: left;
	background:url('images/bk01.gif') repeat-y;
}

#note {
	width:1008px;
	display:table;
	padding:0px;
	margin:0 auto;
}


#main {
	padding:0px;
	margin:0 auto;
}
#header {
	margin:0 auto;
	padding:0px;
	width:1000px;
	background:url('images/bbk.jpg') no-repeat;
}
#detail {
	margin:0 auto;
	padding:0px;
	width:950px;
	font-size:0.8em;
	color:#666;
	list-style:2em;
}
#detail h2{
	font-size:1.2em;
	color:#666;
	list-style:2em;
	padding:10px 0;
}
#detail table{
}
#detail tr{
}
#detail th{
width:120px;
font-weight:bold;

}
#detail td{
width:480px;
padding:2px;
}

.detail_look_all{
width: 500px;
float:left; 
/* border-bottom: 1px #ccc dotted;  */
padding:0;
margin-left:10px
}
.detail_look_img{
padding: 5px; 
background-color: white; 
float: left;
}

.detail_look{
	float:left;
	padding:5px 10px;
	font-size:0.8em;
	line-height:1.5em;
	/* border-bottom:1px #ccc dotted; */
}
.detail_look h2{
	font-size:1.3em;
	color:#333;
	font-weight:normal;
	
}
.detail_look span{
	font-size:0.8em;
	line-height:2em;
	color:#006600;
	padding-top:5px;
	font-weight:normal;
}

.detail_look p{
	font-size:1em;
	line-height:2em;
	color:#333;
}
.go03a{
	font-size:0.9em;
	line-height:2em;
	color:#222;
	padding:0 20px;
	padding-bottom:10px;
}
.go03a span{
	font-size:0.9em;
	line-height:2em;
	color:#990000;
	font-weight:bold;
}
.go03a h2{
	font-size:1.1em;
	line-height:1em;
	color:#222;
	padding-top:10px;
}
.photo{
padding:10px;
background:white;
float:left;
border:1px #ccc solid;
margin:5px 10px 5px 0px;
width:290px;
height:220px;
}

.photo img{
border:1px #ccc solid;
}

.photo h2{
	font-size:0.9em;
	line-height:1em;
	color:#666;
	padding-top:10px;
	text-align:center
}


h1, h2, h3{
	margin-top:0;
	padding-top:0;
	}
/*--------------------------------------footer永遠靠下設定　　結束---------------------------------------------------*/

/*--------------------------------------基本設定　　開始---------------------------------------------------*/
a img {
	border:0;
	}
	
input,select, th td {
	 font-size:1em;
	}


p{
	margin:0px;
	padding:0px;
	}





/* 虛線01 */
.line01 {
	float: left;
	background: url('images/line01.gif') repeat-x;
	width: 100%;
	height:8px;
	margin:0px;
}
.line01a {
	background: url('images/line01.gif') repeat-x;
	width:90%;
	height:8px;
	margin:0 auto;
	}

/* 虛線02 */
.line02 {
	float: left;
	background: url('images/line02.gif') repeat-x;
	width: 100%;
	height:8px;
	margin:3px 0px 3px 0px ;
}

/* 虛線03 */
.line03 {
	float: left;
	background: url('images/line03.gif') repeat-x;
	width: 100%;
	height:5px;
	margin:0px;
}

/* 虛線gender */
.line_gender {
	float: left;
	background: url('images/line_gender.gif') repeat-x;
	width: 100%;
	height:5px;
	margin:0px;
}

.line_green {
	float: left;
	background: url('images/line_green.gif') repeat-x;
	width: 100%;
	height:8px;
	margin:0px;
}


/*置中*/
.tabcenter {
	margin: 0px auto;
}

.tx_center{
	text-align:center;
}

/*-----------------------------文字專用-----開始---------------------------------------*/
/*-----------------------------文字專用-----結束----------------------------------------*/


/*-----------------------------超連結設定-----開始---------------------------------------*/

/* 輸入筐 ---------------------------------------*/

.keyin {
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	color: #666666;
	background-color: #F9F9F9;
	border: 1px solid #ccc;
}
.keyin01 {
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	color: #000000;
	border: 1px solid  #88B998;
}


.bar {
	border: 2px outset #3399FF;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0066CC;
}

/* 通用連結 ---------------------------------------*/
/*另外定義教學 #hot a:link  .....*/
a:link {
	text-decoration: none;
	color: #333;
	/*font-weight: bold;*/
}
a:visited {/*按過以後*/
	text-decoration: none;
	color: #333;
	/*font-weight: bold;*/
}
a:active {
	text-decoration: none;
	color:#333;
}
a:hover {
	color: #800000;
	text-decoration: underline;
	/*top: 1px;
	left: 1px;*/
}

/* 另跳視窗 */
A.open {
	target: expression(this.target='_blank');
}

/*-----------------------------超連結設定-----結束---------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* for IE/Mac */
