@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
       
font-style: normal;

}
.flaticon-left-arrow:before { content: "\f100"; }
.flaticon-shopping-cart:before { content: "\f101"; }
.flaticon-arrow-point-to-down:before { content: "\f102"; }
.flaticon-play-button:before { content: "\f103"; }
.flaticon-tripadvisor-logotype:before { content: "\f104"; }
.flaticon-youtube-logo:before { content: "\f105"; }
.flaticon-instagram:before { content: "\f106"; }
.flaticon-twitter-logo-silhouette:before { content: "\f107"; }
.flaticon-facebook-logo:before { content: "\f108"; }
.flaticon-shape:before { content: "\f109"; }
.flaticon-circle:before { content: "\f10a"; }
.flaticon-up-arrow:before { content: "\f10b"; }
.flaticon-right-arrow:before { content: "\f10c"; }
.flaticon-down-arrow:before { content: "\f10d"; }
.flaticon-checked:before { content: "\f10e"; }




html,body{width:100%;padding:0;font-family: 'Open Sans';font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased; overflow-x: hidden;}
a,a:hover,a:active,a:focus{ cursor:pointer; color:#ffffff;text-decoration:none;outline:none;transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ font-family: 'Open Sans', sans-serif; font-weight:100;padding-top:0;margin:0 0 10px}
p{margin:0 0 10px}
.clear{clear:both}
ol,ul{list-style:none;padding:0}
b.caret{margin-top:-3px}
figure img{width: 100%;}

.tittle h2{ font-size: 30px; color: #333333; text-transform: uppercase;}
.tittle h2 span{display: block; font-size: 18px; font-style: italic; line-height: 30px;}
.tittle{margin-bottom: 20px; text-align: center;}
.h4-title{ font-size: 18px;  font-weight:600; }
h3{ font-size: 20px; font-weight: 500;}

/*header.tittle h2{ font-size: 30px; color: #ffffff;}
header.tittle h2 span{display: block; font-size: 18px; font-style: italic; line-height: 30px;}
header.tittle{margin-bottom: 20px;}*/

.container{position: relative;}
/*head*/
.header{width: 100%;position:absolute;z-index:99; padding:0;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	
}
.header .logo{width: 180px; height: 150px; text-indent: -999em; display: block; overflow: hidden; background: url(../images/logo.png) no-repeat top left;  background-size: 100%; float: left;}
.top-nav{position: absolute;right: 0;  z-index: 1; display: block; overflow: hidden; width: auto; text-transform: uppercase; top: 20px; color: #ffffff; line-height: 22px; font-size: 13px;}
.option{ display:block; float: left; margin: 5px 10px;}
.nav-menu{display: block; float: left;}
.nav-menu ul{display: block; overflow: hidden;}
.nav-menu ul li{ display: inline-block; text-align: left; margin: 5px 5px;}
/* #weather{width: 70px; float: left;} */
.wearther-title{float: left;}
.flatWeatherPlugin .wiToday .wiIconGroup div.wi{ margin-top: -7px;}
a.online-store { color:  #ff9e1f !important;}
.ic-shop { background: url('../images/ic-total.png') no-repeat -188px -108px;width: 17px;height: 16px; vertical-align: -2px; display: inline-block;}
/*head*/

/*nav-mobile*/
.nav-mobile { position: fixed; z-index: 999999; top: 0; right: 90px; padding-top: 15px; display: none;}
.nav-mobile .btn-onlinestore { display:inline-block; border-radius: 30px; padding: 10px 25px;background: #ff9e1f; }
.menu-mobile { display:none !important; }

.language { float:right; margin-right:15px; margin-top:0px; vertical-align:-5px;}
.language a { font-size:13px;}
.language ul {  display: inline-block; margin:0; padding:0;}
.language li {  display: inline-block; font-size:12px; color:#b59f5d;}
[class^="iclang-"],
[class*=" iclang-"] {background-image:url(../images/ic-total.png); background-repeat:no-repeat; width:17px; height:12px; vertical-align:-2px; display:inline-block; } 
.iclang-eng { background-position: -10px -8px;}
.iclang-cn { background-position:-48px -5px;}

.box-btn{display: block; margin-top: 50px;}
.box-btn a, .submit{ border: solid 1px #ffffff; padding: 10px 40px; text-transform: uppercase; display: inline-block;}
.box-btn a:hover, .submit:hover{ background-color:rgba(105,105,105,1.00);}
.btn-color{background-color: #273272; color: #ffffff;}
.read-more{font-style: italic; display: inline-block;position: relative;}
.read-more:after{content: ''; position: absolute; width: 90%; height: 1px; left: 0; right: 0; margin: auto; display: block;overflow: hidden; background-color: #ffffff;}


/*content*/
.main{display: block; position: relative;}
.rev-caption{width: 100%; left: 0; right: 0; position: absolute; z-index: 98; top: -185px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.chagePos{top: -90px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.nav-main{ position: absolute; background-color:rgba(105,105,105,0.9);  z-index: 999; top: -70px; width: 100%; line-height: 66px; }
.sticky {position: fixed;width: 100%;left: 0;top: 0; z-index: 100;border-top: 0;bottom:inherit; background-color:rgba(105,105,105,1);transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.menuzord{ padding: 0;}
.menuzord-menu{width: 100%;}
.menuzord-menu > li > a{color: #ffffff; text-transform: uppercase; padding: 26px 26px;}
.menuzord-menu-cn > li > a{padding: 26px 20px;}
.menuzord-menu > li.active > a, .menuzord-menu > li:hover > a{ color: #2bc0f2; }

.menuzord .showhide{ height: 70px;}
.menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown{padding: 10px; }
.menuzord-menu ul.dropdown li{ border-top: solid 1px rgba(51,51,51,0.1);}
.menuzord-menu ul.dropdown li:first-child{border: none;}
.menuzord-menu ul.dropdown li a{ padding:10px 20px; line-height: 20px; font-size: 14px;}
.menuzord-menu > li > a > i{float: inherit; font-size: 8px; }
.menuzord-menu li .indicator{ position: relative;}
.menuzord-menu li .indicator:before{font-family: Flaticon; content: "\f10d"; font-size: 10px;}
.online-right{float: right!important; display: block!important;}
.front-section{padding: 60px 0;}
.location-section{ padding: 80px 0 0;}


/*welcome*/
#welcome{background-color: #273272; text-align: center; color: #ffffff;}
#welcome h2{ color: #ffffff;}
.wraphidemain{display: none;}
.read-open { padding-left:22px !important;}

/*slider*/
.slider{}
.box-item{ margin: 5px;}
.box-item h3{ margin-bottom: 10px; text-transform: uppercase; font-size: 20px;}

/*front accom*/
.front-accom { padding-bottom: 80px;}
.front-accom .tittle{ margin-top: -80px;}
.front-accom .tittle h2{ margin-bottom: 50px;}
.front-accom .box-item{ margin: 5px 100px; position: relative;}
.front-accom h3{position: absolute; bottom: 0; z-index: 1; background-color: rgba(0,0,0,1.00);  width: 100%; margin-bottom: 0; color: #ffffff; text-align: center; font-size: 16px; padding: 15px 0;} 
/*front service*/
.front-service{ }
.slide-service .box-item{}
.slide-service .box-item figcaption{ background-color: #757671; padding: 30px 10px; color: #ffffff; text-align: center; display: table;vertical-align: middle; width: 100%; min-height: 280px;}
.slide-service .caption{ display: table-cell;vertical-align: middle;}
/*reccom*/
.front-reccomend{ background-image: url(../images/bg-reccom.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: 100%;}
.front-recc{ position: relative; }
.cap-recc{position: absolute; background-color: #ffffff; padding: 30px; width: 40%;  }
.cap-recc .box-btn a, .box-btn a.blue{ background-color: #273272;}
.box-btn a.blue:hover, .cap-recc .box-btn a:hover{ background-color:rgba(105,105,105,1.00);}
.cap-recc p{ margin-top: 15px;}
.front-reccomend img{border: solid 1px #ffffff;}

/*front promotion*/
.front-promotion{ background: url(../images/bg-front-promotion.jpg) no-repeat top center; background-size:cover; text-align: center; color: #ffffff; margin-bottom: 80px;}
.front-promotion .tittle h2{ color: #ffffff;}
.front-promotion figure{ position: relative}

.video{  background: url(../images/bg-ve.jpg) no-repeat bottom center #edefed; background-size: cover; padding-bottom: 16%; padding-top: 16%;  }

/*inner*/
.bg-header{ }
.bg-header{ background-color: rgba(105,105,105,0.1); margin-bottom: 30px; padding:50px 0;}
.bg-header .tittle{ margin-bottom: 0;}
.bg-header .tittle h2{ margin-bottom: 20px;}
.hotel-inner h3{ color: #ffffff; font-weight: 600; text-transform: uppercase; font-size: 22px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);}
.room-inner{margin-top:20px; display: block; position: relative;}
.room-inner h3{ color: #333333; text-shadow: none; }
.room-inner ul{ margin-top: 10px;}
.btn-room{ position: absolute; top: 10px; right: 0px; margin-top: 0; display: none;}
.catagory{display: block; background-color: #273272; padding: 20px; margin-top: -95px; margin-bottom: 30px; position: relative; z-index: 99}
.catagory .box-btn{ margin-top: 0; margin-bottom: 15px;}
.catagory .box-btn a{ display: block; text-align: center; background-color: rgba(255,255,255,1.00); color: #333333; font-size: 22px; padding:20px 0}
.catagory .box-btn a:hover{ background-color:rgba(105,105,105,1.00); color: #ffffff;}
.border{ padding: 20px; border: solid 1px rgba(255,255,255,0.5);}


.hotel-inner .cap-recc{ background-color:#273272; color: #ffffff;}
.hotel-inner .cap-recc h3{}
.hotel-inner .front-recc{ margin-top: 50px;}

.box-offer{ margin-top: 20px;}
.box-offer h3 { color: #333333; padding: 10px 0 0; font-size: 18px; line-height: 24px; margin-bottom: 20px;}
.box-offer h3 a { color: #333333;}
.box-offer p{ margin: 0 0 5px;}
.box-offer p span{ font-size: 22px; font-weight: 600; color: #DF8A00;}
.box-offer figcaption{ padding: 20px; -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.1);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.1); background-color: rgba(105,105,105,0.1); }
.box-offer .box-btn{ margin-top: 20px;}
.box-offer .box-btn a{display: block; text-align: center; padding: 15px 0; font-size: 20px;}
.period { font-size:20px; font-weight: lighter; line-height: 30px;}
.period span{ font-weight: 600; font-size: 25px; color:#ECB30E}

.contact-form{display: block; overflow: hidden;}
.contact-form form{ margin-top: 20px;}
.howto{display: block; padding: 50px; background-image:url(../images/bg-contact.jpg); background-position: center center; background-size: cover; color: #ffffff; height: 500px;}
.howto h4{ color: #ffffff;}

/*list*/
.list-st-1 { position: relative;}
.list-st-1 li{display:block;margin-bottom:10px; margin-left: 15px;  }
.list-st-1 li:before{font-family: Flaticon; content:"\f10c";display:inline-block;width:10px;height:12px;font-weight:700;font-size:9px;line-height:20px;vertical-align:0;margin-right:2px;color:#273272; position: absolute; left: 0;}

.list-st-5 { position: relative;}
.list-st-5 li{display:block;margin-bottom:10px; margin-left: 15px;  }
.list-st-5 li:before{font-family: Flaticon; content:"\f10c";display:inline-block;width:10px;height:12px;font-weight:700;font-size:9px;line-height:20px;vertical-align:0;margin-right:2px;color:#fff; position: absolute; left: 0;}

.color-wi li:before { color:#fff !important; }

.list-st-2 li{padding:5px 0;margin-bottom:5px; font-size: 14px; display:block; }
.list-st-2 li a{display: inline-block; position: relative;}
.list-st-2 li a:after{ position: absolute; width:15px;height:2px;background:#ffffff;content:"";display:block;margin:2px auto 0}
[class^="icpro-"],[class*=" icpro-"]{background-image:url(../images/ic-total.png);background-repeat:no-repeat;vertical-align:-2px;display:inline-block}
.list-st-2 li:hover a:after{ width: 100%; transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s;}


.list-st-3 li{padding:0 0 0 55px;line-height:30px;position:relative}
.list-st-3 li i{display:block;position:absolute;left:0;top:3px}
.list-st-3 li i:before{font-size:30px;margin-right:25px;line-height:35px;padding-top:10px; }

.list-st-4 li {display:block; position: relative; margin-bottom: 20px; text-transform: uppercase;}
.list-st-4 li:after{ position: absolute; width:15px;height:2px;background:#ffffff;content:"";display:block;margin:2px auto 0}
[class^="icpro-"],[class*=" icpro-"]{background-image:url(../images/ic-total.png);background-repeat:no-repeat;vertical-align:-2px;display:inline-block}




/*engine font*/
.engine-front {}
.engine-front h4{ font-size:22px;   float:left; width:17%; display:block; margin-bottom:0; text-transform:uppercase; text-align:left; margin-left:0.5%; margin-right:0.5%; margin-top:10px; line-height: 24px; font-weight: 600; letter-spacing: 0; position: relative; padding-left: 60px;}
.engine-front h4 span { display:block; font-size: 17px; line-height: 18px;}
.engine-front h4:before{content: "\f10e"; font-family: "Flaticon"; font-size: 30px; line-height: 37px; position: absolute; width: 40px; height: 40px; overflow: hidden;  left: 10px; text-align: center; border: solid 2px #474746; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.engine-front label { font-weight:100;}
.engine-front-inner {background-color:rgba(255,255,255,0.75); padding:5px 0px 5px; margin-top:10px; text-align:center;}
.engine-front input , .engine-front select{ border: 1px solid #494949; width:100%; height:50px; padding:5px 10px;}
.engine-front .ui-datepicker-trigger { position:absolute; right:10px; top:38%;}
.engine-front .che-in , .engine-front .che-out , .engine-front .front-adu , .engine-front .front-code ,.engine-front .front-btn { width:15%; margin-left:0.5%; margin-right:0.5%;  display:block; float:left;padding-top:10px;padding-bottom:10px  }
.engine-front .che-in { position:relative;  }
.engine-front .che-out { position:relative; }
.engine-front .front-adu { height: 50px; }
.engine-front .front-adu .bootstrap-select > .dropdown-toggle {height: 50px; border-radius:0; border-color: #494949;}
.engine-front .front-adu .dropdown-menu { /*top:145%;*/    margin-top: 20px;}
.engine-front .front-code {  margin-top:0;padding-top: 10px; color: #333333; text-align: center; }
.engine-front .front-code input {  width:100%; text-align: center;}
.engine-front .front-btn .bntsubmit { background:#494949; color:#fff; border:none; text-transform:uppercase;  }

.engine-member { text-align: center; margin-top: 15px; margin-bottom: 15px; }
.engine-member h3 { font-size:18px; margin-bottom: 0; }
.engine-member p { font-size:12px; }
.engine-member .bnt_submit { background: #000; color: #fff; border: none; padding: 5px 10px; }
.engine-member input { height: 28px; }

.ui-datepicker{width:auto!important;padding:20px!important}
.ui-widget{font-family:'Open Sans',sans-serif!important}
.ui-widget-header{background:none!important; font-size:16px !important; font-weight:100!important}
.ui-widget-content{border:none!important}
.ui-datepicker th{font-weight:100!important}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid silver;background:silver}
.ui-state-default,.ui-widget-content .ui-state-default{border:none!important;background:#fff!important;font-weight:400;font-size:14px;color:#555;text-align:center}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:none!important;background:none!important;color:#363636;font-weight:600!important}
.ui-state-active,.ui-widget-content .ui-state-active{border:none!important;background:#494948!important;color:#fff!important;font-weight:400}
.ui-datepicker td{border:0;padding:0!important}
.ui-datepicker td a,.ui-datepicker td span{display:block;padding:5px 10px!important;text-align:right;text-decoration:none}
.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:none!important;background:#494948!important;font-weight:400;color:#fff !important;}
.ui-widget-content .ui-state-hover { }
.ui-state-hover a,.ui-state-hover a:hover{text-decoration:none}
.ui-datepicker .ui-datepicker-prev-hover{left:2px!important}
.ui-datepicker .ui-datepicker-next-hover{right:2px!important}
.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:2px!important; background:none !important}
.ui-datepicker-group-last  { width: 50%; border-left:1px solid #C8C8C8 !important;}
.ui-datepicker-multi .ui-datepicker-group  { padding-left:10px !important; padding-right:10px !important}
.enbook{float: left; width: 100%; padding-top: 10px;}
.enbook p{font-family: 'Open Sans', sans-serif; color: #000; padding-left: 15px; padding-right: 15px;}
.enbook .white{color: #fff;}
.enbook .bntsubmit{background: #ae976f; font-family: 'questrialregular'; text-transform:uppercase; color:#fff; border:none; display: inline-block; width: auto;  padding-top: 12px; padding-bottom: 12px;font-size: 15px; width: 90%; margin-top:15px;}
.enbook .bntsubmit:hover {background:#887451; }
.book{display: inline-block; padding: 7px 25px; border:3px solid #378fa7;}
.book:hover{background:#378fa7; color: #fff;  border:3px solid #378fa7;}
.en-box .btn-link{background: none; color: #333; font-size: 21px; padding: 0 5px;}
.en-box .btn:hover{text-decoration: none;}
.en-promotion { width:100%; float:none; position:relative; text-align:center;}
#closepromo , #closepromomo {display:none; position:absolute; color:#ef7f2d; font-weight:bolder; top:4px; right:20px; z-index:99;cursor:pointer}
#sectionpromocode ,#sectionpromocodemo{height:50px; margin-top:10px;}
.hidepromotion , .hidepromotionmo{height:50px; margin-top:10px;font-size:12px; cursor:pointer; color:#000;}
.hidepromotion h5 , .hidepromotionmo h5 {font-family: 'Open Sans', sans-serif; font-size:12px;  padding:9px 0 5px 0; margin-bottom:0; color:#000;}
.from-promo , .from-promomo {display:none; height:50px; padding-top:0px; position:absolute; top:0px; width:100%}
.from-promo input ,.from-promomo input  { width:95%; padding:10px;}
.spin{ border:1px solid #fff !important; display: block; font-size: 43px; padding: 0; height: auto; line-height: 14px; color: #333; margin-top: -2px; text-align: center; background: #fff!important;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color:#fff; -moz-box-shadow:    inset 0 0 0px #000000;
   -webkit-box-shadow: inset 0 0 0px #000000;
   box-shadow:         inset 0 0 0px #000000; }
.checkleft{font-family: 'Arial'; font-size: 30px; color: #000; text-transform: uppercase; line-height: 30px; text-align: right; padding-right: 20px;  padding-top: 30px;}
.incheck{font-size: 36px; color: #7a1d3a;}
.fill{position:absolute;top:0;bottom:0;left:0;right:0}
#CDSWIDSTICKER { margin:0 auto !important;}
#CDSWIDSSP { width:100% !important;}
div.hc-widget.hc-widget-large { width:100% !important;}
#CDSWIDLOGO { width: 143px !important; margin: 0; padding: 0;}
.hcom-w-badge-1 { margin:0 auto;}

.true-hits { display:inline-block; margin-right:5px; vertical-align:3px;}

/*index*/
.owl-offer{position:relative}
.owl-offer .item{margin:0}
.owl-offer .owl-buttons{position:absolute;top:45%;width:100%}
.owl-offer .owl-buttons>div{width:30px;height:55px;background-image:url(../images/ic-total.png)!important;background-repeat:no-repeat;color:#000;cursor:pointer;z-index:998;position:absolute}
.owl-offer .owl-prev{float:left;background-position:-372px 0!important;margin-left:0;position:absolute;left:0}
.owl-offer .owl-next{float:right;background-position:-372px -64px!important;margin-right:0;position:absolute;right:0}
.owl-offer .owl-prev:hover{background-position:-372px 0}
.owl-offer .owl-next:hover{background-position:-372px -64px}
.owl-offer .owl-pagination{text-align:center;margin-top:20px}

/*footer*/
#footer h3{ margin-bottom: 30px; text-transform: uppercase;}
.pre-footer{display:block; padding: 50px 0; background-color: #595958; color: #ffffff; text-align: center;}
.pre-footer .container { width: 90%}
.pre-footer h3{ margin-bottom: 50px; text-transform: uppercase;}
.socials{padding:0px 0 0px; margin-top: 15px; margin-bottom:15px}
.socials{padding:5px 0 15px;margin-bottom:0px}
.socials  i { font-size: 25px; font-style: normal; }  
.box-social {display:inline-block; overflow: hidden;  margin-right: 5px; padding: 2px;}
.box-social a{display: block; padding: 5px; border: solid 1px #ffffff; width: 50px; height: 50px; line-height: 40px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;border-radius: 50%;}
.box-social a:hover{ color: #273272; border-color: #273272;}
.hotel-group{display: block; overflow: hidden;  }
.hotel-group a{ margin: 0 10px}
.arword span{ margin: 5px 2px 0;display: inline-block;}
.arword  figure img{max-width: 484px;}
.block{position: relative;}

.map-inner{ margin-top: 80px;}

#footer{ background-color: #474746; padding: 50px 0; color: #ffffff; text-align: center;}
.copyright{ text-align: center; line-height: 18px;  padding-top: 10px; margin-top:10px;}
.ic-etravel { background: url('../images/ic-total.png') no-repeat -10px -34px;width: 12px;height: 12px; vertical-align:-1px; display:inline-block;}

/*end footer*/

/*hover*/
.hover-st-1{position:relative;float:none;overflow:hidden;width:100%;color:#000;text-align:left;font-size:16px;background-color:#333}
.hover-st-1 *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .45s ease;transition:all .45s ease}
.hover-st-1 img{vertical-align:top;max-width:100%;backface-visibility:hidden}
.hover-st-1 figcaption{position:absolute;top:0;left:0;right:0;z-index:1;align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center}
.hover-st-1 h5{margin:0;opacity:0;letter-spacing:1px}

.hover-st-1 h5{font-weight:400;font-style:italic;color:#888;-webkit-transform:translateY(100%);transform:translateY(100%)}
.hover-st-1 a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}
.hover-st-1:hover > img,.hover-st-1.hover > img{opacity:.1}
.hover-st-1:hover h3,.hover-st-1.hover h3,.hover-st-1:hover h5,.hover-st-1.hover h5{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}

.hover-st-2:hover figcaption{background-color:#273272; transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s;}
.hover12 figure {background: #273272;}
.hover-st-2  img {opacity: 0.8;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover-st-2:hover img {opacity:1;}



.no-pad{padding: 0;}
.pad-10{padding: 10px;}

a.link {color: #333;}

.marbot-25 { margin-bottom: 25px;}
.table-box th {
    color: #fff;
    background: #273272;
    text-align: center;
}
.cc-message {text-align: center; color: #fff;}

.announcement-box {
  position: absolute;top: -120px;right: 0;left: 0;z-index: 98;background-color: rgba(255,255,255,0.8);max-width: 280px;padding: 10px 10px;text-align: center;margin: 0 auto;
}   
.announcement-box p {
  font-size: 16px;color: #333333;margin: 0 0;line-height: 1.3em;
}
.announcement-box p strong {display: block;margin-bottom: 5px;font-size: 18px;}
.announcement-box img {display: inline-block;width: 20px;margin-right: 3px;vertical-align: bottom;}
@media only screen and (min-width:768px) {
  .announcement-box {right: 10px;left: auto;top: -190px;}
}
@media only screen and (min-width:992px) {
  .announcement-box {right: 40px;top: -270px;}
}
@media only screen and (min-width:1200px) {
  .announcement-box {right: 60px;}
}
@media only screen and (min-width:1599px) {
  .announcement-box {right: 10px;top: -180px;}
}
.online-st{
  margin: 5px 10px;
}
.btn_online-st{
  border-radius: 30px;
  padding: 5px 15px;
  background: #ff9e1f;
}