@charset "utf-8";
/* CSS Document 
/************************************* 
*2010-3-5
*三亚国际酒店
*by tyyf
*************************************
*/

*{margin:0;padding:0;border:0;}
html,body{
	font-family: ArialTahoma, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	color:#b9a998;
	background:#080503;
}
li{list-style:none;}
a:link{text-decoration:none; color:#b9a998;}
a:visited{text-decoration:none; color:#b9a998;}
a:hover{text-decoration:underline; color:#fff;}

.clear{ clear:both;}

#wrapper{ background: url(../images/centerbg3.gif) top center repeat-y; height:auto; width:100%;}
#header{ background: url(../images/headbg.gif) top center no-repeat; margin:0 auto; height:137px; width:100%;}
.logo{ font-size: 0px; height: 129px; margin: 0 auto; width: 200px;}
.nav{ height: 137px; margin: -129px auto; width: 1002px;}
.nav ul li{ float: left; height: 39px; text-align: center; padding-top: 98px; width: 78px;}
.nav ul li a{ cursor: pointer;}
.nav ul li.on{ background: url(../images/navon.gif) top center no-repeat;}
.nav ul li.special{ margin-left: 220px;}
.nav ul li.specialOn{ background: url(../images/navon.gif) no-repeat; margin-left: 220px;}
.lang{ height: auto; margin: 0 0 0 974px; position: absolute; width: 23px; z-index: 3;}
.lang ul li{ float: left; line-height: 11px; margin-top: 2px; text-align: center; width: 100%;}
.lang ul li a{ color: #efe1d0 !important; font-size: 9px!important; font-style: italic;}
.lang ul li.lisp{ background: url(../images/lgbg.gif) left center no-repeat;}

#center{ background: url(../images/centerbg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}
.centerDet{ height: 494px; margin: 0 auto; width: 1002px;}
.left{ float: left; height: 100%; width: 416px;}
.leftOne{ height: auto; width: 100%;}
.leftOneTitImg{ height: 31px; margin: 41px 0 0 42px; width: 246px;}
.leftOneTit{ background: url(../images/line1.gif) left bottom repeat-x; display: inline; float: left; font-size: 14px; margin: 12px 0 0 42px; width:auto !important;}
.leftOneTit a{ color: #ffd598!important; display: block; float: left; height: 20px; line-height: 20px; padding-left: 5px;}
.leftOneTit a:hover{ color: #fff !important; text-decoration: none !important;}
.leftOneTitfs{ float: left; display: block; padding: 7px 0 0 7px;}
.leftOneCon{ color: #efe1d0; display: inline; float: left; line-height: 18px; margin: 5px 0 0 42px; padding-left: 5px; width: 271px;}
.leftTwo{ background: url(../images/bookingbg.gif) 46px 0px no-repeat; height: 118px; margin-top: 61px; width: 100%;}
.leftTwoTit{ height: 14px; padding: 10px 0 0 61px; width: 175px;}
.leftTwoCon{ color: #e09b43; height: 20px; line-height: 20px; padding: 10px 0 0 61px; width: 175px;}
.leftTwoCon a{ color: #e09b43 !important; text-decoration: underline;}
.leftTwoCon a:hover{ color: #fff!important;}
.leftThree{ height: auto; width: 100%;}
.leftThreeTit{ background: url(../images/galerybg.gif) left bottom no-repeat; height: 25px; *height: 23px; margin-left: 45px; width: 198px;}
.leftThreeCon{ height: 111px; margin:12px 0 0 45px; width: 198px;}
.indexNews{ display: inline; height: auto; float: left; margin: -125px 0 0 283px; width: 200px;}
.indexNews ul li{ background: url(../images/corner3.gif) left center no-repeat; height: 24px; line-height: 24px; padding-left: 12px; width: 186px;}

.right{ float: left; height: 100%; width: 586px;}

#footer{ margin:0 auto; height:126px; overflow: hidden; width:100%;}
.footerNav{ background: url(../images/subNavbg.gif) top center no-repeat; height:48px; width:100%;}
.footerBox{ height: auto; margin: 0 auto; width: 1002px;}
.footerLeft{ display: inline; float: left; height: 100%; margin-left: 15px; width: 252px;}
.footerNavTel{ float: left; margin-top: 17px; width: 60px;}
.footerNavTelNum{ float: left; font-size: 0px; height: 26px; margin-top: 10px; width: 192px;}
.footerRig{ display: inline; float: right; height: 100%; margin: 12px 11px 0 0px; width: 335px;}
.w410{ width:410px;}
.footerRig ul li{ background: url(../images/subnavsep.gif) left center no-repeat; float: left; height: 20px; line-height: 20px; padding: 0 10px 0 9px;}
.footerRig ul li.lisp{ background: none;}
.footerMusic{ display: inline; float: left; font-size: 0px; height: 56px; margin: -40px 376px; position:absolute; width: 251px; z-index: 5;}
.footerInfo{ background: url(../images/footerbg.gif) top center repeat-y; height:306px; width:100%;}
.footerLogo{ display: inline; float: left; font-size: 0px; height: 36px; margin: 8px 15px; width: 245px;}
.footerCopyRight{ display: inline; float: right; line-height: 20px; margin: 7px 20px 0 0; text-align: right; width: 415px;}
.footerCopyRightEn{ font-size: 11px;}

/* about_sytle */
#body_center{ background: url(../images/aboutcenterbg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}
.aboutLeft{ float: left; height: 494px; width: 448px;}
.crtPostion{ color: #fff; height: 15px; margin: 38px 0 0 35px; width: 350px;}
.crtPostionImg{ float: left; height: 15px; width: 37px;}
.crtPostionDet{ float: left; margin-left: 7px; padding-top: 0px; *padding-top: 2px; width: 300px;}
.pageTit{ margin: 28px 0 0 30px; width: 300px;}
.aboutCon{ line-height: 22px; margin: 36px 0 0 36px; width: 380px;}

.aboutRight{ float: left; height: 494px; width: 554px;}
.aboutRightPic{ height: 394px; margin: 43px 0 0 20px; width: 504px;}
.aboutRightPic ul li{ float: left; margin-right: 2px;}
.aboutRightImg{ height: 363px; width: 166px;}
.aboutRightTit{ background: url(../images/pictit.gif) no-repeat; height: 31px; width: 166px;}
.aboutRightTit2{ background: url(../images/hoteltit.gif) no-repeat; height: 31px; width: 166px;}
.aboutRightTit a{ color: #392413 !important; font-size: 14px; float: right; font-style: italic; margin: 6px 6px 0 0;}
.aboutRightTit a:hover{ text-decoration: none !important;}
.aboutRightPage{ display:inline-block; height: 21px; float: right; margin-right: 25px; _margin-right:8px; padding-top: 12px; padding-right: 18px; width: auto;}

/* room_style */
#room_center{ background: url(../images/roombg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}
.centerCon{ height: auto; margin: 0 auto; width: 1002px;}
.roomLeft{ float: left; height: 569px; width: 448px;}
.roomRight{ float: left; height: 569px; width: 554px;}
.roomRightPic{ height: 486px; margin: 24px 0 0 20px; width: 462px;}
.roomRightPic ul{ float: left; margin-top: 2px; width: 462px;}
.roomRightPic ul li{ float: left;}
.roomRightImg{ float: left; font-size: 0px; height: 160px; width: 390px;}
.roomRightTit{ float: left; background: url(../images/pictitbg2.gif) no-repeat; height: 160px; width: 72px; }
.roomRightTit a{ color: #6f543e!important; font-weight: bold;}
.roomRightTitSt{ width: 15px; margin: 7px 0 0 42px;}
.roomRightPage{ display:inline-block; height: 21px; float: right; margin-right: 88px; _margin-right:30px; padding-top: 12px; padding-right: 18px; width: auto;}

/* roomdet_style */
#roomdet_center{ background: url(../images/roomdetbg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}
.roomDetLeft{ float: left; height: 494px; width: 448px;}
.roomDetRight{ float: left; height: 494px; width: 554px;}
.roomStyleTit{ background: url(../images/roomdettit.gif) left top no-repeat; margin: 20px 0 0 30px; height: 49px; width: 204px;}
.roomStyleTitTxt{ color: #c9a47c; font-size: 12px; font-weight: bold; height: 36px; line-height: 36px; padding: 5px 0 0 2px; text-align: center; width: 192px;}
.roomStyleInfo{ color: #c9a47c; height: auto; margin: 11px 0 0 33px; width: 410px;}
.roomStyleInfo2{ color: #c9a47c; height: auto; margin: 0 0 0 33px; width: 410px;}
.roomStyleIco{ float: left; height: 9px; width: 8px; margin: 8px 3px 0 0;}
.roomStylePric{ float: left; height: 22px; line-height: 22px; width: 355px;}
.roomStyleCon{ float: left; line-height: 22px; width: 355px;}
.roomBooking{ height: 36px; margin: 35px 0 0 35px; width: 108px;}
.roomDetPic{ background: #e3d1be; height: 366px; margin: 46px 0 0 18px; width: 504px;}
.roomDetPicTit{ background: url(../images/roomdettitbg.gif) no-repeat; color: #6f543e; font-weight: bold; display: inline; float: right; height: 23px; margin-right: 32px; padding:6px 10px 0 0;  text-align: right; width: 156px;}
.roomDetPicCon{ display: inline; float: left; height: 355px; margin: 5px 0 0 3px; width: 496px; border: 1px solid #cab9a7;}
.roomDetRightPage{ height: 21px; margin-left: 20px; text-align: left; padding-top: 12px; padding-right: 18px; width: 150px;}
.roomDetPage{ cursor: pointer; float: left; width: 67px; height: 21px;}

/* food_style */
#food_center{ background: url(../images/foodbg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}
.foodRightTit{ background: url(../images/pictit.gif) no-repeat; height: 31px; width: 166px;}
.foodRightTit a{ color: #6f543e !important; font-weight: bold; float: right; margin: 6px 10px 0 0; *margin-top: 8px;}

/* disport_style */
#dis_center{ background: url(../images/disportbg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}

/* shopping_style */
.shopList{ height: auto; line-height: 22px; margin: 33px 0 0 33px; width: 410px;}
.shopListTit{ color: #a3825f; float: left; height: 22px; width: 65px;}
.shopListCon{ color: #a3825f; float: left; width: 340px;}
.shopListCon ul li{ float: left; width: 71px; padding: 0 7px 0 7px;}
.shoppic{ height: 448px; margin-left: 22px; width: 519px;}
.shoppic ul li{ display: inline; float: left; margin-right: 7px; width: 166px;}
.shoppicImg{ background: url(../images/shopbg1.gif) no-repeat; display: table-cell; vertical-align:middle; *display: block;*font-size: 110px; height: 123px; text-align:center; width: 166px;}
.shoppicImg img{ vertical-align: middle;}
.shoppicImg2{ background: url(../images/shopbg2.gif) no-repeat; display: table-cell; vertical-align:middle; *display: block;*font-size: 104px; height: 116px; text-align:center; width: 166px;}
.shoppicImg2 img{ vertical-align: middle;}
.shoppicImgBtm{ background: url(../images/pictit.gif) no-repeat; color: #6f543e; font-size: 12px; font-weight: bold; height: 26px; text-align: right; padding-right: 12px; padding-top: 5px; width: 154px;}
.shopPage{ display: inline; float: left; height: 21px; margin-left: 200px; padding-top: 12px; width:auto!important; width:200px; min-width:200px; width: expression_r_r_r( document.body.clientWidth < 201 ? "200px" : "auto" ); }

/* meeting_style */
#meet_center{ background: url(../images/meetingbg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}
.roomStyleCon2{ float: left; line-height: 22px; width: 355px;}

/* gallery_style */
#gallery_center{ background: url(../images/galerybg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}
.galleryLeft{ float: left; height: 569px; width: 255px;}
.galleryRight{ float: left; height: 569px; width: 747px;}
.crtPostion2{ color: #fff; height: 15px; margin: 38px 0 0 35px; width: 215px;}
.crtPostionImg2{ float: left; height: 15px; width: 37px;}
.crtPostionDet2{ float: left; margin-left: 7px; padding-top: 0px; *padding-top: 2px; width: 165px;}
.galleryTit{ margin: 28px 0 0 97px; width: 150px;}
.galleryTitbg{ height: 2px; font-size: 0px; margin: 20px 0 0 20px; width: 228px;}
.galleryNav{ height: auto; margin-top: 18px; width: 100%;}
.galleryNav ul li{ display: inline; float: left; height: 22px; line-height: 22px; margin-left: 20px; text-align: center; width: 220px}
.galleryNav ul li.on1{ background: url(../images/leftnav1.gif) 36px 0 no-repeat;}
.galleryNav ul li.on1 a{ color: #cda172 !important;}
.galleryNav ul li.on2{ background: url(../images/leftnav2.gif) 36px 0 no-repeat;}
.galleryNav ul li.on2 a{ color: #cda172 !important;}
.galleryNav ul li.on3{ background: url(../images/leftnav3.gif) 36px 0 no-repeat;}
.galleryNav ul li.on3 a{ color: #cda172 !important;}
.galleryNav ul li.on4{ background: url(../images/leftnav4.gif) 36px 0 no-repeat;}
.galleryNav ul li.on4 a{ color: #cda172 !important;}
.galleryImg{ height: 452px; margin: 31px 0 0 28px; width: 692px;}
.galleryImg ul li{ float: left; height: 146px; margin-right: 7px; margin-top: 7px; width: 166px; overflow:hidden;}
.galleryImgPic{ float: left; height: 115px; width: 166px;}
.galleryImgTxt{ float: left; background: url(../images/pictit.gif) no-repeat; color: #6f543e; font-size: 12px; font-weight: bold; height: 26px; text-align: right; padding-right: 12px; padding-top: 5px; width: 154px;}

/* attention_style */
.att{ height: 502px; margin: 11px 0 0 20px; width: 686px;}
.att ul li{ background: url(../images/attrigbg.gif) no-repeat; float: left; height: 95px; margin-top: 5px; width: 686px;}
.attOne{ float: left; height: 95px; width: 37px;}
.attNum{ color: #6f543e; text-align: right; padding: 5px 5px 0 0; height: 18px; width: 32px;}
.attHot{ height: 7px; margin: 60px 0 0 5px; width: 32px;}
.attImg{ float: left; font-size: 0px; height: 95px; width: 206px;}
.attTit{ display: inline; float: left; height: 20px; margin-left: 19px; padding-top: 11px; width: 200px;}
.attTit a{ color: #6f543e!important; font-weight: bold;}
.attPri{ color: #a68341; display: inline; float: right; font-weight: bold; height: 16px; margin-right: 23px; padding-top: 15px; text-align: right; width: 100px;}
.attCon{ color: #6f543e; float: left; line-height: 22px; margin: 10px 0 0 19px; width: 402px;}
/* attention_det_style */
#attention_center{ background: url(../images/attentionbg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}
.centerCon2{ height: 100%!important; height: 569px; min-height: 569px; margin: 0 auto; width: 1002px;}
.attDetLeft{ float: left; height: auto; width: 255px;}
.attDetRight{ float: left; height: auto; width: 747px;}
.attDet{ height: auto; margin: 35px 0 0 26px; width: 686px;}
.attDetHead{ background: url(../images/attdetheadbg1.gif) no-repeat; float: left; min-height:86px; height:auto!important; height: 86px; width: 686px;}
.attDetCon{ background: url(../images/attdetconbg.gif) repeat-y; color: #936f56; float: left; height: auto; line-height: 22px; margin-bottom: 60px; padding: 0 35px 40px 62px; overflow: hidden; width: 589px;}
.attDetTit{ min-height:14px; height:auto!important; height: 14px; margin-left: 61px; padding-top: 20px; padding-bottom:8px; background:url(../images/txt_welcome.gif) 0 bottom no-repeat; }
.attDetTit h3{ color: #936f56; font-size: 14px; font-weight: bold;}
.attDetLy{ color: #6f543e; height: 12px; margin-left: 61px; padding-top: 3px; width: 200px;}
.attDetDate{ background: url(../images/attdate.gif) right 2px no-repeat; height: 19px; line-height:19px; margin: 5px 21px 0 0; padding: 2px 5px 0 0; text-align:right;}
.attDetBack{ display: inline; float: right; margin: 60px 0 0 0; width: 100px}
.attDetBack a{ color: #6f543e!important;}

/* news_style */
#news_center{ background: url(../images/newsbg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}
.newsDetHead{ background: url(../images/newsheadbg.png) no-repeat; float: left; height: 69px; width: 686px;}
.newsDetHeadTit{ height: 30px; margin: 25px 0 0 65px; width: 150px;}
.newsDetCon{ background: url(../images/attdetconbg.gif) repeat-y; float: left; height: 418px; width: 686px;}
.newsDetCon ul li{ background: url(../images/newsline.png) right center no-repeat; display: inline; float: left; height: 25px; line-height: 25px; margin-left: 59px; width: 575px;}
.newsDetConDate{ background: url(../images/newsline.png) left center no-repeat; color: #b29968; float: left; padding-left: 10px; width: 71px;}
.newsDetConTit{ background: url(../images/newsline.png) left center no-repeat; float: left; padding-left: 11px; width: 406px;}
.newsDetConTit a{ color: #936f56!important;}
.newsDetConMore{ background: url(../images/ico_n.gif) left center no-repeat; color: #936f56; float: left; padding-left: 17px; width: 60px;}
.newsDetConMore a{ color: #936f56!important;}

/* hot_style */
#hot_center{ background: url(../images/hotbg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}

/* contact_style */
.contact{ height: auto; margin: 18px 0 0 40px; width: 400px;}
.contact ul li{ background: url(../images/ico_c.gif) left center no-repeat; color: #c9a47c; height: 22px; line-height: 22px; padding-left: 14px; width: 386px;}
.contactMap{ background: #e3d1be; height: 394px; margin: 36px 0 0 18px; width: 504px;}
.contactMapDet{ display: inline; float: left; border: 1px solid #cab9a7; height: 355px; margin: 5px 3px 3px 3px; width: 496px;}
.contactMapBtm{ height: 29px; width: 100%;}

/* link_style */
#link_center{ background: url(../images/linkbg.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}
.linkDet{}
.linkTit{ margin: 28px 0 0 450px; width: 300px;}
.linkTitLine{ height: 2px; font-size: 0px; margin: 21px 0 0 309px; width: 409px;}
.linkpic{ height: auto; margin-left: 66px; margin-top: 25px; width: 865px;}
.linkpic ul li{ background: url(../images/linkdetbg.jpg) no-repeat; display: inline; float: left; margin-right: 7px; margin-top: 7px; width: 166px;}
.linkpicImg{ display: table-cell; vertical-align:middle; *display: block;*font-size: 104px; height: 115px; text-align:center; width: 166px;}
.linkpicImg img{ vertical-align: middle;}
.linkpicImgBtm{ color: #6f543e; font-size: 12px; font-weight: bold; height: 26px; text-align: right; padding-right: 12px; padding-top: 5px; width: 154px;}
.linkTxt{ float: left; height: auto; margin-top: 54px; margin-left: 66px; margin-bottom: 85px; width: 865px;}
.linkTxtLeft{ float: left; height: 82px; width: 83px;}
.linkTxtRight{ float: left; height: auto; width: 782px;}
.linkTxtRight ul li{ display: inline; float: left; line-height: 22px; margin-left: 14px; width: 130px;}
.linkTxtRight ul li a{ color: #a3825f!important;}

/* recruit_style */
.recruit{ height: auto; margin: 18px 0 0 40px; width: 400px;}
.recruit ul li{ background: url(../images/ico_cr.gif) left center no-repeat; color: #c9a47c; height: 22px; line-height: 22px; padding-left: 17px; width: 383px;}
.recruit ul li span{ color: #b9a998;}
.recruitDet{ height: auto; margin: 37px 0 0 21px; width: 454px;}
.recruitDet ul li{ display: inline; float: left; margin: 10px 0 0 39px; width: 188px;}
.recruitDetTit{ background: url(../images/resuittit.gif) no-repeat; color: #6f543e; font-weight: bold; height: 27px; padding: 10px 0 0 18px; width: 170px;}
.recruitDetTxt{ margin-top: 10px;}
.recruitDetTxt ul li{ background: url(../images/ico_re.gif) left center no-repeat; height: 25px; line-height: 25px; margin: 0 0 0 2px; padding-left: 22px; width: 164px;}
.recruitConDet{ height: auto; margin: 47px 0 0 45px; width: 495px;}
.recruitConOne{ background: url(../images/resuitdettit.gif) no-repeat; color: #6f543e; font-weight: bold; height: 27px; padding: 10px 0 0 19px; width: 476px;}
.recruitConTwo{ height: 62px; width: 495px;}
.recruitConTwoLeft{ background: url(../images/ico_re.gif) left center no-repeat; display: inline; float: left; height: 22px; line-height: 22px; margin-left: 10px; margin-top: 20px; padding-left: 22px; width: 328px;}
.recruitConTwoRight{ float: left; height: 22px; line-height: 22px; margin-top: 20px; width: 134px;}
.recruitConTh{ height: auto; width: 495px;}
.recruitConThHead{ width: 495px; height: 5px;}
.recruitConThCenter{ background: url(../images/rcenter.gif) repeat-y; float: left; padding-left: 32px; width: 463px; height: auto;}
.recruitNum{ height: 55px; line-height: 55px; width: 370px;}
.recruitNum2{ line-height: 25px; padding-top: 15px; padding-bottom: 30px; width: 370px;}
.recruitNumline{ font-size: 0px; height: 2px; width: 427px;}
.recruitConThFoot{ width: 495px; height: 5px;}

/* bbs_style */
#bbs_center{ background: url(../images/bbs.jpg) top center no-repeat; margin:0 auto; height:auto; width:100%;}
.bbsdet{ float: left; width: 686px; }
.bbsdet ul li{ border-top: 1px solid #c5b3a1; background: url(../images/rijidetbg.gif) no-repeat; float: left; height: 100%!important; height: 94px; min-height: 94px; width: 686px;}
.bbsdet ul li.lisp{ border-bottom: 1px solid #c6b4a2;}
.bbsOne{ float: left; height: 110px; width: 37px;}
.bbsNum{ color: #6f543e; text-align: right; padding: 8px 5px 0 0; height: 15px; width: 32px;}
.bbsHot{ height: 7px; margin: 60px 0 0 5px; width: 32px;}
.bbsTwo{ float: left; height: 110px; width: 68px;}
.bbsTwoDate{ color: #769051; font-size: 20px; margin-top: 53px; text-align: center; width: 68px;}
.bbsTwoYear{ color: #936f56; text-align: center; width: 68px;}
.bbsTh{ float: left; width: 581px; height: 100%!important; height: 110px; min-height: 110px;}
.bbsThTit{ color: #6f543e; font-weight: bold; line-height: 22px; padding: 10px 25px 0 14px; width: 542px;}
.bbsThCon{ color: #936f56; line-height: 22px; padding: 0 25px 0 14px; height: auto; width: 542px;}
.bbsPl{ background: url(../images/attdetconbg.gif) repeat-y; float: left; height: 400px; margin-bottom: 50px; width: 686px;}
.bbsPlPage{ display:inline-block; height: 21px; float: right; margin-right: 25px; _margin-right:8px; padding-top: 12px; width: auto;}
.bbsPlTit{ display: inline; float: left; height: 35px; margin: 7px 0 0 54px; width: 651px;}
.bbsPlCon{ display: inline; float: left; color: #936f56; height: auto; margin: 0 0 0 90px; width: 496px;}
.bbsPlBtn{ display: inline; float: left; height: 36px; margin: 30px 0 0 450px; width: 114px;}

/* booking_style */
.bkLeft{ height: 202px; margin-left: 48px; margin-top: 30px; width: 183px;}
.bkLeftTop{ background: url(../images/booklefttop.gif) no-repeat; color: #6f543e; font-size: 14px; font-weight: bold; text-align: right; padding: 9px 10px 0 0; width: 173px; height: 28px;}
.bkLeftCenter{ width: 100%; height: 126px; font-size: 0px;}
.bkLeftBtm{ background: url(../images/bookleftbtm.gif) no-repeat; color: #a97d05; font-size: 22px; font-weight: bold; padding: 7px 0 0 18px; width: 165px; height: 32px;}
.bkStep{ height: 46px; text-align: left; width: 500px;}
.bkStepDet{ height: auto; margin: 15px 0 0 60px; width: 500px;}
.bkStepDet ul li{ float: left; line-height: 28px; margin-top: 2px; width: 220px;}
.bkStepDet ul li input,select{ border: none;}
.bkinput1{ background: url(../images/input1.gif) no-repeat #6B4C33; color: #fff; padding: 5px 0 0 5px; width: 145px; height: 23px;}
.bkinput2{ background: url(../images/input2.gif) no-repeat #6B4C33; color: #fff; padding: 5px 0 0 5px; width: 98px; height: 23px;}
.bkinput3{ background: url(../images/inout3.gif) no-repeat; color: #fff; padding: 5px 0 0 5px; width: 145px; height: 23px;}
.bkinput4{ background: url(../images/input4.gif) no-repeat; color: #fff; padding: 5px 0 0 5px; width: 83px; height: 23px;}
.bkinput5{ background: url(../images/input5.gif) no-repeat; color: #fff; padding: 5px 0 0 5px; width: 145px; height: 23px;}
.bkStepDet2{ height: auto; margin: 15px 0 0 60px; text-align: left; width: 500px;}
.bkStepDet2 ul li{ float: left; line-height: 28px; margin-top: 2px; width: 500px;}
.bkReult{ background: url(../images/resultbg.gif) no-repeat; margin: 30px 0 0 44px; height: 190px; width: 465px;}
.bkReult ul{ display: inline; float: left; margin: 10px 0 0 20px; height: 170px; width: 440px;}
.bkReult ul li{ float: left; line-height: 30px; width: 220px;}
.bkReult ul li.lisp{ margin-top: 50px;}
.bkReult2{ margin: 30px 0 0 44px; height: 150px; width: 520px;}
.bkReult2 ul{ margin: 10px 0 0 20px; height: 180px; width: 500px;}
.bkReult2 ul li{ float: left; line-height: 30px; width: 250px;}

/* query_style */
.kfcx{ height: 34px; margin: 40px 0 0 72px; width: 113px;}
.kfcx2{ height: 34px; margin: 20px 0 0 72px; width: 113px;}
.bkinfo2{ width: 550px; height: auto; margin:35px 0 0 50px;}
.bkinfo{ width: 460px; height: auto; margin:35px 0 0 50px;}
.bkinfo ul li{ float: left; margin-top: 3px; width: 460px; height: 28px;}
.bkinfoSelect{ color: #fff; background: #6B4C33; height: 22px; padding: 3px 0 0 0; width: 150px;}
.bkinfoInput{ color: #fff; background: url(../images/cxhm.gif) no-repeat; padding: 3px 0 0 3px; height: 25px; width: 191px;}


/* diaty_style */
.diaty{ width: 686px; margin: 22px 0 0 20px; height: auto;}
.diaty ul li{ background: url(../images/bg.gif) 0 0 repeat-y; height: 100%!important; height: 150px; min-height: 150px; width: 686px;}
.diatyLeftOne{ float: left; background: url(../images/leftone.png) no-repeat; width: 51px; height: 100%!important; height: 150px; min-height: 150px; overflow: hidden;}
.diatyLeftTwO{ float: left;  width: 94px; height: 100%!important; height: 150px; min-height: 150px; overflow: hidden;}
.diatyLeftTwOTop{ color:#936f56; margin-top: 14px; text-align: center; width: 100%}
.diatyLeftTwOTop span{ color: #4e6c7e;}
.diatyLeftTwOBtm{ background: url(../images/anbg.gif) bottom no-repeat; color: #947865; font-weight: bold; line-height: 25px; margin-top: 40px; width: 100%; text-align: center; overflow:hidden;}
.diatyLeftTh{ color: #936f56; float: left; background: url(../images/leftth.jpg) no-repeat; width: 541px; height: 100%!important; height: 150px; min-height: 150px;}
.diatyLeftThTop{ width: 513px;min-height: 44px; line-height: 22px; padding: 11px 14px 11px 14px; border-bottom:1px #bdad9c solid;}
.diatyLeftThBtm{ width: 513px;text-align: left; line-height: 22px; padding: 11px 14px 15px 14px; border-top:1px #f2e3d1 solid;}


/* 播放器样式 */
#ImgPlayer{ display: inline; float: left; width:496px; height:355px; margin: 6px 4px 0 4px; overflow:hidden;}
#ImgBlk{ width:496px; height:355px; }
#ss_img_div{width:496px; height:355px; overflow:hidden;}
#ss_img_div img{ }
#TxtBlk{width:206px; float:left;}
#Txt{ text-align:left; height:300px; border:1px #D7E5F5 solid;}
#Txt h2{color:#A80000; text-align:center; font-size:18px; font-family:"黑体"; font-weight:normal; padding:1px 0 5px 0; background:none;}
#Txt h2 a,#Txt h2 a:visited{color:#A80000; text-decoration:none;}
#Txt h2 a:hover,#Txt h2 a:active{color:#A80000; text-decoration:underline;}
/* 播放器样式 */


.fbplRight{ float: left; height: 100%!important; height: 696px; min-height: 696px; width: 747px;}
.fdd{ height: auto; margin: 45px 0 40px 45px; width: 640px;}
.fdd ul{ margin: 25px 0 0 30px;}
.fdd ul li{ float: left; line-height: 28px; margin-top: 3px; width: 640px;}
.whrite_inp{ background: url(../images/rijiinputbg.gif) no-repeat; color: #fff; height: 23px; padding: 5px 0 0 5px; width: 171px;}
.whrite_inp2{ background: url(../images/rijiinputbg.gif) no-repeat; color: #fff; height: 23px; padding: 5px 0 0 5px; width: 241px;}
#kefubox{
	position:absolute;
	right:0;
	width:49px;
	height:243px;
	overflow:hidden;}
	
.huodong .close {
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;}
.huodong {
	width:500px;
	height:200px;
	overflow:hidden;
	position:absolute;
	top:200px;
	left:40%;}