html, body, p, table, td, form, img, h1, h2, h3, h4, h5, h6, input, div{padding: 0px; margin: 0px; border: 0px transparent none; background-position:left top; background-repeat:no-repeat; }
img,select,input{vertical-align:middle;}
ul,li,ol{list-style-type:none;}
ul,li{ margin:0; padding:0; }

.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.center{text-align:center}
.margin10{margin:0 10px}
.marginright0{margin-right:0}
.paddingTD{padding:3px 8px;}
.inline{display:inline}
.none{margin:0; padding:0}
.dot{background:url(index_19.gif) no-repeat 125px center; text-indent:0px;}
h2.dot_red{background:url(index_43.gif) no-repeat left center; text-indent:18px;}
.broken-line{border-bottom:2px solid  #90c535; padding-bottom:15px;}
.split-10px{height:10px; overflow:hidden; clear:both;}
.bg-1{width:912px; height:229px; margin:0 auto; background:url(index_03.jpg); clear:both;}

#banner{width:911px; height:426px; margin:0 auto; clear:both;}
	#jsNavIndex, #jsNav{float:left; width:197px; height:426px; background:url(index_05.jpg);}
	#nav{margin-top:-15px;}
	#nav li{width:177px; height:36px; margin:5px 3px; } 
	#nav .nav-1{background:url(nav1.gif) no-repeat; } 
	#nav .nav-2{background:url(nav2.gif) no-repeat; } 
	#nav .nav-3{background:url(nav3.gif) no-repeat; } 
	#nav .nav-4{background:url(nav4.gif) no-repeat; } 
	#nav .nav-5{background:url(nav5.gif) no-repeat; } 

	body#index .nav-1{background-image:url(nav1_h.gif)}
	body#detail .nav-2{background-image:url(nav2_h.gif)}
	body#tourline .nav-3{background-image:url(nav3_h.gif)}
	body#entertainment .nav-4{background-image:url(nav4_h.gif)}
	body#vr .nav-5{background-image:url(nav5_h.gif)}

	.bg-2{float:right; width:714px; height:146px; background:url(index_06.jpg);}
	.bg-3{float:right; width:714px; height:280px; background:url(index_07.jpg);}
	.bg-3 #flash{width:535px; height:233px; margin:5px 0 0 144px;}

/* row-1 */
.wrapper{position:relative; width:911px; margin:0 auto; clear:both; }
.cruiseHoliday{float:left; width:342px; height:310px; background:url(index_08.gif);}
.cruiseHoliday p{margin:80px 20px 0;}
.tripLine{float:right; width:563px; height:330px; background:url(boxbg.gif) no-repeat center bottom;}
.tripLine h2{height:51px; background:url(titlebg.jpg) no-repeat right center;}
.tripLine h2 .title{float:left; display:block; width:83px; height:51px; background:url(index_10.gif) no-repeat left center;}
.tripLine h2 .more{float:right; margin:10px 10px 0 0 }
.costa h3.dot{background:url(index_43.gif) no-repeat left 6px; text-indent:20px;}
.mixed{clear:both; margin:0 8px 5px; border-bottom:1px dotted #999;}/* 图文标题混排格式 */
.mixed img{float:left; border:1px solid #999; padding:2px; margin-right:30px;}
.mixed img:hover{border-color:#267fc9;}
.table94{margin:0 auto;}

/* row-2 */
h2{height:29px; background:url(index_29.gif) repeat-x right center;}
h2 .title{float:left; display:block; width:84px; height:29px; background:url(index_27.gif) no-repeat left center;}
h2 .more{float:right; margin:0px 10px 0 0 }
.mixed2{float:left; width:455px; height:155px; margin:10px 0;}/* 图文标题混排格式2 */
.mixed2 img{float:left;border:1px solid #999; padding:2px;}
.mixed2 .txt{float:right; width:200px; }
.mixed2 .txt2{float:right; width:200px; }
.mixed2 .txt3{float:right; width:205px; }
.mixed2 .txt4{float:right; width:180px; }
.mixed2 .dot{background:url(video.gif) no-repeat left 6px;}
.mixed2 h3{ padding:0 8px 0 20px;}
.mixed2 p{ padding-right:12px;}
	.mixed3 img{float:right; margin-right:5px;}
	.mixed3 .txt{float:left;}
	.mixed3 p{padding-right:13x;}
.row3 h2 .title{background-image:url(index2_06.gif);}
.row3 .interactive{height:118px; margin:10px; background:url(index2_10.gif) repeat-x;}
.row3 .interactive .box{float:left; width:222px; margin:14px 0; text-align:center;}
.row3 .interactive .box .boxinner{margin-bottom:5px; padding:0 5px;  border-right:1px dotted #fff;}
.row3 .interactive .box .boxinner img{border:2px solid #ffb400;}
.row3 .interactive .box .boxinner img:hover{border-color:#000;}
.row3 .interactive-txt{margin:20px 0;}
.row3 .interactive-txt ul{float:left; margin:0 30px;}
.row3 .interactive-txt li{margin-bottom:10px; background:transparent url(index_43.gif) no-repeat scroll left center; text-indent:20px}
.row3 .interactive-txt li img{margin-left:4px; }

/* row-3 partner */
.partner{clear:both; padding-bottom:20px; margin-bottom:10px; border-bottom:1px solid #00b8db;}
.partner h2{height:29px; background:url(index_58.gif) repeat-x right center;}
.partner h2 .title{float:left; display:block; width:84px; height:29px; background:url(index_56.gif) no-repeat left center;}
.partner h2 .more{float:right; margin:0px 10px 0 0 }
.unit{float:left; width:170px; padding:10px 10px 0 0; text-align:center; overflow:hidden; }
.unit p{text-align:left;}

/* lesson styles */
#active {width:911px; margin:0 auto; background:url(lesson_boxbg.gif) no-repeat center bottom; min-height:130px;}
#active ul{background:url(lesson_titlebgR.gif) no-repeat right; height:28px;}
#active li{float:left; height:25px; margin:3px 0 0 6px; background:url(activebg.gif) no-repeat left bottom;}
#active li a{float:left; padding: 0 25px 0 10px; background:url(activebgR.gif) no-repeat right bottom; line-height:25px; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;}
#active li.selectTag{position:relative; height:25px; background-position:left top;}
#active li.selectTag a{background-position:right top; color:#1595ca; height:25px; line-height:25px; font-weight: bold;}

#tagContent .tagContent {display:none; margin:20px 10px 10px; }
#tagContent div.selectTag{display:block;}

.row{ height:290px; margin-top:16px; margin-bottom:16px; clear:both; padding-bottom:10px; border-bottom:1px dotted #737373}
.row .mixed3{width:510px;}
.row .mixed3 img{float:none; margin:0 20px 10px 0}
.row .mixed3 h2{border:none; background:url(index_43.gif) no-repeat left center; text-indent:18px;}
.row .mixed3 li{margin:8px 0; font-size:14px; font-color:#4f4f4f;}

/* route styles  inherit the lesson active style */
.route-each{float:left; width:690px; margin-top:10px; }
.route-each .route{margin:0 0 8px 0; text-align:center;}
.route-each .route h2{height:28px; margin-bottom:5px; background:url(route_06.gif) no-repeat left; text-indent:3em; text-align:left;}
.route h2 strong{float:right; display:block; width:10px; height:28px; margin-top:-25px; background:url(route_07.gif) no-repeat right;}
.route-each .route .tableRoute{float:right; width:403px; }
.route-each .route .c06669d{text-align:left; margin:4px auto; clear:both;}
.route-each .orderBottom{width:109px; height:25px; margin:5px auto 10px; background:url(bt_yellow.gif) no-repeat; color:#4a3703; font-weight:bold; font-size:14px; }
.route-each .addByMainDetail{padding:0 23px; margin-top:30px;}
.route-each .addByMainDetail h3{font-weight:bold;}
h3.title{margin-top:25px; }
.route-each .addByMainDetail p{font-size:14px; text-indent:28px; margin-bottom:20px;}

.route .tableRoute td{text-align:left}
.route .tableRoute td a, .route .tableRoute td a:hover{color:#06669d;}
.route .tableRoute .bgblue{background-color:#d0f2ff; color:#000; font-weight:normal;}
.route .tableRoute .borderBottom{border-bottom:1px solid #1595ca;}
.route .tableRoute td{border-top:1px solid #1595ca; padding:1px 3px 0; }

 ul.description{padding:8px 0; border-top:2px solid #1595ca; border-bottom:2px solid #1595ca}
 ul.description li{margin:2px 0;}
 ul.honeymoon{border-top-color:#964f9f; border-bottom-color:#964f9f;}

.threeTarget{float:right; width:212px; margin-top:10px; background:#60b7db url(bggggg.gif) no-repeat right bottom;}
.threeTarget h2{height:31px; background:#60b7db url(route_03.gif) no-repeat;}
.threeTarget .each{margin:20px 6px; line-height:1.8em;}
.threeTarget .each img{clear:both; padding:3px; }
.tips{float:right; width:212px; margin-top:10px; background:url(route_32.gif) no-repeat bottom; clear:both;}
.tips h2{height:24px; background:url(route_30.gif); }
.tips ul{margin:8px 6px 8px 16px; }
.tips li{margin-bottom:6px; background:url(dot_gray.gif) no-repeat left center; text-indent:10px; }
.tips li a, .tips li a:hover{color:#333;}

/* booking style */
.booking h2{height:28px; margin-bottom:5px; background:url(route_06.gif) no-repeat left; text-indent:3em; text-align:left;}
.booking h2 strong{float:right; display:block; width:10px; height:28px; margin-top:-25px; background:url(route_07.gif) no-repeat right;}
.booking .route-each{float:right; width:536px; }
.booking .route-each .route{margin:0 auto 15px; text-align:left}
.booking .route-each .route .tableRoute{float:none; width:536px;  }
.booking .route-each .route .tableRoute td{text-align:left }

.booking .threeTarget{float:left; width:367px; margin-top:0;}
.booking .threeTarget h2{height:35px; background-image:url(order_07.gif); text-indent:-9000px;}
.booking .threeTarget .each{margin:0; padding:20px 6px; min-height:316px; background-image:url(order_09.gif); }
.booking .threeTarget .each2{background-image:url(order_20.gif); }
.booking .threeTarget .each p{padding:10px 10px 0 140px;}
.booking .threeTarget .each2 p{padding:10px 132px 0 10px;}
.booking .threeTarget .each img{clear:both; padding:3px; }
.booking .description{margin:10px auto; width:911px; clear:both;}

/* detail style */
/*
#active-detail{width:911px; margin:0 auto; }
#active-detail ul{height:78px; overflow:hidden;}
#active-detail li{float:left; height:78px; background:url(detail_activebgL.gif) no-repeat left bottom;}
#active-detail li img{margin-top:2px;}
#active-detail li a{float:left; padding: 0 28px; background:url(detail_activebgR.gif) no-repeat right bottom; }
#active-detail li.selectTag{background-position:left top; position:relative; height:78px;}
#active-detail li.selectTag a{background-position:right top; height:78px; }

#tagContent-detail{margin-top:-3px; background:url(longbg2.gif) repeat-y center bottom; }
#tagContent-detail .tagContent{display:none; padding:40px 10px 10px; background:url(longbg1.gif) no-repeat center top;}
#tagContent-detail .tagContent-detail-bottombg{height:10px; background:url(longbg3.gif) no-repeat;}

#tagContent-detail .subNav { float:left; width:170px; text-align:center;}
#tagContent-detail .subNav a{display:block; margin:0 auto 20px;}
#tagContent-detail .subNav a img{border:3px solid #000; margin-bottom:5px;}
#tagContent-detail .subNav a p{ color:#000; font-size:16px; font-weight:bold;}
#tagContent-detail .subNav .selectSubTagCurrent img{border:3px solid #ffd200;}
#tagContent-detail .subNav .selectSubTagCurrent p{ color:#0095f0;}
#tagContent-detail .subTag {width:705px; padding-left:8px; }
#tagContent-detail div.selectTag{display:block;}
*/
.detail{position:relative;   min-height:1600px;}
.detail ul{position:absolute; top:0; left:0; z-index:2;}
.detail li{float:left; text-align:center;}
.detail li a{display:block; height:78px;}
.detail li img{ margin:7px auto;}
.detail li.detail-bg{padding:0 10px 0 0; background:url(detail2_topimgbgR.gif) no-repeat right;}
.detail li.detail-bg a{ background:url(detail2_topimgbgL.gif) no-repeat left;}
.detail li.marginright0{float:right; width:212px;}
.detail li.link1{width:160px;}
.detail li.link2{width:184px;}
.detail li.link3{width:188px;}
.detail li.link4{width:150px;}

.detail .content{position:absolute; top:76px; left:0; z-index:0; width:911px;  background:url(longbg2.gif) repeat-y; }
.detail .content h1{height:34px; padding-top:10px; background:url(longbg1.gif) no-repeat center top;}
.detail .content h1 img{margin-left:-10px;}
.detail .content ul{position:static; float:left; width:170px; height:auto; margin:10px 0 0 0; text-align:center; }
.detail .content li{width:170px; margin-bottom:30px;  height:90px;}
.detail .content li a{display:block; color:#000; font-size:14px; font-weight:bold;}
.detail .content li img{display:block; border:3px solid #000; margin-bottom:6px;}
.detail .content li.current img, .detail .content li img:hover{border-color:#ffd200;}
.detail .content li.current a,  .detail .content li a:hover{ color:#0095f0;}

.detail .content .cruiseInfo{float:left; width:705px; margin:0 0 10px 10px; }
.detail .content .cruiseInfo h3.dot{background:url(index_43.gif) no-repeat left 6px; text-indent:20px;}
.detail .content .boxbottombg{clear:both; height:10px; background:url(longbg3.gif) no-repeat bottom;}

.detail  .cruiseInto{border:3px solid #0095f0}
.detail  .cruiseInto td{font-size:14px; font-weight:bold; color:white; padding:2px 4px;}

.detail .activeIcon{position:absolute;	z-index:10;	width:28px;	height:24px;}

#detail .tripLine{width:653px;height:auto; margin-right:16px; background-image:url(vr_boxbg.gif); }
#detail .route{margin:0 auto 15px; text-align:left}
#detail .route .tableRoute{float:none; width:625px; margin:0 auto;  }

/* 360 */
#vr .threeTarget, #detail .threeTarget{float:left;  margin-left:15px; min-height:847px;}
#vr .threeTarget h2, #detail .threeTarget h2{padding-top:6px; background-image:url(360_13.gif); text-indent:0; text-align:right;}
#vr .threeTarget ul, #detail .threeTarget ul{padding:10px;}
#vr .threeTarget li, #detail .threeTarget li{margin-bottom:5px;  background:url(dot_white.gif) no-repeat left center; text-indent:8px; }
#vr .threeTarget li a, #detail .threeTarget li a{color:#fff; text-decoration:underline; }
#vr .threeTarget li a.current, #detail .threeTarget li a.current, #vr .threeTarget_video li a.current, #detail .threeTarget_video li a.current{color:#fcf655; font-weight:bold; text-decoration:none; cursor:default  }
#vr .threeTarget li a:hover, #detail .threeTarget li a:hover{color:#fcf655; text-decoration:none; }

#vr-360{width:659px; float:right; margin:-300px 15px 15px 0; }
#vr-360 .topbg{height:9px; background:url(vr_bg1.png);}
#vr-360 .contentWrap{height:441px; background:url(vr_bg2.png) repeat-y center;}
#vr-360 .content{width:640px; height:441px; margin:0 auto; background-color:#000;}
#vr-360 p{height:47px; background:url(vr_bg3.png);}
#vr-360 p.video{ background-image:url(video_bottombg.png);}
#vr-360 p .roomName{display:block; float:left; margin:10px 0 0 50px; height:30px; color:#fffbb9; font-size:14px; font-weight:bold;}
#vr-360 p .shipName{display:block; float:right; margin:10px 30px 0 0; height:30px; color:#fff; font-size:14px; font-weight:bold; }

#vr .tripLine{width:653px;height:auto; margin-right:16px; background-image:url(vr_boxbg.gif); }
#vr .route{margin:0 auto 15px; text-align:left}
#vr .route{margin:0 auto 15px; text-align:left}
#vr .route .tableRoute{float:none; width:625px; margin:0 auto;  }