@charset "utf-8";
* { margin:0; padding:0; }
body {
	color:#000;
	font:12px arial, helvetica, sans-serif;
	text-align:justify;
	background-color: #fff;
}
a           { color:#555; text-decoration:none; }
a:hover     { color:#9FBC59; text-decoration:underline; }
a img       { border:0;}
:focus      { outline:0; }
input.input-text, textarea {
padding:2px;
}
input.input-text, select, textarea {
    border: 1px solid #B6B6B6;
    font: 12px arial,helvetica,sans-serif;
}
textarea {
overflow:auto;
}
input.radio {
margin-right:3px;
}
input.checkbox {
margin-right:3px;
}
ul,ol       { list-style:none; }
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;font-size:0px;line-height:0px;height:0px;}
/* Form */
form        { display:inline;}
fieldset    { border:none; }
legend      { display:none;}
label       { color:#000;  font-weight:bold; }
input, 
select, 
button      { vertical-align:middle; }
.b{font-weight:bold;}
.rd{color:#f03226;}
.menubar{padding:10px 0px 10px 0px;}
.menutop{ font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; color:#1576bb !important; font-weight:bold;white-space:nowrap;}

#rooms{position:relative;width:200px;height:172px;}
.roomnoteadd{position:absolute;top:10px;left:20px;width:25px;height:25px;}
.roomname{position:absolute;top:54px;left:84px;font-weight:bold;font-size:14px;color:#FFFFFF;text-transform:uppercase;width:33px;height:17px; text-align:center;cursor:pointer;}
.roomname a{color:#fff;}
.roomname a:hover{color:#fff;}
.rlight0{background:#00f;}
.rlight1{background:#f00;}

.cusvip{position:absolute;top:10px;left:5px;width:30px;}
.cuskey{position:absolute;top:8px;left:120px;width:40px;height:67px;}
.cprice{position:absolute;top:8px;left:120px;width:40px;height:40px;}
.roomtype{position:absolute;top:15px;left:85px;width:28px;height:28px;}
.ShowKey{position:relative;top:80px;left:0px;width:200px;height:92px;}
.roomsdoor{position:absolute;top:2px;left:80px;width:40px;height:68px;cursor:pointer;}
.roomsnote{position:absolute;top:1px;left:37px;width:30px;height:30px;background:url(../images/note.png) no-repeat;}
.numbook,.numbook:hover{display:block;width:20px;height:20px;text-align:center;font-size:16px;color:#900;padding:10px 0px 0px 7px;}
.grp-num{position: absolute;top:5px;left:0px;width:30px;text-align: center;font-weight: bold;color: #fff;font-size: 20px;cursor:default;}
.set-card{position: absolute;top: 2px;left: 80px;width: 40px;height: 34px;cursor:default;}

.func1{position:absolute;top:0px;left:25px;width:32px;height:32px;cursor:pointer;}
.func2{position:absolute;top:0px;left:135px;width:32px;height:32px;cursor:pointer;}
.func3{position:absolute;top:36px;left:25px;width:32px;height:32px;cursor:pointer;}
.func4{position:absolute;top:36px;left:135px;width:32px;height:32px;cursor:pointer;}
.func5{position:absolute;top:5px;left:75px;width:60px;height:60px;}
.func6{position:absolute;top:32px;left:100px;width:32px;height:32px;}
.holdkey{background:url(../images/key.gif) no-repeat;display:block;height:32px;width:32px;}

#listrooms1{float:left;width:150px;padding:2px;text-align:justify;}
#rooms1{position:relative;width:150px;height:110px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #03F;}
.ShowKey1{position:relative;top:40px;left:0px;width:140px;height:70px;}
.roomsdoor1{position:absolute;top:2px;left:15px;width:40px;height:68px;cursor:pointer;}
.roomsdoor2{position:absolute;top:2px;left:15px;width:40px;height:68px;cursor:pointer;}

.roomname1{position:absolute;top:23px;left:59px;font-weight:bold;font-size:14px;color:#FFFFFF;text-transform:uppercase;width:33px;height:17px; text-align:center;cursor:pointer;}
.roomname1 a{color:#fff;}
.roomname1 a:hover{color:#fff;}

#webnote{background:url(../images/note.png) no-repeat;width:32px;height:32px;}

.TipTitle{color:#FFFFFF;padding:5px;background:#f03226;}
.TipMain{padding:5px;line-height:20px;}

.titleleft{font-weight:bold;}
.infoedit{color:#990000;text-decoration:underline;}
.lineprint td{border-bottom:1px dotted #000000;padding:0px 4px 0px 4px;}
.lineprint .ptitle{border-bottom:1px solid #000000;border-top:1px solid #000000;text-align:center;}
.lineprint .ntd{border-bottom:0px}
.ShowClock{font-size:14px;color:#F00;font-weight:bold;}
.btdis{cursor: default;pointer-events: none;color: #c0c0c0;background-color: #ffffff;}
.pprice{padding:5px 0;display:inline-block;}
.pprice1{font-size:60px;font-weight:bold;color:#F00;padding:5px 0;display:inline-block;}
.pprice2{font-size:28px;font-weight:bold;color:#F00;padding:5px 0;display:inline-block;}

.srate {padding:0;margin:0;display:inline-block;text-align:center;}
.srate li{display:inline-block;text-align:center;font-weight:bold;font-size:24px;box-sizing:border-box;min-width:180px;}
.srate a{display:inline-block;margin:0 10px;}
.srate a img{-moz-border-radius: 45px;-webkit-border-radius: 45px;-ms-border-radius: 45px;-o-border-radius: 45px;border-radius: 45px;
box-sizing:border-box;background:#fdd936;margin-bottom:5px;}
.srate a.active img{-webkit-filter: saturate(10);
  filter: saturate(10);}

<!-- Start Common -->


#ContactForm{width:540px;}
#ContactForm .rows{height:auto;width:540px;}
#ContactForm .rows .colsleft{float:left;width:140px;height:auto;padding-top:5px;padding-left:5px;}
#ContactForm .rows .colsright{float:left;width:350px;height:auto;padding-top:5px;padding-left:5px;}

#ArticleTitle
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00acff;
	font-size:18px;
	font-weight:bold;
}
.line{background-image:url(../images/line.gif);background-repeat:repeat-x;height:1px;margin:0px;}

.NewsTitle{font-family:Arial,Helvetica; font-size:12px; color:#000000; text-decoration:none; font-weight: bold;}
.NewsTitle:hover{font-family:Arial,Helvetica; font-size:12px; color:#000000; font-weight: bold;}
.NewsDate{font-size:10px;color:#999999;}
.NewsContentTitle{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#CC0033;text-decoration:none;}
.NewsDescription{font-size:12px;color:#999999;font-weight:bold;line-height:1.5}
.NewsContent{font-size:12px;line-height:1.5}
.NewsImageDescription{font-size:10px;color:#999999;font-style:italic;}

.CommentName{font-size:12px;font-weight:bold;}
.CommentEmail{font-size:11px;color:#0066FF;font-style:italic;}
.CommentDate{font-size:11px;color:#999999;padding-bottom:5px;}
.scrollComment{overflow:auto}
.CommentPost{float: left;height:25px;}
.FormText{padding-top: 3px;}

.ALink{font-family:Arial,Helvetica; font-size:12px; color:#3b0094; text-decoration:none;}
.ALink:hover{font-family:Arial,Helvetica; font-size:12px; color:#0060af; text-decoration:underline;}
.TagCss{color:#0066FF;text-decoration:none;font-size:12px;}
.TagCss:hover{color:#993333;text-decoration:underline;}
.prtitle{text-align:center;font-size:24px;text-transform:uppercase;padding:20px 0;}
.prtable{border:1px solid #ccc;border-collapse:collapse;background:#fff;width:100%;max-width:1000px;font-size:16px;}
.prtable td{padding:5px 10px;}
.prtable .tr{text-align:right;}
.prtable .th{text-align:center;font-weight:bold;}

.NumOfPage{ font-family: Arial, Helvetica, sans-serif;}

.TextBox{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;text-align:left;vertical-align:middle;color:#000000;border:1px solid #b6b6b6;padding:2px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;}
.Area{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;text-align:left;vertical-align:middle;color:#000000;border:1px solid #C4C4C4;}
.Select{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;text-align:left;vertical-align:middle;color:#000000;border:1px solid #C4C4C4;}
.Button{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;text-align:center;color:#000000;background: #FFFFFF ;border:1px solid #C4C4C4;cursor:pointer;padding-top: 3px;padding-bottom: 3px;}

.page
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	BORDER-RIGHT: #6993c0 0px solid; PADDING-RIGHT: 2px; 
	BORDER-TOP: #6993c0 0px solid; PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 1px; BORDER-LEFT: #6993c0 0px solid; 
	PADDING-TOP: 1px; BORDER-BOTTOM: #6993c0 0px solid;
	display: inline;
}

.page:hover
{
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	font-size:11px;
	color:#993300;
	text-decoration:underline;
	font-weight:normal;
}
.pageselect
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	BORDER-RIGHT: #6993c0 0px solid; PADDING-RIGHT: 2px; 
	BORDER-TOP: #6993c0 0px solid; PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 1px; BORDER-LEFT: #6993c0 0px solid; 
	PADDING-TOP: 1px; BORDER-BOTTOM: #6993c0 0px solid;
	font-weight:bold;
}
.Hide{display:none;}
.Show{}
.PathCss{  font-size:12px; color:#ffffff; text-decoration:none; font-weight: bold;}
.PathCss:hover{  font-size:12px; color:#ffffff; text-decoration:none; font-weight: bold;text-decoration:underline;}
.tdGold{ font-family:Arial, Vedana, sans-serif;font-size:10px;color:#333333;}
.eForex{height:80px; overflow:scroll; overflow-x:hidden;padding:0px; width:100%;float:left;}
.td1 {padding:3px 5px;}
.TitleTable{font-weight:bold;text-align:center;font-family:Arial, Helvetica, sans-serif;}
.room_group{display: inline-block;padding: 5px 10px;background-color: #fff;margin: 0 5px;border: 1px solid #ccc;border-radius: 5px;font-size: 13px;font-weight: bold;}
.room_group:hover{text-decoration: none;background-color: #2a7efe;color: #fff;}
.room_group.active{background-color: #900 !important;color: #fff;}

#product_tabs_description{text-align:center;padding:5px 0;text-transform:uppercase;}
#dhtmltooltip{
	border:#f03226 1px solid;
	padding: 0px;
	font-size: 10pt;
	z-index: 100;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	-khtml-opacity: .90;
	opacity: .90;
	left: -300px;
	visibility: hidden;
	font-family: Arial;
	position: absolute;
	background-color: #fff;
	width: 340px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#dhtmlpointer{
	z-index: 101;
	left: -300px;
	visibility: hidden;
	position: absolute;
}
.hotel-main .card-header-hotel{padding:0 0.25rem;}
.hotel-main .hotel-card-body{padding-left: 0.5rem;padding-right: 0.5rem;}
.room_filter{width: 200px;}
.hform-table{border-collapse:collapse;margin: auto;}
.hdata-table{border-collapse:collapse;margin: auto;width: 100%;border: 1px solid #ccc;min-width: 1000px;}
.hdata-table td{border: 1px solid #ccc;}
.hdata-table td table td{border: none;}

@media only screen and (max-width: 768px) {
	.hform-table tr{height: auto;}
	.hform-table tr td{display: block;width: 100% !important;padding: 2px 5px;}
	.hform-table tr td:first-child{text-align: left;padding-top: 10px;}
	.member-form .TextBox{width: 160px;}
}