/* CSS Reset
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* Defaults
/*-----------------------------------------------------------------------------------*/
.entry-content img {margin: 0 0 10px 0;}
.alignleft, img.alignleft {margin-right: 10px;display: inline;float: left;}
.alignright, img.alignright {margin-left: 10px;display: inline;float: right;}
.aligncenter, img.aligncenter {margin:0 auto;display: block;clear: both; text-align: center;}
.wp-caption {margin-bottom: 10px;text-align: center;padding-top: 5px;}
.wp-caption img {border: 0 none;padding: 0;margin: 0;}
.wp-caption p.wp-caption-text {line-height: 1.5;font-size: 10px;margin: 0;}
.wp-smiley {margin: 0 !important;max-height: 1em;}
blockquote.left {margin-right: 20px;text-align: right;margin-left: 0;width: 33%;float: left;}
blockquote.right {margin-left: 20px;text-align: left;margin-right: 0;width: 33%;float: right;}
.sticky{}
.left { text-align: left; }
.right { text-align: right; }
.gallery-caption{}
.c_in,.container{width: 1200px;} 
html {	font-size: 100%;	overflow-y: scroll;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;    }
body {	font-family: 'Inter', sans-serif;font-size: 13px}
a {	color: #292929;	text-decoration: none;font-family: 'Inter', sans-serif; font-size: 13px}
a:hover {	color: #ea9629;text-decoration:none;	outline: 0;}
.feature-tour.style_2 .hover img{	width: 100%}
h1, h2, h3, h4, h5, h6 {	font-weight: bold;	margin:0;}
h1 { font-size:26px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
h1 span, h2 span, h3 span, h4 span { font-weight:normal; }
.clear{clear:both;}
input, select {    cursor: pointer;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"] {    cursor: text;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, select:focus, textarea:focus {    border-color: #F2904E;    box-shadow: 1px 1px 1px #CCCCCC;    -webkit-box-shadow: 1px 1px 1px #CCCCCC;}
textarea, input {    outline: medium none;}
textarea {    overflow: auto;}
input[type="button"], button {    cursor: pointer;    padding: 4px;    vertical-align: middle;}
.read_more {    font-style: italic;    text-decoration: underline;}

/* Header
/*-----------------------------------------------------------------------------------*/
.lg-l{float: left;width: 20%}
.slg-r{float: right;width: 80%}
.slogan{float: left;   width: 100%;line-height: 30px;font-size: 15px;}
.mnright{height: 150px; overflow: hidden; display: none}
.rbox{display: inline-flex;}
.mnright .titles{position: absolute;bottom: 19px;text-align: center;background: #000000c7; width: 100%; color: #fff;}
.mnright .titles:hover{background: #000; cursor: pointer;}
.mnright .col-md-4{padding: 0}
ul.sys_menu_top li .menu-item-name {    color: #fff;}
ul.sys_menu_top li:after {    content: '|';    color: #fff;}
.menuB{background: #15609e; height: 40px}
.mn-top{height: 30px; text-align: right;background: linear-gradient(0deg, rgba(173,173,173,1) 0%, rgb(151 151 151) 100%, rgb(50 50 50) 100%)}
#header {   float: left; width: 100%; }
.header-hot-link{display:inline-block;float: right; }
.header-hot-link li{display:inline-block;float:left; position: relative;z-index: 99999999;}
.header-hot-link li i{	position: absolute;z-index: 9;top:5px;right:-8px;	width: 16px; height: 16px}
.header-hot-link li a{    display:block;    float:left;    font-family: 'Inter', sans-serif;    font-weight: bold;    font-size: 13px;    color: #fff;    padding:5px 15px;     text-transform: uppercase;     line-height: 30px;}
.header-hot-link > li.active a,.header-hot-link > li:hover a{     text-decoration: none; }
.header-hot-link li ul,.header-hot-link li dl{    position: absolute;    top:40px; left: 0;    display: none; background:#15609e;}
.header-hot-link li li {    min-width: 250px;}
.header-hot-link li li ul{top: 0; left: 100%;}
.header-hot-link li li:hover {    background: #073d6a;}
.header-hot-link li li a{ line-height: 30px;}
ul.sys_menu_top {    right: 0;}
/*Menu top*/
.mn-top ul li{padding:3px 10px }
.mn-top ul li a{color: #fff}.mn-top ul li a:hover{color: #ffcc00}
/**
 * Site Header
 * ------------*/
.search-box{background: hsl(48, 100%, 50%);    z-index: 1;    height: 146px;    margin-bottom: 10px;    border-radius: 13px;}
.search-box .diemden{    width: 318px; height: 38px; margin: 30px 0 0 58px;    padding-left: 10px; background: none; border: none; box-shadow: none !important;}
.search-box .ngaykh{    width: 132px; height: 38px; margin: 30px 0 0 58px;    padding-left: 10px;background: none; border: none;box-shadow: none !important;}   
.search-box .submit{    width: 150px; height: 38px; margin: 19px 0 0 10px;    padding-left: 0px;background: none; border: none;box-shadow: none !important;}  
.search-box .hotro{    position: absolute; right: 0; width: 245px; top:0; color: #dbdbdb; font-size: 1.4em; line-height: 22px; font-weight: normal;} 
.search-box .hotro .tt{    line-height: 34px;    text-transform: uppercase;    color: #fff;    font-size: 15px; } 
.search-box .hotro .tx{    margin-top: 10px;} 
.search-box .s-title{	color: #fff; text-align:center;font-size: 15px;line-height: 35px;border-bottom: 1px solid #f1f1f1; }    
.tophead {	margin-top: 30px;}
.hotline {
	background: url("../images/hotilne.png") no-repeat scroll 0 0 transparent;
	float: right;
    height: 28px;
    width: 254px;
}
 
.searchsite {
    float: right;
    margin-left: 10px;
}
.search-field {
    background-color: #CCCCCC;
    border: 1px solid #D8D8DA;
    height: 25px;
    padding: 0 4px;
    width: 197px;
}
.search-submit {
    background: url("../images/btn_search.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 23px;
    text-indent: -99px;
    width: 23px;
}

.search-page-search-form {
    border-bottom: 1px solid #E6E5E6;
    margin-bottom: 20px;
    padding-bottom: 40px;
    border-color: #E0DEDE !important;
}
.search-page-search-form h2 {
    color: #333333;
    font: 18px/20px 'Inter', sans-serif;
    margin: 0 0 20px;
    padding: 0;
}
.seach-form input[type="text"] {
    padding: 8px 2% !important;
    width: calc(90% - 39px);
}
.search-page-search-form input[type="submit"] {
    background: none repeat scroll 0 0 #000000 !important;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    margin: 0;
    padding: 0 !important;
    text-indent: 0 !important;
    width: 68px;
}
/*-----Ho tro--------*/

.M-boxHotro{
    background: #fff    ;
 
}
.H-bgr{
    background: #fff;
    width: 228px;
    margin: 0px 0 -5px;
}
.H-content{
    padding: 0 10px 6px;
}
.H-content p:hover{
    background: #eaeaea;
}

.H-lv2{
    border-bottom: 1px dotted #c3c3c3;
    font: 1.2em/1.3em Arial;
    color: #000;
    padding: 4px 0;
}
.ym{
   font: 1.2em/2em Arial;
   color: #7f7f7f;
}
.ym::before{
    content:"";
    background: url('../images/ym.png') no-repeat;
    padding: 4px 15px;
}
.sk{
   font: 1.2em/2em Arial;
   color: #7f7f7f;
}
.sk::before{
    content:"";
    background: url('../images/sk.png') no-repeat;
    padding: 4px 15px;
}
.tel{
   font: 1.2em/2em Arial;
   color: #7f7f7f;
}
.tel::before{
    content:"";
    background: url('../images/tel.png') no-repeat;
    padding: 4px 15px;
}
.mail{
   font: 1.2em/2em Arial;
   color: #7f7f7f;
}
.zalo{background: url('http://6.img.izshop.vn/tv20/images/zalo-icon.png') no-repeat;background-size: 18px;}
.mail::before{
    content:"";
    background: url('../images/mail.png') no-repeat;
    padding: 4px 15px;
}
.iconc{display: flex}.iconc i{padding: 14px 0 0 0;}
/*End*/
.fb-code{margin-top: 30px}
.slogan{     margin: 20px 0 0 20px;}
.logo {width: 100%;} 
.s_detail {text-align: justify;}
#crumbs {font-size: 13px;font-weight: normal;}
#crumbs a {    margin-left: 5px;    margin-right: 5px;}
#crumbs span {    margin-left: 5px;}
.fea-wrap {    overflow: hidden;}
.fea_slide {    margin-bottom: 20px;    height: 298px;}
.testi_item {    display: none;}
.slide-controls a {    background-image: url("../images/car-btns.png");    background-repeat: no-repeat;    display: inline-block;    height: 13px;    text-indent: -5000px;    width: 16px;}
.slide-controls a.prev {    background-position: 0 0;}
.slide-controls a.prev:hover {    background-position: 0 -13px;}
.slide-controls a.next {    background-position: -12px -13px;}
.slide-controls a.next:hover {    background-position: -12px 0;}
* + html .slide-controls ul li {    display: inline;}
.l-main{width: 70%; float: left;}
.l-maina{display: inline-block;}
.l-maina .item{width: 33%;float: left;}
.r-main{width: 30%; float: right;margin-top: 30px;}
.sys_name{font-size: 15px; font-weight: bold;    margin: 10px 0;}
.sys_name a:hover{color: red}
.info-list {text-align: left;}
.tags:before{    content: '\f302';    font-size: 18px;}
.tags {    margin-bottom: 20px;}
.tags a {    color: #888;}
.tags a:hover {    color: #AF0F11;}
.anphabet {    font-weight: bold;    text-align: center;    word-spacing: 6px;}
.f_detail {    float: right;    font-weight: bold;    line-height: 22px; }
.feature-tour, #list-tour { background: #fff;}
.feature-tour header, #list-tour header {  border: 1px solid #fff;    margin-bottom: 20px;    padding: 10px 0px 15px 9px;    background: url('../images/bg-scrollbox.png');}
.feature-tour header h5, #list-tour header h5, #list-tour header h1, .feature-tour header h1 {    color: #1d1d1d;    font-size: 15px;    padding: 0;    text-transform: uppercase;}
#list-tour header h1, .feature-tour header h1 {    line-height: 26px;    margin-bottom: -4px;    margin-top: -4px;}
.feature-tour footer, #list-tour footer {    background: url("../images/icon_arrow2_313131.png") no-repeat scroll 635px 5px #313131;    clear: both;    height: 24px;    padding-right: 70px;    padding-top: 5px;    text-align: right;}
.feature-tour footer a, #list-tour footer a {    color:#FFFFFF;}
.feature-tour article {background: #FFFFFF; text-align: center; float: left;    margin: 5px;    width: 290px;    height: 295px;border: 1px solid #fff;}
.feature-tour article:hover{border: 1px solid #c1c1c1;cursor: pointer;}
.index_info{    height: 72px; display: block; font-size: 1.2em; overflow: hidden; }
.feature-tour article h2, #list-tour article h2 {color: #0D577A;font-size: 14px;font-family: 'Inter', sans-serif;text-transform: uppercase;line-height: 30px;text-align: center;}
.feature-tour article a, #list-tour article.hotel_list a{    color: #0F6392; }
.feature-tour article .f_detail a {    background: #00923F;    color: #fff;     position: absolute;     border-radius: 9px;    right: 10px;    padding: 4px 22px;    font-weight:normal;    text-decoration: none;}
.feature-tour article .f_detail a:hover {    background: #B4971F;}
.feature-tour article a.booklink {    color: #BE0000;    text-transform: uppercase;}
.feature-tour article a.booklink:hover {    color: #EA9629;}
.feature-tour .fbook{text-align: center;    margin: 20px 0;}
.feature-tour .imghover-l{width: 288px; height: 165px; overflow: hidden;}
#list-tour article .art-wrap {    padding: 5px 15px 10px 0;}
#list-tour article .hover a > img {    float: left;    margin-right: 15px;}
.feature-tour .imghover-l img{transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;width: 295px; height: auto}
.feature-tour .imghover-l img:hover{transform: scale(1.1);}
 
.feature-tour.style_2 article._4clm_3{    margin-right:0px;}
#list-tour .list-tour-1 article .f_detail a{    color:#fff;  }
 /*Chi tiet tour*/
.layer2{margin: 5px;    width: 295px;    height: 200px;overflow: hidden;}
.layer2 img{width: auto !important}
.overview h1{font-size: 35px}
.tour_info ul li{float: left; width: 100%; text-align: left;border-bottom: 1px solid #bcbcbc; margin: 10px 0;}
.tour_info ul li ul li{border-bottom: none}
.tour_info ul li table tbody tr td{border: 1px solid red; color: red}
.tour_info ul li table{width: 100% !important}
.titletab{width: 300px; float: left; font-weight: bold; font-size: 15px}
.detailtab{font-size: 15px;width: 900px; float: right; text-align: justify;}
.tabs{width:96%;height:26px;border-bottom:1px solid #dcdcdc;}
.tabs ul{display:inline-block;width:100%;height:26px;margin:0;padding:0;list-style:none;}
.tabs ul li{display:inline-block;height:24px;border-bottom:2px solid #fff;margin:0 2px 0 0;width:33%;}
.tabs ul li.current{border-bottom-color:#0e6dc7;}
.tabs ul li.last{margin-right:0px !important;}
.tabs li a{display:block;height:24px;line-height:24px;color:#141414;text-decoration:none;}
 
.r-tabs {	position: relative; margin-top: 10px;}
.r-tabs .r-tabs-nav{    padding:  0  !important; margin:  0 !important; float: left; width: 100%;}
.r-tabs .r-tabs-nav .r-tabs-tab {	position: relative;}
.r-tabs .r-tabs-nav .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {position: relative;display: block;color: #272727;text-align: center;font-size: 16px;font-weight:bold;line-height: 38px;padding: 0 8px;cursor: pointer;text-transform: uppercase;float: left;}
.r-tabs-tab a span{padding: 5px 8px; }
.r-tabs-tab a span:hover{background: #004dd6;border-radius:10px; color: #fff }
.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor.order {background-color: #e61c05;color: #ffffff;text-transform: uppercase;}
.r-tabs-smoke.r-tabs .r-tabs-accordion-title:nth-child(7n) .r-tabs-anchor {background-color: #e61c05;	border-color: transparent;color: #ffffff;text-transform: uppercase;}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover,
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,.r-tabs-tab.active .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover,
.r-tabs .r-tabs-accordion-title.r-tabs-tab.active .r-tabs-anchor {color: #000 !important;  text-decoration: none !important; }
.r-tabs .r-tabs-nav .r-tabs-anchor:hover::after,
.r-tabs .r-tabs-nav .r-tabs-tab.active .r-tabs-anchor::after,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover::after,
.r-tabs .r-tabs-nav .r-tabs-state-disabled {opacity: 0.5;}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {margin-bottom: 15px;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;}
.r-tabs .r-tabs-nav {border-bottom: 1px solid #dadada;margin: 0 auto;	padding: 0;}
.r-tabs .r-tabs-tab {list-style: none; }
.r-tabs .r-tabs-panel {	background-color: #ffffff;border: solid 1px #d9d9d9;margin-top: 15px;padding: 20px;display: none;}
.r-tabs .r-tabs-accordion-title {	display: none;}
.r-tabs .r-tabs-panel.r-tabs-state-active {display: block;}
.titletaba{font-size: 20px; color: #003584; font-weight: bold;text-transform: uppercase;border-bottom: 5px solid #15609e;  width: 20%;}
.t-tab{border-top: 1px dotted #000;padding: 15px 0;font-size: 14px;  text-align: justify;}.t-tab p{font-size: 14px;  text-align: justify;}
.tab_content {  font-size: 13px;  display: none;    border-color: #D3AA29 #FFFFFF #FFFFFF;    border-style: solid;    border-width: 0px 1px 1px;    margin: 0 0 20px;    padding-top: 15px;}
.tab_content table tbody tr td{border: 1px solid #000}	.tab_content table{width: 100%}
#content-box p { margin-bottom: 18px;}
#content-box img {  max-width: 620px;}
/*  Tables  */
#content-box {    clear: both;    width: 70%;    float: left;}
#content-box table, .desc-catblog table {  margin: 12px 0;  border-collapse: collapse;  border-spacing: 0;width: 100% !important;}
#content-box table th, .desc-catblog table th {   text-transform: uppercase;}
#content-box table th, #content-box table td, .desc-catblog table th, .desc-catblog table td {    padding: 6px 12px;border: 1px solid;}
#content-box table.otour td, .desc-catblog table.otour td {    padding: 6px;}
#content-box td, #content-box th, .desc-catblog td, .desc-catblog th {  display: table-cell;  vertical-align: inherit;}
/*  Lists  */
#content-box ul, .desc-catblog ul {     list-style-type:disc;   margin: 0 0 12px 0; padding: 0 0 0 37px;}
#content-box ol, .desc-catblog ol {    list-style: decimal; margin: 0 0 12px 0; padding: 0 0 0 37px;}
#content-box ol li, #content-box ul li, .desc-catblog ol li, .desc-catblog ul li {    line-height: 18px;}
#content-box ul ul, #content-box ol ol, #content-box ul ol, #content-box ol ul, .desc-catblog ul ul, .desc-catblog ol ol, .desc-catblog ul ol, .desc-catblog ol ul {margin-bottom: 0;}

.note iframe,#videobox iframe {margin: 20px auto; width: 100% !important; float: left;}
/*---Media Box ------*/
.mediabox{position: absolute;top: 0;right: 10%;; width: 190px;z-index: 9999}
.glbox{	float: left;color: #000;font: 1.5em / 1.5em  Malgun Gothic;  padding: 5px 15px; background: #ffffffc9; border-radius: 5px; margin-right: 10px;}
.mebox{float: right;  color: #000; font: 1.5em / 1.5em  Malgun Gothic; padding: 5px 20px; background: #ffffffc9;border-radius: 5px;margin-right: 10px; display: none}
.price-sw{font-size: 27px;font-weight: bold;line-height: 30px;}
.price-tb-bx {  margin-bottom: 10px;}
.price-tb-bx .price-sw{	color: #ff0000; display: block; padding: 23px 41px 15px; font-size: 32px; font-weight: 700; width: 300px; float: left;}
.overview{text-align: justify;}
.leftbox{float: left;width: 55%}
.rightbox{float: right;padding: 5px 20px;  }
#tour_book_04{width: 100%}
.tour_book_04 .date-value{width: 336px !important;margin-bottom: 5px}
.tour_book_04 .form-group.border{width: 336px !important}
.tour_book_04 .form-group.border input, .tour_book_04 .form-group.border select, .tour_book_04 .form-group.border input:hover, .tour_book_04 .form-group.border select:hover{width: 336px !important}
.tour_info{width: auto;padding: 20px;}
.detailtab{width: 100%}
.inside .box-home{width: 100%}
.footerL{float: none;}
.footerR{width: 100%}
.system-style.bottom_nav li{width: 100%; text-align: center;min-height: 150px !important}
.datetime{font-size: 15px;color: #003600;line-height: 23px;display: flex;}
.other-post {    width: 28%;    float: right;    border-left: 1px dotted #000;    padding: 10px;    margin-left: 10px;}
.box-cont li{list-style: none; font-size: 13px}
.w3-container, .w3-panel{padding: 0; margin-top: 20px}
.w3-bar .w3-bar-item{text-transform: uppercase;font-weight: bold;}
.w3-black, .w3-hover-black:hover{background-color: #15609e!important;}
.box-cont{width: 70%;float: left;}

.box-tour-price{    color: #F00;    font-weight: 600;    font-size: 16px;    margin: 13px 0px 0px 0px;font-family: 'Oswald', sans-serif;}
.video-home{ background-color: #fff; padding: 15px; overflow: hidden;}
.video-home img{ width: 100%; height: 410px;}
.video-home .title{ text-transform: uppercase; font-weight: normal; font-size: 19px;}
.video-home iframe{ width: 100%; height: 410px; display: none;}
.video-home ul{ list-style: none; overflow: hidden;}
.video-home ul li{ float: left; margin: 10px 8px; }
.video-home ul li img{ width: 105px; height: 80px;}
.video-home ul li .hidden_iframe{display: none;}
.system_forms.s_text_content {   font-size:13px;   margin-bottom: 25px;text-align: justify;}
/**
 * Hover readmore
 * ------------*/

#main.index .main_in{    margin: 5px 0 0 0;}
.box-home .title{margin: 20px 0;position: absolute; bottom: 0;background: #000000a6; width: 94%;color: #fff; text-align: center; padding: 7px;} 
.box-home .title:hover{background: #000; cursor: pointer;}
.box-home img{transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.box-home img:hover{transform: scale(1.1);}
.box-home .imghover2{width: 264px; height: 168px; overflow: hidden;}
.index-box img{transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.index-box img:hover{transform: scale(1.1);}
.index-box .imghover1{width: 257px; height: 157px; overflow: hidden;}
.searchtool{    float:left; display:block; margin:10px 0 0 8px;}
  
.system-style.footer {    background-color: #003991;    min-height: 100px;}
.system-style.bottom_nav li li a{text-transform: none;}
#footer .footer_in{    background: rgba(5, 80, 107, 0); }
.footer_in p{font-size: 11px; color: #fff; margin-top: 10px}
.footer_in ul li{float: left;width: 30%;margin-right: 20px;}
.footer_in ul li .li-level-2  {width: 150px; line-height: 30px}
.system-style.bottom_nav li li a {    text-transform: none;    color: #fff;    font-weight: bold;}
.system_menu_ext_in{    background: #fff;}
.system-style.addContact {   border-top: 0px solid #15B95D;}
.system-style.addContact {    border-top: 0px solid #387da4;        margin: 4px 0 0;}
.tin{border: 1px solid #dbdbdb;    background-color: #fff;}

 
  
.v-menu ul{	left: -200px;	}
.v-menu ul ul{	left: -100%;	}
/*C1*/

.style-1{	margin-top: 35px;border-bottom: 1px solid #c5c5c5;}
.index-box .box-title a{	font-family: 'Inter', sans-serif;	color:#15609e;font-weight:bold;	font-size: 30px  ; padding-left:8px;	margin-top: 15px; display: block;}
.index-box .box-content .item{	display: inline-block; 	width: 100%; margin: 5px; padding-bottom: 20px;}
.list-box .box-content .item{	display: inline-block; 	padding-bottom: 30px;}
.index-box .box-content .item p,.list-box .box-content .item p{text-align: center;}
.item-box .box-content .item .img img{	width: 98%; }
.item-box .item{border: 1px solid #fff; padding: 10px;cursor: pointer;height: 270px;}
.item-box .name{margin-top: 10px; text-align: center;font-weight: bold;}
.item-box .item:hover{border: 1px solid #d5d5d5;}
.item-box .item .img img{	max-width: 100%}
.item-info .s1,.item-info .s2{	font-size: 20px; display:inline-block;	margin: 10px 15px 0 0; color: #313131;}
.item-info .s2{	color: #fe0000;}
.item-box .box-content .item .item-btn-group{	position: absolute; right: 0; background-color: #42150f; top: 0;}
.item-box .box-content .item .item-btn-group a{	color: #ffd200 ;font-size: 12px;}
.item-box .box-content .item-img  img{width: 100%}
.box-content{display: inline-flex;margin-top: 20px}
/*
Media Queries
---------------------------------------------------------------------------------------------------- */
/*Book popup*/
.medium-line .titlepop{border: 1px solid #cacaca; width: 100%; height: 70px; padding: 10px; font-size: 16px;margin-bottom: 5px; font-weight: bold;line-height: 25px;}
.modal-title{margin: 16px 0 0 0;text-transform: uppercase;font-size: 20px;}
.medium-line table label{font-size: 14px}
.medium-line table tbody select{width: 128px !important; height: 40px !important}
.divleft{float:left; width:100%}
.divright{float:right; width:45%}
.divleft .li,.divright .li{ display:inline-block; width:100%;}
.divleft label{width:110px; float:left; line-height:26px; display:inline-block; text-align:right; margin-right:10px}
.divright label{width:95px; float:left; margin-right:10px; line-height:26px; display:inline-block; text-align:right}
.divleft input.isoTxt,.divright input.isoTxt {width:100% !important;line-height:35px; outline:none; border:1px solid #dad9d9}
.divleft select{width:100% !important;height:40px;outline:none;border:1px solid #dad9d9;font-size: 16px;color: #828282;}
.divleft textarea{ float:left; width:200px}
.divleft div{margin-bottom:5px}
.divleft input, .medium-line input{height: 40px;    width: 100%;}
button, input, select, textarea {border: 1px solid #ABADB3;border-radius: 2px;font-size: 13px;padding: 13px;width: 386px;}
.btn_Submit {    background: #004080;    color: #fff;    width: 166px!important;    height: 35px !important;    border: 0;    margin-right: 22px;    cursor: pointer;}

/*End Book popup*/
@media only screen and (max-width: 1280px) {  
.top_menu{margin-right: 100px}
 
}
@media only screen and (max-width: 1024px) {  
.top_menu{margin-right: 100px}
.index-box .imghover1 { width: 100%;height: 15%;}
.box-home .imghover2{width: 100%;height: 15%;}
.box-home .title{    width: 90%;}
}


@media only screen and (max-width: 600px) {
.r-main{float: none;width: 100%} 
.l-main {    width: 100%;    float: none;}
.index-box .imghover1{height: auto}
.box-home .title{width: 93%}
.box-home .imghover2{height: auto}
.index-box img{width: 100%}
}

 
.nav-bottom{padding-top: 35px; padding-bottom: 35px;}
.nav-bottom li a{	color:#f1f1f1; font-size: 13px; font-weight: 600; margin-right: 35px;}
.nav-bottom li a:hover{color:yellow}  
.btom{ margin-top: 15px; margin-bottom: 15px;}
.btom .btom-bottom,.btom .btom-bottom a{color: #fff;font-size: 12px;}
.btom .title{	color:#fff; font-size: 18px; font-weight: 600; margin-bottom: 10px;}