/*旅館內頁的CSS */

body {
	margin:0;
	padding:0;
	/*background:#FFFFFF url(/F10H_DomHotel/ImagesProg/bg.gif) top center no-repeat;*/
	text-align:center;
}

img { border:none}

/* 定位 */

#wrap {
    margin:0 auto;
	padding:0;
	width:770px;
	text-align:left;
	background:#FFFFFF url(/F10H_DomHotel/ImagesProg/bg.gif) top center no-repeat;
}

#head {
    margin:0;
	padding:0;
	clear:both;
	position:relative;
}

#foot {
    margin:0 auto 10px;
	padding:0 0 20px;
	width:770px;
	clear:both;
	position:relative;
	text-align:left;
}

#content {
    margin:15px 0;
	padding:0;
	clear:both;
}

#side {
    float:left;
	margin:0;
	padding:0;
	width:174px;
}

#main {
	float:right;
	margin:0;
	padding:0;
	width:760px;
}

hr {
	margin:0;
	padding:0;
	clear:both;
	visibility:hidden;
}


/* 訊息文字 */

.news {
	height:30px;
	margin:5px 0;
	padding:0;
    background:#fece40;
}

.news th {
	margin:0;
	padding:0 5px 0 20px;
	text-align:left;
	font-size:1.2em;
	color:#000000;
}


/* 功能按鈕 */
/*
.function {
    height:30px;
	margin:5px 0 10px;
	padding:0;
}

.function td {
	margin:0;
	padding:0;
	text-align:right;
    font-size:0.8em;
	color:#404040;
}

.function img {
    margin-right:4px;
	padding:0;
	position:relative\9;
	top:-3px\9;
}

.function a:link, .function a:visited { color:#00655b; text-decoration:none}
.function a:hover, .function a:active { text-decoration:underline}
*/

.function {
    height:24px;
	margin:10px 0 5px;
	padding:0;
}

.function td {
	margin:0;
	padding:3px 0 0;
	text-align:right;
    font-size:0.8em;
	color:#404040;
}

.function img {
    margin-right:4px;
	padding:0;
	position:relative\9;
	top:-3px\9;
}

.function a:link, .function a:visited { color:#00655b; text-decoration:none}
.function a:hover, .function a:active { text-decoration:underline}

.function td.share {
	width:80px;
    background:#eeeeee;
	border:1px solid #cccccc;
}

/* 飯店資訊-圖 */

.infopic {
    float:left;
	margin:0;
	padding:0;
}

.infopic table {
    margin:0;
	padding:0;
}

.infopic th {
    margin:0;
	padding:15px 0 10px 25px;
	background:url(/F10H_DomHotel/ImagesProg/dhtl_info_pic_bg.gif) top left no-repeat;
}

.infopic th img {
    position:relative;
    left:-3px\9;
    *left:0;
}

.infopic td {
    margin:0;
	padding:0;
	text-align:center;
}

.infopic td img { margin:0 2px; border:1px solid #acacac}
.infopic td img:hover { border:1px solid #ff3032}

.infopic td.arrow img { border:none}

/* 飯店資訊-文 */

.info {
    margin:5px 0 0 250px;
	padding:10px;
	*padding:15px 10px 5px;
	border:1px solid #dbdbdb;
	min-height:235px;
	_height:235px;
	FONT-FAMILY: Courier New;
}

.info h3 {
    margin:10px 5px;
	*margin:0 5px 10px;
	padding:0;
	font-size:1em;
	color:#404040;
}

.info table {
    margin:0;
	padding:0;
}

.info th {
    margin:0;
	padding:4px 0 2px;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
	font-size:0.8em;
	line-height:1.9em;
	font-weight:normal;
	color:#404040;
}

.info td {
    margin:0;
	padding:4px 0 2px;
	vertical-align:top;
	font-size:0.8em;
	line-height:1.7em;
	color:#404040;
}

.info td a:link, .info td a:visited { color:#00655b; text-decoration:underline}
.info td a:hover, .info td a:active { text-decoration:underline}


/* 訂購 */

.order {
	float:right;
	margin:0;
	padding:0;
	width:150px;
}

.order table {
    margin:0;
	padding:0;
}

.order th {
    margin:0;
	padding:0;
}

.order td {
    margin:0;
	padding:0 10px;
}

.order td p {
    margin:5px 0 0;
	padding:1px 3px;
	border:1px solid #c9c9c9;
	line-height:1.6em;
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

.order input {
	width:130px;
	height:25px;
    margin:5px 0;
	padding:0;
	background:url(/F10H_DomHotel/ImagesProg/dhtl_info_order_go.gif) top left no-repeat;	
	border:none;
	CURSOR: pointer;
}

/* 訂購-底 */

.orderbtm {
	margin:0px 0 10px;
	padding:0;
	text-align:center;
}

.orderbtm input {
	width:130px;
    margin:0;
	padding:4px 5px 3px 40px;
	*padding:4px 5px 0 40px;
	background:url(/F10H_DomHotel/ImagesProg/dhtl_info_order_go.gif) top left no-repeat;	
	border:0px solid #ad8a00;
	text-align:left;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:2px;
	color:#333333;
	CURSOR: pointer;
}


/* 頁籤切換 */

.tag {
    margin:30px 0 20px;
	padding:0;
	clear:both;
}

.tag th {
    margin:0;
	padding:0;
	border-bottom:2px solid #00655b;
}

.tag td {
	width:110px;
    margin:0;
	padding:0;
	background:#eeeeee;
	border-bottom:2px solid #00655b;
	text-align:center;
	font-size:0.8em;
	color:#333333;
	CURSOR: pointer;
}

.tag td.on {
	background:#00655b;
	border-bottom:2px solid #00655b;
	color:#FFFFFF;
}

.tag td:hover {
	background:#e0e0e0;
	border-bottom:2px solid #00655b;
}

.tag td.on:hover {
	background:#00655b;
}

.tag td a:link, .tag td a:visited { color:#333333; text-decoration:none}
.tag td a:hover, .tag td a:active { text-decoration:none}

.tag td.on a:link, .tag td.on a:visited { color:#FFFFFF; text-decoration:none}
.tag td.on a:hover, .tag td.on a:active { text-decoration:none}

/* 通用-小標 */

h4 {
    margin:20px 15px 0;
	padding:0 0 0 20px;
	background:url(/F10H_DomHotel/ImagesProg/dhtl_info_txt_dot.gif) left no-repeat;
	border-bottom:1px dashed #CCCCCC;
	font-size:0.95em;
	line-height:2.2em;
	color:#00655b;
}

/* 通用-區塊外框 */

.box {
    margin:10px 35px;
	padding:0 0 10px;
	border:1px solid #dbdbdb;
	FONT-FAMILY: Courier New;
}


/* 一般文字 */

.txt {
    margin:10px 0 10px 35px;
	padding:0;
	clear:both;
}

.txt th {
    margin:0;
	padding:0;
}

.txt td {
    margin:0;
	padding:0;
	font-size:0.8em;
	line-height:1.7em;
	color:#404040;
}

.txt td p {
    margin:0 0 8px;
	padding:0;
}

/* 專案 */

.price {
    margin:0;
	padding:0;
	FONT-FAMILY: Courier New;
}

.price th {
	height:40px;
    margin:0;
	padding:0 10px;
	background:url(/F10H_DomHotel/ImagesProg/dhtl_info_price_bg.gif) bottom left repeat-x;
	text-align:left;
	font-size:0.91em;
	color:#333333;
}

.price th.right {
	border-left:none;
	text-align:right;
	font-size:0.8em;
	font-weight:normal;
}

.price th em { font-size:1.2em; font-style:normal; color:#ff3032}

.price td {
    margin:0;
	padding:0 10px;
	font-size:0.8em;
	line-height:1.7em;
	color:#404040;
}

.price td.date { padding:3px 10px 15px; color:#00655b;}

.price td p {
    margin:5px 0 8px;
	padding:0;
}

h5 {
	width:120px;
    margin:15px 10px 10px;
	padding:4px 0 3px 10px;
	background:#ddd9c3;
	font-size:0.8em;
	color:#333333;
}

.plan {
    margin:0 auto;
	padding:0;
}
/*
.plan th {
    margin:0;
	padding:6px 5px 5px;
	background:#ddd9c3;
	border:1px solid #eeece1;
	text-align:center;
	font-size:0.8em;
	font-weight:normal;
	color:#333333;
}

.plan td {
    margin:0;
	padding:6px 5px 5px;
	text-align:center;
	border:1px solid #eeece1;
	font-size:0.75em;
	color:#404040;
}

.plan td.left { padding:6px 5px 5px 10px; text-align:left}
.plan td em { font-style:normal; color:#ff3032}

.plan td a:link, .plan td a:visited { color:#00655b; text-decoration:none}
.plan td a:hover, .plan td a:active { text-decoration:underline}

*/
/* 影片 */

.youtube {
	width:485px;
	margin:20px auto 10px;
	margin:0 auto\9;
	padding:0;
	padding:20px 0 10px\9;
}


/* 房型-圖 */

.room {
    margin:0;
	padding:0;
}

.roompic th {
    margin:0;
	padding:0;
}

.roompic th img {
    margin:0;
	padding:2px;
	border:1px solid #c9c9c9;
	width:170px;
	height:120px;
}

.roompic td {
    margin:0;
	padding:5px 10px 0;
}

.roompic td img 
{
	margin:0 3px 0 0; 
	border:1px solid #acacac;
	width:30px;
	height:30px;
}

.roompic td img:hover 
{ 
	border:1px solid #ff3032;
}

/* 房型-文 */

.room {
    margin:0;
	padding:0;
}

.room th {
    margin:0;
	padding:5px 0 3px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}

.room th em {
	margin:0;
	padding:3px 5px 2px;
	background:#e8e5db;
	font-style:normal;
	font-size:0.8em;
	line-height:1.7em;
	color:#333333;
}

.room td {
    margin:0;
	padding:5px 0 3px;
	font-size:0.8em;
	line-height:1.7em;
	color:#404040;
}


/* 設施表 */

.chart {
    margin:10px 0 10px 35px;
	padding:0;
}

.chart th {
	width:95px;
    margin:0;
	padding:5px 0 3px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}

.chart th em {
    /*width:95px;*/
	margin:0;
	padding:3px 6px 2px;
	background:#e8e5db;
	text-align:center;
	font-style:normal;
	font-size:0.8em;
	line-height:1.7em;
	color:#333333;
}

.chart td {
    margin:0;
	padding:5px 0 3px;
	font-size:0.8em;
	line-height:1.7em;
	color:#404040;
}

.chart td p {
    margin:0 0 8px;
	padding:0;
}

.charts th {
	width:30px;
    margin:0;
	padding:2px 0 1px;
	border:1px solid #eeece1;
	text-align:center;
	font-size:0.8em;
	vertical-align:middle;
}

.charts td {
	width:100px;
    margin:0;
	padding:2px 0 1px 5px;
	border:1px solid #eeece1;
	font-size:0.8em;
}

/*DataGrid的 Css Style */
.Grid
{ 
	font-family: Courier New;
	font-size: 13px;
	text-align:center;		
	border:1px solid #eeece1;
}

/*DataGrid Heading 的 Css Style */
.GridHeading 
{ 
	/*background-color: #CDECFD;*/
	background:#ddd9c3;
    height:30px;
    font-weight:normal;
    color:#333333;
    text-align:center;
    /*padding:6px 5px 5px;*/
     margin:0 auto;
	padding:0;
	border:1px solid white;
}

/*DataGrid Item 的 Css Style */
.GridItem
{
	height:30px;
    border:1px solid #eeece1;
    text-align:center;
	color:#404040;
	/*padding:6px 5px 5px;*/
}

/*.GridItem.left { padding:6px 5px 5px 10px; text-align:left}*/
.GridItem em { font-style:normal; color:#ff3032}

.Grid a:link, .Grid a:visited { color:#00655b; text-decoration:none}
.Grid a:hover, .Grid a:active { text-decoration:underline}


.SetWidth
{
    WORD-WRAP: break-word;
    width:680px;
    font-size:1em;
    FONT-FAMILY: Courier New;
}

.SetWidth2
{
    WORD-WRAP: break-word;
    width:580px;
    font-size:1em;
    FONT-FAMILY: Courier New;
}

.SetWidth3
{
    WORD-WRAP: break-word;
    width:410px;
    font-size:1em;
    FONT-FAMILY: Courier New;
}