body {
	margin:0;
	padding:0;
	background:#FFFFFF url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/bg.gif) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

img { border:none}

/* 定位 */

#wrap {
    margin:0 auto;
	padding:0;
	width:960px;
	text-align:left;
}

#head {
    margin:0;
	padding:0;
	clear:both;
	position:relative;
}

#foot {
    margin:0 auto 10px;
	padding:0 0 20px;
	width:960px;
	clear:both;
	position:relative;
	text-align:left;
}

#content {
    margin:15px 0;
	padding:0;
	clear:both;
}

#side {
    float:left;
	margin:0;
	padding:0;
	width:174px;
	background:#e6f3ff;
	border:1px solid #b9b9b9;
}

#main {
	float:right;
	margin:0;
	padding:0;
	width:780px;
}

hr {
	margin:0;
	padding:0;
	clear:both;
	visibility:hidden;
}

/* 左選單 */

#side div {
    margin:0;
	padding:0;
	clear:both;
}

#side h3 {
    margin:0;
	padding:0;
	width:174px;
	height:31px;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Kaohsiung/Images/khh_left_tbg.gif) no-repeat;
	text-align:center;
	font-size:0.95em;
	line-height:2.3em;
	color:#004e82;
}

#side .sidetkt h3, #side .sidepkg h3 {
	text-align:left;
	text-indent:1.3em;
}

#side h3 .more {
	margin-right:8px;
	float:right;
	font-size:0.85em;
	top:-35px;
}

#side h3 a:link, #side h3 a:visited { font-weight:normal; color:#004e82; text-decoration:none}
#side h3 a:hover, #side h3 a:active { text-decoration:underline}

#side ul a:link, #side ul a:visited { color:#404040; text-decoration:none}
#side ul a:hover, #side ul a:active { text-decoration:underline}

/* 服務專區 */

.sideinfo p {
    margin:5px 10px;
	padding:0;
	font-size:0.8em;
	line-height:1.7em;
	color:#404040;
}

.sideinfo p em { font-style:normal; color:#004aaf}

.sideinfo p img { margin-left:2px; position:relative; top:2px}

.sideinfo p a:link, .sideinfo p a:visited { color:#004aaf; text-decoration:underline}
.sideinfo p a:hover, .sideinfo p a:active { text-decoration:underline}

.sideinfo p.ban { margin:5px 0 10px; text-align:center}

/* 機票自由行 */

.sidetkt ul, .sidepkg ul {
    margin:5px 10px 5px 15px;
	padding:0;
	list-style:none;
	text-align:left;
	font-size:0.8em;
	line-height:1.6em;
	color:#404040;
}

.sidetkt li, .sidepkg li {
    margin:7px 0;
	padding:0;
	text-align:left;
}

.sidetkt kbd, .sidepkg kbd {
    margin:7px 0;
	padding:0;
	text-align:left;
}

/* 主題企劃 */

.sidetopic ul {
    margin:5px 0;
	padding:0;
	list-style:none;
	text-align:center;
}

.sidetopic li { margin:5px 0}

.sidetopic kbd { margin:5px 0}

/* 右-高雄精選 */

.select {
	float:right;
    margin:0;
	padding:0;
	width:250px;
	height:440px;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Kaohsiung/Images/khh_select_bg.gif) bottom no-repeat;
}

.select ul {
    margin:10px 15px;
	padding:0;
	list-style:none;
	font-size:0.75em;
	line-height:1.6em;
	color:#e36600;
}

.select li {
    margin:7px 0;
	padding:0;
	text-align:left;
}

.select kbd {
    margin:7px 0;
	padding:0;
	text-align:left;
}

.select a:link, .select a:visited { color:#404040; text-decoration:none}
.select a:hover, .select a:active { text-decoration:underline}

/* 搜尋 */

.search {
    margin:0 10px;
	padding:0;
}

.search td {
    margin:0;
	padding:0;
	min-height:210px;
	_height:210px;
	text-align:center;
	background:url(/C000_Portal/ImagesProg/khh_search_bg.gif) bottom no-repeat;
}

 .searchtxt {
    margin:10px 10px 10px 0px;
	padding:0;
	text-align:left;
	vertical-align:middle;
	font-size:0.8em;
	line-height:2.3em;
	color:#666666;
}

.searchtxt a:link, .searchtxt a:visited { color:#006fc5; text-decoration:none}
.searchtxt a:hover, .searchtxt a:active { text-decoration:underline}

.searchtxt select, .searchtxt input { margin:3px 0; color:#666666}

.searchtxt .go {
	padding:4px 3px 0;
	color:#FFFFFF;
	background:#67c0f8 url(/C000_Portal/ImagesProg/khh_search_but.gif) center repeat-x;	
	border:1px solid #067cdb;
}

.searchtxt .go:hover {
	padding:4px 3px 0;
	color:#FFFFFF;
	background:#feb248 url(/C000_Portal/ImagesProg/khh_search_but-a.gif) center repeat-x;	
	border:1px solid #ff7102;
}

/* 大banner */

.bigban {
	margin:7px 0 20px 2px;
	padding:0;
}

.bigban th {
    margin:0;
	padding:13px 5px 0 18px;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Kaohsiung/Images/khh_bigban_bg.gif) no-repeat;
}

.bigban ul {
	margin:10px 0 0;
	padding:0;
	width:100px;
	list-style:none;
}

.bigban li {
	margin:2px 0 0;
	padding:0 4px 0 8px;
	height:55px;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Kaohsiung/Images/khh_bigban_tag.gif) no-repeat;
	font-size:0.8em;
	color:#404040;
}

.bigban li strong { line-height:2.5em}

.bigban li.on {
    background:url(/B2C_PageDesign/C000_Product/C000_Portal/Kaohsiung/Images/khh_bigban_tag_on.gif) no-repeat;
	color:#e36600;
}

/* 分區精選 */

.zone1, .zone2 { 
	clear:both;
	margin:0 0 0 10px;
	padding:0;
	width:770px;
	min-height:240px;
	_height:240px;
	text-align:center;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Kaohsiung/Images/khh_zone_bg.gif) top no-repeat;
}

.zone1 .box, .zone2 .box { 
	margin:10px 2px;
	padding:0;
	float:left;
	width:188px;
}

.zone1 .box p, .zone2 .box p { 
	margin:10px 7px 10px 13px;
	padding:0;
	text-align:left;
	font-size:0.75em;
	line-height:1.6em;
	color:#404040;
}

.zone1 .box p a:link, .zone1 .box p a:visited, .zone2 .box p a:link, .zone2 .box p a:visited { color:#e36600; text-decoration:none}
.zone1 .box p a:hover, .zone1 .box p a:active, .zone2 .box p a:hover, .zone2 .box p a:active { color:#006fc5; text-decoration:underline}

.zone1 .box ul, .zone2 .box ul { 
	margin:5px 7px 5px 13px;
	padding:0;
	text-align:left;
	list-style:none;
	font-size:0.75em;
	line-height:1.6em;
	color:#404040;
}

.zone1 .box li, .zone2 .box li { margin:5px 0; text-align:left}

.zone1 .box kbd, .zone2 .box kbd { margin:5px 0; text-align:left}

.zone1 .box ul a:link, .zone1 .box ul a:visited, .zone2 .box ul a:link, .zone2 .box ul a:visited { color:#404040; text-decoration:none}
.zone1 .box ul a:hover, .zone1 .box ul a:active, .zone2 .box ul a:hover, .zone2 .box ul a:active { text-decoration:underline}
