body { margin:0 auto; padding:0; font-family:Verdana; font-size:13px; line-height:20px; color:#333333; }

textarea {
   font-size: 13px;
   border:1px solid #ccc;
}

/* 錯誤訊息 */
div.error {
	font-size: 12px;
	color: red;
}

/* 頁碼CSS */

div.pagination, div.pagination span a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
	text-align:center;
}

span.prev_next_tag {
	border:1px solid #9aafe5;
	padding:1px 5px;
	display:inline-block;
	margin-right:5px;
}

span.prev_next_tag:hover {
	background-color:#eee;
}

span.cur_tag {
	padding:1px 5px;
	border:1px solid #0066cc;
	background-color:#0066cc;
	color:#FFF;
	font-weight:bold;
	display:inline-block;
	margin-right:5px;
}

span.num_tag {
	padding:1px 5px;
	border:1px solid #9aafe5;
	display:inline-block;
	margin-right:5px;
}

span.num_tag:hover {
	background-color:#eee;
}

/* 最外層包裝 */
#wrapper { width:912px; margin:0 auto; border:1px solid #b8b7c5; border-top:none; border-bottom:none; background-color:#FFFFFF; margin-top:2px;}

/* 表頭 */
#header { height:120px; }
img.banner { width:1000px; height:120px; margin:0 auto; }
#banner { width:1000px; height:120px; margin:0 auto; }

/* 導航列 */
#menu { background:url(../../images/FE/menu_bg.gif) no-repeat; height:44px; margin-bottom:20px; margin-top:3px;}
#menu ul { list-style:none; margin:0; padding:0; }
#menu li { font-size:15px; font-weight:bold; float:left; padding:9px 30px; background:url(../../images/FE/menu_line.gif) right no-repeat; height:20px;  }
#menu li a { color:#FFFFFF; text-decoration:none; line-height:24px; }
#menu li a:hover { color:#c6b8e0; }
#menu .on { background:url(../../images/FE/menu_arr.gif) bottom center no-repeat; color:#c6b8e0; padding-bottom:17px;  height:20px; display:inline-block; _padding-bottom:16px; _display:inline; }
#loginbox { color:#f6eacf; float:right; margin: -2px 25px 0px auto; width:150px; text-align:center; }
#loginbox a { color: white; text-decoration: none; }
#loginbox a:hover { color: red; }

/* 左欄 */
#left { width:460px; float:left; margin:0 30px 0 40px; _display:inline; }

/* 關於我們 */
#about_tt { width:400px; height:30px; background:url(../../images/about.gif); color:#947152; font-size:15px; font-weight:bold; padding:8px 0 0 60px; padding-top:10px; position:relative; }
#about_tt label { position:absolute; right:0; top:10px; }
#about_ctn { line-height:24px; padding:0 0 0 5px; text-align:justify; }

/* 住房資訊 */
#info_tt { width:400px; height:30px; background:url(../../images/info.gif); color:#947152; font-size:15px; font-weight:bold; padding:8px 0 0 60px; padding-top:10px; margin-top:15px; position:relative; }
#info_tt label { float:right; position:absolute; top:0; right:85px; }
#info_tt a img { position:absolute; top:5px; right:0; border:none; }
#info_ctn p { margin:5px; _margin:6px; }
#info_ctn span.arr { background:url(../../images/info_arr.gif) no-repeat; width:61px; color:#777777; padding-left:10px; display:inline-block; line-height:14px; height:15px; margin-right:10px; line-height:16px; }
#info_ctn p img { vertical-align:middle; border:none; margin-left:-5px;}

/* 右欄 */
#right { float:left; width:444px; background:url(../../images/photo_bg.gif) no-repeat; height:400px; position:relative; margin-bottom:20px; }

/* 照片區 */
#photo_def { position:absolute; top:12px; left:22px; }
#photo { position:absolute; top:12px; }
#photo_tag { width:400px; height:80px; filter:alpha(opacity=40,style=0); opacity:0.4; background:#000000; z-index:9999; position:absolute; top:232px; left:22px; }
#photo_text { color:#FFFFFF; position:absolute; z-index:99999; top:240px; left:35px; width:380px; word-wrap: break-word; line-height:21px; line-height:23px; }
#right ul { list-style:none; margin-top:-2px; margin-left:2px; padding:0; position:absolute; top:314px; }
#right li { float:left; width:65px; margin-right:2px; }
#right li img { border:none; }
#prettyDesc td p { vertical-align:top; padding:0px 0px 0px 0px; margin:-5px 0px 0px 0px;}
#rPhoDesc { width:100%; margin-left:-12px; min-width:210px;}

/* 訂房步驟 */
#rsv_step { border:1px dashed #cccccc; min-height:28px; font-size:15px; color:#555555; width:890px; clear:both; margin:0 auto; padding:5px 0 0 15px; padding-top:6px; }
#rsv_step img { vertical-align:middle; }
#rsv_step strong { color:#D02090; }

/* 房型詳細 */
#room_type_title { background:url(../../images/FE/tab_titl.gif) repeat-x; height:26px; border:1px solid #c9bddd; color:#735340; text-align:center; border-bottom:none; margin-top:15px; }
#room_type { background:#fffaf3; height:26px; border:1px solid #c9bddd; text-align:center; margin-bottom:10px; }
#room_type img { border:none; }
.room_type_details { margin-bottom:10px; }
.room_type_details .exp{ padding:0 5px; line-height:24px; }
.exp{ padding:0 5px; font-size:13px; line-height:24px; text-align:left; }

/* 查詢日期 */
#select_date { border:1px solid #c9bddd; width:907px; margin:15px auto 10px; }
#date { background:url(../../images/FE/date_titl.gif) repeat-x; height:31px; color:#605e8b; text-align:center; font-size:12px; border-collapse: collapse; border:1px solid #ffffff; }
#tr_date { background:url(../../images/FE/date_titl.gif) repeat-x; max-height:31px; color:#605e8b; text-align:center; font-size:12px; border-collapse: collapse; border:0px solid #ffffff;}
#tr_date_bcolor { border:1px solid #c9bddd; }
#td_date { line-height:14px; border:1px solid #ffffff; }
#td_date p { font-size:11px; margin:4px 0; line-height:4px; line-height:8px; -webkit-text-size-adjust:none; }
#date td { line-height:14px; border-color:#ffffff; }
#date p { font-size:11px; margin:4px 0; line-height:4px; line-height:8px; -webkit-text-size-adjust:none; }
#rooms { background:#f6f5fa; border:1px solid #ffffff; text-align:center; border-collapse:collapse; font-size:12px; }
#rooms td { border-color:#FFFFFF; height:26px; }
#rooms select { font-size:11px; -webkit-text-size-adjust:none; }

/* 頁尾 */
#footer { background:url(../../images/FE/footer_bg.gif) repeat-x; height:40px;
	clear:both; margin-top:10px; color:#FFFFFF; text-align:right; line-height:40px; }

/* style_1.css: used by TCW */
#id_of_gallery { position:absolute; top:12px; left:22px; }
#id_of_gallery p { padding-top: 0px; margin-top: -5px; }
#id_of_gallery span { padding-top: 0px; margin: -5px 0px 0px 0px; }

/* hostel Info block */
table.hInfo { height:400px; border:1px solid #666666; background-color:#DDDDDD; margin:5px 0px 5px 0px;}
tr.hInfoDescR1 { height:240px; vertical-align: top; }
tr.hInfoDescR2 { height:160px; vertical-align: bottom; }
.hInfo_left {margin-top:5px; float:left; _overflow:hidden; font-size:12px;color:#60931f;}
td.hInfo1{width:640px;}
td.hInfo2{width:360px; vertical-align: top;}

#contentArea0 { width:908px; margin:15px auto 10px; }
#contentArea1 { width:908px; margin:15px auto 10px; border:1px solid #c9bddd; }

table.hInfoTab { width:100%; border:1px solid #666666; background-color:#DDDDEE; }
tr.hInfoR1 { height: 20px; border-bottom: 1px solid green; }
td.hInfoC1 { padding-left: 5px; width: 58px; border:1px solid #666666; }
td.hInfoC2 { padding-left: 5px; }
td.hInfoAddr { padding-left: 5px; }
td.hInfoTel {padding-left: 5px; width: 168px; }
td.hInfoFax {padding-left: 5px;}
td.hInfoStar { width: 86px; }
td.hInfoCnt { width:60px; }


.hInfo_right{width:360px; margin:10px ; float:right; _margin:10px 5px 0 0 ;}
.hInfo_right {margin:0 0 10px;}
img.hosPho_0 { width:360px; height:240px;} 
img.hosPho_1 { width:60px; height:40px;} 
#content {margin:0 auto; background-color:#c6e3ef; }

#date_pk { color:#f6eacf; padding:6px 10px 0px 10px; float:left; }
#date_pk span { border:1px solid #666666; background-color:#CCCCCC; }
#date_pk span a { color:#000000; text-decoration:none; }
#date_pk span:hover { background-color:#e5e5e5; }

/* findFree.php */
/*
table.bookStepTab { border:1px dashed #cccccc; font-size:11pt; color:#555555; width:908px; clear:both; margin:0px auto; padding:0px 0 0 0px; padding-top:0px; height:2px; }
tr.bookStepR1 { font-size:12px; background-color:#CCCCCC; }
td.bookStepC1 { width:100%; padding: 0px 50px 0px 50px; font-size:14px; }
.bookStepCur { color: blue; background-color:#EEEEEE; }
table.roomFreeTab { width: 908px;  background:#fffaf3; height:26px; border:1px solid #c9bddd; text-align:center; margin-bottom:10px; }
tr.roomFreeR1 { border:1px solid black; background-color:lightgreen; }
tr.roomFreeR2 { border-bottom: 1px solid black; }
td.roomFreeC1 { width:160px; text-align: center; border-bottom: 1px solid black; }
td.roomFreeC2 { width:5%; text-align: center; border-bottom: 1px solid black; }
tabel.roomInfoTab { width: 800px; }
tr.roomInfoR0 { background-color:lightgreen; }
td.roomInfoC0 { width: 300px; text-align: center; border-bottom: 1px solid black; }
td.roomInfoC1 { width: 15%; text-align: center; border-bottom: 1px solid black; }
td.roomInfoC2 { width: 15%; text-align: center; border-bottom: 1px solid black; }
td.roomInfoC3 { width: 15%; text-align: center; border-bottom: 1px solid black; }
td.roomInfoC4 { width: 15%; text-align: center; border-bottom: 1px solid black; }
td.roomInfoC5 { width: 15%; text-align: center; border-bottom: 1px solid black; }
td.roomInfoC6 { width: 5%; text-align: center; border-bottom: 1px solid black; }
*/
tr.roomDesc { background-color:white; }
td.roomImgS { width:55px; }

/* showBooking.php */
table.showBookTab { width: 100%; padding-bottom: 1px; }
tr.showBookR0 { font-size: 1.3em; border:1px solid #c9bddd; color:#735340; text-align: center;
		background:url(../../images/FE/tab_titl.gif) repeat-x; }
tr.showBookR1, tr.TotalRow { /*border:1px solid black;*/ background-color:lightgreen; background:url(../../images/FE/date_titl.gif) repeat-x;}
tr.showBookR2 { /*border-bottom: 1px solid black;*/ }
td.showBookC0 { width:160px; text-align: center; border-bottom: 1px solid black; }
td.showBookC1 { width:12%; text-align: center; border-bottom: 1px solid black; }
td.showBookC2 { width:12%; text-align: center; border-bottom: 1px solid black; }
td.showBookC3 { width:7%; text-align: center; border-bottom: 1px solid black; }
td.showBookC4 { width:7%; text-align: center; border-bottom: 1px solid black; }
td.showBookC5 { width:12%; text-align: center; border-bottom: 1px solid black; }
td.showBookC6 { width:10%; text-align: center; border-bottom: 1px solid black; }
td.showBookC7 { width:10%; text-align: center; border-bottom: 1px solid black; }
td.TotalC1 { text-align: center; border-bottom: 1px solid black; }

/* showRule.php */
table.showRuleTab { width: 100%; }
tr.showRuleR0 { font-size: 1.3em; font-weight: bold;}
tr.showRuleR1 { border:1px solid #c9bddd; }
tr.showRuleR2 { border-bottom: 1px solid #c9bddd; }
td.showRuleC0 { padding-left: 10px;   border-top: 1px solid #c9bddd;}
td.showRuleC0x { padding-left: 10px; }
td.showRuleC1 { padding-bottom: 18px; padding-left: 38px; padding-right: 28px;}
td.showRuleCx { padding-bottom: 18px; padding-left: 38px; padding-right: 28px;}
td.showRuleCa { text-align: center; }

/* inputInfo.php */
table.inputTab_0 { width:100%; }
table.inputTab_1 { border: 1px solid #c9bddd; }
table.inputTab { width:100%; border: 1px solid #c9bddd; }
tr.inputR0_0 { font-size: 1.3em; font-weight: bold; }
tr.inputR0 { font-size: 1.3em; font-weight: bold; border-top: 1px solid #c9bddd; }
tr.inputR1 { }
td.inputC0 { border-top: 1px solid #c9bddd; }
td.inputC1 { width:20%; text-align:right; vertical-align: top;}
td.inputC2 { width:80%; text-align:left; }
td.inputCbtn { border-top: 1px solid #c9bddd; padding-left: 200px; }
table.extraTab { width: 100%; padding-left:25px;}
tr.extraR0 { font-weight: bold;}
tr.extraR1 { }
td.extraC1 { width:65%; border-bottom: 1px solid #c9bddd;}
td.extraC2 { width:15%; border-bottom: 1px solid #c9bddd; text-align:center;}
td.extraC02 { text-align:center;}
td.extraC3 { width:10%; border-bottom: 1px solid #c9bddd; text-align:center;}
td.extraC03 { text-align:center;}
td.extraC4 { width:10%; }

/* selectPay.php */
table.selpayTab { width: 100%; }
tr.selpayR0 { font-size: 1.3em; font-weight: bold;}
tr.selpayR1 { border:1px solid #c9bddd; }
tr.selpayR2 { border-bottom: 1px solid #c9bddd; }
td.selpayC0 { padding-left: 20px; }
td.selpayC1 { padding-bottom: 28px; padding-left: 38px; padding-right: 28px; border-bottom: 1px solid #c9bddd; }
td.selpayCa { text-align: center; }

/* showPay.php */
table.AtmInfoTab { width: 100%; padding-left: 18px;}
tr.AtmInfoR0 { }
td.AtmInfoC3 { padding-bottom: 2px; padding-left: 38px; padding-right: 28px; }

/* userLogin.php */
table.loginTab { width: 100%; }
td.loginC0 { padding-bottom:10px;padding-top:20px;}
td.loginC1 { width:20%; text-align:right; }
td.loginC2 { width:80%; padding-bottom:10px;}
td.loginCbtn { padding-bottom:50px;}
/* InquiryMyOrder.php */
table.showOdrTab { width: 908px; padding: 0px 0px 0px 0px; /*border:1px solid #c9bddd;*/ }
tr.showOdrR0 { font-size: 1.3em; color: white; background-color:grey; text-align: center;}
tr.showOdrR1 { /*border:1px solid black;*/ background:url(../../images/FE/date_titl.gif) repeat-x;}
tr.showOdrR2 { border-bottom: 1px solid black; }
td.showOdrC0 { width:10%; text-align: center; border-bottom: 1px solid black; }
td.showOdrC1 { width:10%; text-align: center; border-bottom: 1px solid black; }
td.showOdrC2 { width:10%; text-align: center; border-bottom: 1px solid black; }
td.showOdrC3 { width:10%; text-align: center; border-bottom: 1px solid black; }
td.showOdrC4 { width:6%; text-align: center; border-bottom: 1px solid black; }
td.showOdrC5 { width:9%; text-align: center; border-bottom: 1px solid black; }
td.showOdrC6 { width:9%; text-align: center; border-bottom: 1px solid black; }
td.showOdrC7 { width:9%; text-align: center; border-bottom: 1px solid black; }
td.showOdrC8 { width:9%; text-align: center; border-bottom: 1px solid black; }
td.showOdrC9 { width:12%; text-align: center; border-bottom: 1px solid black; }
td.showOdrC10 { width:6%; text-align: center; border-bottom: 1px solid black; }
td.TotalC1 { text-align: center; border-bottom: 1px solid black; }
td.inputCp { width:16%; text-align:center; }

td.showCancelC0 { color:red; padding-left: 20px; border-top: 1px solid black;}
td.showCancelC1 { color:red; padding-left: 38px;}
table.cancelTab { width: 100%; }
td.cancelC0 { padding-bottom:10px; padding-top:20px;}
td.cancelC1 { width:20%; text-align:right; }
td.cancelC2 { width:80%; padding-bottom:10px;}
td.cancelCbtn { padding-bottom:50px;}

td.gradeC0 { font-weight: bold; text-align: center; padding-bottom:10px;}
td.gradeC1 { width:30%; text-align:right; }
td.gradeC2 { width:70%; text-align:left; vertical-align: middle;}
td.btnColR { text-align:right; }

/* default */
a { color: blue; text-decoration: none; }
a:hover { color: red; }

#resv_info {
    background: #f6f5fa;
    border: 1px solid #FFFFFF;
    border-collapse: collapse;
    font-size: 12px;
    text-align: center;
}

#resv_info td {
    border-color: #c9bddd;
}

#rsvTab { margin: -3px 0px 0px 0px; }
#rsvTab td { max-width:100px;}