@font-face{font-family:ass;src:url(https://16e071.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/fonts/Assassin$.ttf);font-weight:300}
@font-face{font-family:avn;src:url(https://4d4d7b.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/fonts/AvenirLTStd-Light_0.otf);font-weight:100}
@font-face{font-family:avn;src:url(https://f2f5ad.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/fonts/AvenirLTStd-Roman_0.otf);font-weight:300}
@font-face{font-family:exdd;src:url(https://c7a7d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/fonts/ExodusDemo-Regular.otf);font-weight:300}
@font-face{font-family:exdp;src:url(https://1f80d5.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/fonts/Exodus-PersonalUse-Regular.otf);font-weight:300}
@font-face{font-family:lt;src:url(https://a99e0b.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/fonts/Lato-Regular.ttf);font-weight:300}
@font-face{font-family:lt;src:url(https://c06257.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/fonts/Lato-Light.ttf);font-weight:100}

#allpop {position:fixed;background:rgba(0,0,0,.5);top:0;left:0;width:100%;height:100%;z-index:10;display:none}
.zindex12{z-index:12}
.main{max-width:1100px;margin:0 auto}
.main2{max-width:720px;margin:0 auto}
.main3{max-width:95%;margin:0 auto}
.main4{max-width:75%;margin:0 auto}
body{padding:0;margin:0;background:#fff;color:#231f20;font:100 16px/2 lt}
.item{width:100%;float:left}
*{box-sizing:border-box}
a{text-decoration:none}
header{position:fixed;z-index:3;width:100%}
header.active,header.openmenu{background:#231f20}
header.openmenu{position:fixed;float:left;width:100%;height:100%}
header > .boxtopmenu{padding:40px 50px;position:relative;z-index:3}

header .boxfindcruise{position:absolute;top:100%;left:-200%;background:rgba(46,42,43,.9);padding:25px 0;transition:all .4s;text-align:center}
header.openmenu .boxfindcruise{top:128px;}
header .boxfindcruise.active{left:0;padding:0}
header .boxfindcruise div.item{padding:25px 0}
header .boxfindcruise div.item span{padding:5px 0 0 20px;text-align:left;display:inline-block}
.boxfindcruise input[type='text']{width:190px;font:inherit;color:#FFF;background:none;border:0;text-transform:uppercase}
.boxfindcruise select{background:url(https://8b003d.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/iconarrowselect.png) no-repeat calc(100% - 10px) center;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;border:0;color:#fff;padding-right:40px;margin:0 40px}
.boxfindcruise select option{color:#000}
.boxfindcruise div.clear,#banner .boxfindcruise div{display:inline-block;position:relative;width:1px;height:35px}
.boxfindcruise div.clear:before,#banner .boxfindcruise div:before{width:1px;height:62px;position:absolute;content:'';background:#fff;top:-3px}
.boxfindcruise select:first-child{margin-left:0}
.boxfindcruise .btnfindcruise{display:inline-block;background:#fff;color:#231f20;padding:15px 70px;transition:all .4s;font:inherit;border:0;margin-top:35px}
.boxfindcruise .btnfindcruise:hover{text-shadow:0 0 3px #000;box-shadow:0 0 10px #000;background:#d0d2d3}
.boxpart{display:inline-block;width:25%;vertical-align:top}
.advanofbooking.iconmytick{background:url(https://4de76d.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/icon_cruise.png) no-repeat center top;padding-top:80px}
.advanofbooking.iconarrowup{background:url(https://4de76d.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/icon_cruise.png) no-repeat left -96px}
.advanofbooking.icondiscout{background:url(https://4de76d.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/icon_cruise.png) no-repeat left -162px}
.advanofbooking.iconoption{background:url(https://4de76d.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/icon_cruise.png) no-repeat 29px -243px}
.advanofbooking.iconpriority{background:url(https://4de76d.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/icon_cruise.png) no-repeat 29px -340px}

header.active > .boxtopmenu{padding:15px 50px}
.boxtopmenu > .btnmenu{float:left;padding:7px 0}
.boxtopmenu > .btncall{float:left;color:inherit;margin-left:50px;line-height:40px;background:#fff;padding:0 20px 0 55px;border-radius:20px;position:relative}
.btncall:before{position:absolute;content:'\f095';top:0;left:8px;color:#fff;font-family:FontAwesome;font-size:30px;transform:rotate(270deg);z-index:2}
.btncall:after{position:absolute;content:'';width:36px;height:36px;top:2px;left:2px;background:#444041;border-radius:18px;z-index:1}
header.active > .boxtopmenu > .btncall{}
header.openmenu > .boxtopmenu > .btncall{display:block}
.boxtopmenu > .btnbyc{float:right;color:#fff;border:1px solid #fff;font:300 16px/30px lt;padding:5px 30px;position:relative;transition:all .4s;z-index:2;overflow:hidden}
/*.boxtopmenu > .btnbyc:before{width:165%;left:-146%;height:75%;transform:scale(30deg,30deg);background:#fff;color:#000;position:absolute;content:'';top:13%;transform:skew(0deg, 45deg) rotate(-45deg);transition:all .4s;z-index:-1}*/
.boxtopmenu > .btnbyc:hover{color:#000;background:#fff;}
/*.boxtopmenu > .btnbyc:hover:before{left:-35%}*/
.boxtopmenu > select{appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;border:1px solid #fff;color:#fff;padding:0 40px 0 7px;margin:0 0 0 40px;float:right;background:url(https://8b003d.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/iconarrowselect.png) no-repeat calc(100% - 10px) center;height:42px}
header.active > .boxtopmenu > select{display:none}
header.openmenu > .boxtopmenu > select{display:block}
.boxtopmenu > a.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}
header.openmenu > .boxtopmenu > a.logo{display:block}
header.openmenu > .boxtopmenu > .btnmenu.active{position:relative;width:50px;height:48px}
header.openmenu > .boxtopmenu > .btnmenu.active:before,header.openmenu > .boxtopmenu > .btnmenu.active:after{position:absolute;content:'';left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:50px;background:#fff}
header.openmenu > .boxtopmenu > .btnmenu.active:after{transform:translate(-50%,-50%) rotate(-45deg)}
header.openmenu > .boxtopmenu > .btnmenu.active > img{display:none}

header > .boxmenu{background:#f1f2f2;text-align:center;display:none}
header.active > .boxmenu{display:block}
header.openmenu > .boxmenu{display:none}
.boxmenu > ul{padding:0;margin:2px 0 0;list-style:none;display:inline-block}
.boxmenu > ul > li{float:left;padding:0 45px;position:relative}
.boxmenu > ul > li:nth-child(n+2):before{width:1px;height:16px;left:0;content:'';position:absolute;background:#231f20;top:10px}
.boxmenu > ul > li a{color:inherit;font:inherit}
header.active > .boxtopmenu > a.logo{display:block}
header.active > .boxtopmenu > a.logo > img{margin-top:7px}

header.style2{background:rgba(32,31,35,.9);text-align:center;padding:4px 0 1px;position:relative}
header.style2 > a.logo{display:inline-block;position:relative;top:3px}
header.style2 > a.logo > img{width:37px}
header.style2 > ul{display:inline-block;list-style:none;padding:0;margin:0}
header.style2 > ul li{float:left;margin:0 30px;position:relative;font-size:12px}
header.style2 > ul li:before{position:absolute;content:'';height:50%;width:1px;background:#fff;left:-40px;top:50%;transform:translateY(-50%)}
header.style2 > ul li:first-child:before{width:0}
header.style2 > ul li a{color:#fff}
header.style2 > a.btncall{position:relative;display:inline-block;color:#231f20;background:#fff;font:100 12.21px avn;border-radius:12px;padding:5px 15px 5px 30px;top:-10px}
header.style2 > a.btncall:after{width:22px;height:22px}
header.style2 > a.btncall:before{font-size:16px;left:7px;top:3px}
header.style2 > select{appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";border:1px solid #737071;color:#fff;padding:0 40px 0 7px;margin:0 0 0 10px;background:url(https://8b003d.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/iconarrowselect.png) no-repeat calc(100% - 10px) center;height:24px;border-radius:12px;position:relative;top:-8px}
header.style2 > .btnsignin{display:inline-block;color:#fff;font:300 16px avn;margin-left:50px;position:relative;top:-5px;padding:10px 0;margin-bottom:-10px;cursor:pointer}
header.style2 > .btnsignin > i{font-size:30px}
header.style2 > .btnsignin:before{width:1px;height:60%;background:#fff;content:'';position:absolute;left:-25px}
header .btnsignin{display:inline-block;color:#fff;font:300 16px/30px lt;margin-left:50px;position:relative;top:-5px;padding:10px 0;margin-bottom:-10px;cursor:pointer;float:right;text-transform:uppercase}
header .btnsignin > i{font-size:30px}
.btnsignin > .listmenusignin{background:#373334;position:absolute;top:500%;padding:0 18px;margin:0;list-style:none;text-align:left;right:500%;opacity:0;visibility:hidden;transition:all .3s}
.btnsignin.active:hover > .listmenusignin{opacity:1;visibility:visible;top:100%;right:0}
.btnsignin > .listmenusignin > li{padding:8px 0}
.btnsignin > .listmenusignin > li:nth-child(n+2){border-top:1px solid #696667}
.btnsignin a{color:#fff}
.listmenusignin > li > a{color:#6d6e71;white-space:nowrap;transition:all .4s;;font:100 16px avn}
.listmenusignin > li > a:hover{color:#fff}
header.style2 > .btncart{color:#fff;font-size:30px;position:relative;top:-5px;margin-left:10px;display:inline-block}
header.style2 > .boxmenuuser{background:#e3e4e5;padding:25px 0}
.boxmenuuser ul{float:left;width:auto;margin:0;padding:0;list-style:none;text-align:left;margin:0 55px;position:relative}
.boxmenuuser ul:first-child{margin-left:0}
.boxmenuuser ul:nth-child(n+2):before{height:96px;position:absolute;content:'';width:1px;background:#c0c0c0;left:-55px;top:0}
.boxmenuuser ul li > a{font:inherit;color:#231f20}
.boxmenuuser ul:last-child li > a{font:300 20px avn}

header > .boxmenushowhide{display:none;text-align:center;float:left;width:100%;position:relative;padding:100px 0}
header.openmenu > .boxmenushowhide{display:block}
.boxmenushowhide > ul{display:inline-block;padding:0;margin:0;list-style:none}
.boxmenushowhide > ul > li{float:left;padding:10px 45px;position:relative}
.boxmenushowhide > ul > li:nth-child(n+2):before{position:absolute;content:'';left:0;width:1px;height:16px;top:20px;background:#fff}
.boxmenushowhide > ul > li > a{color:#fff}
.boxmenushowhide > ul > li.submenu > ul{position:absolute;left:0;top:100%;text-align:left;list-style:none;margin:0;padding:0;height:0;transition:all .3s;overflow:hidden;width:0}
.boxmenushowhide > ul > li.submenu:hover > ul{height:auto;padding:10px 0;width:auto}
.boxmenushowhide > ul > li.submenu > ul:before{width:50%;height:1px;background:#fff;content:'';position:absolute;top:0;left:45px}
.boxmenushowhide > ul > li.submenu > ul > li{padding:0 45px}
.boxmenushowhide > ul > li.submenu > ul > li a{color:#808285;font:100 14px avn;white-space:nowrap}
.boxmenushowhide > ul > li.submenu > ul > li a:hover{color:#fff}
.boxmenushowhide > ul > li.submenu > ul > li.submenu2 > ul{padding:0;list-style:none;height:0;overflow:hidden;transition:all .5s;width:0}
.boxmenushowhide > ul > li.submenu > ul > li.submenu2 > ul > li:before{content:'•';color:#808285}
.boxmenushowhide > ul > li.submenu > ul > li.submenu2 > ul > li:hover:before{color:#fff}
.boxmenushowhide > ul > li.submenu > ul > li.submenu2 > ul.active{height:auto;width:auto;padding:0 0 0 5px}
header > .menuft{color:#fff;width:100%;left:0;bottom:50px;text-align:center;position:absolute;line-height:1.6;display:none}
header > .menuft a{color:#fff}
header.openmenu > .menuft{display:block}
header > .menuft > a{font-size:30px;position:relative;margin:0 15px;color:#c2c1c1}
#banner{position:relative;z-index:2}
#banner.fullmode{height:100vh}
#banner.hide{display:none}
#banner.fullmode .rslides{height:100%}
#banner.fullmode .boxbanner{height:100%}
.boxbanner > .bannersample{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font:100 27.88px avn;letter-spacing:22px}
.bannersample > p:nth-child(2){margin:5% 0 0}
.bannersample > p:last-child{font-size:50.04px;margin:0}
.bannersample > p.normal{font:100 16px avn;letter-spacing:0}
.bannersample > h1{font:300 113.13px exd;margin:0;letter-spacing:40px;text-transform:uppercase}
.bannersample > h1.style2{font:300 62.63px exdp;margin:15% 0 3%;letter-spacing:17px}

#content{position:relative;z-index:1}
#content.hide{display:none}
#content > .boxexperience{text-align:center;padding:3% 0}
#content > .boxexperience img{margin-top:5%}
#content > .boxexperience.detail > img,#content > .boxexperience.detail > .main > .boxdistingtion.listaccomodation > .bxaccmdtion > .leftimg > img,#content > .boxexperience.detail > .main > .boxdistingtion.boxdining > .slidedining > .listdiningimg > img,#content > .boxexperience.detail > .main > .boxdistingtion.boxdining > .slidedining > .listspecial > .slick-list.draggable > .slick-track > .widthslide > img,#content > .boxexperience.detail > .main > .boxdistingtion.listaccomodation > .bxaccmdtion > .leftimg > .listservice > img,#content > .boxexperience.detail > .main > .boxdistingtion.boxdining > .slidedining > #listdestination > .slick-list.draggable > .slick-track > .listdiningimg.widthslide > img{margin-top:0}
#content > .boxexperience.detail > .main > .boxdistingtion.listaccomodation > .bxaccmdtion > .leftimg > .listservice > img:first-child{margin-left:0}
#content > .boxexperience:nth-child(n+2){padding-top:0}
#content > .boxexperience:nth-child(n+2) > .boxinside{border-top:1px solid #bbbaba;padding-top:3%}
.boxexperience h2{font:300 26px exdd;letter-spacing:14px;margin:4% 0 6%;position:relative;text-transform:uppercase}
.boxexperience h2:before{position:absolute;content:'';width:100px;height:4px;left:50%;bottom:-18px;transform:translateX(-50%);background:#231f20}
.boxexperience.detail h2{font-size:36px;margin:4% 0}
.boxexperience.detail h2:before{width:100px;height:4px;background:#231f20;bottom:-18px;left:50%;position:absolute;content:''}
.btndownload{border:1px solid #c0c0c0;border-radius:30px;background:#8d9092;color:#fff;padding:3px 30px;display:inline-block;position:relative;transition:all .4s;overflow:hidden}
.btndownload:hover{color:#fff;background:#67686b;}
.boxexperience .btnseemore{border:1px solid #c0c0c0;color:#000;padding:3px 30px;display:inline-block;position:relative;transition:all .4s;overflow:hidden}
/*.boxexperience .btnseemore:before,.rightsample > .btnseemore:before{position:absolute;content:'';background:#c0c0c0;width:162%;height:75%;left:-145%;transform:skew(0,45deg) rotate(-45deg);top:12%;z-index:-1;transition:all .4s}*/
/*.boxexperience .btnseemore:hover:before,.rightsample > .btnseemore:hover:before{left:-31%}*/
.boxexperience .btnseemore:hover,.rightsample > .btnseemore:hover{color:#fff;background:#c0c0c0;}
.boxexperience .btnseemore.newform{border-radius:30px;background:#8d9092;color:#fff}
.boxexperience .btnseemore.newform:hover{background:#67686b}
.boxexperience.detail h3{font:300 26px exdp;letter-spacing:17px;margin:4% 0}
.boxexperience.detail h4{font:300 20px exdd;margin:5% 0 2%}
.boxexperience.detail .btnbookroom{background:#000;color:#fff;padding:3px 30px;display:inline-block;border:1px solid #000;margin-right:40px;overflow:hidden;transition:all .3s}
.boxexperience.detail .btnbookroom:hover{background:#fff;color:#000}
.boxexperience.detail .listaccomodation > .bxaccmdtion{border-top:1px solid #c0c0c0;padding:40px 0 45px}
.listaccomodation > .bxaccmdtion:nth-child(n+2){margin-top:45px}
.bxaccmdtion > .leftimg{width:45%;float:left;position:relative}
.leftimg > .listservice{position:absolute;left:0;bottom:0;width:100%;background:rgba(32,31,35,.8);padding:10px 30px}
.listservice img{float:left;margin-left:20px}
.bxaccmdtion > .rightsample{float:left;width:40%;margin-left:6%;text-align:left}
.bxaccmdtion > .rightsample > h4{margin:0 0 5%}
.rightsample > .btnbookroom,.bxaccmdtion > .rightsample > .btnseemore{float:left;margin-top:30px;margin-bottom:0}
.bxaccmdtion.style2 > .leftimg{float:right}
.bxaccmdtion.style2 > .rightsample{float:left;margin-left:0}
.boxexperience.detail .boxdining{border-top:1px solid #c0c0c0}
.boxexperience.detail .boxdining > h3{margin:7% 0 5%}
.boxdining > p{width:100%;padding:1% 8% 0 8%;float:left}
.boxdining.style2{margin-bottom:45px}
.boxdining > .slidedining{width:calc(100% + 60px);margin-left:-30px;padding:0 30px;position:relative}
.slidedining > a.btnarrow{position:absolute;left:3px;top:calc(31% - 9px);width:18px;height:18px;border-top:1px solid #535051;border-left:1px solid #535051;transform:rotate(-45deg)}
.slidedining > a.btnarrow.right{left:calc(100% - 21px);transform:rotate(135deg)}
.slidedining > ul{padding:0;margin:0;list-style:none;display:flex;}
.slidedining > ul li{float:left;margin-left:25px;background:#d1d3d4}
.slidedining > ul li:first-child{margin:0}
.slidedining > ul li img{width:100%}
.slidedining > ul li p{padding:0 10%;height:160px;}
.slidedining > ul li a.btnseemore{margin-bottom:20px}

.slidedining.single{padding:25px 0}


#content > .boxdistinction{position:relative}
.boxdistinction a.btnarrow{position:absolute;left:345px;top:calc(50% - 9px);width:18px;height:18px;border-top:1px solid #535051;border-left:1px solid #535051;transform:rotate(-45deg)}
.boxdistinction a.btnarrow.right{left:calc(100% - 345px);transform:rotate(135deg)}
.boxdistinction .boxinside{border-top:1px solid #bbbaba;padding:6% 0}
.boxinside .leftimg{float:left;width:54%}
.boxinside.style2 .leftimg{float:right}
.boxinside .rightsample{float:right;width:38%;padding-top:25px}
.boxinside.style2 .rightsample{float:left}
.rightsample > h3{font:300 20px exd}
.rightsample > .btnseemore{padding:3px 30px;float:left;background:#fff;color:#231f20;font:inherit;margin-top:15px;border:1px solid #c0c0c0;position:relative;z-index:2;transition:all .4s;overflow:hidden}
/*.rightsample > .btnseemore:before{top:13%}*/
.boxdistinction.detail{text-align:center;padding:6% 0 3%}
.boxdistinction.detail h2{font:300 26px exd;letter-spacing:15px;position:relative;text-transform:uppercase}
.boxdistinction.detail h2:before{width:100px;height:4px;background:#231f20;left:50%;bottom:-18px;transform:translateX(-50%);position:absolute;content:''}
.boxdistinction.detail .imgdtctiondetail{margin:3% 0 0}
.boxdistinction.detail h3{font:300 36px avn}

#content > .boxgallery{}
.boxgallery .boxinside{border-top:1px solid #bbbaba;text-align:center;padding:6% 0}
.boxinside > h2{font:300 26px exd;letter-spacing:14px;margin:0 0 4%;position:relative}
.boxinside > h2:before{position:absolute;width:100px;height:6px;background:#000;left:50%;transform:translateX(-50%);content:'';bottom:-19px}
.boxinside > .btnimg{display:inline-block;margin:0 35px;color:#797a7d;position:relative}
.boxinside > .btnimg:hover{color:#231f20}
.boxinside > .btnimg:after{width:0;height:2px;left:50%;bottom:0;content:'';position:absolute;transition:all .3s;background:#231f20;transform:translateX(-50%)}
.boxinside > .btnimg:hover:after{width:100%}
.boxinside > .btnimg:nth-child(4):before{width:1px;height:50%;background:#5a5758;left:-35px;position:absolute;content:'';top:50%;transform:translateY(-50%)}
.boxinside > .btnimg.active{color:#231f20}
.boxinside > .btnimg.active:after{width:100%}
.boxinside > ul{padding:0;margin:5% 0 0;list-style:none;display:none}
.boxinside > ul.active{display:block}
.boxinside > ul li{float:left;width:calc((100% - 14px) / 3);margin:7px 0 0 7px}
.boxinside > ul li:nth-child(3n+1){margin-left:0}

#content > .boxmakeyourbooking{text-align:center;position:relative;color:#fff;padding:5% 0 3%}
.boxmakeyourbooking:before{width:100%;height:100%;background:rgba(35,31,32,.9);position:absolute;content:'';left:0;top:0;z-index:1}
.boxmakeyourbooking > .boxinside{position:relative;z-index:2}
.boxmakeyourbooking > .boxinside h4{font:300 35px exd;letter-spacing:2px;margin-bottom:4%}
.boxmakeyourbooking > .boxinside .btnckavblt{margin-top:5%;color:#fff;border:1px solid #fff;padding:8px 30px;font:100 20px avn;display:inline-block;position:relative;z-index:2;transition:all .4s;overflow:hidden;}
/*.boxmakeyourbooking > .boxinside .btnckavblt:before{width:154%;height:73%;position:absolute;content:'';left:-136%;top:14%;background:#fff;transform:skew(0,45deg) rotate(-45deg);transition:all .4s;z-index:-1}*/
.boxmakeyourbooking > .boxinside .btnckavblt:hover{color:#000;background:#fff;}
/*.boxmakeyourbooking > .boxinside .btnckavblt:hover:before{left:-27%}*/

#content > .learnmore{}
.learnmore > .leftlm{float:left;width:50%;position:relative}
.leftlm > .bbtnlm{position:absolute;bottom:14%;width:100%;padding:0 8%}
.bbtnlm > h4{float:left;color:#fff;font:300 30px avn;margin:0}
.bbtnlm > a.btnlm{float:right;color:#fff;border:1px solid #fff;border-radius:30px;padding:2px 30px;line-height:30px;transition:all .4s;position:relative;z-index:2;overflow:hidden;background:rgba(0,0,0,.1)}
.bbtnlm > a.btnlm:before{position:absolute;content:'';width:100%;height:100%;background:#fff;border-radius:100px;left:-100%;top:0;z-index:-1;transition:all .4s}
.bbtnlm > a.btnlm:hover{color:#000}
.bbtnlm > a.btnlm:hover:before{left:0}

#content > .boxjourney{padding:55px 0 60px;text-align:center}
.boxjourney h2{font:300 36px exdd;letter-spacing:14px;margin:4% 0;position:relative;text-transform:uppercase}
.boxjourney h2:before{position:absolute;content:'';width:100px;height:4px;left:50%;bottom:-18px;transform:translateX(-50%);background:#231f20}
.boxjourney .btnbooknow{color:#fff;border:1px solid #c0c0c0;padding:3px 30px;display:inline-block;margin-bottom:60px;background:#8d9092;border-radius:30px}
.boxjourney .btnbooknow:hover{background:#67686b}
.boxjourney.detail .bxitinerary{border-top:1px solid #c0c0c0;margin-top:30px;padding-top:25px}
.boxjourney.detail .bxitinerary > h2:before{width:0}
.bxitinerary h2{font:300 26px/1.5 exdd;letter-spacing:15px;position:relative;margin:0 0 5%}
.bxitinerary > div.item.titleday{font:300 25px avn;text-align:left;padding-bottom:25px}
.bxitinerary > table{text-align:left;padding-bottom:70px}
.bxitinerary > table:last-child{padding-bottom:50px}
.bxitinerary > table tr > td{vertical-align:top}
.bxitinerary > table tr > td:first-child{width:120px}
.bxitinerary h5{font:300 25px avn;text-align:left;padding-bottom:25px}
.boxjourney.detail .bxactivities{border-top:1px solid #c0c0c0;padding-top:30px}
.boxjourney.detail .bxactivities > h2:before{width:0}
.bxactivities h2{font:300 26px/1.5 exdd;letter-spacing:15px;position:relative;margin:0 0 5%}
.bxactivities > .slideimg{position:relative;padding:0 30px;width:calc(100% + 60px);margin-left:-30px}
.slideimg > .btnarrow{position:absolute;left:3px;top:50%;width:18px;height:18px;border-top:1px solid #535051;border-left:1px solid #535051;transform:translateY(-50%) rotate(-45deg)}
.slideimg > .btnarrow.right{left:calc(100% - 21px);transform:rotate(135deg);top:calc(50% - 9px)}
.slideimg > .listimg > .slick-list.draggable > .slick-track > div{float:left;margin-left:15px;position:relative}
.slideimg > .listimg > .slick-list.draggable > .slick-track > div:first-child{margin-left:0}
.boxjourney.detail .boxnote{text-align:left;padding-top:70px}
.boxnote h5{font:300 25px avn;text-align:left;margin:25px 0}
.boxjourney.detail .boxnote > strong{font:300 25px avn}
.boxjourney.detail .bxbtndownload{position:relative}
.boxjourney.detail .bxbtndownload > a{float:right;border:1px solid #bfbfbf;color:#000;padding:3px 30px}
.boxjourney.detail .bxbtndownload:before{width:80%;height:1px;left:0;top:50%;transform:translateY(-50%);content:'';position:absolute;background:#bfbfbf}
.boxjourney.detail .bxbtndownload > a.btnseemore.newform{border-radius:30px;background:#8d9092;color:#fff}
.boxjourney.detail .bxbtndownload > a.btnseemore.newform:hover{background:#67686b}
.boxjourney.detail .bxoutsideinon{padding-top:25px}
.bxoutsideinon > ul{float:left;width:50%;list-style:none;padding:0;margin:0;text-align:left}
.bxoutsideinon > ul > li:first-child{padding-bottom:20px}
.bxoutsideinon > ul > li h5{font:300 25px avn;text-align:left;margin:0}
.bxoutsideinon > ul > li:first-child > strong{font:300 25px avn}
.ttttslide .widthslide .boxtitleimg {position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,.8);z-index:2;opacity:0;transition:all .3s}
.ttttslide .widthslide:hover .boxtitleimg {opacity:1}

.ttttslide .widthslide .boxtitleimg span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px}

#content > .exclution.detail{padding:50px 0}
.exclution.detail h2{font:300 26px exdp;letter-spacing:15px;text-align:center;margin:3% 0}

.exclution.detail .listquestion{}
.listquestion > h4{border-bottom:1px solid #c0c0c0;margin:0;padding:1% 0;position:relative}
.listquestion > h4:before{content:'';position:absolute;right:12px;width:18px;height:18px;top:calc(50% - 9px);border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0;transform:rotate(45deg);transition:all .3s}
.listquestion > h4.active:before{transform:rotate(135deg);top:calc(50% - 16px)}
.listquestion > ul{padding:15px 0;margin:0;list-style:none;display:none;border-bottom:1px solid #c0c0c0}
.listquestion > ul.active{display:block}
.listquestion > ul > li{float:left;width:calc((100% - 60px) / 3);margin-left:30px;text-align:center}
.listquestion > ul > li:first-child{margin-left:0}
.listquestion > ul > li > img{width:100%}

#content .exclusive{padding:50px 0}
.exclusive h2{font:300 26px exdp;letter-spacing:15px;text-align:center;margin:4% 0;position:relative}
.exclusive h2:before{position:absolute;content:'';width:100px;height:4px;left:50%;bottom:-18px;transform:translateX(-50%);background:#231f20}
.exclusive .sampeexclusive{padding:0 8.5%;text-align:center}
.exclusive .listexclusive{position:relative;width:calc(100% + 60px);margin-left:-30px;padding:0 30px}
.listexclusive > a.btnarrow{position:absolute;width:18px;height:18px;left:3px;top:calc(50% - 9px);border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;transform:rotate(-45deg)}
.listexclusive > a.btnarrow.right{left:calc(100% - 21px);transform:rotate(135deg)}
.listexclusive > ul{padding:0;margin:0;list-style:none}
.listexclusive > ul > li{float:left;width:calc((100% - 6%) / 3);margin-left:3%;background:#d1d3d4;text-align:center;padding-bottom:18px}
.listexclusive > ul > li:first-child{margin-left:0}
.listexclusive > ul > li img{width:100%}
.listexclusive > ul > li p{padding:0 10px}
.listexclusive > ul > li > a.btnseemore{display:inline-block;padding:3px 30px;border:1px solid #c0c0c0;color:#231f20}
.listexclusive > ul > li > a.btnseemore.newform{border-radius:30px;background:#8d9092;color:#fff}
.listexclusive > ul > li > a.btnseemore.newform:hover{background:#67686b}

#content > .boxmanagermyaccount{padding:120px 0}
.boxmanagermyaccount .leftmanager{float:left;padding:0;margin:0;list-style:none}
.leftmanager > li > a{color:#231f20}
.leftmanager > li.active > a,.leftmanager > li > a > strong{font:300 20px avn}
.boxmanagermyaccount .rightform{float:right;width:77%}
.rightform > h2{font:300 26px avn;margin-top:0}
.rightform > .boxform{background:#e3e4e5;padding:0 55px 55px}
.boxform > div.item{padding-top:25px}
.boxform .column{float:left;width:48%}
.boxform > div.item > .column:first-child{float:left!important}
.boxform > div.item > .column:last-child{float:right}
.boxform > div.item > .column > input[type=text]{background:#fff;border:1px solid #abacac;font:inherit;padding:6px 15px}
.boxform > div.item > .column > div.item > select{font:inherit;border:1px solid #abacac;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";padding:0 40px 0 7px;background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center;height:46px;float:left;width:calc((100% - 30px) / 4);margin-left:10px}
.boxform > div.item > .column > div.item > select:first-child{margin-left:0}
.boxform > div.item > .column a.btnsc{float:left;padding:10.5px 30px;background:#797a7d;color:#fff;margin-top:32px;font:300 20px avn;text-align:center}

#content > .boxmanagermyaccount{}
.boxmanagermyaccount .bxforgot{}
.bxforgot > h2{font:300 26px avn}
.bxforgot > .boxformforgot{background:#e3e4e5;padding:0 55px 55px}
.boxformforgot > div.item:first-child{font:100 26px/73px avn;position:relative;margin-bottom:20px}
.boxformforgot > div.item:first-child > span{float:right;font:100 16px avn;padding-top:30px}
.boxformforgot > div.item:first-child > span > a{text-decoration:underline;color:#231f20}
.boxformforgot > div.item:first-child:before{position:absolute;content:'';background:#fff;height:1px;width:calc(100% + 110px);left:-55px;bottom:0}
.boxformforgot > div.item > .column{float:left;width:47%;padding-top:14px}
.boxformforgot > div.item > .column:nth-child(2){float:right}
.boxformforgot > div.item > .column > input[type=text],.boxformforgot > div.item > .column > input[type=password]{font:inherit;padding:6px 15px;border:1px solid #abacac}
.boxformforgot > div.item > .column > .btnsc{font:inherit;color:#fff;background:#797a7d;text-align:center;line-height:46px}
.boxformforgot > div.item > .column > .btngoback{font:inherit;color:#000}
.boxformforgot > div.item > a.btnlogin,.boxformforgot > div.item > .column > a.btnfb,.boxformforgot > div.item > .column > a.btngplus{text-align:center;color:#fff;background:#797a7d;padding:8px 0 2px;margin-top:32px;position:relative}
.boxformforgot > div.item > a.btnlogin > i,.boxformforgot > div.item > .column > a.btnfb > i,.boxformforgot > div.item > .column > a.btngplus > i{font-size:30px}
.boxformforgot > div.item > .column > a.btnfb{background:#4c70a7}
.boxformforgot > div.item > .column > a.btngplus{background:#da4340}
.boxformforgot > div.item > .column > a.fgpassword{color:#adafb2;float:right}
.boxformforgot > div.item > .column > a.btnfb:before{content:'Or, login with';position:absolute;color:#adafb2;left:0;top:-30px}
.boxformforgot > div.item > .column > a.btnfb.type2:before{font-size:14px;top:-28px;right:-112%}
.boxformforgot > div.item > a.btnlogin.type2:before{content:'By clicking "SIGN UP" I agree to President Cruise Privacy Policy';position:absolute;color:#adafb2;left:0;bottom:-20px;font-size:12px}
.boxformforgot > div.item > .column.chkread{padding-top:54px}
.boxformforgot > div.item > .column.chkread > label{font:100 14px/1 avn}

#content > .bxmyorder{padding:100px 0 75px}
.bxmyorder .main3 > .leftinfo{float:left;width:70%}
.leftinfo h2{font:300 26px exdp;letter-spacing:17px}
.leftinfo > .bxlistorder{padding:25px 0 0}
.bxlistorder > .bxorder:nth-child(n+2){margin-top:300px}
.bxlistorder > .bxorder > .orderpro{background:#f2efd8;position:relative}
.orderpro > img{float:left;width:65%}
.orderpro > .rightinfo{width:35%;padding:2% 5%;position:absolute;right:0;height:100%}
.orderpro > .rightinfo > span.red{color:#ff0000}
.orderpro > .rightinfo > a.btnseedetail{position:absolute;bottom:10%;color:#fff;background:#797a7d;font:100 12.52px/35px avn;padding:0 30px;left:14%}
.bxorder > .listsevice > .proservice{margin-top:15px;background:#f0f1f1}
.proservice > img{float:left;width:28%}
.proservice > .rightinfo{float:left;width:72%;font:100 11.24px avn;padding-right:4%}
.proservice > .rightinfo > .column{float:left;width:50%;padding-left:8%}
.proservice > .rightinfo > .column > h4{font:300 20px exdd;margin:6% 0 0}
.proservice > .rightinfo > .column > div.item{padding-top:7px}
.proservice > .rightinfo > .column > div.item > input[type=text]{float:right;width:55%;border:0;background:#fff url(https://1a6553.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/iconedit.png) no-repeat calc(100% - 10px) center;font:100 12.73px avn;padding:5px 20px}
.proservice > .rightinfo > .column > div.item > select{float:right;width:55%;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center;height:26px;padding-left:16px}
.proservice > .rightinfo > .column > div.item > span{float:left;padding-top:6px}
.proservice > .rightinfo > .column > div.item > span.style2{padding:0}
.proservice > .rightinfo > .column > div.item > span.style2:last-child{float:right;width:48%}
.proservice > .rightinfo > .prototal{border-top:1px solid #c6c7c8;margin-top:2px;width:106%;font:100 18.73px avn;padding:9px 0 0 8%}
.proservice > .rightinfo > .prototal > strong{margin-left:15%}
.proservice.style2 > img{width:32%} 
.proservice.style2 > .rightinfo{width:68%;padding-left:4%;font:100 15.35px avn}
.proservice.style2 > .rightinfo > h4{font:300 20px exdd}
.proservice.style2 > .bxcabin{}
.bxcabin > table tr:first-child > td{font:100 15.35px/1 avn;padding:10px 15px}
.bxcabin > table tr > td{text-align:center;font:100 20.47px avn;padding:20px 15px;border-top:1px solid #fff}
.bxcabin > table tr > td.white{background:#fff}
.bxcabin > table tr > td.gray{background:#dbdcdd}
.bxcabin > table tr > td > select{border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center;font:100 15.35px avn;height:35px;padding-left:5px}
.bxcabin > .btnclearrow{float:left;margin:36px 0 0 15px;width:20px;height:20px;border:1px solid #6f7073;border-radius:10px;position:relative}
.btnclearrow:before,.btnaddrow:before{content:'';position:absolute;width:11px;height:1px;background:#6f7073;top:50%;left:50%;transform:translate(-50%,-50%)}
.bxcabin > .btnaddrow{float:left;margin:36px 0 0 13px;width:20px;height:20px;border-radius:10px;border:1px solid #6f7073;position:relative}
.btnaddrow:after{width:1px;height:11px;background:#6f7073;top:50%;left:50%;transform:translate(-50%,-50%);content:'';position:absolute}
.bxcabin > span{float:left;margin:28px 0 0 10px}
.bxcabin > .btnchangedate{float:right;padding:3px 30px;color:#fff;background:#797a7d;font:100 12.81px/34px avn;margin:25px 0 20px}
.bxcabin > .btnremove{float:right;padding:3px 30px;color:#fff;background:#000;font:100 12.81px/34px avn;margin:25px 0 20px 20px}
.bxcabin > .btnselect{float:right;padding:3px 30px;color:#000;background:#fff;font:100 16px/34px avn;margin:25px 20px 20px 0;border:1px solid #000;letter-spacing:2px}
.leftinfo > .formcustomer{background:#f0f1f1;padding:0 30px 40px 20px;margin-top:25px}
.formcustomer > .row{padding-top:25px}
.formcustomer > .row > .column{float:left;width:47%}
.formcustomer > .row > .column:nth-child(2n){float:right}
.formcustomer > .row > .column > input[type=text]{font:inherit;padding:5px 10px}
.formcustomer > .row > .column > a.btnpayment{text-align:center;background:#181919;color:#fff;line-height:44px;margin-top:32px}
.leftinfo > .bxor{text-align:center;font:100 21.02px avn}
.leftinfo > a.btncreate,.leftinfo > a.btnalready{float:left;text-align:center;width:47%;background:#181919;color:#fff;line-height:44px}
.leftinfo > a.btnalready{float:right}

.proservice.style3 > .rightinfo{padding:0 3%}
.proservice.style3 > .rightinfo > h4{font:300 22.07px avn;margin:3% 0 2%}
.proservice.style3 > .rightinfo > h4 i{color:#797a7d;font-size:12px}
.proservice.style3 > .rightinfo > .listper{padding-bottom:18px}
.proservice.style3 > .rightinfo > .listper > .column{float:left;width:calc((100% - 70px) / 3);margin-left:35px;font:100 16px avn}
.proservice.style3 > .rightinfo > .listper > .column:first-child{margin-left:0}
.listper > .column > div.item{margin-top:4px;background:#c2c4c6}
.listper > .column > div.item > select{font:inherit;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center;border:1px solid #bdbcbd;padding:0 0 0 5px;width:60px;height:38px;float:left}
.listper > .column > div.item > span{float:left;padding:5px 0 0 10px}
.listper > .column > div.item > span > strong{font:300 25px avn}
.proservice.style3 > .rightinfo > .dvtotal{width:50%;float:left;border:1px solid #bababa;font:100 12.25px avn;text-align:center}
.proservice.style3 > .rightinfo > .dvtotal > strong{font:300 20.66px/42px avn}
.proservice.style3 > .rightinfo > .btnremove{float:left;width:50%;color:#fff;background:#797a7d;font:300 16px/44px avn;text-align:center}

.bxmyorder .main3 > .righttotal{width:29%;float:right;margin-top:6.6%}
.righttotal > .boxall{background:#f0f1f1;padding:0 5% 3% 10%;font:100 15px avn}
.boxall > h4{font:300 20px exdd}
.boxall > h4:first-child{margin-bottom:0;padding-bottom:16px;border-bottom:1px solid #bebfc0}
.boxall > div.item{padding-top:3px}
.boxall > div.item > span{float:left;padding-top:8px}
.boxall > div.item > select{float:right;width:113px;font:inherit;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center;border:0;padding:0 0 0 5px;height:34px}
.boxall > div.item > span.style2{padding:0}
.boxall > div.item > span.style2:nth-child(2){float:right;width:103px}
.boxall > .dvtotal{border-top:1px solid #adaeaf;border-bottom:1px solid #adaeaf;font:100 25px/67px avn;padding:0!important;margin:25px 0 0}
.boxall > .bxnote > p:last-child{font:italic 100 14px avn}
.righttotal > .btnpayment{float:right;padding:0 30px;font:100 11.21px/34px avn;background:#1a1a1a;color:#fff;margin-top:20px;box-shadow:10px 10px 10px 0 #ccc;position:relative}
.righttotal > .btnclear{float:right;padding:0 30px;font:100 11.21px/34px avn;background:#797a7d;color:#fff;margin:20px 10px 0 0;box-shadow:10px 10px 10px 0 #ccc}

#content > .boxbooking{padding:100px 0}
.boxbooking > .main3 > .boxselectyourcabintype{text-align:center}
.boxselectyourcabintype > h2{font:300 26px exdp;letter-spacing:15px}
.boxselectyourcabintype > p{font:300 15px avn}
.boxselectyourcabintype > a.btnchange{background:#1a1a1a;color:#fff;font:100 16px/38px avn;display:inline-block;padding:0 30px;box-shadow:10px 10px 10px 0 #ccc;margin-top:20px}
.boxselectyourcabintype > .boxlistdate{margin:40px 0;padding:0 5%;position:relative}
.boxlistdate > a.arrowdate{width:25px;height:25px;border-top:6px solid #aeb0b3;border-left:6px solid #aeb0b3;position:absolute;left:5px;top:calc(50% - 12.5px);transform:rotate(-45deg)}
.boxlistdate > a.arrowdate.right{left:calc(100% - 30px);transform:rotate(135deg)}
.boxlistdate > .listdateinside{overflow:hidden}
.listdateinside > ul{list-style:none;padding:10px 0;margin:0}
.listdateinside > ul > li{float:left;background:#d9dbdc;width:calc(100% / 7);font:100 15px/2 avn;padding:30px 0}
.listdateinside > ul > li:nth-child(2n){background:#f0f1f1}
.listdateinside > ul > li > a{color:#231f20}
.listdateinside > ul > li > a > strong{display:block;font:300 20px avn}
.listdateinside > ul > li.active{padding:38px 0;margin:-10px -2% 0;position:relative;z-index:1;width:calc((100% / 7) + 4%)}
.listdateinside > ul > li.active > a{font:100 18.09px avn}
.listdateinside > ul > li.active > a > strong{font:300 24.12px avn}

.boxbooking > .main3 > .leftlistpro{float:left;width:70%}
.leftlistpro > .listroom{}
.listroom > .roomdetail{margin-top:42px;background:#f0f1f1}
.listroom > .roomdetail:first-child{margin-top:0}
.roomdetail > .leftroominfo{float:left;width:41%;position:relative}
.leftroominfo > ul.roominfo{position:absolute;bottom:0;list-style:none;width:100%;padding:0;margin:0;background:rgba(32,31,35,.4)}
.leftroominfo > ul.roominfo > li{color:#fff;font:100 12px avn;float:left;padding:10px;text-align:center;margin-left:15px}
.leftroominfo > ul.roominfo > li.nothing{padding:20px 0;margin:0 -12px 0 2px;font:100 8.19px avn}
.leftroominfo > ul.roominfo > li:last-child{float:right}
.leftroominfo > ul.roominfo > li:last-child a{color:#fff;font-size:30px}
.roomdetail > .rightsample{float:left;width:59%;padding:0 2% 0 4%;font:100 15px avn}
.rightsample > h3{font:300 20px exdd;margin-bottom:0}
.rightsample > .bxsample{overflow-y:scroll;height:106px}
.rightsample > .btnitinerary{color:#58595b;text-decoration:underline;margin-top:20px;float:left}

.leftlistpro > .boxcustomer{border-top:1px solid #bfbfbf;padding-top:30px;margin-top:50px}
.boxcustomer h2,.boxwhatother h2{font:300 25px avn}
.boxcustomer > .listcarservice{}
.listcarservice > .proservice.style3:nth-child(n+2){margin-top:40px}
.boxcustomer > .slidedining{padding:0 30px;position:relative;text-align:justify}
.slidedining > ul > li{line-height:normal}
.slidedining > ul > li > h2{font:300 25px avn;padding:0 10%}
.slidedining > ul > li > .boxnumber{padding:0 10%}
.slidedining > ul > li > .boxnumber > .bxchoosenumber{background:#c1c3c5}
.bxchoosenumber > span{float:left;padding:6px 0 0 10px}
.bxchoosenumber > span > strong{font:300 25px avn}
.bxchoosenumber > select{float:left;border:1px solid #b4b3b4;font:inherit;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center;width:110px;height:44px;padding-left:5px}
.slidedining > ul > li > a.btnadd{margin:0 10% 25px;width:80%;text-align:center;background:#797a7d;color:#fff;font:100 12.98px/34px avn;float:left}
.boxnumber > .bxtotal{background:#c1c3c5;font:100 12.25px/44px avn;text-align:center;margin:15px 0 20px}
.boxnumber > .bxtotal > strong{font:300 20.66px avn}

.boxbooking > .main3 .righttotal{float:right;width:29%}


footer{position:relative;z-index:1}
footer.hide{display:none}
footer > .ftmenu{padding:4% 0 3%;border-bottom:1px solid #dfdfdf}
footer > .ftmenu.style2{padding:25px 0 50px;border-top:1px solid #dfdfdf}
.ftmenu ul{padding:0;margin:0;list-style:none;float:left;width:25%}
.ftmenu ul li a{color:#231f20}
footer > .ftaddress{padding:15px 0}
.ftaddress .leftaddress{float:left;width:70%;font:100 14px/2 lt}
.ftaddress .rightsocial{float:right;padding-top:18px}
.rightsocial a{font-size:40px;width:50px;height:50px;color:#231f20;float:left;line-height:50px;text-align:center}
.rightsocial a:nth-child(n+2){margin-left:30px}
footer > .boxtitlecruise{font:300 20px/54px ass;text-align:center;letter-spacing:22px;background:#393637;color:#fff}

@charset "utf-8";
.tbl{display:table}
.tbr{display:table-row}
.tbc{display:table-cell}
#content .boxfindcruise1{text-align:center}
.boxfindcruise1 > h2{font:300 26px exdd;letter-spacing:14px;margin:4% 0 6%;position:relative;text-transform:uppercase}
.boxfindcruise1 > h2:before{position:absolute;content:'';width:100px;height:4px;left:50%;bottom:-18px;transform:translateX(-50%);background:#231f20}
.catedetail img{width:100%}
.catedetail .news_listsocial{padding:20px 0;text-align:right}
.catedetail .news_listsocial a{color:#231f20}
.boxfindcruise1 .pselectyourcabintype{font-size:15px}
.boxfindcruise1 .btnchangeselection{display:inline-block;font-size:15px;color:#fff;background:#191919;padding:12px 35px;box-shadow:5px 10px 10px 3px #999;margin:10px 0 25px}
.boxfindcruise1 .btnchangeselection.mobile{display:none}
.boxfindcruise1 .boxlistdatechoose{position:relative}
.boxlistdatechoose .btnleftdatechoose{width:34px;height:34px;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.btnleftdatechoose.right{left:auto;right:0}
.btnleftdatechoose:before,.btnleftdatechoose.right:before{width:20px;height:20px;left:4px;top:4px;border-top:4px solid #b1b3b6;border-left:4px solid #b1b3b6;position:absolute;content:'';transform:rotate(-45deg)}
.btnleftdatechoose.right:before{left:auto;right:4px;transform:rotate(135deg)}
.boxfindcruise1 .fc_listcabin{margin-top:10px;padding:35px 0 50px;position:relative}
.boxfindcruise1 .fc_listcabin .main3{position:relative}
.fc_listcabin .leftfc_listcabin{float:left;width:69%}
.fc_listcabin .rightreservation{width:100%;float:right;background:#f3f4f4;padding:0 30px 10px;text-align:left;position:relative;margin-bottom:62px}
.cruisefinder3 .rightreservation,.boxcombo .rightreservation{float:right;width:30%;background:#f3f4f4;padding:0 30px 10px;text-align:left;position:relative;margin-bottom:62px}
.rightreservation h4,.rightreservation h5{margin:7% 0 5%;text-transform:uppercase}
.rightreservation .tbl{padding-bottom:7%;border-bottom:1px solid #aeafb1}
.rightreservation .tbl .tbr .tbc{width:calc(100% - 112px);vertical-align:middle;font-size:15px;padding:2px 0}
.rightreservation .tbl .tbr .tbc:last-child{width:112px;text-align:right}
.rightreservation .tbl .tbr .tbc:last-child select{border:0;background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center/10px;color:#231f20;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;padding:3.5px 0 3.5px 5px}
.rightreservation h4.totalreservation{border-bottom:1px solid #aeafb1;padding:17px 0}
.cruisefinder3 .rightreservation h4.totalreservation{border-bottom:0;padding:17px 0 0}
.rightreservation h4.totalreservation strong{font-weight:600;display:inline-block;margin-left:20%;float:right}
.rightreservation .boxreservation_note{color:#58595b;font-size:14px;text-align:left}
.rightreservation .boxreservation_note p strong{font-size:16px}
.rightreservation .btnmodify{position:absolute;top:calc(100% + 18px);left:0;width:30%;text-align:center;color:#fff;background:#808285;font-size:15px;letter-spacing:3px;padding:12.5px 0;box-shadow:5px 5px 10px 3px #c9c9c9;transition:all .4s}
.rightreservation .btnmodify:last-child,.rightreservation .btnmodify.type2{left:auto;right:0;background:#191919;border:0}
.rightreservation .btnmodify:hover{background:#191919}
.rightreservation .btnmodify.type2:hover{background:#808285}
.boxlistdatechoose ul{width:100%;overflow:hidden;list-style:none;padding:30px 0;margin:0}
.boxlistdatechoose ul li{float:left;width:14.28%;font-size:15px;line-height:40px;position:relative;height:113px;text-transform:uppercase}
.boxlistdatechoose ul li a{background:#dcdedf;color:#231f20}
.boxlistdatechoose ul li:nth-child(2n) a{background:#f3f4f4}
.boxlistdatechoose ul li strong{font-size:20px}
.boxlistdatechoose ul li.active{font-size:18px}
.boxlistdatechoose ul li.active strong{font-size:24px}
.boxlistdatechoose ul li a{padding:16px 0}
.boxlistdatechoose ul li.active a{position:absolute;top:-10%;height:120%;width:120%;left:-10%;z-index:2;padding:28px 0}
.fc_listcabin .fc_boxcabin{margin-bottom:15px;background:#fff}
.fc_boxcabin .boxcabinimg_sample{margin-bottom:4px;background:#f3f4f4;position:relative}
.boxcabinimg_sample .boxcabinimg{width:60%;float:left;position:relative}
.boxcabinimg .zoomimgcabin{position:absolute;right:10px;bottom:10px;color:#fff;transform:rotate(90deg);font-size:30px}
.boxcabinimg_sample .boxcabinsample{float:left;width:40%;text-align:left;padding:0 15px 0 40px;font-size:15px}
.boxcabinimg_sample .boxcabinsample a.showinclusions{margin-top:2%;color:#231f20;text-decoration:underline}
.fc_boxcabin .boxinclude_dealrate{position:relative;background:#f3f4f4}
.boxinclude_dealrate .leftinclude{float:left;width:40%;text-align:left;padding:0 10px 25px 25px}
.leftinclude h5{margin:6% 0 5%}
.leftinclude .boxinclude_scrolly{overflow-y:scroll;height:100px;font-size:15px}
.leftinclude a{font-size:15px;color:#58595b;position:relative;transition:all .4s}
.leftinclude a:after{position:absolute;content:'';bottom:-3px;left:50%;transform:translateX(-50%);background:#58595b;width:100%;height:1px;transition:all .4s}
.leftinclude a:hover{color:#000}
.leftinclude a:hover:after{width:0}
.boxinclude_scrolly ul{padding:0;list-style:inside}
.fc_boxcabin .boxinclude_dealrate .tbl{width:100%;float:left;font-size:15px}
.fc_boxcabin .boxinclude_dealrate .tbl .tbr .tbc{vertical-align:middle;padding:20px 0 5px}
.fc_boxcabin .boxinclude_dealrate .tbl .tbr.lastrow .tbc{padding:25px 0 15px}
.fc_boxcabin .boxinclude_dealrate .tbl .tbr:first-child .tbc{border-bottom:1px solid #fff;padding:10px 0 5px}
.fc_boxcabin .boxinclude_dealrate .tbl .tbr:first-child .tbc i{font-size:12px;color:#939598}
.fc_boxcabin .boxinclude_dealrate .tbl .tbr .tbc.inputnotchoose{background:#fff}
.fc_boxcabin .boxinclude_dealrate .tbl .tbr .tbc.inputchoose{background:#dedfe0}
.fc_boxcabin .boxinclude_dealrate .tbl .tbr .tbc select{border:0;background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center/10px;color:#000;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;padding:3.5px 0 3.5px 5px;font-size:16px;width:96px}
.fc_boxcabin .boxinclude_dealrate .tbl .tbr:nth-child(n+2) .tbc{font-size:20px}
.boxinclude_dealrate .boxbutton_addremoverow{font-size:16px;width:calc(100% - 16px);left:16px;bottom:15px;position:absolute;text-align:left;z-index:2}
.boxbutton_addremoverow .btnremoverow{width:17px;height:17px;border:1px solid #6f7073;border-radius:17px;margin-right:10px;float:left;position:relative;transition:all .4s}
.boxbutton_addremoverow .btnremoverow:before{width:9px;height:1px;position:absolute;content:'';top:50%;left:50%;transform:translate(-50%,-50%);background:#6f7073;transition:all .4s}
.boxbutton_addremoverow .btnremoverow.addrow:after{width:1px;height:9px;position:absolute;content:'';top:50%;left:50%;transform:translate(-50%,-50%);background:#6f7073;transition:all .4s}
.boxbutton_addremoverow .btnremoverow:hover{background:#fff;border:1px solid #231f20}
.boxbutton_addremoverow .btnremoverow:hover:before,.boxbutton_addremoverow .btnremoverow.addrow:hover:after{background:#231f20}
.leftfc_listcabin .boxonboard{margin:25px 0}
.boxonboard .onboardtitle{border-bottom:1px solid #bfbfbf;padding:7px 0;font-size:22px}
.onboard_titleleft{text-align:left;width:76%;padding-left:40px;position:relative;float:left}
.onboard_titleleft span{font-size:30px}
.onboard_titleleft:before{width:11px;height:11px;border-top:2px solid #979799;border-left:2px solid #979799;transform:rotate(45deg) translateY(-50%);position:absolute;content:'';left:0;top:50%;cursor:pointer;transition:all .4s}
.onboard_titleleft h5.active:before{transform:rotate(225deg) translateY(100%);left:-7px}
.onboardtitle .boxonboard_totalprice{float:right;width:12%;text-align:right;padding:8px 0 0}
.onboardtitle .boxonboard_price{float:right;width:12%;padding:8px 0 0}
.boxonboard .tbl{font-size:15px;width:100%}
.boxonboard .tbl .tbr .tbc{padding:9px 0 3px;width:12%}
.boxonboard .tbl .tbr .tbc:first-child{width:40%;text-align:left}
.boxonboard .tbl .tbr .tbc:nth-last-child(2){width:12%}
.boxonboard .tbl .tbr .tbc:last-child{text-align:right;width:12%}
.boxonboard .tbl .tbr:nth-child(n+2) .tbc{padding:3px 0}
.boxonboard .tbl .tbr .tbc select{border:1px solid #bfbfbf;background:url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center/10px;color:#231f20;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;padding:4.5px 0 4.5px 5px;width:90%}
.boxonboard .boxonboard_hotel_check{text-align:left;font-size:20px;padding-top:20px}
.boxonboard_hotel_check div{float:left;padding:0 14px 0 11px}
.boxonboard_hotel_check div select{font-size:15px;border:1px solid #bfbfbf;background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center/10px;color:#231f20;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";padding:3.5px 0 3.5px 5px;width:100%}
.boxonboard_hotel_check div:nth-child(2) select{width:250px}
.boxonboard_hotel_check div:nth-child(3) select,.boxonboard_hotel_check div:nth-child(4) select{width:110px}
.boxonboard_hotel_check a{float:left;margin:19px 0 0 50px;color:#fff;font-size:15px;background:#231f20;padding:13px 35px;letter-spacing:2px;box-shadow:5px 5px 10px 3px #c9c9c9;transition:all .4s}
.boxonboard_hotel_check a:hover{background:#808285}
.fc_boxcabin .boxbutton_addremoverow button{position:absolute;right:0;bottom:-6px;border:none;text-align:center;color:#fff;background:#191919;font-size:15px;letter-spacing:3px;padding:12.5px 10px;box-shadow:5px 5px 10px 3px #c9c9c9;transition:all .4s}
.fc_boxcabin .boxbutton_addremoverow button:hover{background:#808285}
.boxcabinsample h4{margin:5% 0 3%;text-transform:uppercase}
.boxcabinsample h4 i{color:#a0a2a4;font-size:20px}
.boxcabinsample .boxsamplecabin{line-height:24px}
.boxcabinimg_sample .listcabin_service{width:100%;position:absolute;display:table-row;padding:0;margin:0;bottom:0px;left:0;background:rgba(255,255,255,0.5);padding:15px 10px;list-style:none;text-align:center;font-size:12px}
.boxcabinimg_sample .listcabin_service li{padding-right:35px;display:table-cell;vertical-align:middle}
.boxcabinimg_sample .listcabin_service li:last-child{padding-right:0}
.boxcabinimg_sample .listcabin_service li.ullitwin{padding-right:20px}
#content .boxwhychoose{text-align:center;line-height:1.5}
.boxwhychoose h2{margin:5% 0;letter-spacing:15px}
.boxwhychoose .whychoosesample{padding:5% 0}
.boxwhychoose .listwhychoose{padding:0;margin:0;list-style:none}
.listwhychoose li{width:calc((100% - 8px)/3);float:left;background:#d0d2d3;padding-bottom:25px;height:792px}
.listwhychoose li:nth-child(n+2){margin-left:4px}
.listwhychoose li p,.listwhychoose li h3{padding:0 20px}
.boxvaluehover .infovalue{position:absolute;bottom:50px;left:40%;background:#fff;font-size:15px;box-shadow:0 0 5px #000;width:280px;box-shadow:0 0 3px rgba(46,42,43,1);text-align:left;padding:20px;opacity:0;visibility:hidden;text-transform:none}
.boxvaluehover .infovalue ul{padding:0}
*/#content .boxfindcruise2{padding:0 0 50px}
.boxfindcruise2 .boxcabinnote{background:#d0d2d3}
.boxfindcruise2 .boxcabinnote .btnnext,.boxfindcruise2 .boxcabinnote .btnreturn{margin-top:50px}
.boxfindcruise2 .fc2_extra{background:#d0d2d3;padding:50px 0;margin-top:15px}
.fc2_extra .tbl{background:#fff;width:100%}
.fc2_extra .tbl .tbr .tbc{text-align:center;vertical-align:middle}
.fc2_extra .tbl .tbr .tbc:first-child{width:20%}
.fc2_extra .tbl .tbr .tbc .cabinimg{position:relative}
.fc2_extra .tbl .tbr .tbc:last-child{width:20%;border-left:1px solid #d0d2d3}
.fc2_extra .boxnumberadult{background:#afb1b3;padding:6px 0 4px}
.boxnumberadult .boxiconnumber{width:20%;text-align:center;float:left}
.boxnumberadult .boxnumberall{width:80%;text-align:center;float:left}
.boxnumberall h3 span{padding:0 40px;display:inline-block}
.boxnumberall h3 span:first-child{padding-left:0}
.boxnumberall h3 span:last-child{padding-right:0}
.fc2_extra .boxonboardextra .tbl{background:none;text-align:left;margin-top:30px}
.boxonboardextra .tbl .tbr .tbc{text-align:left;width:20%;padding:10px 0}
.boxonboardextra .tbl .tbr .tbc h3{margin:0}
.boxonboardextra .tbl .tbr .tbc:first-child{width:50%}
.boxonboardextra .tbl .tbr .tbc:last-child{border:0}
.boxonboardextra .tbl .tbr .tbc select{margin:0}
.boxfindcruise2 .fc2_hotel{padding-bottom:30px}
.fc2_hotel select{margin:0 80px 0 0}
.fc2_hotel .btnchekcavaiable{display:inline-block;background:#231f20;color:#fff;padding:13.5px 40px;transition:all .4s}
.fc2_hotel .btnchekcavaiable:hover{background:#d0d2d3;color:#231f20}
.boxfindcruise2 .fc2_hotelservice{background:#d0d2d3;padding:20px 0}
.fc2_hotelservice .tbl .tbr .tbc{text-align:left;width:35%;padding:10px 0}
.fc2_hotelservice .tbl .tbr .tbc a{color:inherit;text-decoration:underline}
.fc2_hotelservice .tbl .tbr .tbc:last-child{width:30%}
.boxfindcruise2 .fc2_transfer{padding:10px 0 40px}
.fc2_transfer h3{margin-bottom:20px}
.fc2_transfer .tbl .tbr .tbc{line-height:2;padding:10px 0;vertical-align:middle}
.fc2_transfer .tbl .tbr:nth-child(n+3) .tbc{border-top:1px solid #abadb0}
.fc2_transfer .tbl .tbr .tbc select{margin:0}
.boxfindcruise2 .fc2_total{background:#d0d2d3;padding:10px 0 50px}
#content .cruisefinder3{background:#d0d2d3;padding:0 0 80px;padding:50px 0}
.cruisefinder3 .leftinformation{float:left;width:66%}
.leftinformation h5{margin:3.4% 0 2%}
.leftinformation .tbl{width:100%;font-size:15px}
.leftinformation .boxtermandcodition{height:80px;overflow-y:scroll;margin-top:-15px;width:100%}
.leftinformation .tbl .tbr .tbc.celltitle{font-size:15px}
.leftinformation .tbl .tbr .tbc:first-child{width:120px;padding:0 15px 0 0!important}
.leftinformation .tbl .tbr .tbc:nth-child(3){width:32%;padding:0 15px}
.leftinformation .tbl .tbr .tbc:nth-child(2){width:26%}
.leftinformation .tbl .tbr .tbc select{border:0;background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center/10px;color:#231f20;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;padding:4.5px 0 4.5px 5px;width:100%;margin:8px 0 0}
.leftinformation .tbl .tbr .tbc input{border:0;background:#fff;width:100%;font:inherit;color:#231f20;padding:5.5px;margin:8px 0 0}
.leftinformation .tbl .tbr:nth-child(n+2) .tbc{padding:10px 0 18px}
.leftinformation .tbl .tbr:nth-child(n+2) .tbc:nth-child(3){padding:10px 15px 18px}
.leftinformation .tbl .tbr.rowtitle .tbc,.leftinformation .tbl .tbr.rowtitle .tbc:nth-child(3){font-size:15px;padding-bottom:0}
.leftinformation .tbl .tbr .tbc{position:relative}
.leftinformation .tbl .tbr .tbc .boxaddremoverow{font-size:16px;position:absolute;top:12px;left:0}
.leftinformation .tbl .tbr .tbc .boxaddremoverow a{width:17px;height:17px;float:left;border:1px solid #6f7073;border-radius:17px;margin-right:10px;position:relative;transition:all .4s}
.leftinformation .tbl .tbr .tbc .boxaddremoverow a:hover{background:#fff;border:1px solid #231f20}
.leftinformation .tbl .tbr .tbc .boxaddremoverow a:before{content:'';position:absolute;left:50%;top:50%;width:9px;height:1px;background:#6f7073;transform:translate(-50%,-50%);transition:all .4s}
.leftinformation .tbl .tbr .tbc .boxaddremoverow a.addrow:after{content:'';position:absolute;left:50%;top:50%;width:1px;height:9px;background:#6f7073;transform:translate(-50%,-50%);transition:all .4s}
.leftinformation .tbl .tbr .tbc .boxaddremoverow a:hover:before,.leftinformation .tbl .tbr .tbc .boxaddremoverow a.addrow:after{background:#231f20}
.leftinformation p{font-size:15px}
.leftinformation .btnmodify{float:right;top:calc(100% + 18px);left:0;text-align:center;color:#fff;background:#808285;font-size:15px;letter-spacing:3px;padding:12.5px 10px;box-shadow:5px 5px 10px 3px #c9c9c9;transition:all .4s;margin-right:10px;border:none}
.leftinformation .btnmodify.type2{left:auto;right:0;background:#191919}
.leftinformation .btnmodify:hover{background:#191919}
.leftinformation .btnmodify.type2:hover{background:#808285}
.leftinformation .tbl.boxyourinfo .tbr:first-child .tbc{padding:0 15px 8px 0!important}
.leftinformation .tbl.boxyourinfo .tbr .tbc{padding:0 15px 18px 0!important}
.leftinformation .tbl.boxyourinfo .tbr .tbc:last-child{padding:0 0 18px!important}
.leftinformation .tbl.special .tbr .tbc:first-child{padding:0!important}
.leftinformation .tbl.special .tbr .tbc textarea#brequest{border:0;width:100%;padding:5.5px;font:inherit;margin:18px 0}
.leftinformation .tbl.pickupdropoff .titlepickup{font-size:15px}
.leftinformation .tbl.special .tbr.tblspecial .tbc{padding-top:18px!important}
.leftinformation .tbl.special .tbr.tblspecial .tbc textarea{margin-top:8px!important}
#content .cruisefinder4{background:#d0d2d3;padding:75px 0}
.cruisefinder4 .leftreservation{line-height:1.8;float:left;width:36%}
.leftreservation .cf4h3,.rightcustomerdetail .cf4h3{letter-spacing:15px}
.mgbt0{margin-bottom:0}
.mgtp0{margin-top:0}
.leftreservation hr{border:0;border-top:1px solid #231f20;margin:0}
.leftreservation .tbl .tbr .tbc:first-child{width:70%}
.leftreservation .btnarrownhidden{width:33px;height:33px;margin:0 auto;border-top:6px solid #231f20;display:inline-block;border-left:6px solid #231f20;transform:rotate(45deg);margin-top:32px;transition:all .4s}
.btnarrownhidden.active{transform:rotate(225deg)}
#content .cruisefinder4{background:#d0d2d3;padding:75px 0}
.cruisefinder4 .leftreservation{line-height:1.8;float:left;width:36%}
.leftreservation .cf4h3,.rightcustomerdetail .cf4h3{letter-spacing:15px}
.mgbt0{margin-bottom:0}
.mgtp0{margin-top:0}
.leftreservation hr{border:0;border-top:1px solid #231f20;margin:0}
.leftreservation .tbl .tbr .tbc:first-child{width:70%}
.leftreservation .btnarrownhidden{width:33px;height:33px;margin:0 auto;border-top:6px solid #231f20;display:inline-block;border-left:6px solid #231f20;transform:rotate(45deg);margin-top:32px;transition:all .4s}
.btnarrownhidden.active{transform:rotate(225deg)}
.cruisefinder4 .rightcustomerdetail{float:right;width:58%}
.rightcustomerdetail .tbl .tbr .tbc{width:10%}
.rightcustomerdetail .tbl .tbr:nth-child(n+2) .tbc{padding-top:15px}
.rightcustomerdetail .termandcodition{padding:10px 0 30px}
.termandcodition a{color:inherit;text-decoration:underline;margin-top:3px}
.termandcodition .chkterm{width:33px;float:left;height:33px;background:#fff;border:1px solid #231f20;position:relative;margin:0 20px 0 0}
.termandcodition .chkterm:after{content:'\f00c';width:33px;height:33px;position:absolute;font-size:25px;font-family:FontAwesome;color:#231f20;left:3px;top:3px;display:none}
.termandcodition .chkterm.active:after{display:block}
.rightcustomerdetail h3 span{float:left;padding-top:8px}
.rightcustomerdetail .btndetail{display:inline-block;font:100 20px avn;padding:13.5px 40px;color:#fff;background:#231f20;transition:all .4s;float:left;margin-left:40px}
.rightcustomerdetail .btndetail:hover{background:#fff;color:#231f20}
.rightcustomerdetail img{max-width:100%}
#content .catedetail{background:#d0d2d3;padding:75px 0}
#content .cruisefinder5{background:#d0d2d3;padding:75px 0}
.cruisefinder5 p{column-count:2;-webkit-column-count:2;-moz-column-count:2;-webkit-column-gap:80px;-moz-column-gap:80px;column-gap:80px}
#content .cruisefinder6{background:#d0d2d3;padding:50px 0 75px}
.cruisefinder6 .tbl{width:100%}
.cruisefinder6 .tbl .tbr .tbc{width:50%}
.cruisefinder6 .tbl .tbr:nth-child(n+2) .tbc{padding-top:10px}
.cruisefinder6 ul.instructcheckin{padding:0;margin:auto;list-style:none}
.cruisefinder6 ul.instructcheckin li{float:left;background:#fff;padding:50px 50px 25px;width:calc((100% - 40px)/3);text-align:center;height:550px}
.cruisefinder6 ul.instructcheckin li:nth-child(n+2){margin-left:20px}
.cruisefinder6 ul.instructcheckin li p{text-align:left}
.cabinimg .rslides_nav{position:absolute;left:-100px;top:50%;height:50px;width:50px;background:rgba(255,255,255,.5);border-radius:50px;transition:all .5s;z-index:2;left:20px}
.cabinimg .rslides_nav:hover{background:rgba(255,255,255,.5)}
.cabinimg .rslides_nav:hover:after{color:#000}
.cabinimg .rslides_nav:after{content:'\f104';position:absolute;left:45%;top:50%;transform:translate(-50%,-50%);font-family:FontAwesome;font-size:40px;color:#000;transition:all .5s}
.cabinimg .rslides_nav.next{left:auto;right:-100px;right:20px}
.cabinimg .rslides_nav.next:after{content:'\f105';left:55%}
.boxmobileshowstep1{display:none;text-align:left;margin-top:-45px;padding-bottom:70px;position:relative;z-index:2}
.boxmobileshowstep1 .leftspringdeal{float:left;width:50%}
.boxoffer23day12nightcruise.cruise1night .samplecruise1night{padding:25px 0 50px;text-align:center}
.boxoffer23day12nightcruise.cruise1night ul.cruise1night{list-style:none;padding:0;margin:0}
.boxcabinnote p {margin-bottom:5px}
.leftfc_listcabin .boxcustomer {text-align:left}
.boxcustomer h3 {letter-spacing:0;text-transform:none;font-size:25px;font-weight:300}
.boxcustomer .listcustomer {border-bottom:1px solid #b1b2b4;padding-bottom:40px}
.listcustomer .customerchoose {background:#e6e7e8;margin-top:40px}
.customerchoose img {width:29%;float:left}
.customerchoose .rightcustomer {width:67%;float:right;font-size:14px;padding:0 15px 0 0}
.rightcustomer h4 {margin:2% 0;font-weight:300}
.rightcustomer ul {padding:0;margin:0;list-style:none;width:62%;text-align:justify;float:left}
.rightcustomer ul li {padding-bottom:5px}
.rightcustomer ul li span {display:inline-block;margin-left:5px;width:115px}
.rightcustomer ul li span select {width:50px;float:right}
.rightcustomer ul li strong {font-size:20px}
.rightcustomer .btnaddtocard {/*float:right;*/background:#797a7d;color:#fff;padding:15px 35px;margin:7% 30px 0 0}
.leftfc_listcabin .boxwhatother {text-align:left}
.boxwhatother h3 {letter-spacing:0;text-transform:none;font-size:25px}
.boxwhatother .boxlistwhatother {padding:0 50px;position:relative;overflow:hidden;margin-top:28px}
.boxlistwhatother .boxlistwhatotherinside {width:100%}
.boxlistwhatother ul.boxulselect {padding:0;margin:0;list-style:none;display:flex;width:100%;}
.boxlistwhatother ul.boxulselect li.boxliselect {float:left;width:280px;margin-right:30px;background:#e6e7e8;font-size:16px;min-height:620px;position:relative;padding-bottom:70px}
.boxlistwhatother ul.boxulselect li.boxliselect:last-child {margin-right:0}
.boxlistwhatother ul.boxulselect li.boxliselect img {width:100%}
.boxlistwhatother ul.boxulselect li.boxliselect h4 {padding:0 35px;margin:4% 0;text-align:center}
.boxlistwhatother ul.boxulselect li.boxliselect .whatotherprice {padding:8px 35px;font-size:13px}
.boxlistwhatother ul.boxulselect li.boxliselect .whatotherprice strong {font-size:22px}
.boxlistwhatother ul.boxulselect li.boxliselect .whatotherprice span {float:right;padding-top:7px}
.boxlistwhatother ul.boxulselect li.boxliselect .whatotherprice span select {float:right;margin-left:5px;font-size:13px;margin-top:-3px}
.boxlistwhatother ul.boxulselect li.boxliselect .boxtotalwhatother {padding:7px 35px;font-size:13px}
.boxlistwhatother ul.boxulselect li.boxliselect div > ul {font-size:12px;padding: 0 35px;list-style: inside;}
.boxlistwhatother ul.boxulselect li.boxliselect .boxtotalwhatother span {float:right;margin-top:-4px}
.boxlistwhatother ul.boxulselect li.boxliselect .boxtotalwhatother span strong {font-size:22px}
.boxlistwhatother ul.boxulselect li.boxliselect p {padding:0 35px;text-align:justify;font-size:12px;}
.boxlistwhatother ul.boxulselect li.boxliselect .btnaddtocard {background:#797a7d;color:#fff;padding:5px 35px;margin:15px auto;display:table;position:absolute;bottom:0;width:180px;right:calc(50% - 90px)}
.boxlistwhatother .arrowwhatother {position:absolute;width:12px;height:12px;content:'';border-top:1px solid #000;border-left:1px solid #000;left:2px;top:50%;transform:translateY(-50%) rotate(-45deg)}
.boxlistwhatother .arrowwhatother.right {right:2px;left:auto;transform:translateY(-50%) rotate(135deg)}
.box_step1transfer {width:100%;float:left}
.box_step1transfer.boxright {float:right}
.box_step1transfer .boxselectinside {padding-bottom:10px;width:calc(100% / 3)}
.box_step1transfer .boxselectinside select {width:30%;padding:15px 5px;background:#fff url(https://demo.paradisecruise.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center/10px;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;border:0;float:left;margin-top:5px}
.box_step1transfer .boxselectinside .boxpriceperson {width:calc(70% - 10px);float:left;background:#dedfe0;padding:16px 5px;text-align:center;font-weight:900;margin-top:5px}
.box_step1transfer .totalprice {background:#dedfe0;padding:16px 5px;text-align:center;width:50%}
.box_step1transfer .btnaddtocard {float:right;width:50%;display:inline-block;text-align:center;margin:0 0 10px 0}
.whatotherprice select {width:50%;padding:15px 5px;background:#fff url(https://demo.paradisecruise.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center/10px;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;border:0;margin-top:5px}
.whatotherprice .boxpriceperson {width:50%;float:right;background:#dedfe0;padding:16px 5px;text-align:center;font-weight:900;margin-top:5px}
.whatotherprice .boxpriceperson.surcharge {padding:8px 5px}
.boxlistwhatother ul.boxulselect li.boxliselect .boxtotalwhatother .totalprice {background:#dedfe0;padding:16px 5px;text-align:center}

.boxpackagerequest input[type="text"], .boxpackagerequest textarea {margin:8px 0 30px;border:1px solid #d0d2d3;font:inherit;padding:13px 25px}
.boxpackagerequest div.type2 .boxselect {width:calc((100% - 20px)/3);float:left}
.boxpackagerequest div.type2 .boxselect:nth-child(n+2) {margin-left:10px}
.boxpackagerequest select {background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 20px) center;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;border:1px solid #d0d2d3;color:#231f20;padding:14px 25px;margin:8px 0 30px}
.boxpackagerequest div.type2 .boxinput {width:calc(((100% - 10px)/3) * 2);float:left;margin-left:10px}
.boxluxurysample .btnsendrequest, .boxdaycruise .btnsendrequest, .boxofferchartercruise .btnsendrequest {background:#231f20;color:#fff;transition:all .4s;padding:13.5px 40px;display:inline-block;margin:0 0 50px}
.textmore ul{padding:0}
#content .boxcombo{background:#f3f4f4;padding:0 0 80px;padding:50px 0}.boxcombo .leftcombo{float:left;width:68%}.leftcombo h4{text-align:left}.leftcombo .boxtransportform h4{margin:10px 0}.leftcombo .tbl .tbr .tbc{position:relative;width:25%;text-align:left;padding-bottom:25px}.leftcombo .tbl .tbr.titlerow .tbc{padding-bottom:0}.leftcombo .tbl .tbr.transportrow .tbc:first-child{width:50%}.leftcombo .tbl .tbr.transportrow .tbc label{font-size:15px}.leftcombo .tbl{width:100%;font-size:17px}.leftcombo .tbl .tbr .tbc select{border:0;background:#fff url(https://bb49d9.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselect2.png) no-repeat calc(100% - 20px) center/10px;color:#231f20;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;padding:4.5px 0 4.5px 5px;width:calc(100% - 10px)}.leftcombo .tbl .tbr .tbc input[type="text"]{border:0;background:#fff;width:calc(100% - 10px);font:inherit;color:#231f20;padding:5.5px}.leftcombo .tbl .tbr .tbc textarea{border:0;background:#fff;width:calc(100% - 10px);font:inherit;color:#231f20}

/*MOBILE BOOKING*/	
#content{position:relative;z-index:1}
#content .boxourship{text-align:center;padding:0 5.86%}
.boxourship h2,.specialoffer h2,.cruisereview h2,.deckplan h2{font:100 30px avn;position:relative;letter-spacing:10px;margin:5% 0;text-transform:uppercase}
.boxourship h2:before,.specialoffer h2:before,.cruisereview h2:before,.deckplan h2:before{width:73px;height:4px;content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);background:#231f20}
#content .boxslideitinerary{overflow:hidden;margin-top:25px;text-align:center;background:#e6e7e8}
.boxslideitinerary .bxlistslide{position:relative}
.bxlistslide .btnslide{position:absolute;top:35%;left:30px;width:38px;height:38px;border-top:8px solid #fff;border-left:8px solid #fff;transform:rotate(-45deg);z-index:1}
.bxlistslide .btnslide.right{left:auto;right:30px;transform:rotate(135deg)}
.bxlistslide .slideitinerary{}
.slideitinerary .bximg{position:relative}
.bximg img{width:100%}
.bximg h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 10px #000;font:100 35px avn;margin:0;letter-spacing:5px}
.boxslideitinerary h3{font:100 25px avn;letter-spacing:8px}
.slideitinerary > .boxnight{padding:0 5.86% 9.814%;margin-top:20px}
.boxnight .boxcabinchoose{padding-bottom:5px}
.boxnight .btncruiseitinerary{float:left;width:48%;background:#231f20;color:#fff;font-size:20px;letter-spacing:4px;padding:19.5px 0;margin:20px 0 0}
.boxnight .btncruiseitinerary.type2{width:100%;margin-top:35px}
.boxnight h4{font:100 20px avn;letter-spacing:3px;text-transform:uppercase}
.boxnight h4 strong{font:600 25px avn;letter-spacing:0}
.btncruiseitinerary.type2:last-child{margin-bottom:-7.814%}
.btncruiseitinerary.night{float:right}
.slideitinerary .boxhighlight{padding:0 21% 7.814%}
.boxhighlight ul{padding:0;margin:0;list-style:none}
.boxhighlight ul li{float:left;width:calc((100% - 16%) / 3);margin-top:15px;border:1px solid #4c494a;margin-left:8%;padding:0 0 15px;height:124px;font-size:12px}
.boxhighlight ul li:nth-child(3n+1){margin-left:0}
.boxhighlight ul li.food{background-position:-114px 9px}
.boxhighlight ul li.service{background-position:-264px 9px}
.boxhighlight ul li.cabin{background-position:-416px 9px}
.boxhighlight ul li.sundeck{background-position:-567px 9px}
.boxhighlight ul li.value{background-position:-718px 9px}
#content .boxslideitinerary.step2{margin-top:0}
.bximg .boxlistservice{position:absolute;bottom:5px;left:0;width:100%;background:rgba(255,255,255,.8);padding:16px 0}
.boxlistservice .bxltsv{float:left;width:20%;padding-top:60px;background:url(https://0116fc.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/iconroomservice.png) no-repeat 25px top}
.boxlistservice .bxltsv.size{background-position:-92px top}
.boxlistservice .bxltsv.twin{background-position:-253px top}
.boxlistservice .bxltsv.double{background-position:-394px top;position:relative}
.boxlistservice .bxltsv.double.hasor:before{content:'OR';position:absolute;left:-9px;top:50%;transform:translateY(-50%)}
.boxlistservice .bxltsv.wifi{background-position:-548px top}
.boxnight .btnnightcruise{background:#231f20;color:#fff;line-height:60px;letter-spacing:3px}
.boxnight .btnnightcruise.type2{background:#231f20}
#content .boxslideitinerary.active .boxnight .btnnightcruise{background:#231f20!important}
.btnnightcruise.active{background:#231f20}
.boxcabinchoose .column{float:left;width:calc((100% - 75px) / 4);margin-left:25px;text-align:left}
.boxcabinchoose .column:first-child{margin-left:0}
.column select{background:url(https://8c3d01.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselectmobile.png) no-repeat calc(100% - 10px) center;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;border:1px solid #000;color:#000;margin:4px 0 0;padding:10px 0 10px 10px;width:100%;float:left}
.column:first-child select{background:none}
.boxsmartdeal{margin-top:-25px}
.boxsmartdeal .smartdeal{width:50%;float:left;padding:2% 5% 0 9%;text-align:left}
.boxsmartdeal .smartdeal.active{background:#fff}
.smartdeal input[type=radio]{margin:3px 9px 0 -23px}
.smartdeal p{font-size:12px}
.smartdeal label{font-size:15px}
.smartdeal strong{padding-left:25px;font-size:20px}
.bxaddcabin{padding:15px 5.86% 0;text-align:left}
.bxaddcabin a{float:left;width:28px;height:28px;border-radius:30px;border:2px solid #707174;margin:-4px 10px 40px 0;position:relative}
.bxaddcabin a:before{content:'';position:absolute;background:#707174;width:14px;height:2px;top:calc(50% - 1px);left:calc(50% - 7px)}
.bxaddcabin a:last-child:after{content:'';position:absolute;background:#707174;height:14px;width:2px;top:calc(50% - 7px);left:calc(50% - 1px)}
#content .specialoffer,#content .cruisereview{text-align:center;padding-top:2%}
.specialoffer .slide,.deckplan .boxlisttab{position:relative;overflow:hidden}
.slide .btnslide,.boxlisttab .btnslide{position:absolute;top:50%;left:30px;width:38px;height:38px;border-top:8px solid #fff;border-left:8px solid #fff;transform:translateY(-50%) rotate(-45deg);z-index:1}
.slide.fulldescript .btnslide{top:30%}
.slide .btnslide.right,.boxlisttab .btnslide.right{left:auto;right:30px;transform:translateY(-50%) rotate(135deg)}
.slide .btnslidedown{position:absolute;bottom:-50px;width:100px;height:100px;left:50%;transform:translateX(-50%);border-radius:100px;background:#fff;z-index:1}
.slide .btnslidedown:before{position:absolute;top:28%;height:26px;width:26px;border-bottom:5px solid #8b8c8d;border-right:5px solid #8b8c8d;content:'';left:50%;transform:translate(-50%,-50%) rotate(45deg)}
.slide > .slideoffer{position:relative}
.slideoffer h1{position:absolute;right:11.6%;bottom:1.8%;text-align:right;color:#fff;font:100 51px/1.2 avn}
.slideoffer h1:before{height:80%;width:4px;background:#fff;right:-8%;top:50%;background:#fff;position:absolute;content:'';transform:translateY(-50%)}
.slideoffer h1 strong{letter-spacing:.8px}
.slideoffer .boxnight{display:none;padding:25px 5.86% 9.814%;background:#e6e7e8}
.slideoffer .boxnight .btncruiseitinerary{display:block;margin:auto;float:none}
.specialoffer .boxhighlight{background:#d0d2d3;padding:2% 15% 7.814%}
.specialoffer .boxhighlight.type2{padding:2% 7.814% 7.814%}
.boxhighlight h4{font:100 20px avn;letter-spacing:3px}
.boxhighlight .btnnightcruise{background:#231f20;color:#fff;font-size:20px;letter-spacing:3px;margin-top:15px;line-height:64px}
.cruisereview .boxcruisereview{background:#d0d2d3;padding:5.86% 17%}
.boxcruisereview img{border-radius:100px;border:6px solid #c4c6c8}
.boxcruisereview h4{font:400 20px avn}
#content .subcribe{padding:7% 5.86%}
.subcribe input[type=text]{font:100 20px avn;letter-spacing:3px;padding:18.5px 5.86%}
.subcribe a{background:#231f20;color:#fff;text-align:center;font-size:20px;letter-spacing:3px;margin-top:30px;padding:19.5px 0}
#content .deckplan{padding:2% 0 7.814%;text-align:center}
.deckplan .tablist{padding:0;list-style:none}
.deckplan .bxlistslide{position:relative}
.deckplan .boxlisttab .boxtabsdeck{display:none}
.deckplan .boxlisttab .boxtabsdeck.active{display:block}
.tablist li{float:left;width:25%;border:1px solid #c9c8c8;border-left:0;line-height:34px;cursor:pointer}
.tablist li:last-child{border-right:0}
.tablist li.active{background:#e2e3e4}
.tablist li a{color:#000}
.tablist.type2 li{width:calc((100% - 8px) / 3);border:1px solid #c9c8c8}
.tablist.type2 li:nth-child(n+2){margin-left:4px}
.tablist.type2 li.active{background:#c9c8c8}
#content .custombook{}
.custombook h3{font:100 25px avn;text-align:center;text-transform:inherit}
.custombook .listcustom{padding:0 5.86% 19px;border-bottom:1px solid #b5b5b6;margin-bottom:20px}
.custombook .listcustom:last-child{margin-bottom:0;border:0}
.listcustom img{float:left}
.listcustom .customrightinfo{float:right;width:50%}
.listcustom .customrightinfo strong{font-size:16px}
.customrightinfo > div.item{padding-top:25px}
.customrightinfo > div.item > div.item{margin-top:4px;border:1px solid #b5b5b6}
.customrightinfo > div.item > div.item select{float:left;width:50%;background:url(https://8c3d01.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/images/arrowselectmobile.png) no-repeat calc(100% - 15px) center;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;border:none;color:#000;padding:19px 0 19px 10px}
.customrightinfo > div.item > div.item span{width:50%;float:left;background:#d3d4d6;text-align:center;border-left:1px solid #b5b5b6;padding:20px 0}
.customrightinfo > div.item > div.item span strong{font-size:25px}
.customrightinfo > div.totalprice{text-align:center;background:#adafb1;border:1px solid #b5b5b6;margin-top:12px;line-height:54px;padding-top:0}
.customrightinfo > div.totalprice > strong{font-size:25px}
.customrightinfo .servicecontent {padding-top:10px!important}
.customrightinfo .servicecontent ul {padding:0;margin:0}
.listcustom .btnaddtocart{background:#231f20;color:#fff;text-align:center;width:100%;float:left;line-height:60px;margin-top:12px}
.listcustom h4{font:100 20px avn;text-align:center;margin:0}
.listcustom h4.type2{margin-top:-30px}
.customrightinfo .btnremove{float:right;color:#231f20;text-decoration:underline;margin:10px 0 20px}
#content .myordertotal{text-align:right;padding:0 5.87%;font-size:30px}
#content .myordertotal.type2{font-size:20px;margin:20px 0;padding:15px 5.86%;border-top:1px solid #231f20}
.myordertotal > strong{float:right;padding-left:100px;padding-right:10px}
#content .boxreservation{background:#e6e7e8;padding:0 5.86%}
.boxreservation h1{font:100 30px avn;text-align:center}
.boxreservation .reservationinfo{border-top:1px solid #b7b9bb;font:100 12px avn}
.reservationinfo h2{font:100 14px avn;text-transform:uppercase}
.reservationinfo .tbl .tbr .tbc{width:70%}
.reservationinfo .tbl .tbr .tbc:last-child{width:30%;text-align:right}
.reservationinfo > div.item{padding-top:7px}
.reservationinfo > div.item > input[type=text]{float:right;width:215px;border:0;font:inherit;padding:13px;margin:-12px 0 12px}
.reservationinfo > div.item > div.item > span{float:right;width:215px}
.reservationinfo > div.item > div.item{padding:5px 0}
.boxreservation .boxtotal{font-size:25px;border-top:1px solid #a8a9ab;border-bottom:1px solid #a8a9ab;padding:30px 0;margin-top:20px}
.boxtotal > strong{float:right;font-size:25px}
.boxreservation .boxnote{font-size:12px;padding:20px 0;color:#59595c}
.boxnote h3{font:600 30px avn}
#content .boxbtnbacknext{padding:50px 5.86%}
.boxbtnbacknext a{float:left;background:#545554;color:#fff;font-size:12px;letter-spacing:3px;width:47%;text-align:center;line-height:62px}
.boxbtnbacknext a:last-child{float:right;background:#231f20;font-size:15px}
.boxbtnbacknext a.type3{width:100%}
#content .customerdetail{padding:30px 5.86%}
.customerdetail h2{font:100 20px avn;letter-spacing:10px;text-align:center;margin-top:0;text-transform:uppercase}
.customerdetail > div.item{padding-top:30px}
.customerdetail > div.item > input[type=text]{font-size:16px;margin-top:4px;padding:18px 20px}
.customerdetail .btncreateaccount{background:#797a7d;line-height:62px;color:#fff;text-align:center;margin-top:93px;position:relative}
.btncreateaccount:before{content:'OR';color:#000;top:-70px;position:absolute;left:50%;transform:translateX(-50%);font:100 40px avn}
.customerdetail .btnlogin{background:#231f20;color:#fff;text-align:center;;line-height:62px;margin-top:18px}
.customerdetail .bxpromocode{margin-top:30px;text-align:center}
.boxcustomerinclusion{line-height:2}
.boxcustomerinclusion h4{font:100 20px avn;margin:5% 0 -1%}
.boxbtnbacknext .type2{width:100%;background:#545554;color:#fff;border:0;font-size:15px;padding:21px 0}

/*MOBILE LOGIN*/
#content .cruisefinder3.type2{background:#fff}
.cruisefinder3 .leftinformation.type2{padding-left:0}
#content .cruisefinder3 .btnmodify.type2{width:70%}
.boxcustomerdetail{background:#e6e7e8;margin-bottom:25px;font-size:16px;padding-bottom:32px}
.boxcustomerdetail h3{padding:0 20%}
.boxcustomerdetail > div.item{padding:32px 20% 0}
.boxcustomerdetail > div.item:nth-child(2){border-top:2px solid #fff}
.boxcustomerdetail > div.item input[type=text]{border:1px solid #bbb;margin-top:4px;font-size:inherit;padding:11px 15px}
.btnproceedtopayment{color:#fff;text-align:center;line-height:45px;background:#797a7d;border:0;font-size:14px}
.boxorotherdetail{text-align:center;font-size:16px;line-height:1.6;position:relative;margin-bottom:15px}
.boxorotherdetail:before{position:absolute;content:'';bottom:12px;left:0;width:100%;background:#ddd;height:1px;z-index:0}
.boxorotherdetail span{display:inline-block;padding:0 20px;background:#fff;position:relative}
.btncreateyouraccount{width:49.5%;float:left;font-size:16px;background:#797a7d;color:#fff;text-align:center;line-height:45px;margin-bottom:35px}
.btncreateyouraccount.right{float:right}
.boxpromotioncode{font-size:16px;margin-bottom:35px}
.boxpromotioncode input[type=text]{font-size:inherit;border:1px solid #616161;margin-top:4px;padding:11px 15px}
.ulinclutions,.ulexclusions{float:left;width:64%;list-style:none;padding:0;margin:0 0 35px;font-size:16px}
.ulexclusions{width:36%}
.ulinclutions li,.ulexclusions li{padding-top:3px}
.ulinclutions li:first-child,.ulexclusions li:first-child{font-size:20px;padding-bottom:5px}
.leftinformation.type2 .tbl .tbr .tbc input,.leftinformation.type2 .tbl.special .tbr .tbc textarea#brequest{border:1px solid #bbb}

#content.ctlogin{padding-top:96px}
#content .boxlogin{}
.boxlogin .bxlogininside{margin:5.556% 0 8.334%;background:#e6e7e8;font-size:16px;padding-bottom:5%}
.bxlogininside .boxtitlelogin{padding:26px 5.556% 14px;border-bottom:2px solid #fff}
.boxtitlelogin span:first-child{float:left;font-size:26px}
.boxtitlelogin span:last-child{padding-top:10px;float:right}
.boxtitlelogin span:last-child a{color:#231f20}
.bxlogininside .bxleftinfo{float:left;width:50%;padding-left:5.556%;padding-right:2%}
.bxlogininside .bxleftinfo:last-child{float:right;padding-left:2%;padding-right:5.556%}
.bxleftinfo div.item{padding-top:40px}
.bxleftinfo div.item input{border:1px solid #afb0b0;font:inherit;color:#231f20;margin-top:4px;padding:11px 14px}
.bxleftinfo .btnforgotpw{float:right;color:#afb0b0;margin-top:18px}
.bxleftinfo .btnlogin{background:#797a7d;line-height:42px;color:#fff;text-align:center;margin-top:24px;border:1px solid #646467;margin-bottom:4px}
.btnlogin i{margin-right:10px}
.btnlogin.facebook{margin:0;background:#4c70aa}
.btnlogin.google{margin:0;background:#dd4340}
.bxleftinfo span{color:#afb0b0}
.bxleftinfo .bxoutsidechk{width:100%;float:left;padding-top:20px;margin-bottom:-40px;position:relative;z-index:1}
.bxoutsidechk input{float:left}
.bxoutsidechk span{float:left;padding-left:5px}
.bxleftinfo .btngoback{float:left;color:#000;margin-top:15px}
.boxlogin .leftmyaccount{float:left;width:20%;margin:5.556% 0 0}
.leftmyaccount ul{list-style:none;padding:0;margin:0;float:left;width:100%}
.leftmyaccount ul:nth-child(n+2){padding-top:25px}
.leftmyaccount ul li{float:left;width:100%}
.leftmyaccount ul li a{color:#000;display:inline-block;margin-top:10px}
.leftmyaccount ul li a.active{font-size:20px;font-weight:600}
.boxlogin .rightmyaccount{width:80%;float:right;margin-top:5.556%}
.rightmyaccount h3{margin-top:0}
.rightmyaccount .bxlogininside{margin-top:0}
.bxlogininside span.btnedit{float:left;margin:20px 0 -20px 5.556%;width:100%}
.spanbtneidt{color:#afb0b0}
.bxleftinfo .listbirthday span{color:#000}
.listbirthday input[type='text']{float:left}
.listbirthday span:nth-child(2){float:right;width:calc((100% - 3%) / 4)}
.listbirthday select{margin-top:4px;float:left;margin-right:1%;width:calc((100% - 3%) / 4);padding:10px 0 10px 10px;background:#fff url(https://956746.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/css/images/arrowselect2.png) no-repeat calc(100% - 10px) center/15px;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";border:1px solid #afb0b0;font:inherit;float:right}
.listbirthday select:last-child{margin-right:0}
.bxleftinfo .btnlogin.myaccount{margin:62px 0 0}

.boxlogin .leftmyaccount.type2 {float:left;width:100%;padding:2% 0;background:#e6e7e8;margin:40px 0 0 0}
.leftmyaccount.type2 ul {float:left;width:33.3334%;padding-top:0!important;position:relative}
.leftmyaccount.type2 ul:nth-child(n+2):before {width:1px;height:100%;top:50%;transform:translateY(-50%);background:#bbbcbc;position:absolute;content:'';left:-10%}
.leftmyaccount.type2 ul li:first-child a {margin-top:0}
.boxlogin .rightmyaccount.type2 {width:100%}
.rightmyaccount.type2 .bxlogininside {width:74%;background:none}
.bxlogininside .boxorder1 {background:#f5f2db;margin-top:25px}
.boxorder1 img {float:left;width:64%}
.boxorder1 .rightorder {float:right;width:30%;list-style:none;padding:0}
.rightorder li {padding-top:15px}
.rightorder .orderpaid {color:#ed1c24}
.rightorder li .btnseedetail {float:left;background:#797a7d;color:#fff;font-size:13px;padding:8px 50px;margin-top:40%}
.rightorder li .btnseedetail:nth-child(2){margin-top:20px}
.bxlogininside .boxorder2 {margin-top:16px;background:#f3f4f4;position:relative;display:none}
.boxorder2 img {width:30%;float:left}
.boxorder2 .rightorderinfo {width:70%;position:absolute;right:0;top:0;height:100%}
.rightorderinfo.type2 ul.type2 li{font-size:12.81px}
.rightorderinfo.type2 ul.type2 li strong{font-size:21.62px}
.rightorderinfo.type2 ul.type2 li .btnremoveorder{color:#fff;float:right;background:#797a7d;padding:5px 10px;margin-right:5%}
.rightorderinfo ul {list-style:none;width:45%;float:left;font-size:12px}
.rightorderinfo ul li {font-size:15px;padding-top:3px}
.rightorderinfo ul li:first-child {padding-bottom:15px}
.rightorderinfo ul li span {float:right;width:85px}
.rightorderinfo ul.type2 {width:100%}
.rightorderinfo ul.type2 li:first-child {font-size:18.73px}
.rightorderinfo ul.type2 li span {width:85px;display:inline-block;margin-left:25px;float:none}
.rightorderinfo ul li span input[type=text] {float:right;width:50px;padding:2px 5px;margin-top:-3px;}
.rightorderinfo .rightordertotal {border-top:2px solid #d1d2d3;padding:5px 0 5px 5%;font-size:18.73px;position:absolute;bottom:0;width:100%;left:0}
.bxlogininside .boxtotalmyorder {font-size:27px;text-align:right;padding:35px 0 100px}
.boxtotalmyorder strong {padding:0 10px 0 100px;display:inline-block}
.boxorder2 .boxinclude_dealrate {border-top:4px solid #fff}
.boxorder2 .boxinclude_dealrate .tbl {width:100%;float:left;font-size:15px;text-align:center}
.boxorder2 .boxinclude_dealrate .tbl .tbr:first-child .tbc {border-bottom:1px solid #fff;vertical-align:middle;padding:10px 0 5px}
.boxinclude_dealrate .boxbutton_addremoverow {font-size:16px;width:calc(100% - 16px);left:16px;bottom:15px;position:absolute;text-align:left;z-index:2}
.boxorder2 .boxinclude_dealrate .tbl .tbr.lastrow .tbc {padding:25px 0 15px}
.boxorder2 .boxinclude_dealrate .tbl .tbr:nth-child(n+2) .tbc {font-size:20px}
.boxorder2 .boxbutton_addremoverow button {position:absolute;right:0;bottom:-6px;border:none;text-align:center;color:#fff;background:#191919;font-size:15px;letter-spacing:3px;padding:5px 10px;box-shadow:5px 5px 10px 3px #c9c9c9;transition:all .4s}
.boxorder2 .boxinclude_dealrate .tbl .tbr .tbc.inputchoose {background:#dedfe0}
.boxorder2 .boxinclude_dealrate .tbl .tbr .tbc.inputnotchoose{background:#fff}
.boxorder2 .boxinclude_dealrate .tbl .tbr:nth-child(n+2) .tbc {font-size:20px}
.boxorder2 .boxinclude_dealrate .tbl .tbr .tbc {vertical-align:middle;padding:20px 0 5px}
.boxorder2 .boxinclude_dealrate .tbl .tbr .tbc select {border:0;background:#fff url(https://956746.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/css/images/arrowselect2.png) no-repeat calc(100% - 10px) center/10px;color:#b1b3b6;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;font-size:inherit;padding:3.5px 0 3.5px 5px;font-size:16px;width:96px}
.rightmyaccount.type2 .rightmyorder{float:right;width:25%}
.rightmyorder .boxlistorder{background:#f3f4f4;padding:0 30px}
.boxlistorder h3{margin:10% 0;position:relative}
.boxlistorder h3:before{position:absolute;content:'';bottom:-14px;left:0;width:100%;background:#aeafb1;height:1px}
.boxlistorder h4{font-size:20px;margin:4% 0}
.boxlistorder ul{list-style:none;padding:0;font-size:15px;margin:0}
.boxlistorder ul li{padding-top:6px}
.boxlistorder ul li select{font-size:15px;float:right;width:115px;border:0;background:#fff url(https://956746.claudeassets.com/20220312082036im_/https://www.presidentcruiseshalong.com/public/css/images/arrowselect2.png) no-repeat calc(100% - 10px) center/10px;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:""}
.boxlistorder ul li span{width:100px;float:right}
.boxlistorder h4.totalreservation {border-bottom:1px solid #aeafb1;border-top:1px solid #aeafb1;padding:17px 0;margin:7% 0 5%;text-transform:uppercase;font:100 25px avn}
.boxlistorder h4.totalreservation strong{float:right}
.boxlistorder .boxreservation_note p strong {font-size:16px}
.boxlistorder .boxreservation_note {color:#58595b;font-size:14px;text-align:left}
.btnclearyourcart{float:right;font-size:11.24px;margin-left:10px;line-height:34px;margin-top:20px;background:#797a7d;color:#fff;padding:0 10px}
.box_step1transfer {width:100%;float:left}
.box_step1transfer.boxright {float:right}
.box_step1transfer .boxselectinside {padding-bottom:10px;width:calc(100% / 3)}
.box_step1transfer .boxselectinside select {width:30%;padding:15px 5px;background:#fff url(https://demo.paradisecruise.com/public/images/arrowselect2.png) no-repeat calc(100% - 10px) center/10px;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";font:inherit;border:0;float:left;margin-top:5px}
.box_step1transfer .boxselectinside .boxpriceperson {width:calc(70% - 10px);float:left;background:#dedfe0;padding:16px 5px;text-align:center;font-weight:900;margin-top:5px}
.box_step1transfer .totalprice {background:#dedfe0;padding:16px 5px;text-align:center;width:50%}
.box_step1transfer .btnaddtocard {float:right;width:50%;display:inline-block;text-align:center;margin:0 0 10px 0;background:#191919;color:#fff;padding:16px 35px}
.box_step1transfer .btnaddtocard:nth-child(2){background:#797a7d;color:#fff}

#content > .boxexperience > .exclusive .listexclusive > .bxlistexclusive > li > img{margin-top:0}
.boxdeckplan .boxlistdeckplan {padding: 100px 0;}
.boxlistdeckplan ul{padding:0;margin:0 0 50px;list-style:none}.boxlistdeckplan ul li{float:left;width:20%;text-transform:uppercase}.boxlistdeckplan ul li a{color:rgba(46,42,43,.6);transition:all .4s;position:relative}.boxlistdeckplan ul li:hover a,.boxlistdeckplan ul li.active a{color:rgba(46,42,43,1)}.boxlistdeckplan ul li.active a:after{width:100%;height:1px;bottom:0;content:'';position:absolute;background:#231f20;left:0}.boxlisttabs div{display:none}.boxlisttabs div.active{display:block}
/* phan popup thu vien anh */
.boxpopup{background:rgba(41,42,45,0.6);position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;z-index:1}
.boxpopup.active{opacity:1;visibility:visible;}
.popupinside{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);width:740px;padding:75px 30px 120px 50px;visibility:hidden;opacity:0;z-index:2;}
.popupinside.active{visibility:visible;opacity:1;width:55%;}
.popupinside .tabgallery{display:none;}
.popupinside .tabgallery.active{display:block;}
.popupinside .tabgallery ul.image-gallery li h3{position: absolute;bottom: 6px;left: 0;width: 100%;color: #fff;margin: 0;padding: 18px 50px;font-size: 20px;text-transform: inherit;}
.btnclose{position:absolute;right:10px;top:10px;width:30px;height:30px;font-size:20px;text-align:center;line-height:30px;color:#2a2e34}
.btnclose:hover{color:#d84315}
/* het popup thu vien anh*/
@media screen and (max-width:1440px){
	.boxpackagerequest select{padding:12px 25px}	
}
@media screen and (max-width:1366px){
	.box_step1transfer .boxselectinside .boxpriceperson{padding:7px 5px}
	.boxdistinction a.btnarrow{left:80px}
	.boxdistinction a.btnarrow.right{left:calc(100% - 80px)}
	.advanofbooking.iconarrowup{background-position:left -86px}
	.advanofbooking.icondiscout{background-position:left -152px}
	.ftaddress .rightsocial{padding-top:18px}
}
@media screen and (max-width:1280px){
	.boxmenu > ul > li{padding:0 35px}
	.boxmenushowhide > ul > li{padding:10px 35px}
	.bbtnlm > h4{font-size:25px;margin-top:4px}
	.boxdistinction.detail h3{font-size:32px}
	.boxmakeyourbooking > .boxinside h4{font-size:30px}
}
@media screen and (max-width:1152px){
	.bbtnlm > h4{font-size:22px;margin-top:6px;text-shadow:1px 1px 1px #000}	
	.slidedining > a.btnarrow{display:none}
	.boxdining > .slidedining{margin-left:0;width:100%;padding:0}
}
@media screen and (max-width:1024px){
	body{font-size:15px;line-height:1.7}
	.boxjourney h2{letter-spacing:10px;font-size:32px}
	.boxjourney.detail .bxoutsideinon{padding:25px 0}
	.bxitinerary > table tr > td{padding-bottom:5px}
	.main{max-width:984px;padding:0 10px}
	.boxmenushowhide > ul > li{padding:10px 20px}
	.boxmenu > ul > li{padding:0 20px}
	.boxtopmenu > .btnbyc{padding:5px 8px}
	.boxtopmenu > select{margin:0 0 0 30px;background-size:20px}
	header .btnsignin{margin-left:30px}
	.advanofbooking.iconarrowup{ background-position:left -85px}
	.advanofbooking.icondiscout{ background-position:left -155px}
	.boxbanner > .bannersample{font-size:16px;line-height:35px;letter-spacing:20px}
	.bannersample > h1{font-size:53px;letter-spacing:30px}
	.bannersample > p:last-child{font-size:24px}
	.slidedining > a.btnarrow{display:none}
	.boxtopmenu > .btnbyc:hover:before{left:-33%}
	.leftlm > .bbtnlm{bottom:5%;text-align:center;}
	.bbtnlm > h4{font-size:25px;margin:0 0 6px;width:100%;}
	.bbtnlm > a.btnlm{display:inline-block;float:none;box-shadow:0 0 2px #000;text-shadow:0 0 1px #000}
	
	.ttttslide .widthslide .boxtitleimg span{font-size:18px}
	.boxmenu > ul > li:nth-child(n+2):before{top:6px}
	.boxmakeyourbooking > .boxinside .btnckavblt{font-size:18px}
	.exclusive .listexclusive{margin-left:0;width:100%;padding:0}
	.exclusive h2,.boxexperience h2{font-size:22px;letter-spacing:10px}
}
@media screen and (max-width:960px){
	.boxinside > .leftimg{width:52%}
	.boxinside > .rightsample{width:40%}
	.boxmenu > ul > li{padding:0 15px}
	.boxmenushowhide > ul > li{padding:5px 15px}
	.listexclusive > ul > li p{padding:0 10px}
	.boxjourney.detail .bxoutsideinon{padding:25px 0}
	.boxjourney.detail .bxbtndownload::before{width:75%}
	.btncreateyouraccount{width: 100%;}
	.bxactivities > .slideimg{margin-left:0;width:100%}
}
@media screen and (max-width:900px){
	.boxmenushowhide > ul > li:nth-child(n+2):before{top:15px}	
	.boxinside .rightsample{padding-top:0;width:41%}
	header > .boxtopmenu{padding:25px}
	.main2{max-width:740px;padding:0 10px}
	.boxdistinction.detail h2{letter-spacing:10px}
	.bxaccmdtion > .rightsample{width:50%;margin-left:5%}
	.rightsample > .btnbookroom,.bxaccmdtion > .rightsample > .btnseemore{margin-top:10px}
	.slidedining > ul li p{padding:0 10px}
	.boxexperience.detail .listaccomodation > .bxaccmdtion{padding:25px 0 0}
	.boxexperience.detail .listaccomodation > .bxaccmdtion:last-child{padding:25px 0}
	.listaccomodation > .bxaccmdtion:nth-child(n+2){margin-top:25px}
}
@media screen and (max-width:768px){.boxcombo .leftcombo,.boxcombo .rightreservation{width:100%}.leftcombo .tbl,.leftcombo .tbl .tbr.transportrow .tbc label,.rightreservation h4{font-size:12px}#content .boxcombo{padding:15px 0}
	.exclusive h2,.boxexperience h2{font-size:18px;letter-spacing:5px}
	.listexclusive > ul > li{height:auto!important}
	.boxmakeyourbooking > .boxinside .btnckavblt{font-size:16px}
	.ttttslide .widthslide .boxtitleimg span{font-size:16px}
	.boxjourney h2{letter-spacing:5px;margin:4% 0 8%;font-size:28px}
	.boxtopmenu > .btncall > span{display:none}
	.btncall:before{color:#000}
	.btncall:after{background:#fff}
	header.openmenu > .boxtopmenu > select, .boxtopmenu > select{display:none}
	.bannersample > h1{font-size:40px;letter-spacing:20px}
	header > .boxtopmenu{padding:10px 20px!important}
	.boxexperience h2{letter-spacing:10px}
	header.active > .boxmenu{display:none}
	header > .boxmenushowhide{padding:50px 0}
	.boxmenushowhide > ul > li{width:100%}
	.boxmenushowhide > ul > li:nth-child(n+2):before{display:none}
	.boxmenushowhide > ul > li.submenu:hover > ul{width:0;height:0}
	.boxtopmenu > .btnbyc{font-size:12px}
	header .btnsignin{font-size:12px}
	header .boxfindcruise{font-size:12px}
	.boxfindcruise input[type="text"]{width:90px}
	.boxfindcruise select{margin:0 10px}
	.boxfindcruise .btnfindcruise{padding:15px 10px}
	.boxbanner > .bannersample{line-height:50px;letter-spacing:10px}
	.boxtopmenu > .btnbyc:before{left:-148%}
	.boxinside > .leftimg{width:100%;text-align:center}
	.boxinside > .leftimg > img{width:auto;max-width:100%;float:none}
	.boxinside > .rightsample{text-align:center;width:100%}
	.rightsample > .btnseemore{display:inline-block;float:none}
	.main2{max-width:740px;padding:0 10px}
	.boxinside .leftimg,.boxinside .rightsample{width:100%;text-align:center}
	.boxbanner > .bannersample{top:43%}
	.boxpart{width:30%}
	.listexclusive > ul > li{width:100%;margin-left:0;height:auto}
	.boxexperience.detail h2{font-size:20px}
	.boxexperience.detail h2:before{left:calc(50% - 4px)}
	.boxexperience.detail h3{font-size:18px;letter-spacing:10px}
	.bxaccmdtion > .leftimg{width:100%}
	.bxaccmdtion > .rightsample{width:100%;margin-left:0;text-align:center}
	.bxaccmdtion > .rightsample > h4{margin:5% 0 2%}
	.rightsample > .btnbookroom, .bxaccmdtion > .rightsample > .btnseemore{float:none}
	

	/*MOBILE BOOKING*/	
	.cruisefinder3 .leftinformation{width:100%;padding-bottom:50px}
	.cruisefinder3 .rightreservation{width:100%}
	.cruisefinder3 .rightreservation .tbl{display:table}
	.cruisefinder3 .rightreservation h4,.cruisefinder3 .rightreservation h5,.cruisefinder3 .rightreservation hr{display:block}
	/*MOBILE LOGIN*/
	.boxlogin .leftmyaccount,.boxlogin .rightmyaccount{width:100%}
	.rightmyaccount.type2 .bxlogininside{width:100%}
	.bxlogininside .boxorder2{min-height:250px}
	.bxlogininside .boxorder2:last-child{min-height:inherit}
	.box_step1transfer .boxselectinside .boxpriceperson{padding:8px 5px}
	.boxorder1 img{width:100%}
	.boxorder2 img{display:none}
	.boxorder1 .rightorder,.boxorder2 .rightorderinfo{width:100%;float:left}
	.boxorder2 .rightorderinfo{position:inherit}
	.boxorder2 .item strong a {width:100%;float:left;text-align:center}
	.rightorder li .btnseedetail{margin-top:0}
	.rightorder li .btnseedetail:nth-child(2){margin:0;float:right}
	.rightorderinfo .rightordertotal{position:relative;border:0}
	
	.slick-slide img{width:auto;max-width:100%;float:none;display:inline-block!important}
	.slick-slider .slick-track, .slick-slider .slick-list{text-align:center}
	body{font-size:14px;letter-spacing:1.5}
	
	.ftaddress .leftaddress{width:100%;text-align:center}
	.ftaddress .rightsocial{width:100%;text-align:center}
	.rightsocial a{float:none;display:inline-block}
	.leftlm > .bbtnlm{bottom:20%}
	
	.listexclusive > ul > li{margin-top:25px;height:auto!important}
	.bxitinerary > table tr > td:first-child{width:110px}
	
	#content > .boxjourney.detail > .main > .bxitinerary > h5{margin-bottom:0}
	.exclution.detail h2{font-size:22px;letter-spacing:10px}
	.boxmakeyourbooking > .boxinside h4{font-size:25px}
}
@media screen and (max-width:640px){
	.box_step1transfer .boxselectinside{width:100%}
	.rightcustomer .btnaddtocard{padding:15px 9px}
	.boxexperience h2{letter-spacing:8px}
	.boxbanner > .bannersample{line-height:40px;letter-spacing:8px}
	.bannersample > h1{letter-spacing:15px}
	body{line-height:1.7}
	.boxmakeyourbooking > .boxinside .btnckavblt:before{top:14%}
	footer > .ftmenu{display:none}
	/*MOBILE BOOKING*/	
	.boxselectyourship.step2 .titlesys{left:40px;padding-top:0px}
	.boxselectyourship .stepnumber{width:30px;height:30px;line-height:30px;font-size:17.6px}
	.customrightinfo > div.item > div.item span{padding:20px 0}
	.customrightinfo > div.item > div.item span strong{font-size:20px}
	.listcustom img{display:none}
	.listcustom .customrightinfo{width:100%}
	.boxselectyourship.step3 .titlesys{position:absolute;left:160px;padding-top:0px}
	.boxlistservice .bxltsv{background-position:42px top}
	.boxlistservice .bxltsv.size{background-position:-106px top}
	.boxlistservice .bxltsv.twin{background-position:-267px top}
	.boxlistservice .bxltsv.double{background-position:-410px top;position:relative}
	
	.boxlistservice .bxltsv.wifi{background-position:-548px top}
	
	.bxlogininside .bxleftinfo{width:100%;padding:0 15px!important}
	#content.ctlogin{padding-top:0px}
	#content .boxlogin{padding:50px 5.86% 50px}
	.ftaddress .leftaddress,.ftaddress .rightsocial{width:100%;text-align:center}
	.rightsocial a{float:none;display:inline-block}
	footer > .boxtitlecruise{letter-spacing:15px}
	header.active > .boxtopmenu > a.logo > img,.boxbanner > .bannersample > a > img{width:40px;height:40px}
	#content > .boxmakeyourbooking{padding:20px 0 60px}
	.learnmore > .leftlm{width:100%}
	.boxpackagerequest input[type="text"], .boxpackagerequest textarea{padding:10px 20px}
	.boxpackagerequest select{padding:9px 20px;background-position:calc(100% - 20px) center}
	
	.boxjourney.detail .bxbtndownload::before{width:70%}
}
@media screen and (max-width:520px){
	footer > .boxtitlecruise{letter-spacing:10px}
	header .btnsignin{display:none}
	.boxexperience h2{letter-spacing:5px}
	body{font:100 15px/1.7 lt}
	header > .boxtopmenu{padding:5px 10px!important}
	.boxinside > h2{margin:0 0 8%}
	header.active > .boxtopmenu > a.logo > img,.boxbanner > .bannersample > a > img{width:35px;height:35px}
	.boxinside > ul li{width:calc((100% - 7px) / 2);margin:7px 0 0 0!important}
	.boxinside > ul li:nth-child(2n){float:right}
	.boxexperience .btnseemore{padding:3px 25px}
	.boxpackagerequest input[type="text"], .boxpackagerequest textarea{padding:6px 15px}
	.boxpackagerequest select{padding:5px 15px;background-position:calc(100% - 15px) center}
	.boxpackagerequest input[type="text"], .boxpackagerequest textarea,.boxpackagerequest select{margin:0 0 20px}
	.bxoutsideinon > ul{width:100%}
	.boxjourney.detail .bxbtndownload::before{width:65%}
	.bxitinerary > table tr > td,.bxitinerary > table tr > td:first-child{width:100%;float:left}
	
	.bxoutsideinon > ul:nth-child(2){margin-top:25px}
	.boxjourney h2{font-size:23px}
	.boxexperience.detail h2::before{bottom:-10px}
	.boxexperience.detail h2{margin:4% 0 6%}
	.boxmakeyourbooking > .boxinside h4{font-size:20px}
}
@media screen and (max-width:480px){
	#content > .boxmakeyourbooking{padding:30px 0 60px}	
	.boxinside > ul li{width:calc((100% - 7px) / 2)}
	.boxinside > ul li:nth-child(2n+1){margin-left:0}
	.boxinside > ul li:nth-child(2n){margin-left:7px}
	header.active > .boxtopmenu > a.logo > img{width:40px}
	.boxbanner > .bannersample > a > img{width:40px}
	.boxfindcruise input[type="text"]{width:80%;margin:0 auto 15px}
	.boxfindcruise select{width:80%;margin:0 auto 15px}
	.boxfindcruise div.clear{display:none}
	.boxfindcruise div.item:nth-child(2){display:none}
	body{font-size:14px}
	.boxtopmenu > .btnbyc{padding:3px 8px}
	.boxexperience.detail h3{letter-spacing:5px}
	.boxpackagerequest input[type="text"], .boxpackagerequest textarea{padding:6px 10px}
	.boxpackagerequest select{padding:5px 10px;background-position:calc(100% - 10px) center}
	.exclution.detail h2{font-size:18px;letter-spacing:5px}
}
@media screen and (max-width:414px){
	.boxpackagerequest select{padding:5px;background-position:calc(100% - 5px) center}
	.boxpackagerequest input[type="text"], .boxpackagerequest textarea{padding:6px 5px}
	.bannersample > h1{letter-spacing:20px}
	/*MOBILE BOOKING*/	
	.boxlistservice .bxltsv{background-position:20px top}
	.boxlistservice .bxltsv.size{background-position:-130px top}
	.boxlistservice .bxltsv.twin{background-position:-294px top}
	.boxlistservice .bxltsv.double{background-position:-433px top;position:relative}
	.boxlistservice .bxltsv.wifi{background-position:-548px top}
	.bxlistslide .btnslide{top:31%;width:20px;height:20px;border-top:3px solid #fff;border-left:3px solid #fff}
	.slide .btnslide{width:20px;height:20px;border-top:3px solid #fff;border-left:3px solid #fff}
	.boxslideitinerary h3{font-size:20px}
	.boxnight .btncruiseitinerary{font-size:12px;padding:10px 0}
	.boxourship h2, .specialoffer h2, .cruisereview h2, .deckplan h2{font-size:20px;line-height:30px}
	.slide .btnslidedown{width:50px;height:50px;bottom:-25px}
	.slide .btnslidedown:before{top:21%;height:10px;width:10px;border-bottom:3px solid #8b8c8d;border-right:3px solid #8b8c8d}
	.boxcruisereview h4,.boxnight h4{font-size:13px;margin-top:0;margin-bottom:0}
	.slideitinerary .boxhighlight{padding:0 10px 7.814%}
	.boxhighlight .btnnightcruise{line-height:40px;font-size:12px;width:60%;margin:0 auto 10px;display:block;float:none}
	.boxnight .btnnightcruise{line-height:40px;margin:0 auto;display:block;float:none;width:60%}
	.boxnight p{font-size:12px!important}
	.boxnight .btncruiseitinerary.type2{width:60%;float:none;display:block;margin:0 auto 10px}
	.boxnight{font-size:12px!important}
	.boxselectyourship.step2 .stepnumber:nth-child(3){margin-left:150px}
	
	.boxmakeyourbooking > .boxinside .btnckavblt:before{height:75%}
	footer > .boxtitlecruise{letter-spacing:5px}
	.boxexperience h2{margin:4% 0 10%}
	
	.boxdistinction.detail h2{letter-spacing:5px;font-size:20px}
	.boxdistinction.detail h3{font-size:25px}
	
	.boxexperience .btnseemore{padding:3px 15px}
	
	.boxjourney.detail .bxbtndownload::before{width:55%}
}
@media screen and (max-width:375px){
	.boxchoosevalue .btnselect{margin-bottom:20px}
.boxlistcabin > ul.cabinluxury > li p{height:110px}
.onboard_titleleft{width:100%}
.onboardtitle .boxonboard_totalprice,.boxonboard .tbl .tbr .tbc:last-child{width:20%}
.onboardtitle .boxonboard_price,.boxonboard .tbl .tbr .tbc:nth-last-child(2){width:15%}
.boxfindcruise1 h3{letter-spacing:5px}
.boxonboard .tbl .tbr .tbc,.boxonboard .tbl .tbr:first-child .tbc:nth-child(4){width:21%}
.fc_boxcabin .boxinclude_dealrate .tbl .tbr .tbc{width:auto}
.fc_boxcabin .boxinclude_dealrate .tbl .tbr .tbc.inputchoose{width:50%;display:inline-block;float:left}
.fc_boxcabin .boxinclude_dealrate .tbl .tbr .tbc:nth-child(n+5){display:none}
.fc_listcabin .rightreservation{padding:0 10px 10px}
.boxmobileshowstep1{display:block}
.leftinformation .tbl.boxanothercabin .tbr,.leftinformation .tbl.boxyourinfo .tbr{display:inline-block;width:100%}
.leftinformation .tbl.boxanothercabin .tbr .tbc,.leftinformation .tbl.boxyourinfo .tbr .tbc{display:inline-block;width:50%!important;float:left}
.leftinformation .tbl.boxanothercabin .tbr .tbc:nth-child(n+3){padding-top:10px}
.leftinformation .tbl.boxanothercabin .tbr .tbc:nth-child(3){padding-right:15px;padding-left:0}
.leftinformation .tbl .tbr .tbc .boxaddremoverow{position:relative}
.leftinformation .tbl.boxanothercabin .tbr:last-child .tbc:nth-child(n+3){display:none}
.leftinformation .tbl.boxyourinfo .tbr .tbc:last-child{width:100%!important;padding-top:10px!important}
.leftinformation .tbl.boxyourinfo .tbr .tbc:nth-child(2){padding-right:0!important}
#content .listcruisefinder{padding:0 10px}
.listcruisefinder h2{top:-290%}
.bannersample > h1{letter-spacing:13px}
/*MOBILE BOOKING*/	
.btncreateyouraccount{font-size:14px!important}
.boxlistservice .bxltsv.double.hasor:before{left:-4px}
.boxselectyourship span{font-size:10px}
.boxselectyourship .stepnumber:nth-child(n+3){margin-left:58px}
.boxselectyourship .stepnumber:nth-child(n+3):before{width:58px;left:-58px}
.boxinside > ul li{width:100%}
.bbtnlm > h4{font-size:20px}
.boxexperience .btnseemore{padding:3px 8px}
.boxjourney.detail .bxbtndownload::before{width:50%}
.boxjourney h2{letter-spacing:2px;font-size:25px}
}
@media screen and (max-width:320px){
.boxtopmenu > a.logo{left:37%}	
.boxtopmenu > .btncall{margin-left:39px}
.bannersample > h1{font-size:35px;letter-spacing:10px}
.boxdistinction.detail h3{font-size:20px}
.boxjourney.detail .bxbtndownload::before{width:45%}
.boxjourney h2{font-size:24px}
.boxdining > p{padding:1% 10px}
}
/*
     FILE ARCHIVED ON 22:26:28 Mar 26, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:16:02 Jun 28, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.666
  exclusion.robots: 0.068
  exclusion.robots.policy: 0.055
  esindex: 0.011
  cdx.remote: 21.869
  LoadShardBlock: 443.831 (3)
  PetaboxLoader3.datanode: 179.913 (4)
  PetaboxLoader3.resolve: 209.668 (2)
  load_resource: 137.65
*/