/* ================================ CSS STYLES FOR THE COMMERCE STARTER KIT v1.0, 10/2002 ================================ */ /* All */ img {border:0} body { padding:0; margin:0; background-color: #FFFFFF; } #wrapper { width:955px; margin-left:auto; margin-right:auto; background-image:url(images/main_shadow.gif); background-repeat:repeat-y; position: relative; } #head {padding:0 7px 0 0;background-image:url(images/topbg.jpg);background-repeat:no-repeat;height:292px;position:relative;} .counttxt {text-align:center;font-size: 12px;color:#868686;} #count {height:45px;margin-left:auto;margin-right:auto;font-size: 12px;color:#868686;} .count {padding-left:30px} .bandb{display:block;padding-left:50px;padding-bottom:15px} /* 上區塊按鈕 */ #topb {height:23px;padding:5px 23px 0 800px;} #topb ul{list-style: none;margin:0; padding:0;} #topb li {float: left;} #topb li a{ width: 63px;height: 18px;display: block;text-indent: -9999px;float: left;font-size: 1px;} #topb li.b1 a {background: url(images/home.gif);} #topb li.b1 a:hover{background: url(images/home2.gif);} #topb li.b2 a {width: 62px;background: url(images/mail.gif);} #topb li.b2 a:hover{background: url(images/mail2.gif);} /* 首頁 */ #hhead {width:948px;background:url(images/htop_bg.gif) no-repeat;height:65px;} #hhtxt {padding:15px 15px 5px 350px;text-align:right;} #hhtxt p{margin:0;line-height:20px;font-size: 12px;color:#696969;} #hfooter {height:51px;clear:both;background:url(images/home_bbg.gif) no-repeat;margin-left:48px;} #hfooter p{margin:0;text-align:center;line-height:50px;font-size: 12px;color:#6D8800;} #hfooter a{font-size: 12px;color:#6D8800;text-decoration:underline;} #hfooter a:hover{color:#953F00;text-decoration:none;} #hnav {float:left;} #htxt {margin-left:48px;padding:5px 5px 10px 15px;height:291px;background:url(images/home_lend.gif) bottom no-repeat;font-size: 12px;color:#86925B;line-height:18px;} #htxt img{padding-top:10px;padding-bottom:10px;} #htxt .bandb {padding:5px 0 0 50px} #hnav p{margin:0;} #hcontent{margin:0;width:670px;height:526px;float:right;padding-right:7px;} /* 主選單 */ #mainb {width:520px;height:72px;position:absolute;top:79px;left:388px;} #mainb ul{list-style: none;margin:0;padding:0;} #mainb li {float: left;} #mainb li a{width:102px;height:72px;display: block;text-indent: -9999px;float: left;font-size: 1px;} #mainb li.b1 a {width:106px;background: url(images/b1.gif);} #mainb li.b1 a:hover{background: url(images/b1over.gif);} #mainb li.b2 a {background: url(images/b2.gif);} #mainb li.b2 a:hover{background: url(images/b2over.gif);} #mainb li.b3 a {background: url(images/b3.gif);} #mainb li.b3 a:hover{background: url(images/b3over.gif);} #mainb li.b4 a {background: url(images/b4.gif);} #mainb li.b4 a:hover{background: url(images/b4over.gif);} #mainb li.b5 a {width:108px;background: url(images/b5.gif);} #mainb li.b5 a:hover{background: url(images/b5over.gif);} /* 主區塊 */ #content { width:648px;float:left;margin-bottom:10px;padding: 0 0 10px 71px;background:url(images/mainbg.gif) repeat-y top right;} #nav {width:190px;float:right;padding-right:24px;padding-bottom:15px;} /* 分頁標題 */ #abouttitle { background-image:url(images/about_title.gif);background-repeat:no-repeat;text-align:right;padding:24px 45px 34px 0;} #newstitle { background-image:url(images/news_title.gif);background-repeat:no-repeat;text-align:right;padding:24px 45px 34px 0;} #triptitle { background-image:url(images/trip_title.gif);background-repeat:no-repeat;text-align:right;padding:24px 45px 34px 0;} #roomtitle { background-image:url(images/room_title.gif);background-repeat:no-repeat;text-align:right;padding:24px 45px 34px 0;} #scenictitle { background-image:url(images/scenic_title.gif);background-repeat:no-repeat;text-align:right;padding:24px 45px 34px 0;} #maptitle { background-image:url(images/map_title.gif);background-repeat:no-repeat;text-align:right;padding:24px 45px 34px 0;} #guesttitle { background-image:url(images/guest_title.gif);background-repeat:no-repeat;text-align:right;padding:24px 45px 34px 0;} #ordertitle { background-image:url(images/order_title.gif);background-repeat:no-repeat;text-align:right;padding:24px 45px 34px 0;} .page {margin:0;padding:0;font-size: 11px;color:#656565;font-family:"Verdana", Arial,新細明體;} .page a{color:#969696;text-decoration:underline;} .page a:hover{color:#FF6600;text-decoration:none;} /* 房型選單 */ #rmenu {height:155px;background-image:url(images/roomtype_top.gif);background-repeat:no-repeat;padding-top:83px;} #rmenu ul{list-style: none;margin:0;padding:0px;} #rmenu li {float: left;} #rmenu li a{margin-left:10px;padding-left:15px;width:170px;height:26px;display: block;font-size: 12px;color:#949494;line-height: 26px;background-image:url(images/roomtype_bg1.gif);text-decoration:none;} #rmenu li a:hover{color:#FF7F02;line-height: 26px;background-image:url(images/roomtype_bg2.gif);text-decoration:none;} #nav p{margin:0;} #nav img{float:left;padding-bottom:15px;} /* bottom */ #footer {clear:both;background:#F3F3F3;margin-left:48px;margin-right:7px;padding:15px;} #menuline {width:834px;margin-left:auto;margin-right:auto;background-image:url(images/bottom_linebg.gif);text-align:right;} #menuline img{margin:0;padding:0;} #bmenu {float:left;width:684px;height:24px;background-image:url(images/bottomb_bg.gif);font-size: 12px;color:#626262;text-align:center;line-height: 24px;letter-spacing:1px;} #bmenu p{margin:0;padding:0;} #bmenu a{color:#626262;text-decoration:none;} #bmenu a:hover{color:#519C00;text-decoration:none;} .info {margin:0;padding:5px 0 0 20px;line-height:24px;clear:both;font-size: 12px;color:#696969;} .info a{color:#696969;text-decoration:none;} .info a:hover{color:#FF9D03;text-decoration:none;} .cr{font-size: 11px;color:#A8A8A8;} .cr a{color:#A8A8A8;text-decoration:none;} .cr a:hover{color:#696969;text-decoration:none;} /*內頁-關於我們*/ #par1 {background:url(images/about_bg.gif) no-repeat top;font-size: 13px;color:#7C7C7C;padding:90px 0 20px 15px;} #par1 p{margin:0;line-height: 32px;} #par2 {background-image:url(images/mainbg.gif);font-size: 13px;color:#7C7C7C;padding-top:20px;} #par2 p{margin:0;line-height: 32px;font-family:"Verdana", Arial,新細明體;} .topp {padding-top:35px;} .endp {padding-bottom:35px;} .aboutpic {float:left;padding:0px 10px 20px 10px;} /*內頁-關於我們照片*/ #picnav {width:450px;margin-left:auto;margin-right:auto;} #picnav ul{list-style:none;margin: 0 0 10px 0;padding:0;float: left;} #picnav li{display: inline;} #picnav img{display:block;margin: 0 auto 0 auto;border: 1px solid #ccc;border-left-color: #ddd;border-top-color: #bbb;} #picnav a{display: block;width:60px;float:left;margin-right:10px;margin-bottom:10px; padding: 4px 4px 9px 4px; border: 1px solid #ccc; border-top-color: #eee; border-right-color: #ddd; border-bottom-color: #bbb; background-color: #fff;} #picnav a:hover{border: 1px solid #ccc;background-color: #98BF00;} /*內頁-房型介紹*/ #roompic {margin-left:auto;margin-right:auto;padding:10px 15px;width:532px;border-bottom:5px solid #EFEFEF;border-top:5px solid #EFEFEF;background-image:url(images/room_picbg.gif);} #roompic ul{list-style: none;margin:0; padding:0;height:60px;border:0;} #roompic li {float: left;padding-right:5px;} #roompic li a{width: 90px;height: 60px;display: block;} #roompic img{border:0;} #roompic2 {margin-left:auto;margin-right:auto;padding:10px 15px;width:532px;border-bottom:5px solid #EFEFEF;border-top:5px solid #EFEFEF;background-image:url(images/room_picbg.gif);} #roompic2 ul{list-style: none;margin:0; padding:0;height:60px;border:0;} #roompic2 li {float: left;padding-right:5px;} #roompic2 li a{width: 70px;height: 47x;display: block;} #roompic2 img{border:0;} #roompic2 .title{margin:0;padding-bottom:10px;} #roompic2 .picb{margin:0;padding-bottom:10px;} .magnify {padding-top:20px;text-align:right;} #roompic .title{margin:0;padding-bottom:10px;} #roompic .picb{margin:0;padding-bottom:10px;} #roomnote {margin:0;margin-left:35px;padding:15px;padding-top:5px;font-size:12px;color:#858585;} #roomtb {margin-left:auto;margin-right:auto;margin-top:15px;width:560px;height:135px;border:0px solid #fff;background: url(images/room_tbbg.gif);} #roomtb td, #roomtb tr {font-size:13px;color:#676767;padding:0 5px;text-align:center;font-family:"Verdana", Arial,新細明體;} #roomtb2 {margin-left:auto;margin-right:auto;margin-top:15px;width:560px;height:117px;border:0px solid #fff;background: url(images/room_tbbg2.gif);} #roomtb2 td, #roomtb tr {font-size:13px;color:#676767;line-height:35px;padding:0 5px;text-align:center;font-family:"Verdana", Arial,新細明體;} #roomtb2 img{vertical-align:middle;} #furniture {margin-left:auto;margin-right:auto;margin-top:15px;width:560px;} #furniture p{margin:0;apdding:0;} #furtb {margin-left:auto;margin-right:auto;width:560px;border:0px solid #fff;background:url(images/furniture_tbbg.gif) bottom;} #furtb td, #furtb tr{padding:7px;font-size:12px;color:#7E7E7E;} .furlist2 {padding-top:20px;} .roomorder {text-align:center;padding-top:20px;} .roomorder a{font-size:12px;color:#B40D0D;text-decoration:underline;} .roomorder a:hover{color:#33A307;text-decoration:none;} /*內頁-訂房須知*/ #ordermain {width:580px;margin-left:auto;margin-right:auto;} #ordermain p{margin:0;padding:0;} #ordermain ul{list-style:none;margin:0; padding:0;} #ordermain li {height:31px;background:url(images/order_linebg.gif) repeat-x;font-size:13px;color:#A87D7D;font-family:"Verdana", Arial,新細明體;padding-top:3px;padding-left:5px;} #ordermain .orderp2{margin-top:30px;} #orderstyle2 ul{list-style:none;margin:0; padding:0;} #orderstyle2 li {height:31px;background:url(images/order_linebg.gif) repeat-x;font-size:13px;color:#598292;font-family:"Verdana", Arial,新細明體;padding-top:3px;padding-left:5px;} #orderstyle3 ul{list-style:none;margin:0; padding:0;} #orderstyle3 li {height:31px;background:url(images/order_linebg.gif) repeat-x;font-size:13px;color:#61825C;font-family:"Verdana", Arial,新細明體;padding-top:3px;padding-left:5px;} /*內頁-鄰近景點*/ #scenic {width:640px;margin-left:auto;margin-right:auto;margin-bottom:40px;} #scenic h2{margin:0;padding:0;} #scenic p{font-size:13px;color:#686868;font-family:"Verdana", Arial,新細明體;line-height:24px;padding-top:10px;padding-right:30px;padding-left:310px;margin:0;text-align:justify;text-justify:inter-ideograph} .scenicimg {float:left;margin-right:15px;margin-left:5px;} /*內頁-民宿位置*/ #map {margin-left:auto;margin-right:auto;padding-left:15px;} #map .pic {margin-top:30px;} #map .p1 {margin-top:0;} /*內頁-留言版寬度*/ #guest {width:620px;}