﻿@charset "utf-8";
/*
!important代表ie7、火狐優先讀取，未加者表ie6優先讀取
IE6 不支援 position:fixed 
position(位置)：relative是以相對位置來指定，absolute是絕對位置，fixed是使用絕對路徑，即使捲動捲軸也不移動～
cursor: pointer; 整個區塊都變手指 
已用名稱
*/
/*--------------------------------------footer永遠靠下設定　　開始---------------------------------------------------*/
* {
	margin: 0px; padding:0
}
body {
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	background: url('images/bk01.jpg') repeat-x;
	margin: 0px auto;
/* .push must be the same height as .footer */	width: 950px;

	font-size: 62.5%;
	padding: 0px;
	position: relative;
}
/*---標頭設定--*/
#header {
	float: left;
	margin: 0 auto;
	padding: 0px;
	height: 255px;
	width: 937px;
	background: url('images/in_bk01.png') no-repeat;
}

.menu{
	width:770px; height:36px;float:left;background:url('images/bt1.gif') repeat-x;font-size:14px;font-family:"微軟正黑體", Arial, Helvetica, sans-serif, "新細明體"; padding-left:180px;font-weight:bold
}
.menu a{
	float:left;height:36px;display:block;cursor:pointer; color:white;text-align:center;padding:0 25px; border-left:1px black solid;line-height:36px;
}
.menu a:hover,.menu00{
	float:left;background:url('images/bt2.gif') repeat-x;height:36px;display:block;cursor:pointer; color:white;text-align:center;padding:0 25px; border-left:1px black solid;line-height:36px;
}
.step_bt{
	float: right; width:480px;padding:15px 0
}
.step_bt a{
	 padding:5px 15px; background:#003280; cursor:pointer;display:block;color:white;font-size:14px;font-family:"微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";font-weight:bold; float:left
}
.step_bt a:hover{
	 padding:5px 15px;background:#0061f9; cursor:pointer;display:block;color:white;font-size:14px;font-family:"微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";font-weight:bold;float:left
}

.step_btss{
	float: right;padding:15px 0
}
.step_btss{
	 padding:5px 15px; background:#003280; cursor:pointer;display:block;color:white;font-size:14px;font-family:"微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";font-weight:bold; float:left;border:none;
}
.step_btss sanp:hover{
	 padding:5px 15px;background:#0061f9; cursor:pointer;display:block;color:white;font-size:14px;font-family:"微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";font-weight:bold;float:left;border:none;
}

/*---內容設定--*/
#note {
	width: 950px;
	float: left;
}
#note p {
	font-size: 1.1em;
	line-height: 1.8em;
	text-align: left;
	color: #666666;
}

.step{
	width:800px;float:left; padding:65px 75px
}
.step_menu{
	width:800px;height:30px; float:left;font-family:"微軟正黑體", Arial, Helvetica, sans-serif, "新細明體"; padding-bottom:60px;text-align:center
	}
.step_menu ul{
	border-left:1px white solid;list-style:none;float:left;width:800px; height:30px
	}
.step_menu ul li{
	width:199px;height:30px;background:#b3b3b3;line-height:30px;font-size:13px;float:left;color:white;border-left:1px white solid;font-weight:bold
	}
.step_menu span{
	width:199px;height:30px;background:#003280 url('images/step_bk.gif') no-repeat right center;line-height:30px; font-size:13px;float:left;color:white;border-left:1px white solid;font-weight:bold
	}
.step_go{
	float:left;width:800px;line-height:1.8em
}
.step_go h2{
	float: right;width:480px;padding-bottom:0px;margin-bottom:5px;border-bottom:1px #ccc solid;font-size:14px;color:#003280;font-family:"微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";
}
.step_go h3{
	float: right;width:465px;padding:0 0 0 15px;;padding-bottom:0px;margin-bottom:5px;font-size:12px;background:url('images/icon01.gif') no-repeat left;color:#003280;font-family:"微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";
}

 .step_go p{
	float: right;width:480px;font-size:12px;color:#4d4d4d; padding-bottom:15px
}/* */

.step_go2{
	float:left;width:800px;line-height:1.8em
}
.step_go2 h2{
	float: right;width:800px;padding-bottom:0px;margin-bottom:5px;border-bottom:1px #ccc solid;font-size:14px;color:#003280;font-family:"微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";
}
.step_go2 h3{
	float: right;width:800px;padding-bottom:5px;margin-bottom:5px;font-size:14px;color:#003280;font-family:"微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";
}

.qa{
	float:left;width:750px;padding:25px
}
.qa h4{
	float:left;padding:5px;margin-bottom:5px;font-size:12px;width:740px;
}
.qa p{
	float:left;padding:5px 5px 10px 25px;margin-bottom:5px;font-size:12px;width:720px;
}




.step_go2 table{
	float: left;font-size:12px;color:#4d4d4d;
}
.step_go2 tr{
	
}
.step_go2 td{
	padding:5px;height:25px;line-height:25px
}
.step_go2 th{
	padding:5px;height:25px;line-height:25px; text-align:left
}

.step_go2 input{
	 vertical-align:middle
}
 .step_go2 p{
	float:left;width:760px;font-size:12px;color:#4d4d4d; padding-bottom:15px
}/* */

.box_div {
	font-size: 1em;
	line-height: 1.8em;
	text-align: left;
	color: #666666;
	padding-left: 10px;
	float:left;width:790px
}
.box_div span {
	font-weight: bold;
}


#all {
	width: 890px;
	margin: 5px 10px;
	padding: 10px;
	background-color: #ffffff;
	float: left;
	text-align:left;
	font-size:1.2em;
	line-height:2em;
	color: #666666;
}

#all img {
	color: #666666;
	padding:5px;
	border-left:1px solid #aaa;		/* 左邊框 */
	border-right:1px solid #aaa;		/* 右邊框 */
	border-bottom:1px solid #aaa;	/* 下邊框 */
	border-top:1px solid #aaa;
	margin:3px;
}


#left {
	float: left;
	width: 500px;
	margin: 0 auto;
	padding: 0 0 5px 0;
}
#left p {
	margin: 0;
	text-align: left;
	padding: 0 0 0 20px;
	font-size: 1.1em;
	line-height: 1.8em;
}
#left span {
	font-weight: bold;
}
#right {
	float: left;
	width: 425px;
	margin: 0 auto;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.5em;
}
#left_t {
	float: left;
	width: 495px;
	margin: 0;
	padding: 0 0 5px 0;
}
#left_t p {
	margin: 0;
	text-align: left;
	padding: 0 0 0 10px;
	font-size: 1.1em;
	line-height: 1.8em;
}
#left_t span {
	font-weight: bold;
}
#right_t {
	float: right;
	width: 425px;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.5em;
}
.photo{
	float:left;width:850px;
}

.photo img{
	 border:1px #ccc solid; padding:4px; float:left; margin:5px
}
.photo_menu{
	padding:0 0 20px 0;width:800px;text-align:center;font-size:14px;font-weight:bold;font-family:"微軟正黑體", Arial, Helvetica, sans-serif, "新細明體"
}
.photo_menu a{
	padding:5px 20px; cursor:pointer;text-align:center;width:200px;height:20px;border:1px #ddd solid;margin:0 10px}

.photo_menu a:hover,.photo_menua{
	padding:5px 20px; cursor:pointer;text-align:center;width:200px;height:20px;border:1px #ddd solid;background:#ddd;margin:0 10px}


#footer {
	float: left;
	width: 930px;
	height: 20px;
	margin: 0 10px;
	padding: 0px;
	background:#e6e6e6 url('images/footer00.gif') no-repeat center center;
}
#footer2 {
	float: left;
	width: 930px;
	margin: 5px 10px 0;
	padding: 0px;
	background:url('images/footer01.gif') no-repeat right;
	border-top:3px #e3e3e3 solid
	
}

h1, h2, h3 {
	margin-top: 0;
	padding-top: 0;
}
/*--------------------------------------footer永遠靠下設定　　結束---------------------------------------------------*/
/*--------------------------------------基本設定　　開始---------------------------------------------------*/
a img {
	border: 0;
}
input, select, th td {
	font-size: 1em;
}
td img {
}
p {
	margin: 0px;
	padding: 0px;
	text-align: justify; /*---文字左右靠齊--*/
}
h1 {
	font-size: 2.4em;
}
h2 {
	font-size: 2em;
	line-height:2em;
}
h3 {
	font-size: 2em;
}
h4 {
	font-size: 1.8em;
}
h5 {
	font-size: 1.6em;
}
h6 {
	font-size: 1.3em;
	color: #438966;
	border-bottom: 1px solid #438966;
	width: 370px;
}
/*圖細框線*/
.img_line {
	float: left;
	width: auto;
	border: 1px solid #F0F0F0;
}
.pro_list_logo {
	float: left;
	width: 180px;
	height: 25px;
	margin: 3px 3px 0px 10px;
	padding: 2px;
}
/*
 表格最上層設定，進階設定則用"table.XXX"定義
*/
table {
	border-collapse: collapse;
}
table td {
	border: 0px;
	padding: 0px;
	line-height:1.2em
}
table.noline td img {
	display: block;
}
.tx_center{
	text-align:center
}
/*-------------有線的表格------------------*/
table.line {
}
table.line th {
	border: 1px solid #aaa;
	font-weight: bold; /*text-align: center;*/;
	padding: 3px;
/*background-color: #efefef;*/	color: #3333cc;
}
table.line tr {
	border: 0px;
	padding: 0px;
}
table.line td {
	border: 1px solid #aaa;
	padding: 3px;
}
table.line td img {
	display: block;
}
table.line tr:hover {
	background: #D6F5EE;
}
table.line td:hover {
	background: #D6F5EE;
}
/*---------------沒有線的表格-----------------*/
table.noline {
}
table.noline tr {
	border: 0px;
	padding: 0px;
}
table.noline td {
	border: 0px solid #aaa;
	padding: 3px;
}
table.noline td img {
	display: block;
}
/* 虛線01 */
.line01 {
	background: url('images/line_01.gif') repeat-x;
	width: 95%;
	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;
}
/*-----------------------------文字專用-----結束----------------------------------------*/
/*-----------------------------超連結設定-----開始---------------------------------------*/
/* 輸入筐 ---------------------------------------*/
.keyin {
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	border: 1px solid  #ccc; padding:2px;margin:0 2px 0 0
	font-size: 1em;
}
.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;
	/*font-weight: bold;*/
}
a:visited {
/*按過以後*/
		text-decoration: none;
	/*font-weight: bold;*/
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	/*text-decoration: underline;
	top: 1px;
	left: 1px;*/
}
/* 另跳視窗 */
A.open {
	target: expression(this.target='_blank');
}
/*-----------------------------超連結設定-----結束---------------------------------------*/
/* 區塊垂直置中結束-------------------------------------------------------------- */

