/*  Style  */
* { margin:0; padding:0px; font:12px/150% Verdana, '宋体', '微软雅黑'; list-style: none;}
body { color:#555; text-align:center;  background:url(images/all_bg.gif) repeat-y top center;}
img { border:0;}

/*Connect*/
a:link,a:visited,a:active { text-decoration:none; color:#333;}
a:hover { text-decoration:none; color:#0068d9;}

/*Location*/
.L{float:left;}
.R{float:Right;}

/* Text Style */
.tL{ text-align:left; }
.tR{ text-align:right;}
.tC { text-align:center;}
.tC1{ color:#808080;} /*灰*/
.tC2{ color:#d52e02;} /*暗红*/
.tC3{ color:#ff0000;} /*艳红*/
.tC4{ color:#ff6600;} /*黄*/
.tC5{ color:#555;} /*深灰*/
.tC6{ color:#ff8860;} /*浅黄*/
.f14px{font-size:14px;}
.f16px{font-size:16px;}
strong, .bold{font-weight:bold;}
.line *,.line {line-height:25px;}
.line1{line-height:22px;}
.heiti { font-family:'黑体'; font-weight: normal; font-size:18px;}

/*Input*/
.input{ padding-left:5px; background-color:#f9f9f9; border-top:1px solid #B5B5B5;border-left:1px solid #B5B5B5; border-right:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; }
.bt{ height:24px; width:50px; line-height:17px; }
.bt2{ height:24px; width:50px; line-height:17px; }
.bt3{ height:24px; width:80px; line-height:17px; }
.bt4{ height:24px; width:60px; line-height:15px;}
.user { width:150px; height:22px;}
.keyword { width:200px; height:22px; }
input.text{ width:330px; height:22px;}
input.reg{ width:200px; height:22px;}
.textarea{ padding-top:5px; width:330px; height:100px;}
.qatext { width:500px; height:100px;}
.qauesr { width:150px; height:20px;}
.guestText{width:610px; height:100px;}

/*Clear Float*/  /*清除浮动*/
.clear{ clear:both; font-size:0; height:0; line-height:0;}

/* autoCheck Style*/
.chkError{ padding:3px 10px 0 33px; color:#e74848; text-align:left; width:150px; height:22px; background:url(images/chk_error.gif) no-repeat; border-right:1px solid #ea5738;}
.chkRight{ padding:3px 0 0 33px;  text-align:left; height:22px; background:url(images/chk_ok.gif) no-repeat 2px 4px;}
.chkLoding{ padding:3px 10px 0 25px; color:#666; text-align:left; width:150px; height:22px; background:url(images/chk_loding.gif) no-repeat 0 4px;}

/*All*/
#all{width:980px; padding:0 10px; margin:0 auto;}

/*TOP*/
#top{width:978px; height:318px; background:url(images/top.jpg) no-repeat left;}
#top_baifulai{width:978px; height:318px; background:url(images/top_baifulai.jpg);}
#top_div{width:978px; height:318px; background:url(images/top_div.jpg);}
#top_sea{width:978px; height:318px; background:url(images/top_sea.jpg);}
#top_beach{width:978px; height:318px; background:url(images/top_beach.jpg);}
#top_bar{width:978px; height:318px; background:url(images/top_bar.jpg);}
#top_hotel{width:978px; height:318px; background:url(images/top_hotel.jpg);}
#top_qa{width:978px; height:318px; background:url(images/top_qa.jpg);}
#top_guestbook{width:978px; height:318px; background:url(images/top_guestbook.jpg);}
.english{ width:918px; height:15px; padding:5px 60px 0 0;}

.meun { margin: 2px 0 0 185px;  height: 25px;}
.meun a{ display:block; float:left; margin-right:5px; width:77px; height:25px;}
.meun a.short{ width:59px;}
.meun a:hover{ background:url(images/point.gif) no-repeat left;}

/*Search*/
#search{float:left; width:370px; height:26px;}
#search li{ float: left; height: 21px;}
#search li.search{width:230px; padding:0 0 0 10px;}
#search li.button{ width:50px;}

#user { float:left; width:595px; height:26px;}
#user li{ float: left; height: 21px;}
#user li.user{width:50px; height:17px; padding:3px 0 0 0;}
#user li.usertext{ width:170px;}
#user li.userbutton{width:50px;}
#user li.login{ padding:3px 0 0 10px; height:18px;}
#user li.is_login{ padding-top:4px; height:17px; width:583px; }

#reg{float:left; padding:50px 0; width:980px;}
#reg table td{ line-height:35px; }

/*Main*/
#main_l{float:left; width:300px; margin:10px 0 0 0;}
#main_r{float:left; width:679px; margin:10px 0 0 0; border-left:#ccc 1px solid;}

#item{width:270px; height:180px; margin:0 auto;}
#item li{float:left;width:258px; height:24px; padding:5px 0 0 10px; border-bottom:#ccc 1px dotted;}
#item li.title{width:270px; height:30px;  padding:0; background:url(images/item.gif); border:none;}
#item li.img{width:200px; height:110px;  padding:10px 35px 0 35px; border:none;}

#new{width:270px; height:180px; margin:8px auto;}
#new li{float:left; width:258px; height:23px; line-height:20px; padding:4px 5px 0 5px; border-bottom:#ccc 1px dotted; overflow:hidden; word-break:break-all;}
#new li.title{width:270px; height:30px;  padding:0; background:url(images/new.gif); border:none;}

#int{width:270px; height:180px; margin:8px auto;}
#int li{float:left; width:240px; height:23px; line-height:20px; padding:4px 5px 0 23px; border-bottom:#ccc 1px dotted; overflow:hidden; word-break:break-all;}
#int li.deal{ background:url(images/deal.gif) no-repeat 3px center;}
#int li.un_deal{ background:url(images/un_deal.gif) no-repeat 3px center;}
#int li.title{width:270px; height:30px;  padding:0; background:url(images/interactive.gif); border:none;}

#recommend{width:649px; height:556px; margin:0 auto;}
#recommend li{ margin-top:1px; border-bottom:#eee 1px solid;}
#recommend li.title{width:649px; height:30px; background:url(images/recommend.gif); border:none;}
#recommend li.img{float:left; width:161px; height:116px;  padding:14px 0 0 0; }
#recommend li.bg{ background:#f9f9f9; }
#recommend span.list{ height:23px; line-height:23px;}
#recommend dd{float:left; width:159px; height:23px; line-height:23px; padding:0 0 0 3px;}
#recommend dd.ou{width:123px; padding:0px 0 0 39px;}
#recommend li.no{border:none;}

#fieldset{width:638px; height:260px;  padding:0 0 0 5px; border:1px solid #5D5D5D;}
#fieldset p{text-align:left; margin:5px 0 0 10px;}
#fieldset p.text{text-align:center; margin:5px 0 0 0;}

/*Meun*/
#meun{width:270px; height:180px; margin:0 auto;}
#meun li{float:left;width:258px; height:24px; padding:5px 0 0 10px; border-bottom:#ccc 1px dotted;}
#meun li.title{width:270px; height:30px;  padding:0; background:url(images/meun.gif); border:none;}
#meun li.img{width:200px; height:110px;  padding:10px 35px 0 35px; border:none;}

/*New*/
#topics{width:270px; height:180px; margin:8px auto;}
#topics li{float:left;width:258px; height:22px; padding:7px 0 0 10px; border-bottom:#ccc 1px dotted; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#topics li.title{width:270px; height:30px;  padding:0; background:url(images/topnews.gif); border:none;}

#dynamic{width:649px; margin:0 auto;}
#dynamic li{float:left; width:637px; height:24px; padding:5px 0 0 10px; border-bottom:#ccc 1px dotted;}
#dynamic li.title{width:649px; height:30px;  padding:0; background:url(images/newes.gif); border:none;}
#dynamic li.page{width:649px;height:22px; margin:5px 0 0 0; padding:0; border-bottom:#73b3fd 3px solid;}

#newpage{width:649px; margin:0 auto;}
#newpage li{float:left; width:647px; height:20px; padding:4px 0 0 0px; margin:7px 1px 0 1px;}
#newpage li.title{width:649px; height:30px;  padding:0;  margin:0; background:url(images/newes.gif);}
#newpage li.text{height:auto; padding: 4px 10px; width:627px;}
#newpage li.page{padding:4px 0 0 5px; line-height:22px; width:642px; height:45px; border-top:#73b3fd 2px solid;}

/*Guestbook*/
.guestbook{ margin: 0 auto; width:649px; height:30px;  background:url(images/guestbook.gif);}

.gb_list{ margin: 7px auto 0 auto; padding:0 0 10px 5px; width: 640px;}
.gb_list li{ padding:2px 8px 0 10px; width: 616px; height: 21px;}
.gb_list li.title { padding:3px 0 0 8px; width: 626px; height: 21px;}
.gb_list li.author { padding: 5px 0 0 5px; width: 629px; height: 23px;}
.gb_list li.content { padding:8px 8px 0 15px; width:611px; height: auto;  background:url(images/guestbook_tit.gif) no-repeat left top; }
.gb_list li.reply{ margin-top:8px; padding: 5px 0 0 25px; width: 589px; height: auto; }
.gb_write { margin: 5px auto; padding:8px 0 10px 10px; width: 635px; border: 1px solid #ccc;}
.addform{ margin-top:8px;}
.addform td{ line-height: 30px; }

#fieldset{width:638px; height:260px; padding:0 0 0 5px; border:1px solid #5D5D5D;}
#fieldset p{text-align:left; margin:5px 0 0 10px;}
#fieldset p.text{text-align:center; margin:5px 0 0 0;}

#pages { margin:10px auto; padding-left:8px; width:639px; height:23px; border-top:1px solid #D1D1D1;}
#pages li {float:left; position:relative; margin-top:-1px; text-align:center;}
#pages li a {display:block; margin-left:5px; color:#666; height:21px; width:23px; border:1px solid #D1D1D1;}
#pages li a:hover {background:#EFEFEF; color:#000;}
#pages li .this { border-top:1px solid #fff; color:#000;}
#pages li .p_N{padding-top:2px; width:50px; height:19px;}
#pages li .disabled{ color:#ccc; }

/*Diving  Sea Beach Bar*/
#fun{width:649px; margin:0 auto;}
#fun li{float:left; width:619px;  padding:10px 15px 0 15px;}
#fun li.title{width:649px; height:30px;  padding:0; background:url(images/diving.gif);}
#fun li.title_sea{width:649px; height:30px;  padding:0; background:url(images/sea.gif);}
#fun li.title_beach{width:649px; height:30px;  padding:0; background:url(images/beach.gif);}
#fun li.title_bar{width:649px; height:30px;  padding:0; background:url(images/bar.gif);}
#fun li.title_so{width:649px; height:30px;  padding:0; background:url(images/so.gif);}
#fun li.title_hotel{width:649px; height:30px;  padding:0; background:url(images/hotel.gif);}
#fun li.top{width:649px; height:200px; padding:0; background:url(images/div_top.jpg);}
#fun li.top_sea{width:649px; height:200px; padding:0; background:url(images/sea_top.jpg); }
#fun li.top_beach{width:649px; height:200px; padding:0; background:url(images/beach_top.jpg);}
#fun li.top_bar{width:649px; height:200px; padding:0; background:url(images/bar_top.jpg);}
#fun li.top_so{width:649px; height:200px; padding:0; background:url(images/so_top.jpg);}
#fun li.top_hotel{width:649px; height:200px; padding:0; background:url(images/hotel_top.jpg);}

#funpage{width:649px; margin:0 auto;}
#funpage li{float:left; width:649px;}
#funpage li.bt{padding:4px 0 0 0px; margin:7px 0 7px 0;}
#funpage li.title{height:30px; background:url(images/diving.gif);}
#funpage li.title_sea{height:30px;  background:url(images/sea.gif);}
#funpage li.title_beach{height:30px;  background:url(images/beach.gif);}
#funpage li.title_bar{height:30px; background:url(images/bar.gif);}
#funpage li.title_hotel{height:30px; background:url(images/hotel.gif);}
#funpage li.text{height:auto; padding: 4px 10px; width:627px;}
#funpage li.page{line-height:22px; height:40px; border-top:#73b3fd 2px solid;}
#funpage li.link{height:25px; background:url(images/link_baifulai.jpg);}
#mg{margin:0 7px 0 0; background:#ccc;}

#details{width:649px;  margin:0 auto;}
#details li{float:left; width:649px; height:120px;}
#details li.title{height:25px; background:url(images/link_baifulai.jpg);}
#details li.img{width:150px; height:128px; padding:10px 0 0 10px;}
#details li.text{width:489px; height:110px; padding:10px 0 0 0;}
#details li.page{height:22px; margin:7px 0 0 0; border-bottom:#73b3fd 3px solid;}
#details dd{float:left; width:489px; height:24px;}
#details dd.l{width:389px; height:17px; padding:7px 0 0 0;}
#details dd.r{width:100px}
#details dd.t{height:104px;}

/* Baifulai Honor Contact Attractions*/
#baifulai{width:649px; margin:0 auto;}
#baifulai li{float:left; width:649px;}
#baifulai li.title{height:30px;  background:url(images/baifulai.gif);}
#baifulai li.title_honor{height:30px;  background:url(images/honor.gif);}
#baifulai li.title_contact{height:30px; background:url(images/contact.gif);}
#baifulai li.img{height:150px;  background:url(images/baifulai_top.jpg);}
#baifulai li.img_honor{height:1000px; margin:7px 0 0 0; background:url(images/honor.jpg);}
#baifulai li.img_contact{height:415px; margin:7px 0 0 0; background:url(images/map.jpg);}
#baifulai li.bfl{width:608px; margin:5px 0 0 0px; padding:0 17px 0 24px;}
#baifulai li.contac{width:625px; margin:5px 0 0 0px; padding:0 0 0 24px;}

#attractions{width:649px; margin:0 auto;}
#attractions li{float:left; width:400px; padding:10px 0 0 10px;}
#attractions li.title{width:649px; height:30px; padding:0; background:url(images/attractions.gif);}
#attractions li.img{width:189px; padding:30px 0 0 50px;}
#attractions li.link{width:649px; height:25px; padding:0;  background:url(images/link_baifulai.jpg);}

/*Q~A Issue*/
#qa{width:649px; margin:0 auto;}
#qa li{float:left; width:649px;}
#qa li.title{height:30px; background:url(images/qa.gif);}
#qa li.title_myqa{height:30px; background:url(images/myqa.gif);}

#answer{width:649px; margin:0 auto;}
#answer p{float:left; width:607px; padding:8px 8px 8px 28px; border-bottom:#ccc 1px dotted;}
#answer p.deal{ background:url(images/deal.gif) no-repeat 3px center;}
#answer p.un_deal{ background:url(images/un_deal.gif) no-repeat 3px center;}
#answer p.bg{background:#fef8f3;}

#published{width:641px; margin:10px auto;  border:#ccc 1px solid;}
#published p{width:611px; margin:10px auto; padding:0 0 0 10px; border-bottom:#ccc 1px solid;}
#published table { margin-left:15px;}
#qa_login{width:621px; margin:10px auto; padding:10px;  border:#ccc 1px solid;}

/*Bottom*/
#bottom{float:left; width:960px; padding:0 10px; height:65px; margin:3px 0 0 0; border-top:#ccc 1px solid;}
#bottom li{float:left; width:880px; height:20px; padding:10px 0 0 40px;}
#bottom li.c{padding:0 0 0 40px;}

table.common{ margin:10px auto 0 auto; border:1px solid #3f98fc;}
table.common .title{ background:#92d640; color:#fff; }
table.common th{ font-weight:bold; background:#5fa9ea; color:#fff;}
table.common td{height:27px; line-height:27px; border-bottom:1px solid #c6e2f7; }