*{font-family:'Roboto-Regular'}
body { margin: 0px; font-family:'Roboto-Regular'; color:#333; font-size: 1em}

a {color: #1579bd; text-decoration: none;font-family:'Roboto-Medium'; font-weight:normal;font-size:1em;line-height:120%}
a:hover {color:#000;text-decoration:none}

.ablack {color: #000; text-decoration: none;font-family:'Roboto-Regular'; font-weight:normal;font-size:1em;}
.ablack:hover {color:#1579bd;text-decoration:none}

.a1 {color: #1579bd; text-decoration: none;font-family:'Roboto-Regular';font-size:11pt;}
.a1:hover {text-decoration:underline}

h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal;font-family:'Roboto-Regular'}
h1,h2{color:#000}
h1 a,h2 a{font-family:'Roboto-Regular';color:#000;font-size:18pt}
h3,h4,h5{color:#000}
h3 a, h4 a, h5 a {font-family:'Roboto-Medium';color:#1579bd;}
h1 a:hover,h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {text-decoration:underline}

#header{width:100%;background:#fff;position:relative}
#onetravel{background:#fd4763;text-align:center;color:#fff;padding:10px;line-height:150%;}
#onetravel a{background:#fff;padding:5px 10px 5px 10px;color:#fd4763;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
#top {display:block;width:100%;height:49px;overflow:hidden;border-bottom:1px solid #eee;}
#top .logo{float:left;padding-top:4px;padding-left:60px}
#top .logo img{height:40px;border:none}
#top .name{display:none}
#top .name .company{margin:0;padding:0;color:#1579bd;font-size:23pt;font-family:'Roboto-Light' !important}
#top .name .address{padding-top:5px;color:#666;font-family:'Roboto-Light' !important}
#top .right{float:right;padding-top:5px;padding-right:30px}
#top .right .tongdai{float:left;margin-top:11px;margin-right:10px;background:url('../images/icon/sprite.png') no-repeat 0px 0px; padding-left:35px;height:20px;line-height:20px;font-size:13pt;font-weight:500;color:#666;}
#top .right .hotline{float:left;margin-top:10px;background:url('https://thegioidulich.com/images/icon/sprite.png') no-repeat 0 -22px;padding-left:35px;height:20px;line-height:20px;font-size:13pt;font-weight:500;color:#666;}
#top .right .mxh{display:none;padding-top:10px}
.colortongdai{color:#fe0002;font-family:'Roboto-Medium'}
.colorhotline{color:#fe0002;font-family:'Roboto-Medium'}

/*Top Group tour*/
#top1{background:#f0f0f0;height:50px;line-height:50px}
#top1 .address{float:left;padding-left:15px;padding-right:15px;display:none}
#top1 .hotline{float:left;margin-left:50px;margin-top:10px;background:url('../images/icon/icongroup/hotline.png') no-repeat;padding-left:25px;height:16px;line-height:16px;font-size:12pt;font-weight:600;color:#000;}
#top1 .hotline span{color:#da251d}
#top1 .mxh{float:left;padding-top:5px;padding-left:7px;display:none}
#top1 .padding{float:left;padding-left:20px}
#header1{display:block;padding:15px;margin: 0px auto;text-align:center}
#header1 .logo{float:left;width:100%;}
#header1 .name{float:left;width:100%;padding-top:20px}
#header1 .name h1{font-family:'Roboto-Light';font-size:20pt}

.bannergroup{width:100%;margin:0 auto;text-align:center}
.bannergroup img{width:100%;height:auto}
.bgRed{width:100%;background:#fe2845;overflow:hidden;margin-top:-5px}
.bgPink{width:100%;background:#ff96a0;overflow:hidden;margin-top:-20px;}
.bgLightPink{width:100%;background:#f8e2ee;overflow:hidden;}
.bgYello{width:100%;background:#f9d012;overflow:hidden;}
.bgWhite{width:100%;background:#fff;overflow:hidden;}
.bgBlue{width:100%;background:#121f32;overflow:hidden;}
.bgGreen{width:100%;background:#3e6125;overflow:hidden;}
.award{width:100%;margin:0 auto;padding-top:10px}
.award .girl{float:left;width:280px;padding-left:10px;margin-bottom:-5px;display:none}
.award .text{float:left;width:100%}
.award .text img{width:100%;height:auto}
.grouptitle1{padding:10px 0px 10px 10px;font-family:'Roboto-Regular';font-size:18pt;color:#fff}
.grouptitle2{padding:5px 0px 10px 10px;font-family:'Roboto-Black';font-size:16pt;color:#fff}

.awardt10{width:100%;margin:0 auto;padding-top:10px;padding-bottom:30px;}
.awardt10 .group{float:left;width:100%;text-align:center;padding-top:30px}
.awardt10 .group .subtitle{font-family:'Roboto-Light';font-style:normal;text-transform:none;font-size:12pt;color:#fff}
.awardt10 .group .title{font-family:Roboto-Bold;font-size:20pt;color:#fff}

.formcontent,formcontent1{width:90%;padding-left:5%;padding-right:5%}
.iconshow{padding-left:40%;position:relative}
.iconshow:before{content: '';position:absolute;z-index:9999;width: 0;height: 0; border: 25px solid transparent;border-top-color: #fe2845;top:0px;}
.iconshow1{padding-left:40%;position:relative}
.iconshow1:before{content: '';position:absolute;z-index:9999;width: 0;height: 0; border: 25px solid transparent;border-top-color: #ff96a0;top:0px;}

.listtourGroup{display:block;padding-top:30px;font-size:12pt}
.listtourGroup .left{float:left;width:100%;height:auto;background:#fff;position:relative}
.listtourGroup .left img{padding:2%;width:96%;height:auto}
.listtourGroup .right{display:block;margin-left:0px;width:100%;background:#fff;overflow:hidden}
.listtourGroup .right .infotour{display:block;height:auto;padding:20px}
.listtourGroup .right .infotour a{font-size:18pt;font-family:'Roboto-Medium';line-height:70%}
.listtourGroup .right .infotour .formgia{float:left;width:100%}
.listtourGroup .right .infotour .datnhanh{float:left;width:100%;padding-top:15px;padding-bottom:10px}
.listtourGroup .right .contact{clear:both;display:block;padding:10px 20px 10px 20px;background:#f9aa12;font-family:'Roboto-Bold';color:#fff;font-size:12pt;}
.listtourGroup .right .contact1{clear:both;display:block;padding:10px 0px 10px 00px;font-family:'Roboto-Bold';color:#fff;font-size:12pt;color:#d27079;border-top:1px solid #feb7be;margin-left:20px;margin-right:20px}

.listtourGroup1{display:block;padding-top:30px;font-size:12pt}
.listtourGroup1 .left{float:left;width:100%;height:auto;background:#fc2f30;position:relative}
.listtourGroup1 .left img{padding:2.5%;width:95%;height:auto}
.listtourGroup1 .right{display:block;margin-left:0px;width:100%;background:#fc2f30;overflow:hidden;color:#fff}
.listtourGroup1 .right .infotour{display:block;height:auto;padding:20px}
.listtourGroup1 .right .infotour h3{margin:0px !important;padding:0px !important}
.listtourGroup1 .right .infotour h3 a{font-size:20pt;font-family:'Roboto-Medium';line-height:130%;color:#fff}
.listtourGroup1 .right .infotour a{font-size:18pt;font-family:'Roboto-Medium';line-height:70%;color:#fff}
.listtourGroup1 .right .infotour .formgia{float:left;width:100%}
.listtourGroup1 .right .infotour .datnhanh{float:left;width:100%;padding-top:15px;padding-bottom:10px}
.listtourGroup1 .right .contact{clear:both;display:block;padding:10px 20px 10px 20px;background:#f9aa12;font-family:'Roboto-Bold';color:#fff;font-size:12pt;}
.listtourGroup1 .right .contact1{clear:both;display:block;padding:10px 0px 10px 00px;font-family:'Roboto-Light';color:#fff;font-size:12pt;border-top:1px solid #feb7be;margin-left:20px;margin-right:20px}

.listtourGroup2{display:block;padding-top:50px;font-size:12pt}
.listtourGroup2 .left{float:left;width:100%;height:auto;background:#1b3355;position:relative}
.listtourGroup2 .left img{padding:2.5%;width:95%;height:auto}
.listtourGroup2 .right{float:left;padding-left:0px;width:100%;background:#1b3355;overflow:hidden;color:#fff}
.listtourGroup2 .right .infotour{display:block;height:auto;padding:20px}
.listtourGroup2 .right .infotour h3{margin:0px !important;padding:0px !important}
.listtourGroup2 .right .infotour h3 a{font-size:20pt;font-family:'Roboto-Medium';line-height:130%;color:#fff}
.listtourGroup2 .right .infotour a{font-size:18pt;font-family:'Roboto-Medium';line-height:70%}
.listtourGroup2 .right .infotour .formgia{float:left;width:100%}
.listtourGroup2 .right .infotour .datnhanh{float:left;width:100%;padding-top:15px;padding-bottom:10px}
.listtourGroup2 .right .contact{clear:both;display:block;padding:10px 20px 10px 20px;background:#f9aa12;font-family:'Roboto-Bold';color:#fff;font-size:12pt;}
.listtourGroup2 .right .contact1{clear:both;display:block;padding:10px 0px 10px 00px;font-family:'Roboto-Light';color:#fff;font-size:12pt;border-top:1px solid #1579bd;color:#1579bd;margin-left:20px;margin-right:20px}

.listtourGroupD{display:block;padding-top:50px;font-size:12pt}
.listtourGroupD .left{float:left;width:100%;height:auto;position:relative}
.listtourGroupD .left img{padding:2.5%;width:95%;height:auto}
.listtourGroupD .right{float:left;padding-left:0px;width:100%;color:#fff}
.listtourGroupD .right .infotour{display:block;height:auto;padding:20px}
.listtourGroupD .right .infotour h3{margin:0px !important;padding:0px !important}
.listtourGroupD .right .infotour h3 a{font-size:20pt;font-family:'Roboto-Medium';line-height:130%;color:#fff}
.listtourGroupD .right .infotour a{font-size:18pt;font-family:'Roboto-Medium';line-height:70%}
.listtourGroupD .right .infotour .formgia{float:left;width:100%}
.listtourGroupD .right .infotour .datnhanh{float:left;width:100%;padding-top:15px;padding-bottom:10px}
.listtourGroupD .right .contact1{display:block;height:39px;line-height:34px;font-family:'Roboto-Light';color:#4a96cc;font-size:12pt;margin-left:30px;margin-right:30px;border-top:1px solid #4a96cc}
.boxGreen{background:#548a25;overflow:hidden}
.boxBlue{background:#153564;overflow:hidden}

.divdocument{padding:30px 30% 0px 30%}

.font-light{font-family:'Roboto-Light';}
.top4px{padding-top:4px}
@media (max-width: 600px) {
.dna-title3{font-family:'Roboto-Bold';font-size:22pt}
.dna-title6{font-family:'Roboto-Light';font-size:16pt}
.picture50{float:left;width:100%}
.right2pc{padding-right:0%}
.divdocument{padding:30px 10% 0px 10%}
}
@media (min-width: 601px) and (max-width: 1169px) {
.dna-title3{font-family:'Roboto-Bold';font-size:24pt}
.dna-title6{font-family:'Roboto-Light';font-size:14pt}
.picture50{float:left;width:49.5%}
.right2pc{padding-right:1%}
}

.remarkm1{display:block;position:absolute;z-index:10;right:-4%;top:2%;background:url('../images/icon/icon_red.png') no-repeat;width:64px;height:57px;line-height:40px;color:#fff;font-size:14pt;font-family:'Roboto-Medium';padding-left:20px;white-space:nowrap}
.remarkmYello{display:block;position:absolute;z-index:10;right:-10px;top:10px;background:url('../images/icon/icon_yello.png') no-repeat;width:64px;height:57px;line-height:40px;color:#fff;font-size:14pt;font-family:'Roboto-Medium';padding-left:20px;white-space:nowrap}
.colorPriceRed{color:#fe2845;font-weight:600;font-size:12pt}
.colorPriceWhite{color:#fff;font-weight:600;font-size:12pt}
.colorPriceYello{color:#fffd6b;font-weight:600;font-size:12pt}

.btndangkynhanh{background:#fe2845;height:60px;width:100%;line-height:60px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.btndangkynhanh a{font-size:14pt;color:#fff} 
.btndangkynhanh:hover{background:#f9aa12}
.btndangkynhanh a:hover{text-decoration:none}

.btndangkynhanh1{background:#f14f5f;height:60px;width:100%;line-height:60px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.btndangkynhanh1 a{font-size:14pt;color:#fff} 
.btndangkynhanh1:hover{background:#f9aa12;}
.btndangkynhanh1 a:hover{text-decoration:none}

.btndangkynhanhWhite{background:#fff;height:60px;width:100%;line-height:60px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.btndangkynhanhWhite a{font-size:14pt;color:#fc2f30 !important} 
.btndangkynhanhWhite:hover{background:#f9aa12;}
.btndangkynhanhWhite a:hover{text-decoration:none}

.btndangkynhanhBlue{background:#1579bd;height:60px;width:100%;line-height:60px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.btndangkynhanhBlue a{font-size:14pt;color:#fff;} 
.btndangkynhanhBlue:hover{background:#0970b6;}
.btndangkynhanhBlue a:hover{text-decoration:none}

.btndangkynhanhOrange{background:#fb8e01;height:60px;width:100%;line-height:60px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.btndangkynhanhOrange a{font-size:14pt !important;color:#fff;} 
.btndangkynhanhOrange:hover{background:#e68201;}
.btndangkynhanhOrange a:hover{text-decoration:none}

.line3{border-top:1px solid #dcdcdc}
#menuGroup{width:100%;height:48px;}
.icondesRed{background:url('../images/icon/icon-des-red.png') no-repeat; padding-left:30px;height:19px;line-height:19px;margin-top:10px;padding-top:-10px}
.icondesPink{background:url('../images/icon/icon-des-pink.png') no-repeat; padding-left:30px;height:19px;line-height:19px;margin-top:10px;padding-top:-10px}
.icondesWhite{background:url('../images/icon/icon-des-white.png') no-repeat; padding-left:30px;height:19px;line-height:19px;margin-top:10px;padding-top:-10px}

@media (min-width: 400px) and (max-width: 600px) {
.awardt10 .group{float:left;width:45%;padding-left:5%;text-align:center;padding-top:30px}
.box-feature-new img{height:auto !important;}
}

@media (min-width: 601px) {
.box-feature-new img{height:auto !important;}
#top1 .mxh{float:left;padding-top:5px;padding-left:7px}
#header1 .name h1{font-family:'Roboto-Light';font-size:24pt}
.listtourGroup .right .infotour .formgia{float:left;width:50%;padding-bottom:15px}
.listtourGroup .right .infotour .datnhanh{float:left;width:50%;padding-top:15px;}
.listtourGroup .right .contact{font-size:14pt;}
.remarkm1{display:block;position:absolute;z-index:10;right:-1%;top:2%;background:url('../images/icon/icon_red.png') no-repeat;width:64px;height:57px;line-height:40px;color:#fff;font-size:14pt;font-family:'Roboto-Medium';padding-left:20px;white-space:nowrap}
.awardt10 .group{float:left;width:31%;padding-left:2%;text-align:center;padding-top:30px}
}


/*End Top Group tour*/

@media (max-width: 400px)
{
#top .right .tongdai{display:none}
#top .right .hotline{display:none}
}
@media (min-width: 401px) and (max-width: 600px)
{
#top .right .tongdai{display:none}
}

a.show-menu {left:0;width:50px}
.iconclick{display:block;width:80px;height:40px;margin-top:-40px;right:0;position:absolute;z-index:10;}
/* Navigation Menu*/
#menu{float:left;position:relative;z-index:999;left:0px;top:-50px;}
ul#navigation  {list-style:none;width:100%;height:40px; margin-top:-5PX;padding:0;position:relative;display:none}
ul#navigation li {float: left;width:100%;display: block; margin: 0;background:#1579bd !important;line-height:40px;border-bottom:1px solid #1881c8}
ul#navigation li a {font-size:10pt;padding-left:20PX;color: #fff !important;line-height:40px;list-style:none;font-weight:500;text-decoration: none;white-space:nowrap}
ul#navigation li a:hover {color: #fff !important;text-decoration:underline;}
ul#navigation li.divider{display:none}

/* dropdown menu */
ul#navigation li ul.dropdown-menu{width:100%;height:auto;position:relative;top:0;z-index:999999;background:#fff !important;overflow:hidden;display:none;list-style:none;padding:0;padding-top:15px}
ul#navigation li ul.dropdown-menu li{display:block;float:left;left:0px !important;position:relative !important;background:#fff !important;padding-left:20px;padding-right:20px;border-bottom:1px solid #eee}
ul#navigation li ul.dropdown-menu li a{font-size:11pt !important;color:#596772 !important;padding-left:0px !important;height:30px !important;line-height:30px !important;font-family:'Roboto-Regular' !important;white-space:normal !important}
ul#navigation li ul.dropdown-menu li a:hover{color:#005b96 !important}

ul#navigation li#tourduthuyen{display:block;width:100%}
ul#navigation li#tourduthuyen ul.tourduthuyen-menu{display:block;width:100%}
ul#navigation li#tourduthuyen ul.tourduthuyen-menu li{display:block;width:100%}

ul#navigation li#duthuyensong{display:block;width:100%}

ul#navigation li#tournn {display:block;width:100%}
ul#navigation li#tournn ul.tournn-menu {display:block;width:100%}
ul#navigation li#tournn ul.tournn-menu li{display:block;width:100%}

ul#navigation li#tourtn {display:block;width:100%}
ul#navigation li#tourtn ul.tourtn-menu {display:block;width:100%}
ul#navigation li#tourtn ul.tourtn-menu li{display:block;width:100%}

ul#navigation li#visa {display:block;width:100%}
ul#navigation li#visa ul.visa-menu{display:block;width:100%}
ul#navigation li#visa ul.visa-menu li{display:block;width:100%}

ul#navigation li#vemaybay{display:block;width:100%}
ul#navigation li#khachsan{display:block;width:100%}

ul#navigation li#dichvukhac {display:block;width:100%}
ul#navigation li#dichvukhac ul.dichvu-menu{display:block;width:100%}
ul#navigation li#dichvukhac ul.dichvu-menu li{display:block;width:100%}

ul#navigation li#tintuc {display:block;width:100%}
ul#navigation li#tintuc ul.tintuc-menu{display:block;width:100%}
ul#navigation li#tintuc ul.tintuc-menu li{display:block;width:100%}

ul#navigation li#lienhe{display:block;width:100%}

ul#navigation li#tourduthuyen ul.tourduthuyen-menu,ul#navigation li#dichvukhac ul.dichvu-menu,ul#navigation li#tournn ul.tournn-menu,ul#navigation li#tourtn ul.tourtn-menu,ul#navigation li#visa ul.visa-menu,ul#navigation li#hoidap ul.hoidap-menu,ul#navigation li#tintuc ul.tintuc-menu{top:0px;display:none}
ul#navigation li#tourduthuyen:hover>ul.tourduthuyen-menu,ul#navigation li#dichvukhac:hover>ul.dichvu-menu,ul#navigation li#tournn:hover>ul.tournn-menu,ul#navigation li#tourtn:hover>ul.tourtn-menu,ul#navigation li#visa:hover>ul.visa-menu,ul#navigation li#hoidap:hover>ul.hoidap-menu,ul#navigation li#tintuc:hover> ul.tintuc-menu {display:none;} 
.double li  { width:50%;} /* 2 col */
.triple li  { width:33.333%; } /* 3 col */
.quad li    { width:25%; } /* 4 col */
.six li     { width:16.666%; } /* 6 col */

/*content dropdown menu*/
ul#navigation li ul.dropdown-menu li .columnMenu {float:left;display:block;width:100%}
ul#navigation li ul.dropdown-menu li .columnMenu h3{border-bottom:1px solid #eee;}
ul#navigation li ul.dropdown-menu li .columnMenu h3 a{line-height:100% !important;font-size:12pt !important;padding-left:0px !important;color:#1579bd !important;font-family:'Roboto-Regular' !important}
ul#navigation li ul.dropdown-menu li .columnMenu h4{margin-top:20px;margin-bottom:10px;color:#455565 !important;font-weight:600;font-family:Segoe UI;font-size:12pt !important}
ul#navigation li ul.dropdown-menu li .columnMenu hr{width:50px}
ul#navigation li ul.dropdown-menu li .columnMenu .row{padding-left:25px;padding-top:10px;color:#c3c3c3;font-size:9pt}
ul#navigation li ul.dropdown-menu li .columnMenu .item{padding:0px;display:block;}
ul#navigation li ul.dropdown-menu li .columnMenu .item a strong{font-size:11pt !important;color:#666 !important;font-family:'Roboto-Light' !important;}
ul#navigation li ul.dropdown-menu li .columnMenu .iconstar{background:url('../images/icon/sprite.png') no-repeat 0px -43px; padding-left:20px;height:30px;line-height:30px}
ul#navigation li ul.dropdown-menu li .columnMenu .icondes{background:url('../images/icon/sprite.png') no-repeat 0px -67px; padding-left:25px;height:30px;line-height:20px}
ul#navigation li ul.dropdown-menu li .columnMenu .iconpackage{background:url('../images/icon/sprite.png') no-repeat 0px -92px; padding-left:25px;height:30px;line-height:30px}
ul#navigation li ul.dropdown-menu li .columnMenu .icontime{background:url('../images/icon/sprite.png') no-repeat 0px -115px; padding-left:20px;height:30px;line-height:30px}
ul#navigation li ul.dropdown-menu li .columnMenu .item a{font-size:11pt !important;color:#000 !important;font-family:'Roboto-Light' !important;white-space:normal !important;line-height:30px !important}
ul#navigation li ul.dropdown-menu li .columnMenu .item a:hover{color:#005b96 !important}
ul#navigation li ul.dropdown-menu li .columnMenu .item a span{font-size:11pt !important;color:#000 !important;font-family:'Roboto-Regular' !important;}
ul#navigation li ul.dropdown-menu li .bgcruise{display:none}
ul#navigation li ul.dropdown-menu li .bgnn{display:none}
ul#navigation li ul.dropdown-menu li .bgtn{display:none}
ul#navigation li ul.dropdown-menu li .chau{display:none}
.icondorlar{color:#1579bd;font-size:12pt;font-weight:bold}

@media (min-width: 560px) and (max-width: 760px)
{
ul#navigation li ul.dropdown-menu li .columnMenu {float:left;width:45%;padding-right:5%}
}
@media (min-width: 760px)
{
ul#navigation li ul.dropdown-menu li .columnMenu {float:left;width:30%;padding-right:3%}
ul#navigation li ul.dropdown-menu li .bgcruise{clear:both;display:block;position:relative;bottom:0;margin-left:-22px;padding-top:20px}
ul#navigation li ul.dropdown-menu li .bgcruise img{width:100%;height:auto}
ul#navigation li ul.dropdown-menu li .bgnn{clear:both;display:block;position:absolute;bottom:-45px;right:10px}
ul#navigation li ul.dropdown-menu li .bgtn{clear:both;display:block;position:relative;z-index:0;bottom:0;margin-left:0px;}
ul#navigation li ul.dropdown-menu li .bgtn img{width:95%;height:auto}
}

#bannerhome{display:block;padding-top:5px;width:100%;height:auto;overflow:hidden}

/*-----------------------Content home------------------------------------*/
.margintop50{margin-top:0px}
.maincontent{padding:0 5% 10px 5%;background:#fff !important;overflow:hidden}
.maincontent1{padding:5%}
.maincontent .title{text-align:center;padding-top:30px;font-family:'Roboto-Bold' !important;color:#000;font-size:24pt}
.maincontent .title h1{font-family:'Roboto-Bold' !important;color:#000;display:inline-block;font-size:24pt}
.maincontent .subdes{color:#666;font-family:'Roboto-Regular' !important;}
.maincontent .subdes a{color:#000;font-family:'Roboto-Regular' !important;font-size:11pt}
.maincontent .subnote{color:#000;font-family:'Roboto-Medium' !important;font-style:italic;font-size:14pt}
.bgcontent{background:#f5f5f5;overflow:hidden;padding-bottom:50px;}

.oneTravel-left{float:left;width:100%;padding-right:0px}
.oneTravel-left .icon{float:left;width:70px;padding-left:0px}
.oneTravel-left .text{float:left;padding-left:90px;color:#0274bb;font-size:18pt;text-align:justify;margin-top:-20px}
.oneTravel-right{float:left;width:100%;padding-top:15px}

/*-----------------------Master content------------------------------------*/
#bannerpage{display:block;position:relative;width: 100% !important;z-index:0}
#bannerpage .duthuyen{background:url('../images/bannerpage/banner-du-thuyen-5-sao.jpg') no-repeat center top;margin-left:0%;background-size: 145%;min-height:120px}
#bannerpage .tourtet{background:url('../images/bannerpage/banner-du-thuyen-tet.jpg') no-repeat left top;margin-left:-10%;background-size: 100%;min-height:210px}
#bannerpage .hoaanhdao{background:url('../images/bannerpage/mua-hoa-anh-dao.jpg') no-repeat left top;margin-left:-10%;background-size: 100%;min-height:210px}
#bannerpage .banner30_4{background:url('../images/bannerpage/tour-du-thuyen-30-4.jpg') no-repeat left top;margin-left:-10%;background-size: 100%;min-height:210px}
#bannerpage .tournn{background:url('../images/bannerpage/banner-tour-du-lich-nuoc-ngoai.jpg') no-repeat center top;margin-left:0%;background-size: 145%;min-height:120px}
#bannerpage .tourtn{background:url('../images/bannerpage/banner-tour-trong-nuoc.jpg') no-repeat center top;margin-left:0%;background-size: 145%;min-height:120px}
#bannerpage .vemaybay{background:url('../images/bannerpage/banner-ve-may-bay.jpg') no-repeat center top;margin-left:0%;background-size: 145%;min-height:120px}
#bannerpage .bannerhotel{background:url('../images/bannerpage/banner-khach-san.jpg') no-repeat center top;margin-left:0%;background-size: 145%;min-height:120px}
#bannerpage .bannervisa{background:url('../images/bannerpage/banner-visa.jpg') no-repeat center top;margin-left:0%;background-size: 145%;min-height:120px}
#bannerpage .new{background:url('../images/bannerpage/banner-tin-tuc.jpg') no-repeat center top;margin-left:0%;background-size: 145%;min-height:120px}
#bannerpage .contact{background:url('../images/bannerpage/banner-lien-he.jpg') no-repeat center top;margin-left:0%;background-size: 145%;min-height:120px}
#bannerpage .general{background:url('../images/bannerpage/banner_startravel.jpg') no-repeat center top;margin-left:0%;background-size: 145%;min-height:120px}
#bannerpage .phunut10{background:url('../images/tourgroup/t10/tour-du-thuyen-thang-10.jpg') no-repeat left top;margin-left:-10%; background-size: 100%;min-height:250px}
#bannerpage .giangsinh{background:url('../images/tourgroup/giangsinh/tour-giang-sinh.jpg')no-repeat left top;margin-left:-10%; background-size: 100%;min-height:260px}
@media (max-width: 320px){
.maincontent .subdes{display:none}
.maincontent .subnote{display:none}
#bannerpage .phunut10{background:url('../images/tourgroup/t10/tour-du-thuyen-thang-10.jpg') no-repeat left top;margin-left:-10%; background-size: 140%;min-height:130px}
#bannerpage .giangsinh{background:url('../images/tourgroup/giangsinh/tour-giang-sinh.jpg')no-repeat left top;margin-left:-40%; background-size: 140%;min-height:140px}
}
@media (min-width: 321px) and (max-width: 480px)
{
.maincontent .subdes{display:none}
.maincontent .subnote{display:none}

#bannerpage .duthuyen{background:url('../images/bannerpage/banner-du-thuyen-5-sao.jpg') no-repeat left top;margin-left:-35%;background-size: 150%;min-height:70px}
#bannerpage .tourtet{background:url('../images/bannerpage/banner-du-thuyen-tet.jpg') no-repeat left top;margin-left:-40%;background-size: 120%;min-height:120px}
#bannerpage .hoaanhdao{background:url('../images/bannerpage/mua-hoa-anh-dao.jpg') no-repeat left top;margin-left:-40%;background-size: 120%;min-height:120px}
#bannerpage .banner30_4{background:url('../images/bannerpage/tour-du-thuyen-30-4.jpg') no-repeat left top;margin-left:-40%;background-size: 120%;min-height:120px}
#bannerpage .tournn{background:url('../images/bannerpage/banner-tour-du-lich-nuoc-ngoai.jpg') no-repeat left top;margin-left:-35%;background-size: 150%;min-height:70px}
#bannerpage .tourtn{background:url('../images/bannerpage/banner-tour-trong-nuoc.jpg') no-repeat left top;margin-left:-35%;background-size: 150%;min-height:70px}
#bannerpage .vemaybay{background:url('../images/bannerpage/banner-ve-may-bay.jpg') no-repeat left top;margin-left:-35%;background-size: 150%;min-height:70px}
#bannerpage .bannerhotel{background:url('../images/bannerpage/banner-khach-san.jpg') no-repeat left top;margin-left:-35%;background-size: 150%;min-height:70px}
#bannerpage .bannervisa{background:url('../images/bannerpage/banner-visa.jpg') no-repeat left top;margin-left:-35%;background-size: 150%;min-height:70px}
#bannerpage .new{background:url('../images/bannerpage/banner-tin-tuc.jpg') no-repeat left top;margin-left:-35%;background-size: 150%;min-height:70px}
#bannerpage .contact{background:url('../images/bannerpage/banner-lien-he.jpg') no-repeat left top;margin-left:-35%;background-size: 150%;min-height:70px}
#bannerpage .general{background:url('../images/bannerpage/banner_startravel.jpg') no-repeat left top;margin-left:-35%;background-size: 150%;min-height:70px}
#bannerpage .phunut10{background:url('../images/tourgroup/t10/tour-du-thuyen-thang-10.jpg') no-repeat left top;margin-left:-30%;background-size: 120%;min-height:170px}
#bannerpage .giangsinh{background:url('../images/tourgroup/giangsinh/tour-giang-sinh.jpg') no-repeat left top;margin-left:-17%;background-size: 120%;min-height:180px}
}
@media (min-width: 481px) and (max-width: 700px)
{
#bannerpage .duthuyen{background:url('../images/bannerpage/banner-du-thuyen-5-sao.jpg') no-repeat left top;margin-left:-33%;background-size: 150%;min-height:120px}
#bannerpage .tourtet{background:url('../images/bannerpage/banner-du-thuyen-tet.jpg') no-repeat left top;margin-left:-10%;background-size: 100%;min-height:160px}
#bannerpage .hoaanhdao{background:url('../images/bannerpage/mua-hoa-anh-dao.jpg') no-repeat left top;margin-left:-10%;background-size: 100%;min-height:160px}
#bannerpage .banner30_4{background:url('../images/bannerpage/tour-du-thuyen-30-4.jpg') no-repeat left top;margin-left:-10%;background-size: 100%;min-height:160px}
#bannerpage .tournn{background:url('../images/bannerpage/banner-tour-du-lich-nuoc-ngoai.jpg') no-repeat center top;margin-left:0%;background-size: 145%;min-height:120px}
#bannerpage .tourtn{background:url('../images/bannerpage/banner-tour-trong-nuoc.jpg') no-repeat left top;margin-left:-33%;background-size: 150%;min-height:120px}
#bannerpage .vemaybay{background:url('../images/bannerpage/banner-ve-may-bay.jpg') no-repeat left top;margin-left:-33%;background-size: 150%;min-height:120px}
#bannerpage .bannerhotel{background:url('../images/bannerpage/banner-khach-san.jpg') no-repeat left top;margin-left:-33%;background-size: 150%;min-height:120px}
#bannerpage .bannervisa{background:url('../images/bannerpage/banner-visa.jpg') no-repeat left top;margin-left:-33%;background-size: 150%;min-height:120px}
#bannerpage .new{background:url('../images/bannerpage/banner-tin-tuc.jpg') no-repeat left top;margin-left:-33%;background-size: 150%;min-height:120px}
#bannerpage .contact{background:url('../images/bannerpage/banner-lien-he.jpg') no-repeat left top;margin-left:-33%;background-size: 150%;min-height:120px}
#bannerpage .general{background:url('../images/bannerpage/banner_startravel.jpg') no-repeat left top;margin-left:-33%;background-size: 150%;min-height:120px}
#bannerpage .phunut10{background:url('../images/tourgroup/t10/tour-du-thuyen-thang-10.jpg') no-repeat left top;margin-left:-10%;background-size: 100%;min-height:200px}
#bannerpage .giangsinh{background:url('../images/tourgroup/giangsinh/tour-giang-sinh.jpg') no-repeat left top;margin-left:-10%;background-size: 100%;min-height:220px}
}

.dieuhuong{display:block;color:#666;font-size:10pt;line-height:130%}
.dieuhuong a{font-family:'Roboto-Regular';font-size:10pt;color:#666;font-weight:normal}
.dieuhuong a:hover{text-decoration:none;color:#000}

/*--------Left Content: không cách right 30px để tiện hiển thị tour---------*/
#left{width:100%;float:left;clear:both;margin-right:0px;padding:10px 0px 30px 0px;background:#fff;}
.bgviewmore{background:url('../images/bg/bg_viewmore.jpg') repeat-x;height:27px;margin-top:20px}
.bgviewmore{background:url('../images/bg/bg_viewmore.jpg') repeat-x;text-align:center;}
.bgviewmore a{background:#f2f2f2;padding:10px;color:#666;font-family:'Roboto-Light';font-size:10pt;-webkit-border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;border-top-right-radius: 5px;border-top-left-radius: 5px}
.tick{display:none}
.bgsearch{background:#e7e7e7;padding:10px;overflow:hidden}
.bgsearch .column{float:left;width:25%}
.bgsearch .column .ddl{float:left;width:97%;height:30px;background:#fff;color:#000;}
#shortintroduce a{font-family:'Roboto-Regular'}
@media (max-width:599px) 
{
.bgsearch{background:#e7e7e7;padding:5px 10px 10px 10px;overflow:hidden}
.bgsearch .column{float:left;width:50%;padding-top:5px}
.bgsearch .column .ddl{float:left;width:97%;height:30px;background:#fff;color:#000;}
}
/*---------- tab cruise---------------- */
ul#horizontal-style {display:block;width: 100%;margin:0;padding:0}
ul#horizontal-style li {float: left;padding-right:35px;padding-top:10px;list-style:none;position:relative;padding-bottom:0;margin:0}
ul#horizontal-style li a{display: block;color: #333 !important;text-align: center;font-family:'Roboto-Light' !important;font-size:14pt;line-height:100%}
ul#horizontal-style li a:hover{color: #1579bd !important;text-decoration:none;font-family:'Roboto-Light' !important}
ul#horizontal-style li a.selected {color: #1579bd !important;text-decoration:none;font-family:'Roboto-Bold' !important}
ul#horizontal-style li span.selected{display:block;position:relative;top:9px;text-align:center;height:16px;background:url('https://thegioidulich.com/images/icon/icon_chose.jpg') no-repeat center bottom;}
.linetab{border-bottom:1px solid #ccc;margin-top:0px;}
@media (max-width:560px)
{
ul#horizontal-style {display:none}
.linetab{display:none}
}
@media (min-width:560px) and (max-width:650px)
{
ul#horizontal-style li {float: left;padding-right:12px;padding-top:10px;list-style:none;position:relative;padding-bottom:0;margin:0}
}

/* -- Tour du thuyền home -- */
.tourhot{width:270px;margin-top:30px;background:#fff;position:relative}
.tourhot img{display:block;width:270px !important;height:190px !important;border:none}
.tourhot .name{display:block;height:67px;overflow:hidden}
.bggiatour{display:block;margin-top:15px;padding-left:15px;background:url('../images/icon/bg_giatour.png') no-repeat;position:relative;z-index:99;height:34px;width:270px;line-height:34px;color:#000;font-size:14pt}
.bggiatour a{height:34px !important;line-height:34px !important;color:#333;font-size:0.9em;}
.bggiatour a:hover{height:34px;line-height:34px;color:#1579bd;text-decoration:none}
.bggiatour span{padding-left:25px;color:#fff;font-size:14pt;font-family:Roboto-Medium}
.bggiacruisehome{display:block;margin-top:10px;padding-left:15px;background:url('../images/icon/bg_giatour.png') no-repeat;position:relative;z-index:99;height:34px;width:270px;line-height:34px;color:#000;font-size:14pt}
.bggiacruisehome a{height:34px !important;line-height:34px !important;color:#333;font-size:0.9em;}
.bggiacruisehome a:hover{height:34px;line-height:34px;color:#1579bd;text-decoration:none}
.bggiacruisehome span{padding-left:13px;color:#fff;font-size:14pt;font-family:Roboto-Medium}
.bggiatour1{display:block;margin-top:15px;padding-left:10px;background:url('../images/icon/bg_giatour1.png') no-repeat;position:relative;z-index:99;height:34px;width:250px;line-height:34px;color:#000;font-size:14pt}
.bggiatour1 a{height:34px !important;line-height:34px !important;color:#333;font-size:0.9em;}
.bggiatour1 a:hover{height:34px;line-height:34px;color:#1579bd;text-decoration:none}
.bggiatour1 span{padding-left:22px;color:#fff;font-size:14pt;font-family:Roboto-Medium}
.bggiacruisehomefe{display:block;margin-top:10px;padding-left:15px;background:url('../images/icon/bg_giatour_fe.png') no-repeat;position:relative;z-index:99;height:34px;width:270px;line-height:34px;color:#000;font-size:14pt}
.bggiacruisehomefe span{padding-left:13px;color:#fff;font-size:14pt;font-family:Roboto-Medium}
.bggiacruisehomeco{display:block;margin-top:10px;padding-left:15px;background:url('../images/icon/bg_giatour_co.png') no-repeat;position:relative;z-index:99;height:34px;width:270px;line-height:34px;color:#000;font-size:14pt}
.bggiacruisehomeco span{padding-left:13px;color:#fff;font-size:14pt;font-family:Roboto-Medium}

.remarkm{display:block;position:absolute;z-index:10;right:-20px;background:url('../images/icon/icon_yello.png') no-repeat;width:64px;height:57px;line-height:40px;color:#fff;font-size:14pt;font-family:'Roboto-Medium';padding-left:20px;white-space:nowrap}
.remarkmRight{display:block;position:absolute;z-index:10;right:0px;background:#f7bd02;padding:5px;color:#fff;font-size:10pt;font-family:'Roboto-Medium'}
.remarkmNewdetail{display:block;position:absolute;z-index:10;left:191px;background:url('../images/icon/icon_yello.png') no-repeat;width:64px;height:57px;line-height:40px;color:#fff;font-size:14pt;font-family:'Roboto-Medium';padding-left:20px;white-space:nowrap}
.remarkKHamlich{display:block;position:absolute;z-index:10;margin-top:0px;margin-left:0px;background-color:#cc0001;padding:5px;color:#fff;white-space:nowrap}

/*Search*/
.global-map-area{background:url(../images/bg/global-map.jpg) no-repeat;}
.parallax{background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;background-size:auto auto;}
.iconright{display:none}
.iconleft{display:none}
.section{padding:40px 5% 40px 5%;margin:0 auto;text-align:center;}
.section .title{color:#fff;font-size:20pt;font-family:'Roboto-Bold' !important}
.section .subtitle{color:#a3b1c0;font-size:14pt;font-family:'Roboto-Light' !important;font-style:normal !important}
.section label {display: inline-block;line-height:20px;cursor: pointer;position: relative;padding-left: 30px; margin-right: 25px;font-size: 14pt;color:#fff;}
.section input[type=radio] {display: none;}
.section label:before {content: "";display: inline-block;width: 16px; height: 16px;  border-radius: 8px; margin-right: 10px;position: absolute;left: 0;bottom: 1px;background-color: #ffcc29;box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);}
.section input[type=radio]:checked + label:before {content: "\2022"; color: #000;font-size: 30px;text-align: center;line-height: 18px;}
.section img{width:100%;height:auto;}
.ddl{float:left;border:none;height:35px;line-height:35px;width:100%;background:#d7e2ef;font-size:11pt;margin-top:10px}
.ddl1{float:left;border:none;height:35px;line-height:35px;width:100%;background:#d7e2ef;font-size:11pt;margin-top:10px}
.textbox{float:left;height:32px;line-height:32px;border:none;width:100%;margin-top:10px;background:#d7e2ef;position:relative}
.textbox .txtsearch{float:left;height:30px;line-height:30px;border:none;width:85%;padding-left:10px;background:#d7e2ef;font-size:11pt}
.textbox .calendar{float:right;width:30px;text-align:center;padding-top:5px}
.btnsearchtour{display:block;background:#ffcc29;margin-left:20%;width:370px !important;height:65px !important;color:#000;font-size:18pt;font-family:'Roboto-Bold';border:none;cursor:pointer}
.btnsearchtour:hover{background:#fcc516;cursor:pointer;color:#fff}
@media (max-width:400px)
{
.btnsearchtour{display:block;background:#ffcc29;margin-left:0;width:100% !important;height:50px !important;color:#000;font-size:16pt;font-family:'Roboto-Bold';border:none;cursor:pointer}
}
@media (min-width:560px)
{
.ddl{float:left;border:none;height:35px;line-height:35px;width:48%;background:#d7e2ef;font-size:11pt;margin-top:10px;margin-left:2%}
.ddl1{float:left;border:none;height:35px;line-height:35px;width:48%;background:#d7e2ef;font-size:11pt;margin-top:10px;margin-left:2%}
.textbox{float:left;height:32px;line-height:32px;border:none;width:48%;margin-top:10px;background:#d7e2ef;position:relative;margin-left:2%}
}

/*LIST TOUR HOME*/
.listtour{float:left;margin:30px 0px 0px 0px;width:100%;background:#fff;overflow:hidden}
.listtour img{display:block;width:100% !important;height:190px !important;border:none}
.listtour .content{padding:20px}
.listtour .content .name{height:50px;overflow:hidden}
.listtour .content .name a{color:#333;font-family:'Roboto-Medium' !important;font-size:1.1em}
.listtour .content .name a:hover{color:#1579bd;}
.listtour .content .price{color:#333;font-family:'Roboto-Bold' !important}
.colorprice{color:#1579bd;font-family:'Roboto-Bold' !important;font-size:12pt}

@media (min-width: 415px)
{
.listtour{float:left;margin:30px 0px 0px 0px;width:45%;margin-right:5%;background:#fff;overflow:hidden}
.listtour img{display:block;width:100% !important;height:auto !important;border:none}
}
@media (min-width:650px)
{
/*.listtour{float:left;margin:30px 0px 0px 0px;width:30%;margin-right:3%;background:#fff;overflow:hidden;font-size:10pt}*/
.listtour img{display:block;width:100% !important;height:200px !important;border:none}
}

ul.list{margin:0;padding:0;margin-top:-24px;padding-left:290px;display:none}
ul.list li{float:left;list-style:none;padding-left:10px;}
ul.list li.divider{border-right:1px solid #666;width:1px;height:15px;margin-top:3px}
ul.list li a{color:#666;font-family:'Roboto-Regular' !important;font-size:11pt;}

.readmore{padding-top:30px;text-align:center}
.readmore a{padding:10px 15px 10px 15px;background:#e0e0e0;color:#666;font-family:'Roboto-Regular'}

/*LIST TOUR CRUISE*/
.listitemtour{display:block;padding-top:30px;position:relative}
.listitemtour .picture{float:left;width:25% !important;position:relative}
.listitemtour .picture img{width:100% !important;height:auto !important;border:none}
.listitemtour .content{float:left;margin-left:2%;width:73%;position:relative}
.listitemtour .content .column1{float:left;width:55%;}
.listitemtour .content .column2{float:left;width:45%;}
.listitemtour .content .column{float:left;width:100%;}
.listitemtour .content .icondate{background:url('../images/icon/sprite.png') no-repeat 0px -190px; padding-left:30px;height:20px;line-height:20px;font-size:10pt}
.listitemtour .content .icondes{background:url('../images/icon/sprite.png') no-repeat 0px -210px; padding-left:30px;height:25px;line-height:25px;font-size:10pt}
.listitemtour .content .iconship{background:url('../images/icon/sprite.png') no-repeat 0px -235px; padding-left:45px;height:25px;line-height:25px;font-size:10pt}
.listitemtour .content .iconpackage{background:url('../images/icon/sprite.png') no-repeat 0px -436px; padding-left:45px;height:30px;line-height:30px;font-size:10pt}
.listitemtour .content .line{display:block;padding-top:2px;border-bottom:1px solid #ccc; border-bottom-style:dashed;margin-bottom:2px}
.listitemtour .content .fixdisplaygia{position:relative;top:0px;display:inline-block}
.listitemtour .content .giagoc{display:block;margin-top:-34px;margin-left:252px;padding-left:35px;background:url('../images/icon/bg_giakm-mobile.png') no-repeat;position:relative;z-index:0;height:34px;width:224px;line-height:34px;color:#fff;font-size:14pt;font-family:'Roboto-Light';text-decoration:line-through}

.khsgn{margin-top:10px;width:49%;float:left;margin-right:2%}
.khsgn .titlekh{height:28px;background:#f7f7f7;line-height:28px;color:#000;text-align:center}
.khsgn .boxkh{border:1px solid #f7f7f7;width:90%;padding-left:5%;padding-right:4%}
.khsgn .giakh{height:30px;line-height:30px;color:#000; border-top:1px solid #ccc; border-top-style:dashed}
.khsgn .giakh .left{float:left;width:40%;color:#666}
.khsgn .giakh .right{float:left;width:60%}

.khhan{margin-top:10px;width:49%;float:left}
.khhan .titlekh{height:28px;background:#f7f7f7;line-height:28px;color:#000;text-align:center}
.khhan .boxkh{border:1px solid #f7f7f7;width:90%;padding-left:5%;padding-right:4%}
.khhan .giakh{height:30px;line-height:30px;color:#000; border-top:1px solid #ccc; border-top-style:dashed}
.khhan .giakh .left{float:left;width:40%;color:#666}
.khhan .giakh .right{float:left;width:60%}

@media (max-width:480px)
{
.listitemtour .picture{display:block;width:100% !important;position:relative}
.listitemtour .picture img{width:100% !important;height:auto !important;border:none}
.listitemtour .content{display:block;margin-left:0px;clear:both;padding-top:10px;width:100%;position:relative}
.listitemtour .content .column1{float:left;width:100%;}
.listitemtour .content .column2{float:left;width:100%;}
.listitemtour .content .column{float:left;width:100%;}
.listitemtour .content .icondate{background:url('../images/icon/sprite.png') no-repeat 0px -190px; padding-left:44px;height:20px;line-height:20px}
.listitemtour .content .icondes{background:url('../images/icon/sprite.png') no-repeat 0px -210px; padding-left:44px;height:25px;line-height:25px}
.listitemtour .content .iconship{background:url('../images/icon/sprite.png') no-repeat 0px -235px; padding-left:44px;height:25px;line-height:25px}
.listitemtour .content .line{display:block;padding-top:5px;border-bottom:1px solid #ccc; border-bottom-style:dashed;margin-bottom:5px}
.listitemtour .content .giagoc{display:block;margin-top:0;margin-left:73px;padding-left:27px;background:url('../images/icon/bg_giakm-mobile.png') no-repeat;position:relative;z-index:0;height:34px;width:224px;line-height:34px;color:#fff;font-size:14pt;font-family:'Roboto-Light';text-decoration:line-through}
}
@media (min-width: 481px) and (max-width: 767px)
{
.listitemtour .picture{float:left;width:35% !important;position:relative}
.listitemtour .picture img{width:100% !important;height:auto !important;border:none}
.listitemtour .content{float:left;margin-left:3%;width:62%;position:relative}
.listitemtour .content .column1{float:left;width:100%;}
.listitemtour .content .column2{float:left;width:100%;}
.listitemtour .content .column{float:left;width:100%;}
.listitemtour .content .icondes{background:url('../images/icon/sprite.png') no-repeat 0px -210px; padding-left:44px;height:25px;line-height:25px}
.listitemtour .content .giagoc{display:block;margin-top:0px;margin-left:73px;padding-left:27px;background:url('../images/icon/bg_giakm-mobile.png') no-repeat;position:relative;z-index:0;height:34px;width:224px;line-height:34px;color:#fff;font-size:14pt;font-family:'Roboto-Light';text-decoration:line-through}
}

/*LIST TOUR THUONG*/
.listtourpage{float:left;margin:30px 30px 0px 0px;width:250px}
.listtourpage img{display:block;width:250px !important;height:auto !important;border:none}
.listtourpage .name{height:40px;overflow:hidden}
.listtourpage .price{color:#333;font-family:'Roboto-Bold' !important}
.listtourpage .icondate{background:url('../images/icon/sprite.png') no-repeat 0px -185px; padding-left:30px;height:16px;line-height:20px;font-size:10pt}
.listtourpage .icondes{background:url('../images/icon/sprite.png') no-repeat 0px -205px; padding-left:30px;height:25px;line-height:25px;font-size:10pt}
@media (max-width: 480px)
{
.listtourpage{float:left;display:block;margin:30px 0px 0px 0px;width:100%}
.listtourpage img{display:block;width:100% !important;height:auto !important;border:none}
.listtourpage .name{display:block}
}
@media (min-width: 481px) and (max-width: 600px)
{
.listtourpage{float:left;margin-top:30px;width:45%;margin-right:3%;margin-left:2%;position:relative}
.listtourpage img{display:block;width:100% !important;height:170px !important;border:none}
.listtourpage .name{display:block}
.bggiatour1{display:block;margin-top:15px;padding-left:5px;background:url('../images/icon/bg_giatour_mobile.png') no-repeat;position:relative;z-index:99;height:auto;width:100%;line-height:34px;color:#000;font-size:12pt}
.bggiatour1 span{padding-left:10px;color:#fff;font-size:12pt;font-family:'Roboto-Medium'}
}
@media (min-width: 601px)
{
.listtourpage{float:left;margin-top:30px;width:29.33%;margin-right:2%;margin-left:2%}
.listtourpage img{display:block;width:100% !important;height:150px !important;border:none}
.listtourpage .name{display:block}
.bggiatour1{display:block;margin-top:15px;padding-left:5px;background:url('../images/icon/bg_giatour_mobile.png') no-repeat;position:relative;z-index:99;height:auto;width:100%;line-height:34px;color:#000;font-size:12pt}
.bggiatour1 span{padding-left:10px;color:#fff;font-size:12pt;font-family:'Roboto-Medium'}
}

/* -----Tour detail-----*/
.subtitle{display:block;padding:10px 10px 0px 0px;color:#868484;font-family:Cambria;font-size:24px;line-height:1.24;font-weight:normal;font-style:italic}
.author{float:left;padding:10px 20px 10px 0px;}
.author .people{color:#fa4b2a}
.author .date{color:#848484}
.fblike{float:left;padding:10px 25px 10px 0px}

.boxprice{border:1px solid #ccc;padding-bottom:25px;overflow:hidden}
.boxprice .column{width:200px;float:left;padding-top:15px;padding-left:19px;border-right:1px solid #ccc;position:relative}
.boxprice .column .name{padding:5px;background:#ffd54e;color:#000;font-size:12pt;width:100px;text-align:center}
.boxprice .column .giagoc{padding-top:5px;color:#666;font-family:'Roboto-Light';font-size:12pt;text-decoration:line-through}
.boxprice .column .bg{padding-top:0px;color:#1579bd;font-family:'Roboto-Bold';font-size:18pt}
.boxprice .column .iconkm{margin-left:120px;margin-top:-85px;background:url('../images/icon/icon-cicle-red.png') no-repeat;height:51px;line-height:51px;width:52px;text-align:center;font-size:14pt;color:#fff;position:absolute;}

.giaban{padding-top:0px;color:#1579bd;font-family:'Roboto-Bold';font-size:18pt}
.giagoc1{padding-top:5px;color:#666;font-family:'Roboto-Light';font-size:12pt;text-decoration:line-through}
.titlegia{padding:5px;background:#ffd54e;color:#000;font-size:12pt;width:80px;margin-left:70px}

@media (max-width: 400px)
{
.boxprice .column{width:200px;float:left;padding-top:15px;padding-left:39px;border-right:0px solid #ccc;position:relative}
}

/*SLIDER SHOW PICTURE TOUR*/
#bigPic{width:100%;height:400px;overflow:hidden}
#bigPic img{position:relative;display:none;width:100%;height:400px}
ul#thumbs{margin-top:10px;padding:0;list-style:none;clear:both}
ul#thumbs li{float:left;width:15%;margin-right:7px;margin-bottom:5px;border:0px solid #CCC;padding:2px;cursor:pointer;}
ul#thumbs li.active{border:1px solid #ccc;background:#fff;padding:1px;}
ul#thumbs img{float:left;width:100%;height:80px;line-height:80px;overflow:hidden;position:relative;z-index:1;}
@media (max-width: 399px)
{
#bigPic{width:100%;height:180px;overflow:hidden}
#bigPic img{position:relative;display:none;width:100%;height:180px}
ul#thumbs li{float:left;width:30%;margin-right:5px;margin-bottom:5px;border:0px solid #CCC;padding:2px;cursor:pointer;}
ul#thumbs img{float:left;width:100%;height:60px;line-height:80px;overflow:hidden;position:relative;z-index:1;}
}
@media (min-width: 400px) and (max-width: 600px)
{
#bigPic{width:100%;height:250px;overflow:hidden}
#bigPic img{position:relative;display:none;width:100%;height:250px}
ul#thumbs li{float:left;width:15%;margin-right:5px;margin-bottom:5px;border:0px solid #CCC;padding:2px;cursor:pointer;}
ul#thumbs img{float:left;width:100%;height:50px;line-height:80px;overflow:hidden;position:relative;z-index:1;}
}

/*Info tour*/
.boxinfo{background:#f9f9f9;border:1px solid #dedede;padding:15px 20px 15px 20px;overflow:hidden;font-size:10pt}
.boxinfo .column1{float:left;width:100%;}
.boxinfo .column2{float:left;width:100%;padding-top:10px}
.boxinfo .column3{float:left;width:100%;padding-top:10px}
.boxinfo .column4{float:left;width:100%;padding-top:10px}
.boxinfo .column5{float:left;width:100%;padding-top:10px}
.boxinfo .column6{float:left;width:100%;padding-top:10px}
.boxinfo .icondate{background:url('../images/icon/sprite.png') no-repeat 5px -190px; padding-left:40px;height:20px;line-height:20px}
.boxinfo .icondes{background:url('../images/icon/sprite.png') no-repeat 8px -210px; padding-left:40px;height:25px;line-height:25px}
.boxinfo .iconship{background:url('../images/icon/sprite.png') no-repeat 0px -460px;height:25px;padding-left:40px}
/*.boxinfo .icondate{background:url('../images/icon/sprite.png') no-repeat 5px -260px; padding-left:42px;height:35px;line-height:35px;text-align:left}
.boxinfo .icondes{background:url('../images/icon/sprite.png') no-repeat 8px -300px; padding-left:40px;height:35px;line-height:35px;text-align:left}
.boxinfo .iconship{background:url('../images/icon/sprite.png') no-repeat 0px -340px;height:35px;line-height:35px;padding-left:75px;text-align:left}*/
.boxinfo .destination{padding-left:35px;margin-top:-23px}
.lichtrinhLeft{float:left;font-size:14pt;font-weight:bold;}
.lichtrinhRight{float:right;color:#1579bd;font-size:14pt;}
.boxpromotion{background:#fc691b;padding:20px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;color:#fff}
.subtitle3{font-size:24pt;font-family:'Roboto-Medium'}
.descriptiontour{width:100%;float:left;}
.dattour{width:240px;float:left;padding-top:20px}
.colorblue{color:#1579bd;font-family:Arial;font-weight:bold}
.colorblue1{color:#2683c2}
.colorblue2{color:#1579bd}
.colorblue3{color:#4a96cc}
.colorred{color:#ff3333}
.colorwhite{color:#fff}
.colororange{color:#f64f15;font-family:Arial;font-weight:bold}
.italic{font-style:italic;font-family:'Roboto-Light'}

.leftct{display:none}
.rightct{display:none}

@media (max-width: 400px) {
.lichtrinhLeft{float:left;font-size:14pt;font-weight:bold;width:100%}
.lichtrinhRight{float:right;color:#1579bd;font-size:14pt;width:100%;padding-top:5px}
}
@media (min-width: 600px)
{
.boxinfo .column4{float:left;width:50%;padding-top:10px}
.boxinfo .column5{float:left;width:50%;padding-top:10px}
.boxinfo .column6{float:left;width:50%;padding-top:10px}
.descriptiontour{width:57%;float:left;padding-right:3%;text-align:justify}
.dattour{width:40%;float:right;padding-top:0px}
}

/*Ngày kh chương trình*/
.ngaykh{display:none;padding-top:30px}
.ngaykh ul{margin:0;padding:0;position:relative}
.ngaykh ul li{padding:0;list-style:none;float:left;margin-right:15px;position:relative;z-index:2}
.ngaykh ul li.circle {width:50px;height: 50px;background:#999;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;}
.ngaykh ul li.circle:hover,.ngaykh ul li.selected {width:50px;height: 50px;background:#1579bd;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;}
.ngaykh ul li a{display:block;color:#fff;width:50px;text-align:center;font-family:'Roboto-Light';padding-top:7px;font-size:10pt}
.ngaykh ul li a.selected{width:50px;height: 43px;background:#1579bd;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;padding-top:7px;font-size:10pt}
.ngaykh ul li a span{font-size:16pt;font-family:'Roboto-Medium'}
.ngaykh ul li .line-step {border-top: 1px solid #999; height: 1px; position:absolute; z-index: 0; top: 23px; left:-15px; width: 15px}

.ngaykhmobile{display:block;padding-top:0px}

@media (min-width: 600px)
{
.ngaykh ul li{padding:0;list-style:none;float:left;margin-right:25px;position:relative;z-index:2}
.ngaykh ul li.circle {width:70px;height: 70px;background:#999;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.ngaykh ul li.circle:hover,.ngaykh ul li.selected {width:70px;height: 70px;background:#1579bd;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.ngaykh ul li a{display:block;color:#fff;width:70px;text-align:center;font-family:'Roboto-Light';padding-top:15px;font-size:12pt}
.ngaykh ul li a.selected{width:70px;height: 55px;background:#1579bd;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;padding-top:15px;font-size:12pt}
.ngaykh ul li a span{font-size:16pt;font-family:'Roboto-Medium'}
.ngaykh ul li .line-step {border-top: 1px solid #999; height: 1px; position:absolute; z-index: 0; top: 33px; left:-25px; width: 25px}
}

.chuongtrinhtour{display:block;clear:both;padding-top:15px}
.chuongtrinhtour .name{color:#1579bd;font-size:16pt;font-family:'Roboto-Bold';line-height:130%}
.chuongtrinhtour .lichkh{float:left;width:9%;padding-top:20px}
.chuongtrinhtour .info{float:left;width:51%;padding-top:20px}
.chuongtrinhtour .info1{float:left;width:60%;padding-top:20px}
.chuongtrinhtour img{float:left;width:35%;height:auto;padding-left:5%;padding-top:20px}
.chuongtrinhtour .info p{clear:both;padding-bottom:10px;margin:0px;}
.chuongtrinhtour .info ul{display:block}
.chuongtrinhtour .info ul li{margin-left:5px;list-style:disc;}
strong{font-weight:bold}
.lichchuongtrinh{display:block;width:39px;height:39px;background-image:url('../images/bg_cruise_date.gif');color:#0073bb;font-weight:bold;text-align:center;margin-top:5px;}

/*Điều kiện tour*/
.percent45{float:left;width:45%}
.percent45 h3{font-size:16pt}
.percent45 img{width:100%;height:auto}
.right10percent{padding-right:10%}
ul.baogom{margin:0;padding-top:10px;padding-left:0}
ul.baogom li{margin-left:-20px;padding-top:10px;padding-left:10px;line-height:130%;list-style-image:url('../images/icon/icon-check-blue.png')}

ul.khongbaogom{margin:0;padding-top:10px;padding-left:0}
ul.khongbaogom li{margin-left:-20px;padding-top:10px;padding-left:10px;line-height:130%;list-style-image:url('../images/icon/icon-x.png')}

ul.dieukien{margin:0;padding-top:10px;padding-left:0;color:#000;font-family:'Roboto-Regular';font-size:16pt;text-decoration:none}
ul.dieukien li{margin-left:-20px;padding-top:10px;padding-left:10px;color:#333;font-size:11pt;line-height:130%;list-style-image:url('../images/icon/icon-croll.png')}

@media (max-width: 400px)
{
.btndattour430{width:100%;height:auto}
.chuongtrinhtour .lichkh{float:left;width:15%;padding-top:10px}
.chuongtrinhtour .info{float:left;width:85%;padding-top:10px}
.chuongtrinhtour .info1{display:block;width:100%;padding-top:10px}
.chuongtrinhtour img{display:block;width:100%;margin-left:-15px;height:auto;padding-top:20px;border:none}

.percent45{float:left;width:100%;padding-top:20px}
.percent45 h3{font-size:16pt}
.percent45 img{width:100%;height:auto}
.right10percent{padding-right:0}
}
@media (min-width: 400px) and (max-width: 600px)
{
.btndattour430{width:100%;height:auto}
.chuongtrinhtour .lichkh{float:left;width:10%;padding-top:10px}
.chuongtrinhtour .info{float:left;width:90%;padding-top:10px}
.chuongtrinhtour .info1{display:block;width:100%;padding-top:10px}
.chuongtrinhtour img{display:block;width:100%;margin-left:-15px;height:auto;padding-top:20px;border:none}

.percent45{float:left;width:100%;padding-top:20px}
.percent45 h3{font-size:16pt}
.percent45 img{width:100%;height:auto}
.right10percent{padding-right:0}
}


/*-----------------------Hotel------------------------------------*/
/*Hotel home*/
.hotel{float:left;clear:both;width:100%}
.hotel .listitem{float:left; width:100%;padding-top:20px;position:relative}
.hotel .listitem img{display:block;width:100%;height:auto;border:none}
.hotel .listitem .star{margin-top:-17px;position:absolute;z-index:99;right:0;}
.hotel .listitem .content{border:1px solid #ccc;border-top:none;padding:9px}
.hotel .listitem .content .name{padding-top:5px}
.hotel .listitem a{color:#333;font-family:'Roboto-Medium' !important;font-size:1.1em}
.hotel .listitem a:hover{color:#1579bd;}
.hotel .listitem .content .address{display:none;padding-top:5px;font-size:10pt;color:#333;line-height:120%}
.hotel .more{float:right;margin-top:-15px}
.hotel .more a{color:#333;font-family:'Roboto-Regular';font-size:10pt}

/*list new home*/
.new-home{float:left;width:100%}
.list-new-home{float:left;width:100%;padding-top:20px;margin-right:0px;}
.list-new-home img{display:block;width:100%;height:auto;border:none}
.list-new-home a{color:#000;font-family:'Roboto-Regular';font-size:12pt}
.list-new-home a:hover{color:#1579bd;}

/* icon star*/
.star1{background:url('https://thegioidulich.com/images/start/star1.jpg') no-repeat 0 0px;height:17px;width:60px !important;line-height:9px;}
.star2{background:url('https://thegioidulich.com/images/start/star1.jpg') no-repeat 0 -17px;height:17px;width:60px !important;line-height:9px;}
.star3{background:url('https://thegioidulich.com/images/start/star1.jpg') no-repeat 0 -37px;height:17px;width:60px !important;line-height:9px;}
.star4{background:url('https://thegioidulich.com/images/start/star1.jpg') no-repeat 0 -53px;height:17px;width:60px !important;line-height:9px;}
.star5{background:url('https://thegioidulich.com/images/start/star1.jpg') no-repeat 0 -69px;height:17px;width:60px !important;line-height:9px;}

@media (min-width: 400px) and (max-width: 650px)
{
.list-new-home{float:left; width:45%;margin-right:5%;padding-top:20px}
.list-new-home img{display:block;width:100%;height:100px;border:none}
}
@media (min-width:650px)
{
.list-new-home{float:left; width:30%;margin-right:3%;padding-top:20px}
.list-new-home img{display:block;width:100%;height:150px;border:none}
}

/* hotel page*/
.titleh1{padding-top:10px;font-family:'Roboto-Regular' !important;color:#000;font-size:22pt}
.titleh1 h1{font-family:'Roboto-Regular' !important;color:#000;display:inline-block;font-size:22pt}
.boxsearch{margin-top:20px;border:1px solid #ccc;background:#f8f8f8;padding:14px;overflow:hidden}
.boxsearch .group{float:left;width:40%;padding-right:2%}
.boxsearch .group .column1{float:left;width:40%;line-height:25px;font-size:10pt}
.boxsearch .group .column2{float:left;width:60%;}
.boxsearch .searchks{float:left;width:16%}
.boxsearch .searchks .btnsearch{float:left;background:#1579bd;width:100%;height:59px;border:none;color:#fff;font-size:14pt}
.boxsearch .searchks .btnsearch:hover{background:#ffd54e;cursor:pointer}
.ddlsearchhotel{height:25px;line-height:25px;background:#fff;border:1px solid #eee;margin:0;padding:0;color:#666}
.txtsearchhotel{height:23px;line-height:23px;background:#fff;border:1px solid #eee;margin:0;padding:0;width:93%;padding-left:10px;color:#666}
.btnsearchright{float:left;width:100px;background:#1579bd;height:35px;border:none;color:#fff;font-size:14pt}
.btnsearchright:hover{background:#ffd54e;cursor:pointer}
@media (max-width:600px)
{
.boxsearch .group{float:left;width:100%;padding-top:10px}
.boxsearch .group .column1{float:left;width:40%;line-height:25px;font-size:10pt}
.boxsearch .group .column2{float:left;width:60%;}
.boxsearch .searchks{float:right;width:120px;padding-top:15px}
}
@media (min-width:600px) and (max-width:767px)
{
.boxsearch .group{float:left;width:45%;padding-right:5%}
.boxsearch .group .column1{float:left;width:40%;line-height:25px;}
.boxsearch .group .column2{float:left;width:60%;}
.boxsearch .searchks{float:right;width:120px;padding-top:15px}
}

.listhotel{width:30%;float:left;padding-top:30px;padding-right:3.333%;}
.listhotel img{display:block;width:100%;height:150px;border:none}
.listhotel .star{margin-top:-16px;position:absolute;z-index:99;margin-left:95px;}
.listhotel .content{border:1px solid #ccc;border-top:none;padding:9px}
.listhotel .content .name{padding-top:5px;height:22px;overflow:hidden}
.listhotel a{color:#1579bd;font-family:'Roboto-Medium' !important}
.listhotel .content .address{padding-top:5px;font-size:10pt;color:#666;height:16px;overflow:hidden}
.listhotel .content .des{display:none}
@media (max-width:400px)
{
.listhotel{width:100%;float:left;padding-top:30px;}
.listhotel img{display:block;width:100%;height:auto;border:none}
.listhotel .star{margin-top:-16px;position:absolute;z-index:99;margin-left:0px}
}
@media (min-width:400px) and (max-width:700px)
{
.listhotel{float:left;padding-top:30px;width:47%;padding-right:3%}
.listhotel img{display:block;width:100%;height:150px;border:none}
.listhotel .star{margin-top:-16px;position:absolute;z-index:99;margin-left:0px}
}

.thanhboloc{display:block;padding-top:10px;border-bottom:2px solid #1579bd;height:30px;padding-left:0px}
.thanhboloc a{float: left; height: 30px; line-height: 30px; padding-left:15px;padding-right:15px; color: White; background-color: #1579bd; margin-right: 5px; text-align: center;}
.timtheosao { position: absolute; display: none; width: 200px; height: 150px; padding: 5px 0px 5px 20px; border: solid 1px #1579bd; z-index: 1000; background: #1579bd;margin-top:5px;color:#fff}
.close {float: right; color: #fff; padding: 5px;}
.selectsao { float: left; width: 165px;padding-top:5px}
.timtheonhucau { position: absolute; display: none; width: 640px; padding: 10px;margin-left:370px; z-index: 1000; background: #1579bd;color:#fff;margin-top:5px}
.selecttitle1 { display:block; padding: 5px; font-weight: bold;padding-top:10px}
.selectlink1 { float: left; padding-right:20px;}
.selectlink2 { float: left; width: 160px;}
.selectlink3 { float: left; width: 120px;}
.selecttext1 { background: none;}
.selecttexttitle { font-weight:bold;float:left;padding-right:20px;padding-left:5px}

.titletiennghi{position:relative}
.titletiennghi a{background:#f0f0f0;padding:10px;color:#000;font-size:14pt;font-family:'Roboto-Medium';position:relative;z-index:1}
.center{text-align:center}
.titletiennghi .line-center {border-top: 1px solid #BDBDBD; height: 1px;width:810px; position:absolute; z-index: 0; top: 15px;}
ul.tiennghi{margin-left:20px !important;padding:0;}
ul li.tiennghi{float:left;width:120px !important;margin:0;padding-top:5px;list-style-image:url('../images/icon/icon-check.png');font-size:10pt}

.bgxemgiaphong{background:#1579bd;width:100%;padding-top:5px;padding-bottom:15px;overflow:hidden}
.bgxemgiaphong .divgiaphong{float:left;padding-left:10px;padding-top:25px;line-height:25px;color:#fff;padding-left:20px}
.bgxemgiaphong .divgiaphong .input{width:130px;font-size:10pt;padding-left:15px;border:none;height:25px;line-height:25px}
.bgxemgiaphong .btnxemgiaphong{float:left;text-align:center;padding-top:5px;line-height:25px;color:#fff;padding-left:20px}

.ajaxloader{display:block;padding-top:20px}
.banggiaphong{display:block;padding-top:10px}
.banggiaphong .phong{ border: solid 1px #b0afaf;width:630px}
.banggiaphong .header{font-weight: bold; background:#eee; color: #fff; line-height: 30px;}
.banggiaphong .header .col1{ width:50px; text-align: center;}
.banggiaphong .header .col2{ width:340px; text-align: center;}
.banggiaphong .header .col3{ width:140px; text-align: center;}
.banggiaphong .header .col4{ width:100px; text-align: center;}
@media (max-width:400px)
{
.bgxemgiaphong .divgiaphong{float:left;width:45%;padding-left:5%;margin-top:5px;line-height:25px;color:#fff;}
.bgxemgiaphong .divgiaphong .input{width:90%;font-size:10pt;padding-left:5%;border:none;height:25px;line-height:25px}
.bgxemgiaphong .btnxemgiaphong{float:left;clear:both;padding-top:10px;text-align:center;}
}
@media (min-width:401px) and (max-width:650px)
{
.bgxemgiaphong .divgiaphong{float:left;width:23%;padding-left:2%;margin-top:5px;line-height:25px;color:#fff;font-size:10pt}
.bgxemgiaphong .divgiaphong .input{width:90%;font-size:10pt;padding-left:5%;border:none;height:25px;line-height:25px}
.bgxemgiaphong .btnxemgiaphong{float:left;clear:both;padding-top:10px;text-align:center;}
}


.hddatphong{padding:20px;text-align:center;font-style:italic;color:#7e7d7d}
.btdatphong{text-align:center}
.datphong{display:block;height:30px;line-height:30px;padding-left:10px;font-weight:bold;background:#eee;font-size:12pt;color:#000;font-family:sans-serif}
.thongtinlienhe{padding-top:10px}
.thongtinlienhe .td{width:150px;padding-top:10px}

.tongquanks{float:left;width:60%;padding-right:5%}
.loaiphongks{float:left;width:35%;}
.tenloaiphong{position:absolute;z-index:999;margin-left:20px;margin-right:20px;padding:5px 10px 5px 10px;background:#fff;margin-top:-30px}

.titledatphongnhanh{color:#fff;text-align:center;font-size:14pt;background:#1579bd;height:50px;line-height:50px;width:100%}
.boxhotrodatphongnhanh{border:1px solid #eee;padding:20px;font-size:12pt}
@media (max-width:600px)
{
.tongquanks{float:left;width:100%;}
.loaiphongks{float:left;width:100%;padding-top:20px}
}

/*Vé máy bay*/
.ve{float:left;clear:both;margin-top:30px}
.ve0{width:100%;float:left;padding-top:20px;position:relative}
.ve1{width:100%;float:left;padding-top:20px;position:relative}
@media (min-width:400px)
{
.ve0{width:47%;float:left;padding-top:20px;position:relative}
.ve1{width:47%;float:left;padding-top:20px;padding-left:6%;position:relative}
}

.icon-ve{background:url('../images/icon/sprite.png') no-repeat 0px -140px; padding-left:20px;height:20px;line-height:20px;position:absolute;z-index:10;float:right;right:0;margin-top:-20px}
.icon-ve-right{background:url('../images/icon/sprite.png') no-repeat 0px -140px; padding-left:20px;height:20px;line-height:20px;position:absolute;z-index:10;float:right;right:0;margin-top:-20px}

.listve-item{width:30%;float:left;padding-top:30px;padding-right:3.333%}
.listve-item img{width:100%;height:160px;display:block;border:none}
.listve-item .des{display:none}
.listve-item .name{height:80px;overflow:hidden}
@media (max-width:400px)
{
.listve-item{width:100%;float:left;padding-top:30px;}
.listve-item img{width:100%;height:160px;display:block;border:none}
}
@media (min-width:400px) and (max-width:600px)
{
.listve-item{width:45%;float:left;padding-top:30px;padding-right:5%}
.listve-item img{width:100%;height:160px;display:block;border:none}
}

.boxsearchve{float:left;width:280px;padding-right:30px;float:left}
.huongdanmuave{float:left;width:100%;}
@media (min-width:600px)
{
.boxsearchve{float:left;width:44%;padding-right:2%;}
.huongdanmuave{float:left;width:54%}
}
.tabhead ul { margin: 0; padding: 0; float: left;  height: 40px}
.tabhead ul li { display: inline; height: 40px}
.tabhead ul li a{ float: left;font-size:10pt !important; color: #666;background:#fff;padding-left:10px;padding-right:10px;height: 40px;line-height:40px; text-align: center; text-decoration: none;border-bottom:1px solid #ccc}
.tabhead ul li a.selected {font-size:10pt !important;color:#1579bd;background:#fff; height:40px;line-height:40PX;text-align:center;border:1px solid #ccc;border-bottom:none;}

.tabbox{padding-top:10px;overflow:hidden;border-left:1px solid #ccc;}
.tabbox .content{padding:15px}
.tabbox .content .hdtt{padding-bottom:10px;display:block;clear:both}
.tabbox .content .hdtt .images{float:left;width:68px;}
.tabbox .content .hdtt .images img{width:40px;height:40px;border:none}
.tabbox .content .hdtt .nd{margin-left:68px}
.tabbox .content .hdtt .nd .name{display:block}
.tabbox .content .hdtt .nd .info{padding-top:5px;line-height:120%}
.tabbox .content .line{border-bottom:1px solid #dedfe0;border-bottom-style:dotted;padding-top:15px;clear:both}
.tabbox .content .xemthem{padding-top:15px;text-align:right}
.tabbox .content .xemthem a{font-weight:normal;color:#b3b2b2;font-size:10pt}

.circleblue {float:left;width:40px;height: 40px;margin-right:20px;background:#1579bd;color:#fff;text-align:center;font-size:14pt;line-height:40px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.circleyello {float:left;width:40px;height: 40px;margin-right:20px;background:#f7bd02;color:#fff;text-align:center;font-size:14pt;line-height:40px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.circlered {float:left;width:40px;height: 40px;margin-right:20px;background:#ff3333;color:#fff;text-align:center;font-size:14pt;line-height:40px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.circlegreen {float:left;width:40px;height: 40px;margin-right:20px;background:#4ecc48;color:#fff;text-align:center;font-size:14pt;line-height:40px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.infohd{margin-left:60px}

#doitac{display:block;height:100px;background-color:#f4f5f5;overflow:hidden}
#doitac .logo{padding-left:15px;padding-top:15px}
#doitac .logo ul{margin: 0;padding: 0;list-style: none;overflow: hidden;}
#doitac .logo ul li{float: left;margin: 0 10px 0 0;padding: 0;	height: 70px;}
#doitac .logo ul li img{width:140px;height:70px;border:none}
#doitac .logo ul li img:hover{width:140px;height:70px;border:1px solid #d7d7d7}

.chitietvegiare{display:block;padding-top:20px}
.chitietvegiare .images{float:left;width:100%;height:auto;position:relative}
.chitietvegiare .images img{width:100%;height:auto}
.chitietvegiare .nd{float:left;width:100%;padding-top:20px}
.chitietvegiare .nd .row{padding-bottom:3px}
.chitietvegiare .nd .row .gia{color:#fa0101;font-size:14pt;font-weight:bold}
.chitietvegiare .nd .row .khuhoi{color:#9b9b9a}
.introducevegiare{display:block;padding-top:10px;line-height:150%;clear:both}
.datvegiare{display:block;padding-top:30px}
.txtdatve{height:25px;line-height:25px;width:50%;border:1px solid #ccc}
.yeucau{width:400px;height:100px}
@media (min-width:400px)
{
.chitietvegiare .images{float:left;width:40%;height:auto;padding-right:5%}
.chitietvegiare .images img{width:100%;height:auto}
.chitietvegiare .nd{float:left;width:55%;padding-top:0px}
}

/*Làm visa*/
.visa{width:100%;float:left;padding-top:10px}
.visa img{width:100%;height:auto;}
ul.lamvisa{margin-top:20px;padding:0}
ul.lamvisa li{background:url('../images/icon/sprite.png') no-repeat 0px -160px; padding-left:35px;height:30px;line-height:30px;margin-bottom:10px;list-style:none}
ul.lamvisa li a{color:#333;font-size:11pt;font-family:'Roboto-Regular' !important}
ul.lamvisa li a:hover{color:#1579bd;}

/*Visa*/
.listtwocolumn{float:left;width:45%;padding-right:5%;padding-top:30px}
.listtwocolumn img{display:block;width:100%;height:auto;border:none}
.listtwocolumn .name{padding-top:10px;height:22px;overflow:hidden}
.listtwocolumn .name a{color:#333;font-family:'Roboto-Bold' !important}
.listtwocolumn .name a:hover{color:#1579bd;}
.listtwocolumn .description{display:none}
@media (max-width:400px)
{
.listtwocolumn{float:left;width:100%;padding-top:30px}
.listtwocolumn img{display:block;width:100%;height:160px;border:none}
.listtwocolumn .name{padding-top:10px;}
}

/*Conncect face*/
.face{width: 100%;float: left;padding-top:20px}

@media (min-width:560px)
{
.visa{width:48%;float:left}
.face{width:48%;float: left;padding-left: 4%;}
}

/*Tin tức home*/
.tinchinh{padding-top:20px}
.tinchinh .picture{float:left;width:100%;}
.tinchinh .picture img{border:0;width:100%;height:auto}
.tinchinh .info{float:left;clear:both;padding-top:15px;}

@media (min-width:560px)
{
.tinchinh .picture{float:left;width:48% !important;padding-right:4%}
.tinchinh .picture img{border:0;width:100%;height:auto}
.tinchinh .infotin{float:left;width:48% !important}
}

.namefix{height:45px;overflow:hidden}
.author{color:#999;font-size:10pt}
.people{color:#333;font-size:10pt}

.image11{margin:0px 10px 10px 0px;width:300px;border:none}
.image12{margin:0px 0px 10px 10px;width:300px;border:none}
.image13{margin-bottom:15px;width:100%;height:auto;border:none;padding-left:0px !important;}
img:hover{opacity:0.9}
.sizevideo{width:100%;min-height:100px}
.maincontent q:before, q:after{content: ""; }
.maincontent q{font-size:16pt;line-height:150%;letter-spacing:-1px;width:250px;padding:5px;margin:5px 0px 5px 20px;font-weight:normal;color:#fa4b2a;font-family:helvetica,sans-serif;font-style:italic;display:block}
.maincontent q.left{float:left;margin-left:-100px;width:250px}
.maincontent p.center{width:250px;margin:25px auto}
.maincontent q.right{float:right;margin-right:-100px;width:250px}

.linenew{display:block;clear:both;padding-top:15px;border-bottom:1px solid #d2d1d1; border-bottom-style:dashed;}
.titleCommentTin{background:#eeeeee;color:#000;height:35px;line-height:35px;padding-left:10px;font-size:14pt;margin-top:20px}
.titleYkienComment{background:#eeeeee;color:#9d234c;height:30px;line-height:30px;padding-left:10px;font-size:12pt;margin-top:20px}
.titleOtherNew{padding-top:20px;font-size:14pt;font-weight:bold;padding-bottom:5px;}
.linecomment{display:block;clear:both;padding-top:10px;border-bottom:1px solid #d2d1d1; border-bottom-style:dashed;margin-bottom:10px}

.noidungcomment{display:block;padding: 10px 15px 0px 15px}
.noidungcomment .icon{float:left;width:60px}
.noidungcomment .icon img{width:40px;height:40px;padding:4px;border:1px solid #eae9e9}
.noidungcomment .noidung{margin-left:60px;width:auto}

.noidungcomment .noidung .commentcap1{display:block;padding:10px;margin-top:15px;background:#f7f7f7;overflow:hidden}
.noidungcomment .noidung .commentcap1 .icon{float:left;width:60px}
.noidungcomment .noidung .commentcap1 .icon img{width:40px;height:40px;padding:4px;border:1px solid #eae9e9}
.noidungcomment .noidung .commentcap1 .noidung{margin-left:60px;width:auto}

.listnew{width:30%;float:left;padding-top:20px;padding-right:3.333%}
.listnew img{display:block;width:100%;height:150px;border:none}
.listnew a{color:#333;font-family:'Roboto-Medium' !important}
.listnew a:hover{color:#1579bd;}

.listnewfullDetail{width:30%;float:left;padding-top:20px;padding-right:3.333%}
.listnewfullDetail img{display:block;width:100%;height:150px;border:none}
.listnewfullDetail a{color:#333;font-family:'Roboto-Medium' !important}
.listnewfullDetail a:hover{color:#1579bd;}
@media (max-width:400px)
{
.listnew{width:100%;float:left;padding-top:20px;}
.listnew img{display:block;width:100%;height:auto;border:none}

.listnewfullDetail{width:100%;float:left;padding-top:20px;}
.listnewfullDetail img{display:block;width:100%;height:auto;border:none}
}
@media (min-width:400px) and (max-width:600px)
{
.listnew{width:45%;float:left;padding-top:20px;padding-right:5%}
.listnew img{display:block;width:100%;height:150px;border:none}

.listnewfullDetail{width:45%;float:left;padding-top:20px;padding-right:5%}
.listnewfullDetail img{display:block;width:100%;height:150px;border:none}
}
.fullDetail{display:block;padding:15px 0px 0px 0px;background:#fff;overflow:hidden;padding-bottom:20px}
.fullDetail h2{line-height:1.25}
.fullDetail h3{line-height:1.25}
.fullDetail p{width:100%;}
.fullDetail span.picture{margin-left:0px !important;width:100% !important}

.tourlienquantin{float:left;margin-right:30px;width:255px;margin-top:30px;background:#fff;position:relative}
.tourlienquantin img{display:block;width:255px !important;height:180px !important;border:none}
.tourlienquantin .name{display:block;height:70px;overflow:hidden}

@media (max-width: 400px)
{
.tourlienquantin{float:left;display:block;margin:30px 0px 0px 0px;width:100%}
.tourlienquantin img{display:block;width:100% !important;height:170px !important;border:none}
.tourlienquantin .name{display:block}
}
@media (min-width: 401px) and (max-width: 600px)
{
.tourlienquantin{float:left;margin-top:30px;width:45%;margin-right:3%;margin-left:2%}
.tourlienquantin img{display:block;width:100% !important;height:170px !important;border:none}
.tourlienquantin .name{display:block}
}
@media (min-width: 601px)
{
.tourlienquantin{float:left;margin-top:30px;width:29.33%;margin-right:2%;margin-left:2%}
.tourlienquantin img{display:block;width:100% !important;height:150px !important;border:none}
.tourlienquantin .name{display:block}
}

#new a, #newcontent a{ color:#fa4b2a;font-weight:normal;font-size:11pt;font-family:'Roboto-Regular';}
.pagination {display:block;float:right;}
.pagination a{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination a:hover{color:#2a6496;background-color:#eee;border-color:#ddd}
.pagination a.first{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination a.last{border-top-right-radius:3px;border-bottom-right-radius:3px}
.pagination a.active{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#1579bd}

/** End news **/

/*--------Right Content---------*/
#right{display:none;float:left;width:100%;overflow:hidden;margin-top:30px}
#right .boxcontent {background:#fff;padding:15px;overflow:hidden}
#right .boxcontent h2{display:block;color:#1579bd;font-size:12pt;padding-bottom:5px;border-bottom:1px solid #eee;font-family:'Roboto-Medium'}
#right .boxcontent h2 a{color:#1579bd;font-size:12pt;font-family:'Roboto-Medium'}
#right .boxcontent h2 a:hover{color:#fade03;}
#right .boxcontent ul{display:block;margin:0;padding:0}
#right .boxcontent ul li{margin:0;padding-top:10px;margin-left:15px;list-style-image:url('../images/icon/icon_list_yellow.png');line-height:20px}
#right .boxcontent ul li a{font-size:11pt;color:#333;font-family:'Roboto-Regular'}
#right .boxcontent ul li a:hover{color:#1579bd}

#right .boxcontent ul#whyus{margin:0;padding:0}
#right .boxcontent ul#whyus li{list-style-image:url('../images/icon/icon_check_yellow.png');margin-left:25px;padding-top:10px}

/** Tin tức right **/
#right .boxcontent .tin{display:block;padding-top:10px;}
#right .boxcontent .tin .hinh{float:left;width:80px;position:relative}
#right .boxcontent .tin .hinh img{width:78px;height:60px;border:1px solid #e7e5e5}
#right .boxcontent .tin .info{float:left;width:150px;padding-left:10px}
#right .boxcontent .tin .info a{font-family:'Roboto-Regular';color:#333;font-size:11pt}
#right .boxcontent .more{padding-top:5px;text-align:right}
#right .boxcontent .more a{font-size:10pt;color:#999;font-weight:normal}
#right .boxcontent .more a:hover{font-size:10pt;color:#000;font-weight:normal}
#right .boxcontent .titlehelp {font-family:'Roboto-Regular';color:#005b96;font-size:14pt}
#right .boxcontent .tel {font-family:'Roboto-Regular';color:#fcaf17;font-size:14pt}
#right .boxcontent .email {font-family:'Roboto-Regular';color:#fcaf17;padding-left:25px}
#right .boxcontent .email a{color:#8b8b8b;font-size:11pt;font-family:'Roboto-Regular'}
#right .boxcontent .email a:hover{color:#005b96;font-size:11pt;font-family:'Roboto-Regular'}
.line{display:block;padding-top:10px;border-bottom:1px solid #ccc; border-bottom-style:dashed;margin-bottom:5px}
.line1{display:block;clear:both;padding-top:15px;border-bottom:1px solid #eee; border-bottom-style:dashed;margin-bottom:10px}
.line2{display:block;padding-top:10px;border-bottom:1px solid #ccc;margin-bottom:5px}
.linetop{display:block;border-top:1px solid #ccc;}
.lineve{display:block;padding-top:28px;border-bottom:1px solid #ccc; border-bottom-style:dashed;margin-bottom:5px}

/*-----------------------Bottom------------------------------------*/
#bottom{display:block;background:#1579bd;overflow:hidden;padding:2% 5% 5% 5%}
#bottom .content{width:100%;margin:0 auto}
#bottom .content a{float:left;width:25%;color:#fff;padding-top:10px;font-family:'Roboto-Regular';font-size:11pt}
#bottom .content a:hover{text-decoration:underline}

#footer{display:block;clear:both;background: #f0f0f0;color:#333;padding:5%}
#footer .content{margin:0 auto;width:100%;padding-top:10px;padding-bottom:20px;overflow:hidden}
#footer .content .left{float:left;display:block;width:100%;}
#footer .content .right{float:left;display:block;padding-top:20px;width:100%;}
#footer .content .right .left1{float:left;width:34%;}
#footer .content .right .center1{float:left;width:33%;}
#footer .content .right .right1{float:left;width:33%;}
#footer .content .dknt{background:#e7e7e7;padding:10px;overflow:hidden;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position:relative}
#footer .content .dknt .txt{height:32px !important;line-height:32px;width:31%;padding-left:2%;border:none;top:0;color:#666}
#footer .content .dknt .btndknt{height:32px !important;width:30%;}
#footer .content .dknt .bgbtsubmit{height:32px !important;line-height:32px;width:97%;text-align:center;background:#333;color:#fff;border:none}
#footer .content .dknt .bgbtsubmit:hover{height:32px !important;line-height:32px;width:97%;text-align:center;background:#999;color:#000;border:none;cursor:pointer}
#footer .content .tag{display:none}
#footer .content .tag a{font-size:10pt;color:#fdd14c !important;font-family:'Roboto-Regular'}
.linetop{display:none}
@media (max-width:400px)
{
#bottom .content a{float:left;width:50%;color:#fff;padding-top:10px;font-family:'Roboto-Regular';font-size:11pt}

#footer .content .right .left1{float:left;width:100%;}
#footer .content .right .center1{float:left;width:100%;margin-top:10px}
#footer .content .right .right1{float:left;width:100%;margin-top:10px}
#footer .content .dknt .txt{height:32px !important;line-height:32px;width:95%;margin-top:5px;border:none;top:0;color:#666}
#footer .content .dknt .btndknt{clear:both;margin-top:5px;width:100%}
}
@media (mix-width:400px) and (max-width:760px){
#footer .content .right .left1{float:left;width:50%;}
#footer .content .right .center1{float:left;width:50%;}
#footer .content .right .right1{float:left;clear:both;width:50%;margin-top:10px}
}
@media (mix-width:400px) and (max-width:600px)
{
#bottom .content a{float:left;width:33.333%;color:#fff;padding-top:10px;font-family:'Roboto-Regular';font-size:11pt}
}

.clear{clear:both;}
.lineheight{line-height:150%}
.top5px{padding-top:5px}
.top10px{padding-top:10px}
.top15px{padding-top:15px}
.top20px{padding-top:20px}
.top30px{padding-top:30px}
.top40px{padding-top:40px}
.top50px{padding-top:50px}
.top70px{padding-top:70px}
.top100px{padding-top:100px}
.bottom5px{padding-bottom:5px}
.bottom10px{padding-bottom:10px}
.right30px{margin-right:0px}/*Mobile không cách right*/
.bottom50px{padding-bottom:50px}
.left20px{padding-left:20px}
.uppercase {text-transform:uppercase;}
hr{background-color:#ccc;opacity: 0.2;}
.textright{text-align:right}
.x33{float:left;width:33.333%}
.font16pt{font-size:16pt}
.font12pt{font-size:12pt}
.font14pt{font-size:14pt}
.tenpt{font-size:10pt}
.elevenpt{font-size:11pt}
.bold{font-weight:bold}
.colorgray{color:#999}
iframe{width:100%;height:auto}
.iconvideo{margin-top:-45px;padding-left:25%;position:absolute}
.iconvideo img{height:20px;width:auto}

/*Lien he*/
.sizemap{width:100%;height:500px}
.x33{float:left;width:33.333%}
.vp{float:left;width:50%}
.formcontact{float:left;width:50%}
.txtlienhe{height:27px;line-height:27px;width:95%;border:1px solid #ccc;padding-left:3%}
.contentlienhe{height:100px;line-height:27px;width:95%;border:1px solid #ccc;padding-left:3%}
.btncontact{width:150px;height:45px;line-height:40px;text-align:center;font-size:12pt;border:none;background:#1579bd;color:#fff; cursor:pointer}
.btncontact:hover{background:#ffd54e}
.btndattour{padding:5px;font-size:10pt;color:#000;background:#ffd54e;cursor:pointer}
.btndattour a{color:#000}
.btndattour a:hover{color:#fff}
.btndattour:hover{background:#1579bd}

 @media (max-width: 320px)
{
    .setupvideo
    {
        width:250px;height:140px;
    }
}
    @media (min-width: 321px) and (max-width: 600px)
{
    .setupvideo
    {
        width:400px;height:235px;
    }
}
    @media (min-width: 601px) and (max-width: 800px)
{
    .setupvideo
    {
        width:560px;height:313px;
    }
}
@media (max-width:600px)
{
.sizemap{width:100%;height:200px}
.x33{display:block;width:100%;padding-top:15px;clear:both}
.vp{float:left;width:100%}
.formcontact{float:left;width:100%;padding-top:20px}

.iconvideo{margin-top:-30px;padding-left:25%;position:absolute}
.iconvideo img{height:15px;width:auto}
}

.colorred{color:red}
.remarkKM {display:block;position:relative;z-index:999;margin-top:5px;background-color:#db0f10;width:50px;height:26px;line-height:24px;color:#fff;text-align:center;white-space:nowrap}
.remarkKM:before {content: '';position:absolute;width: 0;height: 0; border: 13px solid transparent;border-left-color: #db0f10;left:50px;top:0px}

.uppercase{text-transform:uppercase}
.submit{padding:10px;text-align:center;background:#1d70b8;color:#fff;border:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.thanhxacnhan{background:#f4f4f5;padding:10px 0px 10px 10px;width:100%;color:#000;overflow:hidden}
.rowxn{float:left;width:25%;color:#000}
.rowxnMain{float:left;width:25%;color:#1d70b8;font-weight:bold}
.rowinfo{padding-top:10px}
.icontt{width:auto}
.imgloading{width:100%;height:auto}

table.grid{border-collapse:collapse;}
table.grid td, th{border:1px solid #dedcdc;}


/*Font*/
@font-face 
{
    font-family: Roboto-Light;
    src: local(Roboto-Light), url('../fonts/Roboto-Light.ttf') format('opentype');
}
@font-face 
{
    font-family: Roboto-Thin;
    src: local(Roboto-Thin), url('../fonts/Roboto-Thin.ttf') format('opentype');
}
@font-face 
{
    font-family: Roboto-Regular;
    src: local(Roboto-Regular), url('../fonts/RobotoCondensed-Regular.ttf') format('opentype');
}
@font-face 
{
    font-family: Roboto-Medium;
    src: local(Roboto-Medium), url('../fonts/Roboto-Medium.ttf') format('opentype');
}
@font-face 
{
    font-family: Roboto-Bold;
    src: local(Roboto-Bold), url('../fonts/Roboto-Bold.ttf') format('opentype');
}
/*CSS BANNER HOME*/
.jssorb05 {
    position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('../Jssor-slider/img/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('../Jssor-slider/img/a22.png') center center no-repeat;
    overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }

.boxsp{width: 90%; padding: 5%; background: #f4b183; margin: 0 auto;}