@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #2a2a2a;
	text-decoration: none;
	background: url('../images/bg.jpg') no-repeat top center #FFFFFF;
	line-height: 20px;
}

body
{
	-moz-user-select: none;
}

h1, h2, h3, h4, h5, h6,
ul, li
{
	margin: 0;
	padding: 0;
}

a, 
#order-tour-success
{
	color: #00792f;
}

a
{
	text-decoration: none;
}

form .require:after
{
	content: ' *';
	color: #FF0000;
}

input[type="text"], textarea
{
	outline: none;
	border: 1px solid;
}

table
{
	/*border-collapse: collapse;*/
}

a img
{
	border: none;
}

li
{
	list-style: none;
	vertical-align: top;
}

div.col
{
	display: table-cell;
	vertical-align: top;
}

div div.col:parent
{
	display: table;
}

.wysiwyg img
{
	max-width: 100% !important;
	max-height: 100% !important;
}
.wysiwyg table
{
	border-collapse: collapse;
}
.wysiwyg table td
{
	padding: 5px;
}
iframe
{
	max-width: 100%;
}

.hidden
{
	display: none;
}

.alert
{
	padding: 10px 20px;
	border: 1px solid;
	border-radius: 5px;
}

.error
{
	border-color: #B61418;
	background-color: #ffbaba;
	color: #B61418;
}

.success
{
	border-color: #4f8a10;
	background-color: #dff2bf;
	color: #4f8a10;
}

.show-more
{
	color: #00792f;
	float: right;
	font-style: italic;
	margin-top: 20px;
	font-size: 11px;
}

.currency:after
{
	content: ' vnđ';
}

.wrapper
{
	width: 100%;
	max-width: 982px;
	margin: 0px auto;
	position: relative;
}

a.button
{
	display: inline-block;
	padding: 2px 38px;
	font-weight: bold;
	color: #fff;
	background: url('../images/bg-button.png');
	border-radius: 5px;
	border: 1px solid #015517;
}

a.button-small
{
	padding: 3px 15px;
	font-weight: bold;
	color: #fff;
	background: url('../images/bg-button.png');
	border-radius: 5px;
	border: 1px solid #015517;
}

a.view-more
{
	font-weight: bold;
	font-size: 11px;
}

a.view-more:after
{
	content: '...';
}

a.view-more:before
{
	content: '» ';
}

/*Color*/
h1, h2, h3, h4, h5, h6
{
	color: #0a7b27;
}

#header
{
	color: #fff;
}

#menu-header > ul > li > a
{
	color: #01611a;
}

#menu-header > ul > li:hover > a
{
	color: #0f8be9;
}

#side-bar .item-list > li:hover a
{
	color: white;
}

#side-bar .item-list > li:hover
{
	background-color: #d70752;
}

#side-bar .item-list > li a
{
	border-bottom-color: #ccc;
}

#menu-header > ul > li.has-sub > ul > li li:before
{
	color: #333;
}

#menu-header > ul > li.has-sub > ul > li > a:hover,
#menu-header > ul > li.has-sub > ul > li > ul > li:hover h2,
#menu-header > ul > li.has-sub > ul > li li:hover:before,
#menu-header > ul > li.has-sub > ul > li.has-sub > h1
{
	color: red;
}

#body
{
	box-shadow: 0 0 5px 1px #e9e9e9;
	border-color: #e9e9e9;
	background: #fff;
}

.item-row .info,
.sub-content,
#side-bar .wrapper-side-bar,
#content-panel ul.tabs .tab-content .active,
#content-panel .post,
#content-panel .option_panel .option,
.wrapper-item-row
{
	border-color: #e2e2e2;
}

span.price
{
	color: #0e8aea;
}

#content-panel h1
{
	border-color: #0f8be9;
}

#content-panel .detail,
#content-panel h2.bar,
#content-panel .gallery
{
	background-color: #e6e6e6;
}

#footer 
{
	color: #fff;
	background-color: #009900;
	border-top-color: #025215;
	overflow: hidden;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer a:hover *
{
	text-decoration: underline;
}

#footer .footer-top 
{
	border-bottom-color: #05651e;
}

#footer .footer-bottom
{
	border-top-color: #109834;
}

input[type="text"], textarea
{
	border-color: #ccc;
}

/*End Color*/

h1, h2, h3, h4, h5
{
	text-transform: uppercase;
}

#header
{
	padding-top: 10px;
	position: relative;
}

#logo-header
{
	margin-bottom: 10px;
}

#logo-header .logo
{
	padding-right: 10px;
}

#logo-header .intro
{
	vertical-align: middle;
	font-weight: bold;
	font-size: 20px;
}

#support-header
{
	position: absolute;
    right: 0;
    top: 5px;
}

#support-header .social ul.icon
{
	clear: both;
	float: right;
	margin-top: 5px;
}

#support-header .social ul.icon > li
{
	display: table-cell;
	vertical-align: middle;
	padding-left: 7px;
	text-align: right;
}

#menu-header
{
	z-index: 100;
}

#menu-header > ul,
#menu-header
{
	border-radius: 5px;
}

#menu-header > ul
{
	width: 100%;
	background: url('../images/bg-menu.png');
	height: 40px;
}

#menu-header > ul > li,
#menu-header > ul > li h1 {
	font-size: 14px;
}

#menu-header > ul > li
{
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}

#menu-header > ul > li > a
{
	padding: 10px 25.5px;
	display: block;
	white-space: nowrap;
}

#menu-header > ul > li
{
	background: url("../images/line.gif") top right no-repeat;
	text-align: center;
	position: relative;
}

#menu-header > ul li:last-child
{
	background: none;
}

#menu-header > ul > li.has-sub > ul
{
	display: none;
}

#menu-header > ul > li.has-sub > ul
{
	background: #dcdcd9;
	background: #fff;
	z-index: 1000;
	position: absolute;
	left: 0;
	top: 40px;
	padding: 10px 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: -moz-max-content;
}

@media(min-width: 982px) {
#menu-header > ul > li.has-sub:hover > ul
{
	display: block;
}
}

#menu-header > ul > li.has-sub > ul > li
{
	text-align: left;
	display: block;
	width: -moz-max-content;
}

#menu-header > ul > li.has-sub > ul > li.has-sub
{
	float: left;
	margin-right: 30px;
	text-align: left;
	width: -moz-max-content;
}

#menu-header > ul > li.has-sub > ul > li.has-sub > ul
{
	padding-top: 10px;
}

#menu-header > ul > li.has-sub > ul > li.has-sub > a
{
	padding: 5px 30px 5px 0;
	display: block;
}

#menu-header > ul > li.has-sub > ul > li li h2
{
	font-size: 12px;
	color: #333;
    display: inline-block;
    text-transform: none;
    font-weight: normal;	
}

#menu-header > ul > li.has-sub > ul > li li:before
{
	content: '» ';
}

#menu-header > ul > li.has-sub > ul > li li a
{
	font-weight: normal;
}

#top-menu
{
	float: right;
}

#top-menu a
{
	color: #fff;
	padding: 0 10px;
	font-weight: bold;
}

#top-menu > li:last-child a
{
	padding-right: 0;
}

#top-menu > li
{
	float: left;
}

#top-menu > li:after
{
	content: "|";
}

#top-menu > li:last-child:after
{
	content: '';
}

#banner
{
	padding: 18px;
	background: #fff;
	overflow: hidden;
	position: relative;
	border: 1px solid #c4c4c3;
	width: 100%;
}

#banner img,
#banner
{
	height: 348px; 
	width: 944px;
}

#body
{
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	padding: 20px 0;
}

#body,
#banner
{
	margin-top: 12px;
	display: table;
}

#banner.hidden
{
	display: none;
}

#banner.home
{
	background: none;
	border: none;
}

#content-panel
{
	padding: 0 20px 20px 20px;
	width: 100%;
}

#content-panel .detail li,
#content-panel .option_panel li,
#content-panel .tab-content li,
#content-panel .post li
{
	list-style: initial;
	list-style-position: inside;
}

#content-panel .detail ul,
#content-panel .option_panel ul,
#content-panel .tab-content ul,
#content-panel .post ul
{
	padding: inherit;
}

#content-panel.left,
#content-panel.right
{
	width: 703px;
}

#content-panel h1
{
	overflow: hidden;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 20px;
	line-height: 25px;
	margin-top: 40px;
	position: relative;
}

#content-panel h1:nth-child(1)
{
	margin-top: 0;
}

#content-panel .title-bar
{
	position: relative;
}

#content-panel .title-bar .social
{
	position: absolute;
	top: 5px;
	right: 0;
}

#content-panel h2.bar
{
	padding: 11px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.wrapper-item-row:first-child
{
	margin-top: 0;
}

.wrapper-item-row
{
	border-width: 3px;
	border-style: solid;; 
	padding: 10px;
}

.wrapper-item-row .view-all 
{
    background: url("../images/bullet2.png") no-repeat right;
    bottom: 3px;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding-right: 18px;
    position: absolute;
    right: 0;
    text-transform: none;
}

.item-row > ul
{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.item-row > ul > li > div {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
}

.item-row > ul > li
{
	float: left;
	width: 222px;
	margin-top: 18px;
	/*margin-right: 11.341px;*/
	/*margin: 18px 0.5% 0 0.5%;
    width: 24%;*/
}

/*.item-row > ul > li:nth-child(4n)
{
	margin-right: 0;
}*/

.item-row > ul > li:hover
{
	box-shadow: 0 0 3px 1px #0a7b27;
}

.item-row > ul > li:hover,
.item-row .info
{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.item-row > ul > li:hover .info,
.item-row > ul > li:hover .image img
{
	border-color: #0a7b27;
}

.item-row .image {
    position: absolute;
    left: 0;
    top: 0;
}

.item-row .image img
{
	width: 100%;
}

.item-row .image,
.item-row .image img {
	height: 129px;
}

.item-row .info {
    border-width: 1px;
    border-style: solid;
    border-top: none;
    padding: 14px;
    /* height: 120px; */
    position: relative;
    padding-top: 135px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.item-row .info h3
{
	font-size: 14px;
	text-transform: none;
}

span.price
{
	font-weight: bold;
}

span.price:after
{
	content: ' đ';

}

#side-bar .header
{
	background-color: #0d882d;
    text-transform: uppercase;
    overflow: hidden;
    text-align: center;
    color: #fef900;
    font-weight: bold;
    padding: 5px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 1px;
    margin-top: 20px;
    font-size: 12px;
}

#side-bar
{
	width: 219px;
}

#side-bar.right
{
	margin-right: 19px;
}

#side-bar.left
{
	margin-left: 19px;
}

#side-bar .wrapper-side-bar .item-content
{
	padding: 0 10px 0 10px;
}

#side-bar .wrapper-side-bar .item-tour
{
	padding: 0 14px 14px 14px;
}

#side-bar .item-tour li img
{
	max-width: 100%;
}

#side-bar .item-tour li > div
{
	text-align: center;
}

#side-bar .item-tour li
{
	margin-top: 20px;
}

#side-bar .item-list > li a
{
	color: #000;
	font-weight: normal;
	padding: 5px 20px 5px 10px;
	display: block;
	border-bottom-width: 1px; 
	border-bottom-style: solid;
}

#side-bar .item-list > li:last-child a
{
	border: none;
}

#side-bar .item-list > li
{
	background-image: url("../images/bullet2.png");
	background-position: right 10px top 8px;
	background-repeat: no-repeat;
}

#side-bar h3,
#side-bar h2
{
	text-transform: none;
	font-size: 12px;
}

#side-bar > *:first-child
{
	margin-top: 0;
}


#special-product
{
	padding-top: 5px;
}

#special-product ul li:last-child
{
	margin-right: 24px;
}

#frm-checkout input:focus,
#frm-checkout textarea:focus
{
	box-shadow: 0px 0px 4px 0px #04782d;
	border-color: #04782d;
}

#footer
{
	border-top-width: 3px;
	border-top-style: solid;
	margin-top: 15px;
	line-height: 22px;
}

#footer .footer-top
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#footer .footer-bottom
{
	height: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	font-size: 11px;
}

#footer .footer-bottom .visit
{
	padding-left: 25px;
	text-align: right;
}

#content-panel .detail-panel h2.title
{
	text-transform: none;
}

#content-panel .detail-panel > .gallery,
#content-panel .detail,
#content-panel h2,
#content-panel h3,
#content-panel ul.tabs,
#content-panel .post,
.wrapper-item-row
{
	margin-top: 17px;
}

#content-panel .item-row h2,
#content-panel .item-row h3
{
	margin: 0;
}

#content-panel .gallery,
#content-panel .gallery > div[u="slides"]
{
	height: 450px; 
}

#content-panel .gallery > div[u="slides"],
.jssort01,
#content-panel .gallery img.preview 
{
	width: 687px; 
}

#content-panel .gallery img.preview 
{
	height: 359px;
}

#content-panel .gallery
{
	/*padding: 5px;*/
	border-radius: 5px;
	position: relative; 
	width: 703px; 
	overflow: hidden;
}

#content-panel .gallery > div[u="slides"]
{
	cursor: move; 
	position: absolute; 
	left: 8px; 
	top: 8px; 
	overflow: hidden;
}

#content-panel .gallery div.preview
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#content-panel .gallery a.zoom
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#content-panel .gallery img.thumb
{
	max-width: 103px;
	max-height: 67px;
}

#content-panel .detail
{
	padding: 5px 17px;
}

#content-panel .sub-content
{
	padding: 17px 19px;
	border-width: 1px;
	border-style: solid;
}

#content-panel .sub-content.form_date_num_people > div
{
	display: table-row;
}

#content-panel .sub-content.form_date_num_people > div > div
{
	display: table-cell;
	padding: 0 20px 17px 0;
}

#content-panel .sub-content.form_date_num_people input[type="text"]
{
	padding: 3px;
}

#content-panel .option_panel
{
	padding: 5px;
}

#content-panel .option_panel .option:last-child
{
	margin-bottom: 0;
}

#content-panel .option_panel .option
{
	border-width: 1px;
	border-style: solid;
	margin-bottom: 5px;
	position: relative;
	padding: 5px 10px;
}

#content-panel .option_panel .option div.price
{
	position: absolute;
	right: 5px;
	top: 10px;
	text-align: center;
	width: 138px;
}

#content-panel .option_panel .option div.price > div
{
	margin-bottom: 5px;
}

#content-panel .option_panel .option > div
{
	width: 537px;
	min-height: 60px;
}

#content-panel .option_panel .option.active > div
{
	display: table;
}

#content-panel .option_panel .option.active .view-more
{
	display: none;
}

#content-panel ul.tabs
{
	display: table;
	width: 100%;
	position: relative;
}

#content-panel ul.tabs table {
	border-collapse: collapse;
}

#content-panel ul.tabs table td {
	padding: 3px;
}

#content-panel ul.tabs > li
{
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	background-color: #009900;
}

#content-panel ul.tabs > li a
{
	padding: 10px 20px;
	display: inline-block;
	color: white;
}

#content-panel ul.tabs .tab-content > div
{
	display: none;
}

#content-panel ul.tabs .tab-content
{
	display: table-row;
}

#side-bar .wrapper-side-bar,
#content-panel ul.tabs .tab-content .active,
#content-panel .post
{
	border-width: 1px;
	border-style: solid;
}

#content-panel ul.tabs .tab-content .active,
#content-panel .post
{
	display: block;
	padding: 10px 20px;
}

#content-panel ul.tabs > li.active
{
	background-color: #0274ca;
}

#content-panel .tour-list h2
{
	margin: 5px 0 10px 0;
	font-size: 15px;
	text-transform: none;
}

#content-panel .tour-list .detail-tour
{
	background: #fff;
	width: 491px;
}

#content-panel .tour-list .detail-tour.no-price {
	width: 100%;
}

#content-panel .tour-list .detail-tour > div
{
	display: table-cell;
	vertical-align: top;
}

#content-panel .tour-list .detail-tour .content
{
	padding: 10px 10px 10px 0;
	line-height: 21px;
	width: 300px;
}

#content-panel .tour-list .detail-tour.no-price .content {
	width: 438px;
}

#content-panel .tour-list .detail-tour .image
{
	padding: 10px;
	width: 181px;
	/*height: 123px;
	width: 183px;
	border: 1px solid #ccc;
	display: table-cell;
	vertical-align: middle;
	text-align: center;*/
}

#content-panel .tour-list .detail-tour .image img
{
	height: 121px;
    width: 181px;
}

#content-panel .tour-list .detail
{
	padding: 12px 0 17px 17px;
	position: relative;
}

#content-panel .tour-list .detail > div
{
	display: table;
}

#content-panel .tour-list div.price
{
	width: 175px;
	text-align: center;
	vertical-align: middle;
}

#content-panel .tour-list div.price > div
{
	font-size: 18px;
	margin-bottom: 15px;
}

#order-tour
{
	width: 600px;
}

#order-tour input
{
	width: 442px;
}

#order-tour textarea
{
	width: 592px;
}

#order-tour td,
#order-tour textarea,
#order-tour input
{
	padding: 3px;
}


#paging{
	margin-bottom: 10px;
	padding-top: 30px;
	text-align: center;
}
#paging li{
display: inline;
text-decoration: none;
}
#paging li a{
font-family: arial; 
font-size: 12px;
color: #444444;
text-decoration: none;
padding: 2px 7px;
text-align: center;
border: 1px solid #cccccc; 
font-weight: bold;
border-radius: 5px;
}
#paging li a:hover{
text-decoration: none;
color: #cc0000;
border: 1px solid #999999; 
}

#contact_page
{
	padding: 12px 10px;
}

#contact_page td input[type="text"],
#contact_page td textarea
{
	border: 1px solid #888888;
	padding: 3px;
	/*border-radius: 3px;*/
	color: #C0C0C0;
	font-size: 12px;
}

#contact_page td input[type="text"]:hover, #contact_page td textarea:hover,

{
	border: 1px solid #888888;
	box-shadow: 0 0px 2px #888888;
}

#contact_page td input[type="text"]:focus, #contact_page td textarea:focus
{
	border-color: #06a3d4;
	box-shadow: 0 0 2px 0px #06a3d4;
}



/* jssor slider arrow navigator skin 05 css */
            .jssora05l,
            .jssora05r
            {
            	width: 40px; 
            	height: 40px; 
            	top: 158px; 
            }
            .jssora05l
            {
            	left: 13px;
            }
            .jssora05r
            {
            	right: 13px;
            }
            /*.jssora05l:hover        (normal mouseover)
            .jssora05r:hover        (normal mouseover)
            .jssora05ldn            (mousedown)
            .jssora05rdn            (mousedown)*/
            
            .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
            {
              position: absolute;
              cursor: pointer;
              display: block;
                background: url('../images/a17.png') no-repeat;
                overflow:hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05ldn { background-position: -250px -40px; }
            .jssora05rdn { background-position: -310px -40px; }

            /* jssor slider thumbnail navigator skin 01 css */
                /*
                .jssort01 .p           (normal)
                .jssort01 .p:hover     (normal mouseover)
                .jssort01 .pav           (active)
                .jssort01 .pav:hover     (active mouseover)
                .jssort01 .pdn           (mousedown)
                */
                .jssort01
                {
                	overflow: hidden;
                	position: absolute; 
                	height: 73px; 
                	left:8px; 
                	bottom:5px;
                }

                .jssort01 .p   
                {
                	text-align:center; 
                	position: absolute; 
                	width: 103px; 
                	height: 67px; 
                	top: 0; 
                	left: 8px;
                }

                .jssort01 .w {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                }

                .jssort01 .c {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 99px;
                    height: 63px;
                    border: #ccc 2px solid;
                }

                .jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
                    background: url('../images/t01.png') center center;
                    opacity: 0.9;
    				filter: alpha(opacity=90);
                    border-width: 0px;
                    top: 0px;
                    left: 0px;
                    width: 103px;
                    height: 67px;
                }

                .jssort01 .p:hover .c, .jssort01 .pav:hover .c {
                    top: 0px;
                    left: 0px;
                    width: 101px;
                    height: 65px;
                    border: #000 1px solid;
                }

.menu-moblie {
	    width: 100%;
		background: url(../images/bg-menu.png);
		height: 40px;
        display: block;
        text-align: left;
        position: relative;
        background-repeat: repeat-x;
        padding-bottom: 8px;
		display: none;
		
    }
    .menu-moblie .rmm-toggled-title a {
        position: relative;
        top: 15px;
        left: 50px;
        font-size: 16px;
        font-weight: bold;
        float: left;
		color: #0a7b27;
    }
    .menu-moblie .rmm-toggled-title a img {
        left: -23px;
        position: absolute;
        top: -6px;
    }
    .menu-moblie .button-moblie {
        background-image: url("../images/body.jpg");
        background-position: center top;
        border-radius: 3px;
        display: block;
        padding: 4px 6px 7px;
        position: absolute;
        right: 50px;
        top: 7px;
    }
    .button-moblie span {
        background: #0a7b27 none repeat scroll 0 0;
        display: block;
        height: 3px;
        margin-top: 4px;
        width: 29px;
    }


@media(max-width: 982px) {

#menu-header > ul, #menu-header {
	border-radius: 0;
}

#menu-header > ul {
	background: #e8e6df; 
	height: auto;
}

#menu-header > ul > li {
	display: block;
	text-align: left;
}

#menu-header > ul > li.has-sub > ul > li.has-sub {
	float: none;
}

#menu-header > ul > li.has-sub > ul {
	display: none;
	position: relative;
	left: auto !important;
	top: auto !important;
	width: auto !important;
}

#content-panel.left, #content-panel.right {
	display: block;
	float: none !important;
	width: auto;
}
#side-bar.left {
    margin-left: 0px;
}
#side-bar {
	display: block;
	margin: 0 auto;
    width: 100%;
	margin-left:0px;
}

}



@media(max-width: 760px) {

#content-panel .tour-list .detail {
	padding-right: 17px;
}

#content-panel .tour-list .detail > div {
	display: block;
}

#content-panel .tour-list div.price {
	display: block;
	display: block;
    white-space: nowrap;
    width: auto;
    margin-top: 15px;
}

#content-panel .tour-list div.price > * {
	display: inline-block;
}

#content-panel .tour-list div.price > div > br {
	display: none;
}

#content-panel .tour-list .detail-tour {
	display: table;
    width: 100%;
}

#content-panel .tour-list .detail-tour .content {
	width: auto;
}
}