@charset "utf-8";
#masthead_promo {
	background-image:url(/_inc/declare/hotelcom/images/header/top_logo_bg.jpg);
	background-repeat:repeat-x;
	height:35px;
	font-family:Arial,PMingLiU, Helvetica, sans-serif;
	}
	
#masthead_promo .mast_width{ width:990px;margin:0px auto; position:relative;}
#masthead_promo .hotelcomlogo{float:left; margin:0 0 0 10px;}
#masthead_promo .booklogo{float:right;margin:0 10px 0 0;}

#masthead_promo .topad_area{padding:0px 5px 0px 0px;text-align:center; line-height:35px; color: #C00; font-size: 10pt;}
#masthead_promo .topad_area a{color:#FF6600;text-decoration:none;margin:0 0.5em; padding:0;}
#masthead_promo .topad_area a:hover{text-decoration: underline;}
#masthead_promo img{ vertical-align:bottom;}



/* travel-fair¼s§i */
/* CSS Document */
.topbanner_travelfair{ overflow:hidden;background:#52ccff url(/_inc/declare/images/travel-fair/bannerbg.gif) no-repeat center; width:100%;  position:relative;}
.bannersize{ width:970px; margin:auto; position:relative;}
.topbanner_travelfair span{display:block;}
.icon-banner{
  display: inline-block;stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  }
.icon-bannerlogo{
  width: 200px;
  height:84px;
   position:absolute;top:0; left:0;
animation: bannerlogo 1s;
-moz-animation:bannerlogo 1s;	/* Firefox */
-webkit-animation: bannerlogo 1s;/* Safari ©M Chrome */
-o-animation:bannerlogo 1s;	/* Opera */
}
.topbannertext{ position:relative; margin:auto; width:590px; height:120px;font-size:30px; color:#fff; line-height:1.3em}

.topbannertext .banner_text01,
.topbannertext .banner_text02{ position:absolute;top:0%; left:0;width:100%}
.topbannertext .banner_text01{animation:opacity1 10s linear infinite;}
.topbannertext .banner_text02{animation:opacity2 10s linear infinite;}
.icon-bannertext1-1,
.icon-bannertext2-1{
  width: 148px; margin:0 -10px 0 0; position:relative; top:-10px;transform: rotate(-10deg);
  height:70px;}
.icon-bannertext1-2,
.icon-bannertext2-2{ position:relative;margin:5px 0 0 0; 
  width: 448px;
  height:110px;}

.topbannertext strong{ display:block;font-size:2em;line-height:1.3em}
.topbanner_travelfair img{ max-width:100%; max-height:100%; width:auto; height:auto; }
@media screen and (max-width:970px){
.bannersize{ width:100%;}
.icon-bannerlogo{
  width: 30%;}
.topbannertext{ margin: auto 0 auto auto;}}
@media screen and (max-width:870px){
.topbannertext{width:70%;}
.icon-bannertext1-1,
.icon-bannertext2-1{ width: 25%;margin:0 -2% 0 0; }
.icon-bannertext1-2,
.icon-bannertext2-2{ width: 77%;}}
@media screen and (max-width:700px){
	.topbannertext{height:100px}
.icon-bannertext1-2,
.icon-bannertext2-2{height:100px}}
@media screen and (max-width:500px){
	.topbannertext{height:100px}
.icon-bannerlogo{
  width: 30%;}
.icon-bannertext1-1,
.icon-bannertext2-1{ display:block; position:absolute;top:0; left:0; margin:0;height:40px; width:30%;}
.icon-bannertext1-2,
.icon-bannertext2-2{margin:30px 0 0 0;width: 100%;height:70px}}
@media screen and (max-width:375px){
	.topbannertext{height:90px}
.icon-bannertext1-1,
.icon-bannertext2-1{margin:0;height:35px;}
.icon-bannertext1-2,
.icon-bannertext2-2{margin:25px 0 0 0;height:65px}}
@media screen and (min-width:1180px){
.bannersize{ width:1100px;}
.topbannertext{width:730px;}
.icon-bannertext1-1,
.icon-bannertext2-1{
  width: 158px;}
.icon-bannertext1-2,
.icon-bannertext2-2{
  width: 468px;}
}

@keyframes bannerlogo
{
from {transform:translate(0,-100%)}
to {transform:translate(0,0)}
}

@-moz-keyframes bannerlogo
{
from {transform:translate(0,-100%)}
to {transform:translate(0,0)}
}

@-webkit-keyframes bannerlogo
{
from {transform:translate(0,-100%)}
to {transform:translate(0,0)}
}

@-o-keyframes bannerlogo
{
from {transform:translate(0,-100%)}
to {transform:translate(0,0)}
}
@keyframes opacity1
{
0% {transform:translate(0,100%);opacity:0;;z-index:2}
5% {transform:translate(0,0%);opacity:1;z-index:2}
50% {transform:translate(0,0%);opacity:1;z-index:1}
54.99% {transform:translate(0,0%);opacity:0;z-index:1}
55% {transform:translate(0,0%);opacity:0;z-index:1}
100% { transform:translate(0,100%); opacity:0; z-index:1}
}
@keyframes opacity2
{
0% {transform:translate(0,0);opacity:1;z-index:1}
4.99% {transform:translate(0,0);opacity:0;z-index:1}
5% {transform:translate(0,100%);opacity:0;z-index:1}
50% {transform:translate(0,100%);opacity:0;z-index:2}
55% {transform:translate(0,0);opacity:1;z-index:2}
100% {transform:translate(0,0);opacity:1;z-index:2}
}