.picture li .name	{text-overflow: ellipsis; white-space: nowrap; overflow: hidden}

/*--------main_show-------*/
.main_show	{margin: 0 0 8px; background: url('img/title_1.jpg') repeat-x}

.main_show .fr	{width: 619px; padding: 0 0 0 20px}
.main_show .name	{height: 22px; padding: 6px 0; line-height: 22px; color: #F47A13}
.main_show h1	{float: left; width: 410px; font-size: 16px}
.main_show .number	{float: right; width: 209px; font-size: 14px; font-weight: bold}
.main_show .star4	{background: url('img/star_green.gif') 100px -198px no-repeat}
.main_show .star5	{background: url('img/star_green.gif') 100px -252px no-repeat}

.main_show .fl	{width: 268px; padding: 3px 0 0 7px}
.main_show .fl .border_top	{height: 8px; background: url('img/border.gif') 0 -704px}
.main_show .fl .border_side	{padding: 0 9px 1px 10px; background: url('img/border_side_1.jpg') repeat-y}
.main_show .fl .border_bottom	{height: 8px; background: url('img/border.gif') 0 -40px}
.main_show .fl img	{width: 249px; height: 174px}

.specification	{padding: 0 0 20px}
.specification .title	{height: 30px; padding: 6px 0 0; line-height: 30px; font-size: 12px; font-weight: bold; color: #44837B}
.specification li	{float: left; width: 200px; height: 24px; line-height: 24px; text-indent: 14px; font-size: 12px; color: #F27C22; background: url('img/icon_1.gif') 0 -29px no-repeat}
.brief	{clear: both; line-height: 20px; font-size: 12px; color: #4A4A4A}
.brief span	{float: right; text-decoration: underline; color: #456B8F}
.brief span.intro	{float: none; margin: 0 12px 0 0; text-decoration: none; color: #4A4A4A; font-weight: 600}

/*--------switcher-------*/
.switcher	{height: 35px; padding: 0 0 9px 5px; background: url('img/border.gif') 0 -719px no-repeat}
.switcher div	{float: left; height: 30px; padding: 3px 0 2px 7px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold}
.switcher .s1	{width: 123px; color: #ffffff; background: url('img/nav.gif') 7px -40px no-repeat}
.switcher .s2	{width: 161px; color: #ffffff; background: url('img/nav.gif') 7px -115px no-repeat}
.switcher .s3	{width: 123px; color: #388A7B; background: url('img/nav.gif') 7px -190px no-repeat}
.switcher .s4	{width: 161px; color: #388A7B; background: url('img/nav.gif') 7px -265px no-repeat}

/*--------main_info-------*/
.main_info_1	{height: 10px; line-height: 0; font-size: 0}
.main_info_2	{padding: 16px 25px 15px 24px; background: url('img/border_side_2.jpg') repeat-y}
.main_info_3	{height: 11px; line-height: 0; font-size: 0; background: url('img/border.gif') 0 -88px}

.main_info .each h2	{height: 30px; line-height: 30px; border-bottom: 1px solid #428679}
.main_info .each h2 .fl	{font-size: 20px; color: #3F8A73; font-style: italic}
.main_info .each h2 .fr	{font-size: 16px; color: #C1C1C1}

/*--------itinerary-------*/
.itinerary .map	{padding: 8px 0}
.itinerary .choice li	{float: left; width: 400px; height: 20px; padding: 5px 0 15px; line-height: 20px}
.itinerary .choice span	{margin: 0 0 0 15px; font-size: 12px; color: #4B4B4B; font-weight: bold}

.itinerary .itin	{clear: both; width: 100%; border-collapse: collapse; line-height: 26px; text-align: center; font-size: 12px; color: #4F4F4F}
.itinerary .itin th	{line-height: 30px; font-size: 14px; background: #DBF1EF}
.itinerary .itin td	{padding: 4px 0; border-bottom: 1px dashed #A4AEAD}
.itinerary .itin .day	{width: 13%; text-align: left; text-indent: 4px; font-size: 14px; font-weight: bold; color: #ffffff; background: url('img/day.gif') 0 1px no-repeat}
.itinerary .itin .detail	{width: 74%; border-left: 1px dashed #A4AEAD; border-right: 1px dashed #A4AEAD}
.itinerary .itin .detail ul	{text-align: left}
.itinerary .itin .detail li	{clear: both}
.itinerary .itin .detail .time	{float: left; width: 130px; text-indent: 30px}
.itinerary .itin .detail .action	{float: left; width: 500px}
.itinerary .itin .meal	{width: 13%}
.itinerary .itin .double	{background: #F2FEFE}
.itinerary .itin .double .day	{background: #F2FEFE url('img/day.gif') 0 1px no-repeat}

.itinerary .note,
.cruisine .note	{height: 60px; padding: 20px 0 10px 50px; background: url('img/note.jpg') 5px 25px no-repeat}
.itinerary .note li,
.cruisine .note li	{height: 20px; line-height: 20px; text-indent: 12px; font-size: 12px; color: #4E807D; background: url('img/icon_1.gif') 0 -279px no-repeat}

/*--------cabins-------*/
.cabins .cabin	{padding: 20px 15px 20px 5px;*padding: 20px 15px 20px 5px;_padding: 20px 15px 0 5px; border-bottom: 1px dashed #A4AEAD; font-size: 12px; color: #4B4B4B}
.cabins .detail	{width: 420px}
.cabins .detail h3	{height: 30px; padding: 1px 0 7px; line-height: 30px; font-size: 14px}
.cabins .detail li	{padding: 0 0 0 15px; line-height: 22px; background: url('img/icon_1.gif') 3px -322px no-repeat}
.cabins .img	{width: 390px}
.cabins .img div	{width: 152px; height: 142px; padding: 9px 9px 0; text-align: center; background: url('img/kuang_1.gif') no-repeat}
.cabins .img img	{width: 152px; height: 114px; margin: 0 0 15px}

/*--------cruisine & service-------*/
.cruisine	{margin: 0 0 15px; font-size: 12px; color: #4B4B4B}
.cruisine .meal	{height: 150px; margin: 23px 0 0; border-bottom: 1px dashed #AFAFAF}
.cruisine .meal .each	{width: 395; padding: 0 6px; background: url('img/title_2.jpg') repeat-x}
.cruisine .meal .brief	{width: 236px; height: 150px; padding: 0 0 0 159px}
.cruisine .meal h3	{height: 20px; padding: 5px 0 4px; line-height: 20px; font-size: 14px}
.cruisine .meal .brief p	{margin: 7px 0 0; line-height: 20px}
.cruisine .note	{clear: both}
.cruisine .meal .a6	{background: url('img/activity.gif') 0px -896px no-repeat}
.cruisine .meal .a7	{background: url('img/activity.gif') 0px -1053px no-repeat}

.service ul	{padding: 20px 0 0; font-size: 12px}
.service li	{clear: both; padding: 5px 0;*padding: 5px 0;_padding: 2px 0; overflow: hidden}
.service .item	{float: left; width: 167px; line-height: 22px; text-indent: 7px; font-weight: bold; color: #43827A; background: url('img/service.jpg') no-repeat}
.service .detail	{float: right; width: 698px; line-height: 22px; color: #4F4F4F}

/*--------facility & activity-------*/
.facility ul	{margin: 20px 0}
.facility li	{float: left; width: 216px; height: 40px; padding: 3px 0 12px; line-height: 40px; text-indent: 58px; font-size: 12px; color: #4A4A4A; background: url('img/facility_1.jpg') 5px 0 no-repeat}
.facility li.last	{clear: right}
.facility .f1	{background: url('img/facility_1.gif') 0 -1739px no-repeat}
.facility .f2	{background: url('img/facility_1.gif') 0 -1654px no-repeat}
.facility .f3	{background: url('img/facility_1.gif') 0 -1569px no-repeat}
.facility .f4	{background: url('img/facility_1.gif') 0 -1484px no-repeat}
.facility .f5	{background: url('img/facility_1.gif') 0 -1399px no-repeat}
.facility .f6	{background: url('img/facility_1.gif') 0 -1314px no-repeat}
.facility .f7	{background: url('img/facility_1.gif') 0 -1229px no-repeat}
.facility .f8	{background: url('img/facility_1.gif') 0 -1144px no-repeat}
.facility .f9	{background: url('img/facility_1.gif') 0 -1059px no-repeat}
.facility .f10	{background: url('img/facility_1.gif') 0 -974px no-repeat}
.facility .f11	{background: url('img/facility_1.gif') 0 -1824px no-repeat}
.facility .f12	{background: url('img/facility_1.gif') 0 -889px no-repeat}
.facility .f13	{background: url('img/facility_1.gif') 0 -804px no-repeat}
.facility .f14	{background: url('img/facility_1.gif') 0 -719px no-repeat}
.facility .f15	{background: url('img/facility_1.gif') 0 -634px no-repeat}
.facility .f16	{background: url('img/facility_1.gif') 0 -549px no-repeat}
.facility .f17	{background: url('img/facility_1.gif') 0 -464px no-repeat}
.facility .f18	{background: url('img/facility_1.gif') 0 -379px no-repeat}
.facility .f19	{background: url('img/facility_1.gif') 0 -294px no-repeat}
.facility .f20	{background: url('img/facility_1.gif') 0 -209px no-repeat}
.facility .f21	{background: url('img/facility_1.gif') 0 -124px no-repeat}
.facility .f22	{background: url('img/facility_1.gif') 0 -1909px no-repeat}
.facility .f23	{background: url('img/facility_1.gif') 0 -39px no-repeat}

.activity	{clear: both; padding: 10px 0 0}
.activity ul	{clear: both; padding: 15px 0 0}
.activity li	{height: 132px; margin: 15px 0 0; padding: 7px 0 0; color: #4E4E4E; background: url('img/title_2.jpg') repeat-x}
.activity li div	{height: 132px; padding: 0 0 0 200px}
.activity h3	{height: 22px; line-height: 22px; font-size: 14px}
.activity p	{line-height: 22px; font-size: 12px}
.activity li div.a1	{background: url('img/activity.gif') 15px -40px no-repeat}
.activity li div.a2	{background: url('img/activity.gif') 15px -212px no-repeat}
.activity li div.a3	{background: url('img/activity.gif') 15px -384px no-repeat}
.activity li div.a4	{background: url('img/activity.gif') 15px -556px no-repeat}
.activity li div.a5	{background: url('img/activity.gif') 15px -728px no-repeat}

/*--------picture-------*/
.picture ul	{margin: 30px 0 0}
.picture li	{float: left; width: 170px; height: 145px; padding: 9px 23px}
.picture li.last	{clear: right}
.picture li .img	{width: 152px; height: 107px; padding: 9px; background: url('img/kuang_9.jpg') no-repeat}
.picture li img	{width: 152px; height: 107px}
.picture li .name	{width: 152px; height: 20px; margin: 0 9px; line-height: 20px; text-align: center; font-size: 12px; color: #4F4F4F}

/*--------reserve-------*/
.reserve	{margin: 24px 0 10px}
.reserve .step1,
.reserve .step2,
.reserve .step3,
.reserve .steps	{padding: 0 25px 0 24px}
.reserve h2	{height: 34px; padding: 0 25px 0 24px; line-height: 34px; background : #EFEFEF}
.reserve h2 .fl	{font-size: 20px; color: #3F8A73; font-style: italic}
.reserve h2 .fr	{font-size: 16px; color: #C1C1C1}
.reserve h3	{height: 30px; padding: 4px 0; line-height: 30px; text-indent: 25px; font-size: 16px; color: #497D79; background: url('img/icon_1.gif') 4px -69px no-repeat}
.reserve h3.on	{background: url('img/icon_1.gif') 0 -120px no-repeat}

.reserve .step1 li	{float: left; width: 400px; height: 14px; padding: 5px 0 5px 20px; line-height: 14px}
.reserve .step1 li span	{margin: 0 0 0 15px; font-size: 12px; color: #4B4B4B}

.reserve .step2	{position: relative; margin: 10px 24px; padding: 10px 0; border-top: 1px dashed #ACACAC; border-bottom: 1px dashed #ACACAC}
.reserve .step2 h3 .input	{margin: 0 0 0 15px}
.reserve .step2 h3 input	{width: 125px; height: 20px; margin: 0; padding: 0; line-height: 20px; color: #444444; border: 1px solid #A9AAAC; background: url('img/calendar.jpg') 108px 3px no-repeat}
.reserve .step2 .date	{position: absolute; top: 42px; left: 244px; width: 639px; background: #ffffff}
.reserve .step2 .hidden	{display: none}
.reserve .step2 .date .border_top		{width: 635px; border-top: 2px solid #58C1BA}
.reserve .step2 .date .border_side		{padding: 5px 12px 5px 7px; background: url('img/border_side_14.jpg') repeat-y}
.reserve .step2 .date .border_bottom	{clear: both; width: 635px; height: 7px; background: url('img/border_bottom_1.jpg') repeat-x}
.reserve .step2 .date ul	{width: 620px}
.reserve .step2 .date ul li	{float: left; width: 122px; height: 34px; border: 1px solid #EFF9F8; line-height: 34px; text-align: center; font-size: 12px; color: #4F4D4E}
.reserve .step2 .date ul li.over	{background: #87CFCB; border-color: #ffffff; font-size: 14px; font-weight: bold; color: #ffffff; cursor: pointer}

.reserve .step3 h3 span	{margin: 0 0 0 50px; padding: 0 25px 0 0; font-size: 12px; font-weight: normal; color: #E77B20; cursor: pointer}
.reserve .step3 h3 span.jia	{background: url('img/icon_1.gif') 115px -667px no-repeat}
.reserve .step3 h3 span.jian	{background: url('img/icon_1.gif') 115px -717px no-repeat}
.reserve .step3 table	{width: 96%; margin: 0 2%; border: 1px solid #CCCCCC; border-collapse: collapse; font-size: 12px; color: #444444}
.reserve .step3 th,
.reserve .step3 td	{padding: 5px 3px; line-height: 24px; border: 1px solid #CCCCCC; text-align: center}
.reserve .step3 th	{background: #F1F1F1}
.reserve .step3 .country	{width: 200px}
.reserve .step3 .jiage	{font-size: 14px; font-weight: bold; color: #418A81}
.reserve .step3 .note	{padding: 0 27px 5px; line-height: 20px; font-size: 12px; color: #4B4B4B}

.reserve .submit	{padding: 15px 0 10px; text-align: center}
.reserve .submit img	{width: 139px; height: 38px}

.reserve .steps	{width: 740px; height: 40px; margin: 10px auto; background: url('img/steps_1.jpg') 30px 0 no-repeat}