/**{font:20px 'lucida grande',tahoma,verdana,arial,sans-serif; }*/
html{ display: block; font-size: 100%; }
html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-rendering: optimizeSpeed;
}
body {width:100%;margin: 0px;padding: 0px;text-align: center; color:#000000; background:#dbe3eb; position:relative;/*background:#fafbfc;background:#f7f8f9;*/text-align: left;direction: ltr; font:400 1.025rem arial;line-height: 1.313;}


strong{font-weight:bold!important;line-height: 17px;}
em{ font-style:italic;}


a,a:visited {color:#1DA1F2;text-decoration:none;cursor: pointer;}
a:hover,a:hover *{text-decoration: none;color:#1DA1F2;  }

#top_cat{ margin:0px 0px; padding:2px 2px;}

.menu-cat-item{font:400 1.075rem arial; padding:0px 3px; margin:3px 2px;-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px;/* background:#f5f6f7;*/ background: #33CCCC; display:inline-block; }
.menu-cat-item,.menu-cat-item:visited{ color:#FFFFFF;}
.menu-cat-item.select{color:#993300!important;}
.menu-cat-item:active{background-color:#990000!important;}
.menu-cat-item .img{ height:20px; display:inline-block; vertical-align:middle;}
.menu-cat-item .text{  display:inline-block;vertical-align:middle; padding:0 0 0 3px}
#breadcrumb-location{ display:inline-block; margin:0px;text-align: left;-moz-border-radius:1px;border-radius:1px;-webkit-border-radius:1px; border:1px solid #CCCCCC;background:#dddfe2; }

#wrapper {width:100%; max-width: 750px; margin:0px auto; padding:60px 4px 0px 4px;text-align: left;/*background:#fefefe;*/ }

#header{width:100%;height:40px;position:absolute; top:0px; left:0;margin:0px auto; text-align: center; z-index:9999;  }
#header.fixed{ position:fixed;} 
#header.stated{ position: static;} 
#header .fmenu{width:100%;margin:0px auto;padding:0px;vertical-align:top; text-align: center; position:relative;z-index:9995;}
#header .fmenu	.bg-header{ position:absolute; background:url(../image/bg_header.png) repeat-x left top; min-height:15px; width:100%; z-index:9996;}
#header .cmenu{text-align: center;margin:0px auto ; padding:0px;vertical-align:top;max-width:750px; width:100%; display:inline-block;  position: relative; z-index:9994!important;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px; border:1px solid #EFEFEF; background:#EFEFEF url(../image/bg_dot.gif) repeat;; -moz-box-shadow:0 2px 8px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 8px rgba(0,0,0,.2); box-shadow:0 2px 8px rgba(0,0,0,.2); border:1px solid  #dddfe2;    }
#header .lmenu{text-align: left;margin:0px auto ;padding:0px 0px;vertical-align:top; display:inline-block;float:left;  } 
#header .rmenu{display: inline; text-align:left; vertical-align:top;margin:0px; padding:0px 0; width:100%; height:100%; min-height:120px; }
#header ._rmenu{ padding:11px 0 0 0; width:100%;   } 
#header .rmenu ._crmenu{color:#1DA1F2; display:inline-block; margin:3px 2px 3px 2px;background:#DFDFDF;  -moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; padding:2px; font-size:12px;}
#header .rmenu ._crmenu:hover{background:#BFBFBF;}
#header .rmenu ._crmenu_exp{ color:#1DA1F2; display:inline-block; margin:3px 2px 3px 2px;background:#DFDFDF;  -moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; padding:2px;}
#header .rmenu ._crmenu_exp.hidden{ display:none!important};
#header .rmenu .pagination.hidden{ display:none!important};
#header .rmenu ._crmenu:hover,#header .rmenu ._crmenu_exp:hover{color:#FF0000;background-color:#EFEFEF; }
#header .rmenu ._paghidden{ padding:2px 3px; border:1px solid #dddfe2;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px; cursor:pointer; }
#header ._center{float:left;margin:0px;padding:0px;background:#0000ff url(../image/bg_menu_c.png) repeat-x center top;height:42px;background-size:auto 42px; display:inline-block;}

#header  ._left{ float:left;margin:0px;padding:0px;background:url(../image/bg_menu_l.png) no-repeat right top;width:45px;height:42px;background-size: 35px 42px; display:inline-block;}
#header  ._right{float:left;margin:0px;padding:0px;background:url(../image/bg_menu_r.png) no-repeat left top;width:45px;height:42px;background-size:35px 42px; display:inline-block;}
#header .lmenu ._menucam{ float: left; width:50px; height:55px; position:relative; display:block; }  
#header .lmenu ._menucam ._camitem{background:url(../image/video.png) no-repeat center center ;background-size:27px 27px;height:30px; width:30px; line-height:30px; cursor:pointer; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0; }  

.menuNav{width:98%; height:auto; margin:0px auto 2px auto;padding:2px 0px; text-align:justify;}
.menuNav .navItem{background:#fafbfc;text-align: justify;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border:1px solid  #dddfe2;line-height: 1.313; margin:0px 5px 0px 0px; padding:2px 5px; display:inline-block; vertical-align: middle;font:500 .925rem arial; cursor:pointer; color:#000000; }
.menuNav .navItem.selected{background:#cccccc;}

.menuNav .navItem:active{transform:translate(0,2px); -webkit-transform:translate(0,2px);}
.menuNav .navIcon-newsfeed{background:url(../image/news-feed.png) no-repeat center center ; display:inline-block; background-size:18px 18px; width:20px; height:18px;vertical-align:text-bottom; margin:auto 5px; }
.menuNav .navIcon-hotel{background:url(../image/hotel.png) no-repeat center center ; display:inline-block; background-size:18px 18px; width:20px; height:18px;vertical-align:text-bottom; margin:auto 5px; }

.hotel .icon{background:url(../image/hotel.png) no-repeat left center ; display:inline-block; background-size:18px 18px;height:18px;vertical-align:text-bottom; margin:auto 5px; padding:0 0 0 20px; }

#menu-row{ padding:0px 0px 0px 0px; text-align:left;}
#menu-row  ul{margin:0px 0px;padding:0px 0px 0px 0px;list-style-type:none;}
#menu-row  ul li{margin:0px 4px 0px 4px; padding:5px 1px 0px 1px; float:left;}
#menu-row  ul li img{ padding:0px 0px 0px 0px; margin:0px 0 0px 0; vertical-align:middle; overflow:visible; display:flex; }

#menu-row  ul li a{ padding:3px 0px 0px 0px;margin:0px 0px 0px 0px; color:#4caf50; }
#menu-row  ul li a span{margin:5px 0px 0px 0px;cursor:pointer;padding:0px 0px 0px 5px;font-size:14px;font-weight:bold; color:#4c96d7;}
/*#menu-row  ul li a:hover{ padding:3px 3px 0px 0px;margin:0px 0px 0px 0px;color:#CF0000;}
#menu-row  ul li a:hover span{color:#CF0000;margin:5px 0px 0px 0px;cursor:pointer;padding:0px 0px 0px 5px;font-weight: bold; }*/
#menu-row  ul li a.selected{ padding:3px 3px 0px 3px;margin:0px 0px 0px 0px; color:#CF0000;}
#menu-row  ul li a.selected span{color:#CF0000;margin:0px 0px 0px 0px;cursor:pointer;padding:0px 0px 0px 5px;font-weight:bold;}
#menu-row  ul li a.select{/* padding:3px 3px 0px 0px;margin:0px 0px 0px 0px;*/ color:#CF0000;}
#menu-row  ul li a.select span{color:#CF0000;/*margin:5px 0px 0px 0px;padding:0px 0px 0px 5px;*/cursor:pointer;font-weight:bold; }
#menu-row a span {float:none;}
#menu-row   ul li.end{ clear:both !important;width:0px!important;padding:0px!important;}
#menu-row .menu-arrow{  cursor:pointer;}


  #menu-row  ul li a .text{font-weight:bold; }
  #menu-row  ul li a .text img{vertical-align: top;}
  #menu-row  ul li a .image { margin:2px 0 0 0px; vertical-align:bottom; height:38px;line-height:38px; }
  #menu-row  ul li a .image img{width:90px!important; height:40px!important; vertical-align:bottom; height:35px;line-height:35px;}  
  
 
.menu-col{margin:0px 0px; padding:0px;}

.menu-col li{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  line-height:21px;list-style:none; text-align:left;}
.menu-col li a{ margin:0px 0px 0px 0px;font-size:14px; display:block; }
.menu-col li a:hover{margin:0px 0px 0px 0px;font-size:14px; background:#999999; border-left:2px solid  #000000;}
.menu-col li a span{ padding:3px 3px 3px 8px;font-size:14px;display:block; }

#breadcrumb {margin:0px 0px; padding:3px 0px;-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px; border:0px solid #EFEFEF; }
#breadcrumb a, #breadcrumb a:visited {text-decoration: none;cursor: pointer;}
#breadcrumb a:hover {text-decoration: none;}
#location{padding:10px 0px 0px 0px;}

.listzone{ position: relative; display:block;-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px; border:0px solid #EFEFEF;}
#mzone{ width:340px; visibility: visible; overflow: hidden; float:left;}
#mzone ul{ width:330px; }

#mzone li{ list-style-type:none; }
#mzone li a{ color:#5C99A8; display:inline-block; }

.listzone .location{ border:none; padding:0; margin:0; background:none;cursor:pointer;}
.listzone .prev{ width:25px;  float:left; cursor:pointer; display:block; color:#ffcc00; font-weight:bold; height:80px;  padding:25px 0 0 0;}
.listzone .next{ width:25px;  float:right;cursor:pointer;display:block;color:#ffcc00;font-weight:bold;height:80px; padding:25px 0 0 0;}
.listzone a:hover{background: #FFC;}
.listzone a:active {background: #00C;}

.listimage{-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px; margin:5px 0px; padding:2px; position:relative; min-height:80px;}
#listimage{  width:98%;margin:0px auto; }
#listimage li{ list-style-type:none;margin:0px 5px ; }
#listimage li:hover{ } 
#listimage ul{ padding:0px; }
#listimage li img{ width:18vw!important; height:18vw;} 

.listimage .iprev{ width:35px; height: 50px;cursor:pointer;padding:0px 0 0 0; position:absolute;left:0px;top:35px;z-index:9;}
.listimage .inext{ width:35px; height:50px;cursor:pointer;padding:0px 0 0 0; position:absolute;right:15px;top:35px;z-index:9;}
.listimage a.iprev:hover{}
.listimage a.iprev:active {}
.listimage a.inext:hover{}
.listimage a.inext:active {}

.listimagesmall{ width:160px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px; padding:2px 0px;}
#listimagesmall{ width:140px; float:left; }
#listimagesmall li{ list-style-type:none;margin:0 0px 0 0px; }
#listimagesmall ul{  float:left; width:100px; }

.listimagesmall .isprev{ width:20px;float:left; cursor:pointer;height:50px;  position: relative;left:0px;top:30px;z-index:9;}
.listimagesmall .isnext{ width:20px;float:right;cursor:pointer;height:50px;  position: relative;left:0px;top:30px;z-index:9;;}
.listimagesmall a:hover{}
.listimagesmall a:active {}

.listtour{ -moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px; border:1px solid #64bcf6;margin:5px 0px; padding:5px;background:#f4f5f7; position:relative;}
#listtour{ width:380px; }
#listtour li{ list-style-type:none;margin:0 0px 0 0px; }
#listtour ul{   }
.listtour .tname{ }
.listtour .tprev{ width:25px; height: 50px;cursor:pointer;padding:0px 0 0 0; position:absolute;left:5px;top:35px;z-index:9;}
.listtour .tnext{ width:25px; height:50px;cursor:pointer;padding:0px 0 0 0; position:absolute;right:5px;top:35px;z-index:9;}
.listtour a.tprev:hover{background: #FFC;}
.listtour a.tprev:active {background: #00C;}
.listtour a.tnext:hover{background: #FFC;}
.listtour a.tnext:active {background: #00C;}

.listphoto{ -moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px; margin:5px 0px; padding:5px; position:relative;}
#listphoto{ width:380px; }
#listphoto li{ list-style-type:none;margin:0 0px 0 0px; }
#listphoto ul{   }
.listphoto .tname{ }
.listphoto .pprev{ width:25px; height: 50px;cursor:pointer;padding:0px 0 0 0; position:absolute;left:5px;top:35px;z-index:9;}
.listphoto .pnext{ width:25px; height:50px;cursor:pointer;padding:0px 0 0 0; position:absolute;right:5px;top:35px;z-index:9;}
.listphoto a.pprev:hover{background: #FFC;}
.listphoto a.pprev:active {background: #00C;}
.listphoto a.pnext:hover{background: #FFC;}
.listphoto a.pnext:active {background: #00C;}

.listfashion{ -moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px; margin:0px 0px; padding:0px; position:relative; min-height:80px;}
#listfashion{ }
#listfashion li{ list-style-type:none;margin:0px 4px;min-height:120px; }
#listfashion li:hover{ background: #FF9999;} 
#listfashion ul{  }
.listfashion .tname{ }
.listfashion .fprev{ width:25px; height: 30px;cursor:pointer;padding:0px 0 0 0; position:absolute;left:5px;top:115px;z-index:9;}
.listfashion .fnext{ width:25px; height:30px;cursor:pointer;padding:0px 0 0 0; position:absolute;right:5px;top:115px;z-index:9;}
.listfashion a.pprev:hover{background: #FFC;}
.listfashion a.pprev:active {background: #00C;}
.listfashion a.pnext:hover{background: #FFC;}
.listfashion a.pnext:active {background: #00C;}

#refresh-page{background: url('../image/go.gif') no-repeat  left 0px; margin:0 5px 0 5px; border:none; cursor:pointer; width:26px; height:23px;}
#refresh-page:hover{background: url('../image/refresh.gif') no-repeat  left 3px; margin:0 5px 0 5px; border:none; cursor:pointer; width:22px; height:20px;}

.switcher { margin: 0px 0px 0px 0px!important; padding:10px 3px!important; cursor:pointer; position:relative;  }

.switcher .selected {margin:0px;padding:0px;text-align:left  ; }
.switcher .selected a {/*background: url('../image/arrow.png') 100px center no-repeat; */margin:0px 0px 5px 0px;padding:0px 2px 0px 10px;color:#FB0000; font-weight:bold;text-decoration:none; display:inline-block; vertical-align:top}
.switcher .selected a:hover {/*background: url('../image/arrow_down.png') 6px center no-repeat;*/}
.switcher .selected .xclose{background: url('../image/x-icon.png') 0px center no-repeat;width:20px;height:18px;margin:0px 2px;padding:0px 2px;display:inline-block;cursor:pointer;}
 .option {display:none;position:absolute;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;z-index: 99999999;background-color:#eafaf1; width:55vw; min-width:150px; max-width:200px; left:0; top:30; margin:0px auto; padding:10px;-moz-box-shadow:0 2px 8px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 8px rgba(0,0,0,.2); box-shadow:0 2px 8px rgba(0,0,0,.2);}
.option a{  vertical-align:middle; display:inline-block;}
.option a .img{ vertical-align:middle; }
.option a .img img{ width:24px; height:24px;-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px;}
.option a .text{ color: #000; font:600 1.225rem arial;vertical-align:middle;}
.option a:hover .text{ color: #FF0000!important;}

.switcher img {	position: relative;	top: 1px;}

@media screen and (min-width: 100px) {

.switcher .imgMenu{background: url('../image/icon-menu.png') no-repeat center bottom;width:25px;height: 25px;margin:5px 0px 0px 0px;display:inline-block;background-size:contain; outline:none; position:relative;}

#_register {width:30px;height:26px;line-height:26px;margin:0px 0px; padding:5px 0 0 0;display:inline-block; position:relative; z-index:9999;  }
#_register .imgUser{background: url('../image/icon_user.png') no-repeat center bottom;width:30px;height:25px;display:inline-block;cursor:pointer;outline:none;}
#_register .logged{background: url('../image/img_user.png') no-repeat center bottom;}
#_register ._option{display:none;z-index:99999;position:absolute;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;background:#eafaf1; outline:none;min-width:300px; height:auto;  padding:0px; margin:10px auto; /*left:50%;transform: translateX(-50%);*/top:30;
width: calc((100vw - 300)/2); left:0;-moz-box-shadow:0 2px 8px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 8px rgba(0,0,0,.2); box-shadow:0 2px 8px rgba(0,0,0,.2);}
#_register ._option a{ font:600 1.325rem arial;}
#_register ._option ul{ list-style-type:none;}
#_register ._option ul li{ display:block;}
#_register ._option input[type=checkbox]{ transform: scale(1.5); background:#FFFFFF;}


}

._language  {width:35px;height:30px; line-height:30px; vertical-align:bottom;text-align:right; padding:5px 0 0 0; position:relative; display:block;  }
 
._language  img{width:25px; height:25px; position:absolute; bottom:0px; right:0px;-moz-border-radius:50%;border-radius:50%;-webkit-border-radius:50%; }


 ._languages {display:none;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;position: absolute;z-index: 99999;background-color:#eafaf1; width:100px; left:0; margin:10px auto;/*left:50%;transform: translateX(-50%);*/top:30; width: calc((100vw - 100)/2); position: absolute; left: 50%; transform: translate(-50%, 0);-moz-box-shadow:0 2px 8px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 8px rgba(0,0,0,.2); box-shadow:0 2px 8px rgba(0,0,0,.2);	}
._languages a .img{ margin:15px 10px 0px 10px;vertical-align:middle; display:inline-block;}
._languages a .img img{ width:40px; height:25px;}
._languages a .text{	color: #000;	padding: 3px 5px 3px 5px; font-size:42px; vertical-align:middle;}
._languages a:hover .text{ color: #0000FF;}


#search{ padding:5px 0px 0px 0px;}
#search .button-search{  margin:0px;height:22px;}
#button-search{ margin:0px; border:1px solid #DDDDDD; border-left:none; height:18px;}
#button-search .img{ margin:1px; padding:0px 3px 0 3px;}
#button-search-conf{ margin:0px; border:1px solid #CCCCCC; border-left:none; height:18px;}
#button-search-conf .img{ margin:5px 5px 0px 5px; padding:0px;}
#button-search-conf #option-conf{position:absolute;z-index: 300;background-color: #EEEEEE;display: none; width:250px; height:200px; float:left;}
#button-search-conf #option-conf select.dropdown { display:inline; position:relative; }



#content_home{ margin:0px auto; text-align:center; padding:0px 2px; }
#content_home .outer{width:100%; margin:0px auto;  text-align:justify;}

#content .top .left {background: url('../image/rc_nw.gif') no-repeat;width: 2px;height: 2px;float: left;}
#content .top .right {background: url('../image/rc_ne.gif') no-repeat;width: 2px;	height: 2px;float: right;}
#content .top .center {background: url('../image/rc_n.gif') repeat-x;margin-left: 2px;margin-right: 2px; display:block;}
#content .top h1 {padding: 8px 0px 8px 7px;}
#content h1, .heading {color: #000000;font-family: Arial, Helvetica, sans-serif;margin: 0px;}
#content .middle {border-left: 1px solid #DDDDDD;	border-right: 1px solid #DDDDDD;background: #FFFFFF;padding: 10px 10px 1px 10px;}
#content .bottom .left {background: url('../image/content_bottom_left.png') no-repeat;width: 5px;	height: 5px;float: left;}
#content .bottom .right {	background: url('../image/content_bottom_right.png') no-repeat;	width: 5px;	height: 5px;	float: right;}
#content .bottom .center {background: url('../image/content_bottom_center.png') repeat-x;height: 5px;margin-left: 5px;margin-right: 5px;}

.heading {border-bottom: 1px solid #DDDDDD;padding-bottom: 3px;margin-bottom: 10px;}

/*.box {margin-bottom: 10px;background: url('../image/box_top.png') no-repeat;}
.box .top {padding: 8px 0px 8px 7px;color: #000000;	font-size: 14px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;	text-transform: uppercase;}
.box .top img {float: left;	margin-right: 5px;}
.box .middle {border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;background: #FFFFFF;padding: 10px;}
.box .bottom {height: 5px;background: url('../image/box_bottom.png') no-repeat;}*/
.success {padding: 5px 0px;	margin-bottom: 10px;background: #E4F1C9;border: 1px solid #A5BD71;font-size: 11px;font-family: Verdana, Geneva, sans-serif;text-align: center;}
.warning {padding: 5px 0px;	margin-bottom: 10px;background: #FFDFE0;border: 1px solid #FF9999;font-size: 11px;font-family: Verdana, Geneva, sans-serif;text-align: center;}
.wait {padding: 5px 0px;margin-bottom: 10px;background: #FBFAEA;border: 1px solid #EFEBAA;font-size: 11px;font-family: Verdana, Geneva, sans-serif;	text-align: center;}
.required {color: #FF0000;font-weight: bold;}
.error {color: #FF0000;display: block;}
.help {cursor: pointer;}
.tooltip {border: 1px solid #FDDA5C;background: #FBFF95;padding: 5px;width: 250px;}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
.button { margin:0px; display: inline-block;padding: 5px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; color:#ffffff; cursor:pointer;}
.button:hover { background:#999999!important;}
.button span { }
.buttons {background: #F8F8F8;}
.buttons input {padding: 0px;margin: 0px;}
.buttons table {width: 100%;border-collapse: collapse;}
.buttons table td {	vertical-align: middle;}
.content {background: #F7F7F7;border: 1px solid #DDDDDD;padding: 10px;margin-top: 3px;margin-bottom: 10px;}
.list {margin-bottom: 10px;width: 100%;}
.list td {text-align: center;vertical-align: top;padding-bottom: 10px;}
.sort {	margin-bottom: 10px;background: #F8F8F8;height: 30px;width: 100%;}
.sort .div1 {float: right;margin-left: 5px;	padding-top: 6px;padding-right: 9px;}
.sort .div2 {text-align: right;padding-top: 9px;}
.sort select {font-size: 11px;margin: 0;padding: 0;}
.pagination {margin:5px; text-align:center;}
.pagination .links, .pagination .results {padding:0px;}
.pagination .links {}
.pagination .links a {-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border:0px solid #EFEFEF; background:#DDDDDD; margin:0px 0px 0xp 0px;padding:1px 4px; color:#333333;}
.pagination .links a:hover{-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border:0px solid #EFEFEF; background:#999999; margin:0px 0px 0xp 0px;padding:1px 4px; color:#FFFFFF; font-weight:bold;}
.pagination .links a.selected-page {-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border:0px solid #EFEFEF; background:#999999; margin:0px 0px 0xp 0px;padding:1px 4px; color:#FFFFFF; font-weight:bold;}
.pagination .results {}
.pagination .results:after{clear:both;}
.tabs {	width: 100%;	height: 31px;	margin-bottom: 0px;}
.tabs a {	float: left;	display: block;	padding: 6px 15px 7px 15px;	margin-right: 2px;	border-top: 1px solid #DDDDDD;	border-bottom: 1px solid #DDDDDD;	border-left: 1px solid #DDDDDD;	border-right: 1px solid #DDDDDD;	background: #FFFFFF url('../image/tab_3.png') repeat-x;	color: #000000;	font-weight: normal;	font-size: 13px;	text-decoration: none;	z-index: 1;	position: relative;	top: 1px;}
.tabs a.selected {	background: url('../image/tab_3.png') repeat-x;	border-bottom: 0px;	padding-bottom: 8px;	z-index: 3;}
.tab_page {	border: 1px solid #DDDDDD;	padding: 10px;	display: block;	z-index: 2;	margin-bottom: 10px;}
#footer {	width: 100%;	clear: both;	padding-top: 5px;	border-top: 1px solid #DDDDDD; font-family:baskerville-urw;}
#footer .div1 {	float: left;	text-align: left; }
#footer .div1,#footer .div1 a,#footer .div1 span{ font-size:10px!important; color:#999999}
#footer .div2 {	float: right;	text-align: justify;}
#category ul {	margin-top: 0px;	margin-bottom: 0px;	margin-left: 2px;	padding-left: 5px; list-style:none;}
#category ul li{ margin:5px 0px; background:url('../image/bullet_1.png') no-repeat 0px 7px ; padding:0px 8px; }
#category ul li a,#category ul li a span{ font-size:14px; color:#4caf50; }
#information ul {	margin-top: 0px;	margin-bottom: 0px;	margin-left: 8px;	padding-left: 12px;	list-style: url('../image/bullet_2.png');}
.cart {	border-collapse: collapse;	width: 100%;	border: 1px solid #EEEEEE;	margin-bottom: 10px;}
.cart th {	background: #EEEEEE;	padding: 5px;	font-weight: normal;}
.cart td {	padding: 5px;}

.box-title {height: 21px; color:#868d9d; background:#f5f5f6 url('../image/bg_repeat.gif') repeat-x scroll 0px 0px;}
.box-titleleft{width:2px; height:21px; background:#f4f5f6 url('../image/bg_corner.gif') no-repeat 0px -169px;}
.box-titleright{width:2px; height:21px; background:#f4f5f6 url('../image/bg_corner.gif') no-repeat -5px -46px;}
.box-active {height: 17px;padding: 2px 9px; background:#f5f5f6 url('../image/bg_repeat.gif') repeat-x 0px -23px;}
.box-activeleft{width:2px; height:21px; background:#f4f5f6 url('../image//bg_corner.gif') no-repeat -5px -0px;}
.box-activeright{width:2px; height:21px; background:#f4f5f6 url('../image/bg_corner.gif') no-repeat -5px -23px;}
.subfolder {height: 17px;padding: 3px 5px 1px;}
.link-folder{ font-size:12px;}
.link-subfolder{ color:#112233; font-size:11px;}
.link_white{color:#FFFFFF!important;}
.link_white:hover{}
.link_black{color: #000000!important;}
.link_black:hover{ color:#333333;}
.htabs {
	padding: 0px 0px 0px 10px;
	height: 30px;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 15px;
}
.htabs a {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	padding: 6px 15px 7px 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin-right: 2px;
}
.htabs a.selected {
	padding-bottom: 8px;
	background: #FFFFFF;
}
.vtabs {
	width: 180px;
	padding: 10px 0px;
	min-height: 300px;
	float: left;
	display: block;
	border-right: 1px solid #DDDDDD;
}
.vtabs a {
	display: block;
	float: left;
	width: 150px;
	margin-bottom: 5px;
	clear: both;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background: #F7F7F7;
	padding: 6px 14px 7px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	color: #000000;
}
.vtabs a.selected {
	padding-right: 15px;
	background: #FFFFFF;
}
.vtabs_page {
	margin-left: 195px;
}

.border_radius{-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border:1px solid #dddfe2;}
.border_radius2{-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border:1px solid #EFEFEF;background:#7B9998;}
.border_radius3{-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px; border:1px solid #EFEFEF;background:#eaebec;}
.border_radius4{-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px; border:1px solid #EFEFEF;background: none;}
.border_radius5{-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px; border:1px solid  #EFEFEF;background:#dcbd86;}
.border_radius6{-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px; border:1px solid   #FF0000;background: none;}
.border_radius7{border: 1px solid #DDDDDD;border-radius: 2px;}
.border_radius8{-moz-border-radius:8px;border-radius:8px;-webkit-border-radius:8px; border:0px solid #94b8b8;background:#a3c2c2;}
.border_radius9{-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border:1px solid #DEDEDE;background:#EFEFEF;}
.fl {float:left;}
.fr {float:right;}
.cb{clear:both; }
.stretch {width: 100%;display: inline-block;font-size: 0;line-height: 0}
.tal{ text-align:left;}
.tar{text-align:right;}
.tac{ text-align:center;}
.tajf{ text-align:justify;}
.marau{ margin: auto;}
.mart1{ margin-top:1px;}
.marb1{ margin-bottom:1px;}
.mar2{ margin:2px;}
.mart2{ margin-top:2px;}
.marb2{ margin-bottom:2px;}
.mar5{ margin:5px;}
.mart5{ margin-top:5px;}
.marb5{ margin-bottom:5px;}
.mar10{ margin:10px;}
.mart10{ margin-top:10px;}
.marb10{ margin-bottom:10px;}
.marl10{ margin-left:10px;}
.marr10{ margin-right:10px;}
.mart20{ margin-top:20px;}
.marb20{ margin-bottom:20px;}
.marl20{ margin-left:20px;}
.marr20{ margin-right:20px;}
.pad2{ padding:2px;}
.padt2{ padding-top:2px;}
.padb2{ padding-bottom:2px;}
.pad3{ padding:3px;}
.pad5{ padding:5px;}
.padl5{ padding-left:5px;}
.padr5{ padding-right:5px;}
.padt5{ padding-top:5px;}
.padb5{ padding-bottom:5px;}
.pad10{ padding:10px;}
.padt10{ padding-top:10px;}
.padl10{ padding-left:10px;}
.padb10{ padding-bottom:10px;}
.padr10{ padding-right:10px;}
.pad15{ padding:15px;}
.padt15{ padding-top:15px;}
.padl15{ padding-left:15px;}
.padb15{ padding-bottom:15px;}
.padr15{ padding-right:15px;}
.pad20{ padding:20px;}
.padt20{ padding-top:20px;}
.padl20{ padding-left:20px;}
.padb20{ padding-bottom:20px;}
.padr20{ padding-right:20px;}

.red{ color:#FF0000!important;}
.green{ color:#66FF00;}
.dblue{color: #0331c4 ;}
.blue{color:#3B5998;}
.white{color:#ffffff!important;}
.lblue{color:#5C99A8;}
.yellow{ color:#ffcc00;}
.gray{ color:#7B858A;}
.dgray{ color:#666666;}
.lgray{ color:#E9E9E9;}
.gray333{color:#333333;}
.black{ color:#14171A;}
.bold{ font-weight:bold !important;}
.normal{ font-weight: normal; }
.italic{ font-style:italic;}

.block{ display:block;}
.inblock{ display:inline-block;}
.in,.inline{ display:inline}
.vertop{ vertical-align:text-top!important;}
.abs{ position:absolute;}
.hidden{ display:none!important; }
.unl{ text-decoration:underline;}
.wraptocenter {display: table-cell;text-align: center;vertical-align: middle;width: ...;height: ...;}
.wraptocenter * {vertical-align: middle;}
/*--------------------------------*/
.tiny{font-size:10px;}
.small{font-size:11px;}
.default{font-size: 12px;}
.medium{ font-size:14px}
.large{ font-size:16px;font-weight: 400;}
.slarge{ font-size:18px;}
.big{ font-size:21px;}
.xbig{ font-size:24px;}
.xxbig{ font-size:30px;}
.xxxbig{ font-size:36px;}
.point {cursor: pointer;}
.hover:hover{ color:#FF8A00;}
.visited:visited{ color:#990000}
.ohi{overflow:hidden!important; }
.ovx{ scroll-x: auto}
.osc{overflow:scroll!important; }
.oau{overflow:auto!important; }
.obd:hover img{ border:1px solid #FF0000!important; }
/*--------------------------------*/
.w30{ width:30px;}
.w50{ width:50px;}
.w80{width:80px ;}
.w90{width:90px ;}
.w100{width:100px ;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:150px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w240{width:240px;}
.w250{width:250px;}
.w270{width:270px;}
.w280{width:280px;}
.w300{width:300px;}
.w350{width:350px;}
.w360{width:360px;  }
.w370{width:370px;  }
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w520{width:520px;}
.w550{width:550px;}
.wt600{width:600px; }
.w600{width:600px;text-align: justify;-ms-text-justify: distribute-all-lines;text-justify: distribute-all-lines;/*background:#fafbfc url('../image/bg_gray_top.gif') repeat-x 0px 0px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; padding-top:5px;*/ }
.w650{width:650px;}
.w650{width:690px;}
.w700{width:700px;}
.w750{width:750px;}
.w800{width:800px;}
.wper100{ width:100%!important;}
.wper98{width:98%;}
.wper50{ width:50%; }
.wper60{ width:60%; }
.wper90{ width:90%; }
.wper70{  width:70%;}
.wper40{  width:40%;}



.inner{margin: 0 auto;}
.h12{ height:12px; overflow:hidden!important;}
.h13{ height:13px; overflow:hidden!important;}
.h14{ height:14px; overflow:hidden!important;}
.h15{ height:15px; overflow:hidden!important;}
.h16{ height:16px; overflow:hidden!important;}
.h18{ height:18px; overflow:hidden!important;}
.h20{ height:20px; overflow:hidden!important;}
.h22{ height:22px; overflow:hidden!important;}
.h24{ height:24px!important; overflow:hidden!important;}
.h25{ height:25px;}
.h30{ height:30px; }
.h40{ height:40px; }
.h50{ height:50px;}
.h60{ height:60px; }
.h70{ height:70px; }
.h80{ height:80px; overflow:hidden;}
.h100{ height:100px; overflow:hidden;}
.h120{ height:120px;}
.h150{ height:150px;}
.h200{ height:200px;}
.h220{ height:220px;}
.h250{ height:250px;}
.h300{ height:300px;}
.h350{ height:350px;}
.minh30{ min-height:30px;}
.minh100{ min-height:100px;}


.bg_body{ background:#f4f5f6;}
.bg_menu{ background:#d6dbe2}
.bg_fb{ background:#e9ebee;}
.bg_blue{ background:#f0f5f9!important;text-align:center; margin:auto;}
.bg_red{ background:#dd0000;text-align:center;}
.bg_dblue{ background: #0033CC;text-align:center; }
.bg_lblue{ background: #efffff!important;}
.bg_brown{ background:#663300;}
.bg_gray{ background:#CCCCCC!important;}
.bg_lgray{ background: #f5f6f7!important;}
.bg_snow{ background:url(../image/bg_snow.jpg);}
.bg_wood{ background:url(../image/bg_wood.jpg);}
.bg_wood_2{ background:url(../image/bg_wood_2.jpg);-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border:1px solid #CCCCCC}
.bg_cream{ background:#ffe5ee;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border:0px solid #ffe5ee}
.bg_pink{ background:#ffe5ee;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border:0px solid #ffe5ee}
.bg_sakura{background:#ffe5ee url(../image/sakura.png) no-repeat right top;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border:0px solid #ffe5ee}
.bg_sakura_bottom{background:#ffe5ee url(../image/sakura2.png) no-repeat right bottom;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border:0px solid #ffe5ee}
.bg_dot{ background:url(../images/bg_dot.gif);}
.bg_dgray{ background:#f3f3f3;text-align:center; margin:auto;}
.bg_lbrown{ background:#663333;text-align:center; margin:auto;}
.bg_red_pink{ background:#81311a;text-align:center; margin:auto;}
.bg_green{background:#d0e3fc;}
.bg_lgreen{background:#eeccee;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border:0px solid #ffe5ee}
.bg_blur_green{ background:#effafc;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border:0px solid #ffe5ee}
.bg_yellow{background:#e5d7b5;text-align:center; margin:auto;}
.bg_black{background:#333333;text-align:center; margin:auto;}
.box_title{ color:#666666; font-size:12px; font-weight:bold;}
.bg_white{ background:#FFFFFF;}
.bg_gray_white{ background:#FEFEFE;}
.bg_hover{ background:#ffffff!important;text-align:center;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border:1px solid #EFEFEF;}
.bg_hover:hover{ background:#f5f8fa!important;}
.bg_none{background-color: transparent;background-image: none;}
.bd_none{ border:none; outline:none;}
.bd{ border:1px solid #dddfe2 !important;}
.bd_blue{ border:1px solid #266493 !important;}
.bd_red{ border:1px solid #ff0000 !important;}
.bd_b{ border-bottom:1px solid #e5e5e5;}
.bd_l{ border-left:1px solid #CCCCCC;}
.bd_r{ border-right:1px solid #CCCCCC;}
.bd_t{ border-top:1px solid #CCCCCC;}
.bd_n{ border: none;}
.bd_b_dot{ border-bottom:1px dotted #C4C8CB;}
.bd_ly{ border-left:2px solid #c3ccdf;}
.bd_b_black{ border-bottom:1px solid #333333;}
.line_gray_20{background:#ccc!important; display:inline-block; width:100%; min-height:20px; margin:10px 0px;}


.bd_gb{ border-bottom:1px solid #999999;}
.bd_gl{ border-left:1px solid #999999;}
.bd_gr{ border-right:1px solid #999999;}
.bd_gt{ border-top:1px solid #999999;}
.bd_red{ border:1px solid #FF0000;}
.bg_bullet_2{background:url('../image/bullet_2.gif') no-repeat left 7px; padding:3px 0px 0px 10px; }
.bg_bullet_3{background:url('../image/bullet_3.png') no-repeat left 8px; padding:2px 0px 0px 10px;}
.bg_bullet_4{background:url('../image/bullet_4.png') no-repeat left 7px; padding:3px 0px 0px 7px; }
.bg_latest{background:url('../image/post_new.png') no-repeat left 2px; padding:2px 0px 0px 18px; }
.bg_arrow_l2r{background:url('../image/blue_next.gif') no-repeat left 7px; padding:2px 0px 0px 7px; }
.bg_gray_square{background:url('../image/gray-square.gif') no-repeat left 10px; padding:3px 0px 0px 8px; }
.bg_dot_line{background:url('../image/dot-line.gif') repeat-x left bottom; }
.bg_dot{background:url('../image/bg_dot.gif'); }
.bg_red_dot{background:url('../image/bg_red.gif') no-repeat left 7px; padding:3px 0px 0px 10px; }
.bg_sky{background:url('../image/bg_sky.jpg'); }
.bg_tour{background:url('../image/du-lich.gif') no-repeat left top; height:115px; }
.bg_coco{background:url(../image/noel_tree.jpg) no-repeat left bottom; padding:2px 2px 2px 70px; min-height:70px;}
/*.bg_coco{background:url(../image/coconut_tree.png) no-repeat left bottom; padding:2px 2px 2px 70px; min-height:70px;}*/

.ads-content{ margin:0px 0px;background:#f0f1f2;padding:10px 5px;}

#scrollContainer {BACKGROUND: #fff; OVERFLOW: hidden; WIDTH: 600px; TOP: 200px; HEIGHT: 350px;}
#scrollContent {LEFT: 0px;WIDTH:590px; POSITION: relative; }

#scrollArea {BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; OVERFLOW: hidden; BORDER-LEFT: #666 1px solid; WIDTH: 8px; 	BORDER-BOTTOM: #666 1px solid; POSITION:absolute; HEIGHT: 350px;margin-left:590px;}
#scroller {BORDER-TOP: #666 0px solid; BACKGROUND: #999999; WIDTH: 8px; BORDER-BOTTOM: #666 0px solid; POSITION: absolute; TOP: -1px; cursor:pointer;}

.box-image-small{text-align:center; display:block;height:80px;}
.contentBox{}

/*-----------------tooltip------------*/

#JT_arrow_left{
	background-image: url(../image/arrow_left_2.gif);background-repeat: no-repeat;background-position: left top;position:absolute;z-index:101;left:-12px;height:23px;width:11px;    top:10px;}
#JT_arrow_right{
	background-image: url(../image/arrow_right.gif);background-repeat: no-repeat;background-position: left top;position: absolute;z-index:101;height:23px;width:11px;top:-2px;}

#JT {
	-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;position:absolute;z-index:100;border:1px solid #f5af02;background:#ffccff;}

#JT_copy{padding:2px 2px 2px 2px;color:#333333;text-align:justify;}

.JT_loader{background-repeat: no-repeat;background-position:center center;width:100%;height:12px; }

#JT_close_left{text-align: left;padding-left: 8px;padding-bottom: 5px;padding-top: 2px;font-weight:bold; color:#333333;}

#JT_close_right{text-align: left;padding-left: 8px;padding-bottom: 5px;padding-top: 2px;font-weight:bold;}

#JT_copy p{margin:2px 0;}

#JT_copy img{padding: 1px;border: 1px solid #CCCCCC;}

.jTip{cursor:help;border:0px solid #EFEFEF;background:#eaebec; margin:0 0 2px 0px; }

#Box_arrow_left{
	background-image: url(../image/tag_left.png);	background-repeat: no-repeat;background-position: left -1px;position: absolute;z-index:100;left:-9px;height:17px;width:10px;    top:15px;}
#Box_arrow_right{
	background-image: url(../image/arrow_right.gif);background-repeat: no-repeat;background-position: left top;position: absolute;z-index:101;height:15px;width:11px;top:-2px;}
#Box_arrow_top{
	background-image: url(../image/tag_top_green.png);	background-repeat: no-repeat;background-position:left top;position: absolute;z-index:100;left:9px; top:-6px;height:6px;width:11px;   }
	
#Box{
	-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;border: 1px solid #c4cde0;background:#ffffff;}

#Box_copy{padding:10px 10px 10px 10px;color:#333333;text-align:justify;}



#Box_close_left{text-align: left;font-weight:bold;}

#Box_close_right{text-align: left;padding-left: 8px;padding-bottom: 5px;padding-top: 2px;font-weight:bold;}

#Box_copy p{margin:3px 0;}

#Box_copy img{padding: 1px;border: 1px solid #CCCCCC;}

.Box_arrow_left{
	background-image: url(../image/tag_left.png);	background-repeat: no-repeat;background-position: left -1px;position: absolute;z-index:100;left:-9px;height:17px;width:10px;    top:25px;}
.Box_arrow_right{
	background-image: url(../image/arrow_right.gif);background-repeat: no-repeat;background-position: left top;position: absolute;z-index:101;height:23px;width:11px;top:-2px;}
.Box_arrow_top{
	background-image: url(../image/tag_top_green.png);	background-repeat: no-repeat;background-position:left top;position: absolute;z-index:100;left:9px; top:-26px;height:6px;width:11px;   }
	
.Box{
	-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;border: 1px solid #c4cde0;}

/*-----------------end tooltip--------*/
#comment{ border:0px; }
.submit{background-color:#3B5998;border:0px solid #CCCCCC;border-radius:3px; color:#EFEFEF; font-weight:bold; cursor:pointer;}
.loc_map{background:url('../image/icon.png') no-repeat  -180px -609px ;width:10px;height:12px; display:inline-block;}
.loc_trip{background:url('../image/icon.png') no-repeat  -295px -640px ;width:20px;height:25px; display:inline-block;}
/*.user_post{background:url('../image/icon.png') no-repeat  -128px -650px ;width:16px;height:14px; display:inline-block;}*/
.user_post{background:url('../image/icon.png') no-repeat  -248px -580px ;width:10px;height:11px; display:inline-block;}
.deleteComment{background:url('../image/icon.png') no-repeat  -151px -610px ;width:10px;height:10px; display:inline-block; cursor:pointer;}
.viewed{background:url('../image/icon.png') no-repeat  -42px -666px ;width:20px;height:12px; display:inline-block;}
.mapview{ text-align:justify;}
.mapview img{ max-width:200px;}

.item-row{}
.ib1{ width:70px; height:30px; text-align:left; float:left;}
.ib2{ width:240px; height:30px; line-height:30px; text-align:left; float:left;/*text-overflow: ellipsis;overflow: hidden; white-space: nowrap;*/}
.ib3{ width:95px; height:30px; text-align: center; float:left; padding-left:5px;}
.ib4{ width:110px; height:30px; text-align:left; float:left;}
.ib5{ width:110px; height:85px; text-align:left; float:left; margin: 0px 2px;}
.ib6{ width:210px; height:85px; text-align:left; float:left;text-overflow: ellipsis; white-space: normal;overflow: hidden;}
.ib7{ width:190px; height:85px; text-align:left; float:left;padding-left:5px;}
.jTip::after{content: "";  clear: both;  display: table;}
.title-box{ext-overflow:ellipsis;overflow: hidden; white-space:normal;height:40px;}

.imageHolder { position: relative; width:300px;}
.imageHolder .caption {width:100%;position:absolute; top: 40%; left: 0px; color: #FF3300; text-align:center; font-weight:bold; opacity:0.7; font-size:5vw;}

.boximage{ vertical-align:bottom;margin:0px 5px;display:inline-table; padding:5px;  position:relative; }
.boximage .preview{ min-width:90px!important; width:90px; position:relative;}
.boximage .close{background:#ffffff;position:absolute!important; top:-5px; left:-5px; z-index:9;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px; border:1px solid  #222222; padding:2px; cursor:pointer;}
.boximage .close img{ width:20px; height:22px;}
.boximage .close:hover{background:#cccccc;box-sizing:border-box;    -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;}
.boximage .link{background:#ffffff;position:absolute!important; top:-5px; right:-5px; z-index:99;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px; border:1px solid  #222222; padding:2px;cursor:pointer;}
.boximage .link img{ width:23px; height:16px;}
.boximage .link:hover{background:#cccccc;box-sizing:border-box;    -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;}
.boximage .linkBox{ background:#ffffff;position:absolute!important; top:20px;  z-index:999; width:200px;  padding:5px 0px;border:1px solid  #999999; -moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px;}
.imageHolder100{ min-height:50px; position: relative;display: inline-block;-moz-border-radius:7px;border-radius:7px;-webkit-border-radius:7px; border:1px solid #94b8b8;cursor:pointer;  }
.imageHolder100 img{ }
.imageHolder100 .caption { margin:auto auto;position:absolute;  top:30%; left:40%;text-align:center; vertical-align:middle; font-size:51px; font-weight:bold; opacity:0.3;color:#000000; }
.imageHolder100:hover{ -moz-box-shadow: 0 0 2px #666; -webkit-box-shadow: 0 0 2px #666; box-shadow: 0 0 2px #666;}
.imageHolder100 .caption:hover{ color:#FF0000;}

.inset{ float: right;  margin: 0px 2px 2px 5px; clear:right;}
.insetR { float: right;  margin: 0px 2px 2px 5px; clear:right;}
.insetL { float: left; padding:3px;  margin: 0px 5px 2px 0px; clear:right;-moz-border-radius:7px;border-radius:7px;-webkit-border-radius:7px;border: 1px solid #c4cde0;}
/* Shore more styles */
.showmore_content {position: relative;overflow: hidden;}
.showmore_trigger {width: 100%;cursor: pointer;text-align:center; margin:10px 0px 0px 0px;}
.showmore_trigger span {display: block;}
.showmore_trigger .more,.showmore_trigger .less{  font-weight:bold;color:#FF0000;background:#a3c2c2 ;-moz-border-radius:10px;  -webkit-border-radius:10px;border-radius:10px; margin:auto; display:inline-block; padding:10px 30px;}
.bold-line::first-line{ font-weight:bold; }
/*--------------------------------------------*/
.container-columns{
  display: grid;
  grid-template-columns: 170px 170px 170px;
  justify-content: space-between;  
  grid-gap: 5px;
  background: #fff;
  color: #444;
  text-align:center;
}
.container-columns .first{ grid-column: 1 /3;background: #eaf2f8 ; height:160px; overflow:hidden;}

.container-columns .grid {
  text-align:center;
  /*background: #eaebec;*/
  color: #fff;
  border-radius: 3px;
  padding: 5px;
  margin:3px;
  font-size: 120%;
  -moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;
}
.container-columns .full{ grid-column: 1 /4;}
textarea#description{resize: none;outline: none; box-sizing: border-box; padding:0px; margin:0px;}
/*--------------------------------------------*/
.clearfix:after {  content: "";  display: block;  clear: both;}

#category_id {font-size:30px;}

.edit-icon{background:#e9ebee url(../image/edit-icon.png) no-repeat left center;background-size:30px 30px; padding:5px 5px 3px 35px!important;min-height:30px; vertical-align: middle; display:inline-block;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px; border:1px solid #dddfe2;float: left;}

.delete-icon{background:#e9ebee url(../image/trash-icon.png) no-repeat left center;background-size:30px 30px; padding:5px 5px 3px 35px!important;min-height:30px; vertical-align: middle; display:inline-block;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px; border:1px solid #dddfe2;margin: 0 auto;}

.edit-icon a, .delete-icon a{vertical-align: middle; display:inline-block;}
.sort-icon{background:#e9ebee url(../image/sort-icon.png) no-repeat center right;background-size:20px 30px; padding:5px 5px 3px 5px!important; margin:0px 10px;min-height:30px; min-width:50px; vertical-align: bottom; text-align:left; display:inline-block;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px; border:1px solid #dddfe2;float:right; cursor:pointer;}

.sort-contents{ display:none; position:absolute;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px; border:1px solid #dddfe2;z-index: 99;background-color:#eafaf1;  margin:20px  -100px auto -50px; width:150px;}

.insert-icon{background:#e9ebee url(../image/insert-icon.png) no-repeat center center;background-size:30px 30px; padding:3px 5px 3px 5px!important;min-height:30px; min-width:50px; vertical-align: middle; display:inline-block;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px; border:1px solid #dddfe2;float:right; cursor:pointer;}

.insert-contents{ display:none; position:absolute;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px; border:1px solid #dddfe2;z-index: 99;background-color:#eafaf1;  margin:40px  -200px auto -250px; width:300px;}
/*--------------------------------------------*/
.writing{margin:10px auto 10px auto; padding:0px 0px;  width:90%;word-break:break-all; display:block; }
.writing .writing-icon{background:#e9ebee url(../image/writing.png) no-repeat left center;min-height:30px; min-width:50px; background-size:30px 30px;-webkit-background-size:30px 30px; margin:0px;padding:0px 0px 0px 10px;  cursor:pointer; }

.writing .writing-contents{ width:90%;background:#efefef;  -moz-border-radius:30px;border-radius:30px;-webkit-border-radius:30px; border:1px solid #CCCCCC; text-align:left; cursor: text; margin:0px 0px 0px 30px; padding: 0px 10px 0px 10px;display:inline-block;vertical-align:top;word-break:break-all; }
.writing-contents span{font: 400 .925rem arial;line-height:30px; }

.container-checkin{  margin:auto;text-align:right;  height: 100%;position: fixed; top: 0; left: 0;right: 0; bottom: 0;background-color: rgba(0,0,0,0.45); z-index: 99; display:none;   }

.checkin{ position:relative; padding:0px; margin:5px auto;text-align:right;  }
.checkin-hover{position: relative; padding:0px;text-align: left; display: flex;}
#checkin #checkin-control{ position:relative; vertical-align: top; margin:0px 9px 0px 135px;padding:0px 0px;min-height:25px;display:block-flex;height:auto;z-index:999; flex-wrap:wrap; text-align:left;}
#checkin #checkin-control #checkin-write{background:#ffffff url(../image/writing.png) no-repeat center center ;background-size:20px 20px; display:inline-block; width:24px; float:left;border-radius:2px;-webkit-border-radius:2px;  border:1px solid #dddfe2; height:28px;padding:0 0 0 18px; cursor:pointer; }
#checkin #checkin-control #checkin-write .text{ font:400 .875rem arial;line-height:28px;vertical-align: middle;}
#checkin #checkin-control #checkin-search{ border:1px solid #dddfe2;background:#ffffff;  margin:0px; padding:0px 0 0 0px; display:block; width:100%; text-align:left; }

#checkin  #checkin-control #checkin-input{outline:none;margin:0px 0px; padding:0 50px 0 5px;border:none; box-sizing:border-box;min-height:28px;text-align: left;background:none; font:400 .975rem arial; width: calc(100% - 90px);}
#checkin  #checkin-control #checkin-input::placeholder{ color:#cccccc;}

#checkin  #checkin-control #checkin-input::-ms-input-placeholder{ color:#cccccc;}
#checkin  #checkin-control #checkin-input::-webkit-input-placeholder{ color:#cccccc;}
#checkin #checkin-control #checkin-close{position: absolute;display: flex;align-items: center; background:#ffffff;top:1px;right:50px;margin: 0px 0px;padding: 0px 0px 0px 3px;cursor: pointer; min-width:20px!important; min-height:24px!important;  vertical-align:middle;}
#
#checkin #checkin-control #checkin-close #checkin-x-close{display:inline-block;right:0px;margin:auto 0px;padding: 0px 20px 0px 3px;cursor: pointer; min-width:20px!important; min-height:25px!important; vertical-align:middle;-moz-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-bottom-right-radius:4px; }

#checkin #checkin-control .checkin-icon{ position:absolute;background:#f5f6f7 url(../image/search-gray.png) no-repeat center center; top:0px;right:0px;margin: 0px 0px;padding: 0px 20px 0px 3px;cursor: pointer; min-width:30px!important; min-height:28px!important;display:inline-block; vertical-align:middle;-moz-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-bottom-right-radius:4px; }
#checkin #checkin-control .checkin-icon:hover{ background-color:#dddfe2;}
#checkin #checkin-control .checkin-icon .checkin-icon-txt-view{font-weight:normal!important;}

#checkin #checkin-control #checkin-icon-add{margin: 5px 0px;padding: 0px 0px 0px 3px; min-width:30px; min-height:30px; line-height:25px; min-width:30px;vertical-align:middle; display:none;border-radius:4px;-webkit-border-radius:4px; background:#ffffff; border:1px solid #dddfe2; text-align:center; }
#checkin #checkin-control .add-close{ float:right; cursor:pointer; background:url(../image/close.png) no-repeat left top; background-size:18px 18px;width:20px; height:20px; display:inline-block; margin:3px;}
#checkin #checkin-control  #checkin-icon-txt-add{padding:3px; text-align: justify;display:inline-block;}
#checkin  #checkin-control #checkin-position{ margin: 3px 10px; padding:2px 5px;background:#f5f6f7;-moz-border-radius:20px;border-radius:20px;-webkit-border-radius:20px; vertical-align:middle; text-align:center;}
#checkin #checkin-control #checkin-icon-add #checkin-icon-add-btn{padding:3px 20px;-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px; border:1px solid #cccccc; text-align:center; background:#f2f2f2; cursor:pointer;display:inline-block;}
#checkin #checkin-control #checkin-icon-add #checkin-icon-add-btn:hover{ background:#f5f6f7;}
#checkin   #checkin-icon-add #checkin-update{ font:400 .925rem arial; margin:0px; padding:2px 3px; cursor:pointer; text-align:right;}
/*#checkin #checkin-control .checkin-icon .checkin-icon-txt-view{  padding:0px 25px;vertical-align:middle; display:inline-block;}
#checkin #checkin-control .checkin-icon-add .checkin-icon-txt-add{  padding:0px 25px;vertical-align:middle; display:inline-block;}
#checkin #checkin-control .checkin-icon .checkin-icon-txt-add,#checkin #checkin-control .checkin-icon-add .checkin-icon-txt-view,.checkin .checkin-icon-txt-view,.checkin .checkin-icon-txt-add{ display:none;}*/
#checkin #checkin-control #checkin-confirm{display:none; margin:5px 0px;border-radius:4px;-webkit-border-radius:4px; background:#ffffff; border:1px solid #dddfe2; text-align:center; }
#checkin #checkin-control #confirm-close{ float:right; cursor:pointer; background:url(../image/close.png) no-repeat left top; background-size:18px 18px;width:20px; height:20px; display:inline-block; margin:5px;}
#checkin #checkin-control #checkin-confirm #checkin-confirm-btn{padding:3px 20px;-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px; border:1px solid #cccccc; text-align:center; background:#f2f2f2; cursor:pointer;display:inline-block;}
#checkin #checkin-control #checkin-confirm:after{content: ""; display:  block;  clear: both; line-height:0px;}

#checkin-content{ position:relative;margin:10px auto; padding:0px 0px 0px 0px;  text-align: center;min-height:25px;background:#FFFFFF; -moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px; background:#ffffff; border:1px solid #dddfe2; width:98%; height:auto;display:block;height:auto;z-index:999; flex-wrap:wrap;  }
#checkin .max{ width:100%; height:auto;}
#checkin .min{ width:0px; height:0px; overflow:hidden;}
#checkin-content #checkin-location{/*background:url(../image/check-in.png) no-repeat left top;background-size:25px 25px;*/ text-align: left;  vertical-align: middle; cursor:pointer; padding:2px 0px 2px 30px; margin:5px; display:inline-block;background:#f5f6f7;-moz-border-radius:20px;border-radius:20px;-webkit-border-radius:20px;   }
#checkin-content #checkin-location #at-location{color:#33CC99;font:400 .915rem arial; display:inline-block; }



#checkin  #checkin-location .imgClose,#checkin  #checkin-position .imgClose,.imgClose{  margin: auto 10px; vertical-align:middle; cursor: pointer;}
#checkin-content #checkin-content-head{ background:#f5f6f7; margin:0 0 5px 0px; padding:4px 10px;border-bottom:1px solid #dddfe2;}
#checkin-content #checkin-content-head #head-title{ float:left; font:400 .825rem arial; font-weight:bold; cursor:pointer;display:inline-block; /*height:20px;background: #ffffff;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);transform: skew(-20deg);*/ }
#checkin-content #checkin-content-head #hotel-title{ float:left; font:400 .825rem arial; font-weight:bold; margin:0 1px; cursor:pointer;width: 150px; /*height:20px;background: #ffffff;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);transform: skew(-20deg);*/ }
#checkin-content #checkin-content-head .active{ color:#222222;}
#checkin-content #checkin-content-head #head-close{ float:right; cursor:pointer; background:url(../image/close.png) no-repeat left top; background-size:18px 18px;width:20px; height:20px; }
#checkin-content #checkin-content-head:after{ content: "."; display:  block;  clear: both;visibility: hidden; line-height: 0; height: 0;}
#checkin-content #checkin-location:empty{display:none;}
#checkin-content #checkin-text{calc(width:100%-20px); text-align:right;/*background:url(../image/writing.png) no-repeat 6px 0px ;background-size: 24px 24px;*/ padding-left:20px; text-align:right;overflow:hidden;}
#checkin-content #_description{ width:99%; border:none; padding:0px; margin:3px 0px; min-height:18px; outline:none;font:400 1.075rem arial; text-align:left;}
#checkin-content #_description ul{ padding-left:5px;}
#checkin-content #checkin-description{ width:90%; min-height:25px; border:none; line-height:0px; height:0px; outline:none;font:400 1.075rem arial;resize:none}


#checkin-img { text-align:left; width:98%; vertical-align: middle;display:block; margin:8px 0px;}
#checkin-img #imgadd{background:url(../image/img-add.png) no-repeat center center ;background-size:32px 32px;height:32px; width:32px; line-height:32px; cursor:pointer;position: relative;display:inline-block; margin:0px 5px;}
.hover{ border:1px solid #CCCCCC!important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3; }
#checkin-img #locadd{background:#f5f6f7 url(../image/check-in.png) no-repeat  left center;background-size: 22px 22px;height:25px;line-height:25px; padding:0 5px 0 22px;  margin:3px 5px;display:inline-block; vertical-align: bottom; -moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border: 1px solid #dddfe2; cursor:pointer;}
#checkin-img #menuadd{background:url(../image/menu-add.png) no-repeat center center ;background-size:32px 24px;height:32px; width:32px; line-height:32px; cursor:pointer;position: relative;display:inline-block; margin:0px 5px;}

#checkin-img #camadd:active{ transform:translate(0,2px); -webkit-transform:translate(0,2px);  }
#checkin-img .camadd{background:url(../image/video.png) no-repeat center center ;background-size:30px 30px;height:35px; width:35px; line-height:35px; cursor:pointer;position: relative;display:inline-block; margin:0px 5px;}
#checkin-img .camadd-close{background:url(../image/stop-video.png) no-repeat center center ;background-size:30px 30px;height:35px; width:35px; line-height:35px; cursor:pointer;position: relative;display:inline-block; margin:0px 5px;}
#camcont{width:100%; height:auto;  background: #000000;  display:none; text-align:center; margin:5px 0px; padding:0px 0px; position:relative;}
#camcont video{width:99%; height:auto; margin:auto; display:block; position:relative;   }
#camcont #camtxtcont{position:absolute; z-index:999999999; top:0; left:0;right: 0;padding:5px; margin:auto; background:none;}
#camcont #camtxt{ background:none;display:table; width: 100%; text-align:left; height:30px; line-height:30px; vertical-align: middle; padding:0px; margin:auto;}
#camcont #camtxt #camaddtxt{background:#cccccc url(../image/write.png) no-repeat center center ; display: table-cell; width:25px!important; overflow:hidden; min-height:20px; line-height:20px;  -moz-border-radius:50%;border-radius:50%;-webkit-border-radius:50%; border:none; padding:3px; cursor:pointer; vertical-align:top;}
#camcont #camtxt #caminptxt{ background:none;display:table-cell;min-width: 20px; min-height:25px; line-height:25px; vertical-align:top; padding:0px 5px;}
#camcont #camtxt #caminptxt input{ display:none; background:none; color:#000000;border:none; width:100%;color:#FFFFFF;min-height:25px;line-height:25px;vertical-align: bottom;overflow: hidden;}
#camcont #camctr{height:35px; width:100%; line-height:35px; background:#000000; text-align:center; display:block;margin:0px 0px; padding:5px 0px;}
#camcont #camrec{height:35px; width:35px; line-height:35px; cursor:pointer;position: relative;display:inline-block; margin:0px 5px;}
#camcont #camsnap{background:url(../image/capture.png) no-repeat center center ;background-size:35px 35px;height:35px; width:35px; line-height:35px; cursor:pointer;position: relative;display:inline-block; margin:0px 5px;}
#camcont #camsnap:active{transform:translate(0,2px); -webkit-transform:translate(0,2px); }
#camcont #campreview{height:35px; width:35px; line-height:35px; cursor:pointer;position: relative;display:inline-block; margin:0px 5px; -moz-border-radius:50%;border-radius:50%;-webkit-border-radius:50%; overflow:hidden;}
#camcont #campreview img{ max-width:100px; max-height:100px;}

#checkin-img-upload{ text-align:left; width:98%; vertical-align: top;display:block;/* border-bottom:1px solid #dddfe2;*/ padding:5px 0px;  }
#checkin-catlist{ text-align:left; width:98%; vertical-align: top;display:block;/* border-bottom:1px solid #dddfe2;*/ padding:5px 0px;  }
#checkin-catlist .catlist-item{ font-size:12px; display:inline-block;text-align: center;  vertical-align: middle; cursor:pointer; padding:2px 4px 2px 4px; margin:2px 4px; display:inline-block;background:#f5f6f7;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;}
/*#checkin-catlist .catlist-item:hover{ background:#b5b600;}*/
#checkin-catlist .catlist-item.active{ background:#c5c6c7!important;}  
#dialog-img{ display:none;}
#dialog-img #dialog-text{ width:98%; max-width:98%!important; border:1px solid #cccccc;}
#dialog-img .dialog-ytb{background:url(../image/play-video.png) no-repeat left center ;background-size:25px 20px;height:30px;  padding:0 0 0 30px; display:block; vertical-align:middle; margin:5px 0 0 0;}
#dialog-img .dialog-ytb .dialog-ytb-url{ width:80%; border:1px solid #cccccc; }
#dialog-img .dialog-ytb-iframe{ }
 
 .imgBoxPreView{display: inline-block;width: 80px;min-height: 80px; margin:15px; position:relative;background:#CCCCCC;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px; border:none;  } 
 .imgBoxPreView .imgPreView{width: 80px;min-height: 80px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px; border:none; }
 .imgBoxPreView .imgPreView.blur{width: 80px;min-height: 80px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3; z-index:999; }
 .imgBoxPreView .imgLoading{ position:absolute;left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:999999;}
 .imgBoxPreView .close{ background:#ffffff;position:absolute!important; top:0p; left:0; z-index:9999;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px; border:none; padding:2px; cursor:pointer; display:inline-block;}
 .imgBoxPreView .edit-img{ background:#ffffff;position:absolute!important; top:0p; right:0; z-index:9999;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px; border:none; padding:2px; cursor:pointer; display:none;}
 .imgBoxPreView .close:hover{background:none;}
 .imgBoxPreView .edit-img:hover{background:none;}
 .imgBoxPreView .edit-img .edit-bar{ display:none; position: absolute; z-index:99999; left:-35px; top:-35px;width:100px;height:25px; text-align:center;  }
 .imgBoxPreView .edit-img .edit-menubar{ position: relative;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;background:#f5f6f7; margin:0px; padding:0px 0px;border:1px solid #cccccc;width:100%;height:25px; line-height:25px; display:block;  }
 .imgBoxPreView .edit-menubar .edit-rol{background:#f5f6f7 url(/catalog/view/theme/mobile/image/rotate-left.png) no-repeat center; background-size:20px 20px;width:28px;height:24px;display:inline-block; margin:0px 5px 0px 0px; padding:0px;}
 .imgBoxPreView .edit-menubar .edit-ror{background:#f5f6f7 url(/catalog/view/theme/mobile/image/rotate-right.png) no-repeat center; background-size:20px 20px;width:28px;height:24px;display:inline-block;margin:0px 5px 0px 0px;padding:0px; }
 .imgBoxPreView .edit-menubar .edit-ins{background:#f5f6f7 url(/catalog/view/theme/mobile/image/insert-post.jpg) no-repeat center; background-size:20px 20px;width:28px;height:24px;display:inline-block;margin:0px 0px;padding:0px; }
.imgBoxPreView .edit-menubar .edit-rol:hover,#checkin-img-upload .imgBoxPreView .edit-menubar .edit-ror:hover{ background-color:#ffffff;}
.imgBoxPreView .edit-bar .arrow{ background:url(/catalog/view/theme/mobile/image/down_d.gif) no-repeat 40px  bottom; width:100%; height:7px; display:inline-block;}

.imgBoxPreView .text-img{position:absolute!important; bottom:3px; right:2px; z-index:9999; display:inline-block; min-height:16px;width:80px;}
.imgBoxPreView .text-img .icon-img{ position:absolute;background:#ffffff; right:0px; bottom:2px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px; border:none; padding:2px; cursor:pointer; display:inline-block; width:16px; height:16px;}
.imgBoxPreView .text-img .text-bar{ display:inline-block; color:#FFFFFF; line-height:16px; height:16px; overflow:hidden;white-space: nowrap; width:100%;}



#checkin #checkin-post{display:inline-block; width:100%; /*background:#edf2fa;margin:5px auto; padding:0px;text-align:center;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;*/ }
#checkin #checkin-post #checkin-post-button{ background:#616f8c; display:inline-block; width:98%; min-height:22px; margin:10px auto 3px auto; padding:3px 0px; text-align:center; color:#FFFFFF; cursor:pointer;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px; border:none; }
#checkin #checkin-post #checkin-post-button:hover{ background:#365899;}
#checkin #checkin-alert{ margin:2px auto; color:#FF0000;}

/*--------------------------------------------*/
.news-item{width:99%; height:auto;position:relative;   margin:0px auto 12px auto;padding:5px 2px; background:#fafbfc;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border:1px solid  #dddfe2;font:400 1.025rem arial; vertical-align:top; overflow:visible; display:inline-block; text-align: center; }

.article{width:99%; height:auto;position:relative;   margin:0px auto 12px auto;padding:5px 2px; background:#fafbfc;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border:1px solid  #dddfe2;font:400 1.025rem arial; vertical-align:top; overflow:visible; display:inline-block; text-align: center; }
.article .item{margin:5px; display:inline-block;position: relative; vertical-align:top;}

@media only screen and (min-width: 800px) {
.article .desc{ padding:0px 5px 0px 5px; word-wrap: break-word; display:inline-block;vertical-align:top;max-width:320px; cursor:pointer; text-align:left; }
.article .item.img{ max-width:220px; }
}
.article .item.img{ overflow: hidden; max-width:220px;  }
@media only screen and (max-width: 799px) {
.desc{ max-width:98%; width:98%;text-align:left;}
.article .item.img{ max-width:220px; }
}
.article .desc a{ color:#000000;}
.article .desc:active{ color:#999999;}
.article .item .txt_price{color:#e12d2d;font-weight: 700;font-size: 18px;line-height: 18px;}
.article .item .txt_sub{font-size: .825rem; display:inline-block;}
.article .item .checkmark,.checkmark{ background:url(../image/checkmark.png) no-repeat left center; background-size:20px 16px; padding-left: 25px;}
.article .item  .button{ background:#dddfe2;}
.article .room-count{ background:url(../image/room.png) no-repeat left center; background-size:20px 16px;display:block; margin:5px; padding:0px 40px;text-align:left; vertical-align: bottom; }
.article, .article > *{}
.article img.max{ width:98%;max-width:98%;text-align:justify; z-index:2;}
.article img.max500{ max-width:500px;text-align:justify; z-index:2;}
.article figure img{width:98%;max-width:98%;text-align:justify;}
.article .title{font: 400 1.225em arial;line-height: 1.313;}
.article .detailtitle{font:700 1.125em arial;}
.article .sub-info{ display:block; text-align:left;}
.article .cat-name{background:url(../image/sale-icon.png) no-repeat left center; background-size:16px 16px; text-align:left; color:#999999;font:400 .825rem arial; line-height:25px; height:25px; padding: 2px 20px; margin:auto 2px;}
.article .location-name{background:url(../image/check-in.png) no-repeat left center; background-size:18px 18px; text-align:left; color:#999999;font:400 .825rem arial; line-height:25px; height:25px; padding: 2px 30px;}
.article .location-distance{background:url(../image/my-loc.png) no-repeat left center; background-size:50px 30px; text-align:left; color:#999999;font:400 .825rem arial; line-height:30px; padding: 0px 55px; margin: 0px 30px; display:inline-block;}
.article ._bottom{ border-top:0px solid #dddfe2; width:98%; margin:5px auto; display:inline-block;}
.article ._bottom ._com{ display:inline-block;background:url(../image/comment.png) no-repeat left center; padding:2px 2px 2px 20px; margin:3px; cursor:pointer; }
.article .shadow-booking{ width: 100%;height: 100%;position: fixed; top: 0; left: 0;right: 0; bottom: 0;background-color: rgba(0,0,0,0.45); z-index: 99991; }
.article .bookingbox{ position:absolute; width:99.99%; height: auto; top:0; background:#fafbfc; overflow: visible; z-index:99992;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; border:1px solid  #dddfe2;-moz-box-shadow:0 2px 8px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 8px rgba(0,0,0,.2); box-shadow:0 2px 8px rgba(0,0,0,.2);}
.article .bookingbox ._ctr{ position:relative; display:block; text-align:right; width:100%;}
.article .bookingbox ._ctr .close{ cursor:pointer; background:url(../image/close.png) no-repeat left top; background-size:18px 18px;width:20px; height:20px; display:inline-block; margin:3px;}
.article .bookingbox ._content{position:relative; display:block; width:100%;} 
/*#_name[value='']{
 border:none; background:none; cursor:pointer; outline:none;
}

 #_name:not[:empty]{
 background:#fff!important; 
}*/

#_name:not(:placeholder-shown) {
 background:#fff!important;   
}
#_name:placeholder-shown {
 border:none; background:none; cursor:pointer; outline:none;
}

/*---------- share button, news customer info--------------*/

.socials-share {   text-align: right;  padding:0px; display:inline-block; min-width:72px;}

.socials-share a { text-decoration:none;white-space: nowrap;padding:5px 5px; }



.bg-facebook { font:600 1.275rem arial; text-align:center; vertical-align:middle; width:20px; height:20px;display:inline-block;    background: url(../image/f-icon.png) no-repeat center;background-size:8px 16px;-moz-border-radius:50%;border-radius:50%;-webkit-border-radius:50%; border:1px solid #666666; color:#000066; margin:auto;}

.bg-facebook:hover, .bg-facebook:focus{background-color:#1d418d;}

.bg-twitter { font:600 1.275rem arial; text-align:center; vertical-align:middle; width:20px; height:20px;display:inline-block;background: url(../image/tw-icon.png) no-repeat center;background-size:20px 20px;-moz-border-radius:50%;border-radius:50%;-webkit-border-radius:50%; border:1px solid #666666; color:#000066; margin:auto;}

.bg-twitter:hover, .bg-twitter:focus { background-color: #0b93c7;}

.bg-google-plus {font:600 1.275rem arial; text-align:center; vertical-align:middle; width:22px; height:22px;display:inline-block;background: url(../image/gp-icon.png) no-repeat center;background-size:20px 20px;-moz-border-radius:50%;border-radius:50%;-webkit-border-radius:50%; border:1px solid #666666; color:#000066; margin:auto;}
.bg-google-plus:hover, .bg-google-plus:focus {    background: #bb2a1d;}

.news-customer{ vertical-align:middle;  text-align:left; display:block; padding:0px;}
.news-customer .customer-image{ float:left; vertical-align:top; margin:0px 5px; position:relative;}
.news-customer .customer-image .avatar img{width:32px; height:32px;-moz-border-radius:50%;border-radius:50%;-webkit-border-radius:50%; border:1px solid #666666;margin:auto;}
.news-customer .customer-image .status{ position:absolute; right:-2px; bottom:-2px; display:block; }
.news-customer .customer-name{float:left;font:500 1.0125rem arial;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px; vertical-align:top; display:inline-block;}
.news-customer .customer-name .-name{font:550 .925rem arial; display: inline-block; vertical-align:top;}
.news-customer .customer-name .-date{font:400 .725rem arial; margin:0px 0 0 0; vertical-align:text-top; font-style:italic; margin:2px 3px; color:#666666;   }
.news-customer .news-date{font:400 .7125rem arial; margin:0px 0 0 0; vertical-align: top; }
.news-customer .customer-ctr{ float:right; margin:5px 5px; position:relative;}
.news-customer .customer-ctr .ctr-dot{background:url(../image/3-dot.png) no-repeat left center; width:20px; height:10px; display:inline-block; cursor:pointer;}
.news-customer .customer-ctr .ctr-content{ display:none; position:absolute; z-index:9; width:100px; right:0; padding:3px;border:1px solid  #dddfe2;-moz-box-shadow:0 2px 5px rgba(50,50,93,.3); -webkit-box-shadow:0 2px 5px rgba(50,50,93,.3); box-shadow:0 2px 5px rgba(50,50,93,.3); background:#fafbfc; text-align:justify;}
.news-customer:after{content: ""; display:  block;  clear: both; line-height:0px;}
.customer-ctr ._ctrItem{ padding:5px;}
/*--------------end share button, news customer info-------------*/

.video {
  position: relative;
  background: #000;
  display: block;
  margin: 20px auto;
  max-width:100%;
}
.video video {
   max-width: 100%    !important;
  height: auto   !important;
   object-fit: cover;
}
.video img,
.video iframe { display: block; }
.video img{ }
.video .play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url(../image/play-video.png) no-repeat 50% 50%;
  
  background-size: auto, cover;
  z-index: 99;
  
}

.play:hover {background-color: rgba(0,0,0,0.2) !important; }
.play:active {background-color: rgba(0,0,0,0.5) !important;opacity: 0.5; }

.modal-image .video {
    position: relative;
    
    height: 100%;
}
.modal-image .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#inputFile{ background:#FF0000; border:1px solid #FF0000; cursor:pointer;}

.list-header{ background:#f5f6f7; padding:5px;}

.ui-autocomplete{ background:#efefef; }
.ui-autocomplete-row ._row{vertical-align: baseline;display:block; position:relative; padding:0px 0px; min-height:28px;}
.ui-autocomplete-row ._label_name{vertical-align: baseline;display:inline; position:relative; font-size:11px;overflow:hidden; }
.ui-autocomplete-row ._row img{vertical-align:middle; display:inline; margin:auto 5px auto 0px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;}
.ui-autocomplete-row ._row span._select{background:#efefef url(../image/add.png) no-repeat left top; background-size:26px 26px;width:26px; height:26px; display:inline-block;position: absolute; z-index:99999999; right: 40px; top:3px;  cursor:pointer; }
.ui-autocomplete-row ._row span.close:last-child {
  position: absolute; z-index:99999991; right: 6px; top:8px;  cursor:pointer; background:#efefef url(../image/close.png) no-repeat left top; background-size:16px 16px;width:16px; height:16px; 
}

/*text-area-box*/
.ctr-cbox{ display: inline-block;width:100%; vertical-align: middle; text-align:left; margin:auto; }
.user-cbox{ display: inline-block;width:32px;height:30px; line-height:30px;padding:0px 0px; margin:10px 5px 10px 10px;-moz-border-radius:50%;border-radius:50%;-webkit-border-radius:50%; border:1px solid #CCCCCC;background:#CCCCCC;background-size:contain;vertical-align:top; overflow:hidden;}
.text-cbox{display:inline-block; position:relative; width:cal(100% - 90px);-moz-border-radius:20px;border-radius:20px;-webkit-border-radius:20px; border:1px solid #dddfe2; background:#f5f6f7;min-width:100px;min-height:30px; line-height:30px; padding:0px; margin:5px 10px 5px 5px; text-align:left;word-break: break-word;vertical-align: middle; }
.text-area-cbox{display: block; position:relative; -moz-border-radius:20px;border-radius:20px;-webkit-border-radius:20px; background:none;min-width:100px!important;min-height:30px!important; line-height:30px!important; padding:2px 10px 2px 10px; margin:auto 10px;-webkit-user-modify: read-write;-moz-user-modify: read-write;user-modify: read-write; text-align:left;word-break: break-word;vertical-align: middle; cursor:text; outline:none; }
.text-area-cbox[contenteditable=true]:empty:before{content: attr(placeholder);display: block;position: relative;vertical-align: bottom;padding:2px; margin:auto;vertical-align: middle; min-width:170px;  }
.text-area-cbox[contenteditable=true]:empty:focus:before{content:""; display:none;}
.btn-cbox{display:inline-flex; position:absolute; z-index:999;bottom:2px;right:10px;min-width:30px;height:30px; line-height:30px; vertical-align:middle; margin:auto;}
.loc-cbox{display:inline-flex;  vertical-align:middle; margin:auto;}
.loc-cbox .loc-btn-cbox{display:inline-flex;background:url(../image/check-in.png) no-repeat  left center;background-size: 22px 22px; width:35px;height:25px; cursor:pointer;}
.loc-cbox .loc-name-cbox{ position:relative;display:inline-flex;vertical-align:middle; margin:auto; line-height:25px; padding:0px 5px; }
.img-cbox{display:inline-flex;background:url(../image/photo.png) no-repeat  center center;background-size: 16px 14px; width:25px;height:25px; margin:auto 6px; cursor:pointer;}
.post-cbox{display:inline-flex;background:url(../image/post.png) no-repeat  center center;background-size: 16px 14px; width:25px;height:25px; margin:auto 6px; cursor:pointer;}
.imgpre-cbox{  position:relative;  max-width:90%; height:auto; text-align:center; margin:auto;}
.imgpre-cbox .img{ max-width:100%; height:auto; cursor:default; margin:0 auto 35px auto; }
.imgpre-cbox .close{ display:block; position:absolute;background:#dddfe2; display:block; right:0px; top:0px; z-index:999999; margin:0px;}
.imgpre-cbox .close:hover{background:#cccccc;box-sizing:border-box;    -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;}
/*end text-area-box*/
.listcom{ /*max-width:600px;*/ margin:auto; text-align:center;}
.listcom .row-comm {text-align: left;display: block; width:100%; margin:0 0 15px 0px; }
.listcom .user-comm{ display: block; float:left;width:32px;height:30px; line-height:30px;padding:0px 0px; margin:0px 5px 0px 10px;vertical-align:top; overflow:hidden;}

.listcom .user-comm img{ display:inline-block;width:30px;height:28px;-moz-border-radius:50%;border-radius:50%;-webkit-border-radius:50%; border:1px solid #666666;margin:auto;}
.listcom .listcom .user-comm img{display:inline-block;width:25px!important;height:23px!important;-moz-border-radius:50%;border-radius:50%;-webkit-border-radius:50%; border:1px solid #666666;margin:auto;}
.listcom .comm  .user-cbox{ display: inline-block;width:25px!important;height:23px!important; background-size:25px 25px!important;padding:0px 0px; margin:10px 5px 10px 10px;-moz-border-radius:50%;border-radius:50%;-webkit-border-radius:50%; border:1px solid #CCCCCC;background:#CCCCCC;background-size:contain;vertical-align:top; overflow:hidden;}


.listcom .comm{display:inline-block; min-width:100px; max-width:calc(100% - 150px);font:400 0.825rem arial; margin:0 0 5px 0px;vertical-align:top;}

.listcom .comm .txt-comm { display:inline-block; position:relative;min-height:22px; line-height:22px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background:#f5f6f7;padding:2px 5px 2px 10px; margin:0px 0px 5px 0px; min-width:100px;max-width:calc(100% - 50px); overflow:hidden; }
.listcom .comm .txt-comm .username-comm{ color:#345494;font-weight: 600;}
.listcom .comm .img-comm { display:block; overflow:hidden; max-width:60%;}
.listcom .comm .img-comm img{ display:block;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;max-width:100%; width:auto;padding:0px 10px; }
.listcom .re-comm{ padding:5px 10px;}
.listcom .livetime{ padding:0 5px; margin:auto 10px;}

.listcom .comm .customer-ctr{ display:none;  top:0px; vertical-align:top; position:relative;}
.listcom .comm:hover .customer-ctr{display:inline-block; }
.listcom .comm .customer-ctr .ctr-dot{background:url(../image/3-dot.png) no-repeat left center; width:20px; height:10px; display:inline-block; cursor:pointer;}
.listcom .comm .customer-ctr .ctr-content{ display:none; position:absolute; z-index:9; width:100px; right:0; padding:3px;border:1px solid  #dddfe2;-moz-box-shadow:0 2px 5px rgba(50,50,93,.3); -webkit-box-shadow:0 2px 5px rgba(50,50,93,.3); box-shadow:0 2px 5px rgba(50,50,93,.3); background:#fafbfc; text-align:justify;}

.nicescroll-rails:hover{width:12px!important;}
.nicescroll-rails:hover .nicescroll-cursors{width:10px!important;}
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 

/* manager hotel*/
.manager { display:block;}
.manager ._hotels{display:inline-block; margin:5px 10px; vertical-align:bottom; text-align:center; cursor:pointer;}
.manager ._hotels ._icon{background:url(../image/hotels.png) no-repeat center center ;background-size:40px 40px;width:60px; height:60px;-moz-box-shadow:0 2px 8px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 8px rgba(0,0,0,.2); box-shadow:0 2px 8px rgba(0,0,0,.2); margin:5px auto;}
.manager #hotel-img-add{background:url(../image/img-add.png) no-repeat center center ;background-size:35px 35px;height:35px; width:35px; line-height:35px; cursor:pointer;position: relative;display:block; margin:0px 5px;}
.manager ._room_type{display:inline-block; margin:5px 10px; vertical-align:bottom; text-align:center;cursor:pointer;}	
.manager ._room_type ._icon{background:url(../image/room-kind.png) no-repeat center center;background-size:40px 40px;width:60px; height:60px;-moz-box-shadow:0 2px 8px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 8px rgba(0,0,0,.2); box-shadow:0 2px 8px rgba(0,0,0,.2); margin:5px auto;}
.manager ._rule{display:inline-block; margin:5px 10px; vertical-align:bottom; text-align:center;cursor:pointer;}	
.manager ._rule ._icon{background:url(../image/room-rule.png) no-repeat center center;background-size:40px 40px;width:60px; height:60px;-moz-box-shadow:0 2px 8px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 8px rgba(0,0,0,.2); box-shadow:0 2px 8px rgba(0,0,0,.2); margin:5px auto;}
.manager ._room{display:inline-block; margin:5px 10px; vertical-align:bottom; text-align:center;cursor:pointer;}	
.manager ._room ._icon{background:url(../image/rooms.png) no-repeat center center;background-size:40px 40px;width:60px; height:60px;-moz-box-shadow:0 2px 8px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 8px rgba(0,0,0,.2); box-shadow:0 2px 8px rgba(0,0,0,.2); margin:5px auto;}
.manager #room-img-add{background:url(../image/img-add.png) no-repeat center center ;background-size:35px 35px;height:35px; width:35px; line-height:35px; cursor:pointer;position: relative;display:block; margin:0px 5px;}
.manager ._hotels:hover,.manager ._room_type:hover,.manager ._rule:hover,.manager ._room:hover{transform:translate(0,2px); -webkit-transform:translate(0,2px);}

.data-man { text-align:center; height:auto; display:inline-block; padding:10px;}
.data-man ._back{background:url(../image/back.png) no-repeat center center ;background-size:30px 20px;width:40px; height:30px;line-height:30px;cursor:pointer;vertical-align: middle;}
.data-man ._title{ height:30px; line-height:30px;vertical-align: bottom; padding:0 20px; font-size:18px;vertical-align: middle;}
.data-man ._add{background:url(../image/add.png) no-repeat center left;background-size:30px 30px;width:100px; height:30px; line-height:30px;cursor:pointer;vertical-align: middle; padding-left:12px;}
.data-man ._add .text{ vertical-align: middle;}
.data-man ._back,.data-man ._title,.data-man ._add{ display:inline-block;}
.data-man .data-list{ margin:auto;}
.data-man .form{ text-align:left; display:none; border:1px solid #CCCCCC; margin:10px; padding:5px;-moz-box-shadow:0 2px 8px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 8px rgba(0,0,0,.2); box-shadow:0 2px 8px rgba(0,0,0,.2); }

.data-man .data-list{ margin:10px 0px;}
.data-man .form .form-control{ width:90%;}
.data-man .form .form-group{ margin:8px 0px;}
.data-man .form .btn{ display:inline-block;color:#444; border:1px solid #CCC;background:#DDD;box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);cursor:pointer;vertical-align:middle;max-width: 100px;padding: 5px; margin:10px;text-align: center; }
.data-man .form .btn:active { color:red; box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);}
.data-man .data-list .data-table{ display:inline-block; width:100%;max-width:100%;border:1px solid #CCCCCC; overflow:hidden;}
.data-table thead th{cell-spacing:0;  padding:0 10px;}

.data-table tr td{ border-top:1px solid #CCCCCC; text-align: justify; overflow:hidden;word-wrap: break-word;text-overflow: ellipsis;white-space: nowrap; padding:5px 2px;}
.data-table tr.checked{ background:#ffcc00;}

.data-table ._hname{max-width: 150px;}
.data-table ._hadd{max-width: 180px;}
.data-table ._hphone{max-width: 140px;}
.data-table ._hchk{max-width: 60px; text-align:center;}
/* end manager hotel*/

._embed_youtube{ max-width:99vw!important;}