.titlegroup{display:block}
.dna-title1{font-family:'Roboto-Light';font-size:30pt}
.titlegroup h1{font-family:'Roboto-Bold';font-size:48pt;color:#027ec6;margin-top:5px;padding:0}
.dna-title2{font-family:'Roboto-Light';font-size:18pt;}
.dna-title3{font-family:'Roboto-Bold';font-size:36pt}
.dna-title4{font-family:'Roboto-Bold';font-size:24pt}
.dna-title5{font-family:'Roboto-Bold';font-size:36pt;color:#006ae3}
.dna-title6{font-family:'Roboto-Light';font-size:24pt}
.dna-line{margin-top:30px;border-top:1px solid #acacac}
.dna-text{float:left;width:600px;height:380px;overflow:hidden;background:#d4f6eb}
.dna-video{float:left;width:570px;height:380px;overflow:hidden;}
.dna-line{margin-top:30px;border-top:1px solid #acacac}
.right50px{padding-right:50px}
.gallery-dna{display:block;width:100%}
.right4px{padding-right:4px}
.right5px{padding-right:5px}
.right10px{padding-right:4px}
.top4px{padding-top:4px}
.top2px{padding-top:2px}
.picture40{float:left;width:477px}
.picture45{float:left;width:519px}
.picture50{float:left;width:583px}
.picture55{float:left;width:647px}
.picture60{float:left;width:689px}
.picture100{float:left;width:100%}

.number {font-size: 10pt;text-align: center; display: inline-block;width: 20px; height: 20px;line-height: 20px;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    float: none;
    left: inherit;
    color: #ffffff;
    background-color: #0a78b8;
    *display: block;
    *zoom: 1;
}

.boxphone-top{display:block;width:100%;background:url('https://thegioidulich.com/micrositebogoho/images/DNA/box-top.jpg');height:48px}
.boxphone-middle{display:block;width:100%;background:url('https://thegioidulich.com/micrositebogoho/images/DNA/box-middle.jpg') repeat-y;overflow:hidden}
.boxphone-middle .phone{float:left;width:32%;padding-top:20px;padding-bottom:20px;padding-left:4%}
.boxphone-middle .des-content{float:left;width:60%;padding-right:4%;padding-top:40px;}
.boxphone-middle .des-content .galaxyhot{display:block;width:100%;position:absolute;z-index:9999999;margin-top:-170px;right:0;}
.boxphone-middle .des-content .galaxyhot img{display:block;margin-left:80%}
.boxphone-footer{display:block;width:100%;background:url('https://thegioidulich.com/micrositebogoho/images/DNA/box-footer.jpg');height:25px}

.dna-btn-dangky{background:url('../images/DNA/btn-dattour.jpg');width:193px;height:45px;text-align:center;}
.dna-btn-dangky a{line-height:45px;color:#fff;text-align:center;font-size:14pt}
.dna-hotline{float:left;padding-left:215px;font-size:14pt;margin-top:-30px}

.picture-muasam1{float:left;margin-left:-52px;width:522px}
.picture-muasam2{float:left;width:700px}
.picture-muasam3{float:left;width:595px}
.picture-muasam4{float:left;width:571px}

.picture-cruise{padding:20px 10px 10px 10px}
.picture-onboard-1{float:left;width:748px}
.picture-onboard-2{float:left;width:392px}
.picture-onboard-4{float:left;width:100%}
.picture-onboard-5{float:left;width:380px}

.dna-detailtour{padding:0px 15% 70px 15%}
.bgprice{width:100%;height:130px;line-height:130px;text-align:center;font-family:'Roboto-Light';font-size:36pt;color:#fff;background:#ed3737;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.bgpriceCO{width:100%;height:130px;line-height:130px;text-align:center;font-family:'Roboto-Light';font-size:36pt;color:#fff;background:#0176c3;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.box-price-baogom{border:1px solid #a2a2a2;padding:30px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.bgdangkytour{width:70%;height:70px;line-height:70px;text-align:center;margin:0 auto;color:#fff;background:#1c8ddb;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.bgdangkytour:hover{background:#1681ca}
.bgdangkytour a{color:#fff;font-family:'Roboto-Bold';font-size:30pt;line-height:70px}
.bgdangkytour a:hover{text-decoration:none}

/*SLIDER SHOW PICTURE TOUR*/
#bigPic{float:left;width:840px;height:538px;overflow:hidden}
#bigPic img{position:absolute;display:none;width:840px;height:538px}
ul#thumbs{float:left;width:330px;margin:0;padding:0;list-style:none}
ul#thumbs li{float:left;margin-left:8px;margin-bottom:5px;border:0px solid #CCC;padding:0px;cursor:pointer;}
ul#thumbs li.active{border:0px solid #ccc;background:#fff;padding:0px;}
ul#thumbs img{float:left;width:150px;height:98px;overflow:hidden;position:relative;z-index:1;}
@media (max-width: 1169px)
{
#bigPic{width:100%;height:400px;overflow:hidden}
#bigPic img{position:absolute;display:none;width:650px;height:380px}
ul#thumbs img{float:left;width:98px;height:70px;line-height:80px;overflow:hidden;position:relative;z-index:1;}
}

@media (max-width: 600px) {
.titlegroup h1{font-family:'Roboto-Bold';font-size:18pt;color:#027ec6;margin-top:5px;padding:0}
.dna-title1{font-family:'Roboto-Light';font-size:18pt}
.dna-title2{font-family:'Roboto-Light';font-size:12pt;}
.dna-title3{font-family:'Roboto-Bold';font-size:18pt}
.dna-title4{font-family:'Roboto-Bold';font-size:14pt}
.dna-title5{font-family:'Roboto-Bold';font-size:18pt;color:#006ae3}
.dna-title6{font-family:'Roboto-Light';font-size:14pt}
.dna-line{margin-top:30px;border-top:1px solid #acacac}
.dna-text{float:left;width:100%;height:auto;overflow:hidden;background:#d4f6eb}
.dna-video{float:left;width:100%;height:auto;overflow:hidden;padding-top:10px}
.dna-line{margin-top:30px;border-top:1px solid #acacac}
.right50px{padding-right:50px}
.gallery-dna{display:block;width:100%}
.right4px{padding-right:4px}
.right5px{padding-right:5px}
.right10px{padding-right:4px}
.top4px{padding-top:4px}
.top2px{padding-top:2px}
.picture40{float:left;width:100%}
.picture45{float:left;width:100%}
.picture50{float:left;width:100%}
.picture55{float:left;width:100%}
.picture60{float:left;width:100%}
.picture100{float:left;width:100%}

.boxphone-top{display:block;width:100%;background:url('https://thegioidulich.com/micrositebogoho/images/DNA/box-top.jpg') no-repeat;height:48px;}
.boxphone-middle{display:block;width:100%;background:url('https://thegioidulich.com/micrositebogoho/images/DNA/box-middle.jpg') repeat-y;overflow:hidden;}
.boxphone-middle .phone{float:left;width:96%;padding-top:20px;padding-bottom:20px;padding-left:4%}
.boxphone-middle .phone img{width:100%;height:auto}
.boxphone-middle .des-content{float:left;width:90%;padding-left:10%;padding-top:40px;}
.boxphone-middle .des-content .galaxyhot{display:block;width:100%;position:relative;margin-top:-170px;float:right;right:0;text-align:right;}
.boxphone-middle .des-content .galaxyhot img{display:block;margin-left:0;right:0;float:right;width:100px;height:auto}
.boxphone-footer{display:block;width:100%;background:url('https://thegioidulich.com/micrositebogoho/images/DNA/box-footer.jpg') no-repeat;height:25px}

.dna-btn-dangky{background:url('https://thegioidulich.com/micrositebogoho/images/DNA/btn-dattour.jpg');width:193px;height:45px;text-align:center;}
.dna-btn-dangky a{line-height:45px;color:#fff;text-align:center;font-size:14pt}
.dna-hotline{display:block;width:100%;padding-left:0px;padding-top:20px;font-size:12pt;margin-top:0px;text-align:center}

.picture-muasam1{float:left;margin-left:0px;width:100%}
.picture-muasam2{float:left;width:100%}
.picture-muasam3{float:left;width:100%}
.picture-muasam4{float:left;width:100%}

.picture-cruise{padding:20px 10px 10px 10px}
.picture-onboard-1{float:left;width:100%}
.picture-onboard-2{float:left;width:100%}
.picture-onboard-4{float:left;width:100%}
.picture-onboard-5{float:left;width:100%}

.dna-detailtour{padding:0}
.bgprice{width:100%;padding:30px 0px 30px 0px;height:auto;line-height:120%;text-align:center;font-family:'Roboto-Light';font-size:18pt;color:#fff;background:#ed3737;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.bgpriceCO{width:100%;padding:30px 0px 30px 0px;height:auto;line-height:120%;text-align:center;font-family:'Roboto-Light';font-size:18pt;color:#fff;background:#0176c3;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.box-price-baogom{border:1px solid #a2a2a2;padding:30px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.bgdangkytour{width:100%;height:70px;line-height:70px;text-align:center;margin:0 auto;color:#fff;background:#1c8ddb;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.bgdangkytour a{color:#fff;font-family:'Roboto-Bold';font-size:18pt;line-height:70px}

}

@media (min-width: 601px) and (max-width: 1169px) {
.dna-title1{font-family:'Roboto-Light';font-size:28pt}
.titlegroup h1{font-family:'Roboto-Bold';font-size:34pt;color:#027ec6;margin-top:5px;padding:0}
.dna-title2{font-family:'Roboto-Light';font-size:18pt;}
.dna-title3{font-family:'Roboto-Bold';font-size:24pt}
.dna-title4{font-family:'Roboto-Bold';font-size:20pt}
.dna-title5{font-family:'Roboto-Bold';font-size:30pt;color:#006ae3}
.dna-title6{font-family:'Roboto-Light';font-size:14pt}

.dna-text{float:left;width:100%;height:auto;overflow:hidden;background:#d4f6eb}
.dna-video{float:left;width:100%;height:auto;overflow:hidden;padding-top:10px}
.dna-line{margin-top:30px;border-top:1px solid #acacac}
.right50px{padding-right:50px}
.gallery-dna{display:block;width:100%}
.right4px{padding-right:4px}
.right5px{padding-right:5px}
.right10px{padding-right:4px}
.top4px{padding-top:4px}
.top2px{padding-top:2px}
.picture40{float:left;width:39%}
.picture45{float:left;width:44%}
.picture50{float:left;width:49%}
.picture55{float:left;width:55%}
.picture60{float:left;width:60%}
.picture100{float:left;width:100%}

.boxphone-top{display:block;width:100%;background:url('https://thegioidulich.com/micrositebogoho/images/DNA/box-top.jpg') no-repeat;height:48px;}
.boxphone-middle{display:block;width:100%;background:url('https://thegioidulich.com/micrositebogoho/images/DNA/box-middle.jpg') repeat-y;position:relative}
.boxphone-middle .phone{float:left;width:38%;padding-top:20px;padding-bottom:20px;padding-left:2%}
.boxphone-middle .phone img{width:100%;height:auto}
.boxphone-middle .des-content{float:left;width:55%;padding-left:0%;padding-top:40px;}
.boxphone-middle .des-content .galaxyhot{display:block;width:100%;position:relative;margin-top:-170px;float:right;right:0;text-align:right;}
.boxphone-middle .des-content .galaxyhot img{display:block;margin-left:0;right:0;float:right;width:100px;height:auto}
.boxphone-footer{display:block;width:100%;background:url('https://thegioidulich.com/micrositebogoho/images/DNA/box-footer.jpg') no-repeat;height:25px}
.dna-hotline{display:block;width:100%;padding-left:0px;padding-top:20px;font-size:12pt;margin-top:0px;text-align:center}

.picture-muasam1{float:left;margin-left:0px;width:40%}
.picture-muasam2{float:left;width:59%}
.picture-muasam3{float:left;width:51%}
.picture-muasam4{float:left;width:48%}

.picture-cruise{padding:20px 10px 10px 10px}
.picture-onboard-1{float:left;width:60%}
.picture-onboard-2{float:left;width:39%}
.picture-onboard-4{float:left;width:100%}
.picture-onboard-5{float:left;width:32.5%}

.dna-detailtour{padding:0}
.bgprice{width:100%;padding:30px 0px 30px 0px;height:auto;line-height:120%;text-align:center;font-family:'Roboto-Light';font-size:32pt;color:#fff;background:#ed3737;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.bgpriceCO{width:100%;padding:30px 0px 30px 0px;height:auto;line-height:120%;text-align:center;font-family:'Roboto-Light';font-size:32pt;color:#fff;background:#0176c3;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.box-price-baogom{border:1px solid #a2a2a2;padding:30px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.bgdangkytour{width:100%;height:70px;line-height:70px;text-align:center;margin:0 auto;color:#fff;background:#1c8ddb;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
.bgdangkytour a{color:#fff;font-family:'Roboto-Bold';font-size:18pt;line-height:70px}
}

@media (max-width: 320px){
/*SLIDER SHOW PICTURE TOUR*/
#bigPic{float:left;width:100%;height:205px;overflow:hidden;}
#bigPic img{position:relative;display:none;width:100%;height:205px}
ul#thumbs{float:left;width:100%;clear:both;margin:0;padding:0;list-style:none;padding-top:10px}
ul#thumbs li{float:left;width:19%;margin-left:0px;margin-right:1%;margin-bottom:5px;border:0px solid #CCC;padding:0px;cursor:pointer;}
ul#thumbs li.active{border:0px solid #ccc;background:#fff;padding:0px;}
ul#thumbs img{float:left;width:100%;height:auto;overflow:hidden;position:relative;z-index:1;}
}
@media (min-width: 321px) and (max-width: 480px){
/*SLIDER SHOW PICTURE TOUR*/
#bigPic{float:left;width:100%;height:300px;overflow:hidden;}
#bigPic img{position:relative;display:none;width:100%;height:300px}
ul#thumbs{float:left;width:100%;clear:both;margin:0;padding:0;list-style:none;padding-top:10px}
ul#thumbs li{float:left;width:19%;margin-left:0px;margin-right:1%;margin-bottom:5px;border:0px solid #CCC;padding:0px;cursor:pointer;}
ul#thumbs li.active{border:0px solid #ccc;background:#fff;padding:0px;}
ul#thumbs img{float:left;width:100%;height:auto;overflow:hidden;position:relative;z-index:1;}
}
@media (min-width: 481px) and (max-width: 600px){
/*SLIDER SHOW PICTURE TOUR*/
#bigPic{float:left;width:100%;height:380px;overflow:hidden;}
#bigPic img{position:relative;display:none;width:100%;height:380px}
ul#thumbs{float:left;width:100%;clear:both;margin:0;padding:0;list-style:none;padding-top:10px}
ul#thumbs li{float:left;width:19%;margin-left:0px;margin-right:1%;margin-bottom:5px;border:0px solid #CCC;padding:0px;cursor:pointer;}
ul#thumbs li.active{border:0px solid #ccc;background:#fff;padding:0px;}
ul#thumbs img{float:left;width:100%;height:auto;overflow:hidden;position:relative;z-index:1;}
}
@media (min-width: 601px) and (max-width: 800px){
/*SLIDER SHOW PICTURE TOUR*/
#bigPic{float:left;width:100%;height:510px;overflow:hidden;}
#bigPic img{position:relative;display:none;width:100%;height:510px}
ul#thumbs{float:left;width:100%;clear:both;margin:0;padding:0;list-style:none;padding-top:10px}
ul#thumbs li{float:left;width:19%;margin-left:0px;margin-right:1%;margin-bottom:5px;border:0px solid #CCC;padding:0px;cursor:pointer;}
ul#thumbs li.active{border:0px solid #ccc;background:#fff;padding:0px;}
ul#thumbs img{float:left;width:100%;height:auto;overflow:hidden;position:relative;z-index:1;}
}