<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*** start of fonts ***/


/*** end of fonts ***/
body {
  font-family:'Open Sans',"Microsoft JhengHei",'Arial'; 
  font-size:16px;
  min-height: 768px;
  color:#2C2C2C;
  margin:0 auto;
}

h1,h2,h3,h4,h5,h6{font-family:'Open Sans',"Microsoft JhengHei",'Arial';font-weight: bold;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

a {transition:all 0.2s linear;color:inherit; outline: none;}
a:focus{outline: none;}
a:hover {}
p{font-size:16px;margin-bottom: 20px;line-height: 1.8em;}
hr{border:none;border-top:#2C2C2C 1px solid;clear:both;margin:5px 0;}
sup{font-size: 0.7em;position: relative;top: -0.6em;margin-left: 1px;}
strong{font-weight: bold;display:inline-block;}
p strong{display:inline;}
input[type="text"], input[type="password"], textarea {
  border:none;
  padding: 6px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none; }
input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
}

.select-style{ position:relative;display:inline-block;vertical-align: top;}
.select-style select{border:none; position:relative;height: 36px;opacity:0; filter:alpha(opacity=0);box-sizing:border-box;-moz-box-sizing:border-box;padding-right:40px;font-size:14px;}
.select-style select option{padding:3px 0;padding-left:10px;}
.select-style p{height:36px;padding:5px 10px;padding-left: 0;padding-right:25px;border-bottom:1px solid #7F7F7F;color:#7F7F7F;position:absolute; top:0; left:0; margin-bottom:0;box-sizing:border-box;-moz-box-sizing:border-box;font-size:14px;}
.select-style p:before{content:'';border:4px solid transparent;border-top-color:#FFFFFF; position: absolute; top: 50%; margin-top:-3px;right: 16px;z-index: 1;}
.select-style p:after{content:'';border:5px solid transparent;border-top-color:#7F7F7F; position: absolute; top:50%; margin-top:-3px; right:15px;}

.input-holder{position: relative;overflow: hidden;padding-bottom:5px;padding-top:20px;margin-bottom: 20px;box-sizing: border-box;-moz-box-sizing: border-box;}
.input-holder input[type="text"],.input-holder input[type="password"]{font-size:16px;width:100%;padding-left:0;}
.input-holder label{position: absolute; width:100%;height:100%;box-sizing: border-box;-moz-box-sizing: border-box;left:0;top:0;}
.input-holder label:before{content:"";transition:all 0.2s linear;position: absolute; width:100%;height:100%;border-bottom:1px solid #FC4513;top:-2px;left:-100%;}
.input-holder label:after{content:'';transition:all 0.2s linear;position: absolute; width:100%;height:100%;border-bottom:1px solid #7F7F7F;top:-2px;left:0;}
.input-holder label span{transition:all 0.2s linear;font-size: 14px;color: #7F7F7F;padding: 5px 10px;padding-left: 0;display: inline-block;position: absolute;top:20px;white-space: nowrap; }
.input-holder.on label:before{left:0;}
.input-holder.on label:after{left:100%;}
.input-holder.on label span{top:-5px;color:#2C2C2C;font-size:12px;}

.wrapper{max-width:1280px; width:100%;box-sizing:border-box; -webkit-box-sizing:border-box;margin: 0 auto;position: relative;padding:0 10px;}
.wrapper p{width:100%;margin-left:auto;margin-right:auto;}
.wrapper p:last-child{margin-bottom: 0;}

.error,.error *{color:#F00 !important; }

.btn{padding:15px 30px;box-sizing: border-box;-moz-box-sizing: border-box;min-width:150px;background:#ed1c24;text-transform: uppercase;text-align: center;font-weight: bold;display:inline-block;}

.bg-img{position: relative;}


.bestview{background:#d8d8d8;padding-top:20px 0;color:#000;position: relative;display:block;z-index: 10;text-align: center;display:none;}
.bestview p{font-size:14px;}
.bestview .btn-closeBestView{position: absolute;top:50%;margin-top:-10px;right:20px;cursor: pointer;}
.ie_7 .bestview,.ie_8 .bestview,.ie_9 .bestview{display:block;}


.banner{position: relative;background:#FFF;}

.home .banner .slide{height:700px;overflow: hidden;position: relative;background:#8F8F8F;}
.home .banner .slide .filter{position: absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index: 1;}
.home .banner .slide .boom{position: absolute;width:100%;height:100%;top:0;left:0;background:#FFF;opacity:0;filter:alpha(opacity=0);}
.home .banner .slide .loader{position: absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;z-index: 3;}
.home .banner .img-holder{font-size:0;background:#8F8F8F;width:1600px;margin:0 auto;}
.home .banner .img-holder .grid-sizer{width:100px;}
.home .banner .img-holder .item img{-webkit-transform: rotateY(90deg); /* Safari */ transform: rotateY(90deg);}
.ie_9 .home .banner .img-holder .item img,
.ie_8 .home .banner .img-holder .item img,
.ie_7 .home .banner .img-holder .item img{opacity: 0;filter:alpha(opacity=0);}
.home .banner .scrollArrow{position: absolute;bottom:60px;left:50%;margin-left:-25px;opacity: 0;filter:alpha(opacity=0);cursor: pointer;z-index: 2;}
.home .banner .scrollArrow img{width:50px;}
.home .banner .text-holder{position: absolute;top: 50%;text-align: center;left: 0;width: 100%;font-family: 'Source Sans Pro', sans-serif;margin-top:-222px;}
.home .banner .text-holder .text-line-1{font-size:34px;color:#FFF;text-transform: uppercase;position: relative;top:-50px;opacity: 0;letter-spacing: 1px;font-weight: 900;z-index: 2;filter:alpha(opacity=0);}
.home .banner .text-holder .text-line-1 span{font-family:'Open Sans',"Microsoft JhengHei",'Arial';}
.home .banner .text-holder .text-line-2{font-size:34px;color:#FFF;text-transform: uppercase;position: relative;top:-30px;opacity: 0;letter-spacing: 0px;margin: 0px 10px 23px;font-weight: 400;z-index: 2;filter:alpha(opacity=0);}
.home .banner .text-holder .text-line-3{font-size:150px;line-height:100px;color:#ed1c24;font-weight: 900;text-transform: uppercase;position: relative;top:-10px;opacity: 0;transform: scale(10);letter-spacing: -6px;z-index: 2;filter:alpha(opacity=0);}
.ie_9 .home .banner .text-holder .text-line-3{transform: scale(1);}

.home .banner .text-holder .text-line-3 img{width: 930px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true);}

.home .banner .text-holder .view-line{height:195px;width:1000px;margin:0 auto;margin-top:20px;z-index: 2;position: relative;}
.home .banner .text-holder .view-line .view-line-overflow{overflow: hidden;width:0;}
.home .banner .text-holder .view-line .view-line-overflow img{width:1200px;}

.home .intro{background:#ed1c24;padding-top:80px;padding-bottom:120px;position: relative;z-index: 3;}
.home .intro p{color:#FFF;font-size: 20px;width: 65%;text-align: center;line-height:30px;margin-bottom:70px;}

.home .intro-block{position: relative;background:#FFF;padding-top:110px;padding-bottom:50px;z-index: 3;}
.home .block-holder{font-size:0;width:57%;margin:0 auto;margin-top:-220px;max-width:1280px;}
.home .block-holder .block{width:33.33%;box-sizing:border-box; -webkit-box-sizing:border-box;position: relative;display:inline-block;cursor: pointer;}
.home .block-holder .block .title{font-size:26px;width:80%;position: absolute;top:30px;left:30px;line-height: 30px;font-weight: bold;}
.home .block-holder .block .btn-more{width:40px;height:40px;background:url(../images/arrow-red.png) no-repeat;background-size:100% 100%;position: absolute; bottom:30px;left:30px;display:inline-block;}
.ie_8 .home .block-holder .block .btn-more{
  background-size:cover;
  /*-ms-behavior: url(/hktb/wwwroot/tc_dev/about-hktb/annual-report/annual-report-20142015/css/backgroundsize.htc);*/
  -ms-behavior: url(/tc/about-hktb/annual-report/annual-report-20142015/css/backgroundsize.htc);
}
.home .block-holder .block .bg-holder img{width:100%;transition:all 0.2s linear;opacity: 1;filter:alpha(opacity=100);}
.home .block-holder .block.imgNotShow .bg-holder img{opacity: 0;filter:alpha(opacity=0);}
.home .block-holder .block:hover .bg-holder img{opacity: 0;filter:alpha(opacity=0);}
.home .block-holder .block.imgNotShow:hover .bg-holder img{opacity: 1;filter:alpha(opacity=100);}
.home .block-holder .block.red .title{color:#ED1C24;}
.home .block-holder .block.red .btn-more{background-image:url(../images/arrow-red.png);}
.home .block-holder .block.white .title{color:#FFF;}
.home .block-holder .block.white .btn-more{background-image:url(../images/arrow-white.png);}
.home .block-holder .block.black .title{color:#000;}
.home .block-holder .block.black .btn-more{background-image:url(../images/arrow-black.png);}

/* Image Grid Layout
----------------------------------*/
#image-grid {
  /*background: #64BFDE;*/
  width: 100%;
  max-width: 944px;
  height: auto;
  font-size: 0;
  margin: 0 auto;
  margin-bottom: 20px;
}
.image-block {
  /*max-width: 236px;*/
  width: 33.33%;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
}
#image-grid .image-block img {max-width: none; height: auto; width: auto\9; width: 100%;}

#pr-cip-image {
  width: 100%; height: auto;
  /*background: url('../images/strategic-focus/public-relations/cip-banner.jpg') no-repeat; 
  background-size: cover;*/ 
  /*background: #90C3D4;*/
  margin-bottom: 10px;
}
.cip-images {width: 100%; font-size: 0;}
.cip-images .cip-img {width: 49%; display: inline-block; margin-right: 1%; margin-bottom: 20px;}

#image-grid .caption {width: 100%; font-size: 0; padding: 5px 10px; box-sizing: border-box; z-index: 0; position: absolute; bottom:0;left:0;}
#image-grid .caption:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0; background:#000;opacity: 0.7;}
#image-grid .caption span {color: #FFF; font-size: 14px; font-weight: normal; display: inline-block;padding-left: 5px;position: relative;}


.home .annual-intro{background:#2b2b2b;padding-top:80px;padding-bottom:80px;position: relative;text-align: center;color:#FFF;}
.home .annual-intro h2{font-size:33px;margin-bottom:10px;}
.home .annual-intro p{margin-bottom:20px;}
.home .annual-intro .btn{width:250px;}

.no-banner{padding-top:15px;}

.inner-page{}
.inner-page .banner{height:690px;overflow: hidden;} 
.inner-page .banner .bg-img{position: fixed;z-index: 1}
.inner-page .banner .topOpened{position: absolute;top:0 !important;}
.inner-page .banner .text-holder{position: absolute;left:50%;width:70%;margin-left:-35%;top:50%;text-align: center;color:#FFF;z-index: 2}
.inner-page .banner .text-holder h1{font-size:76px;margin:0;padding-bottom:40px;position: relative;line-height: 77px;text-transform: uppercase;letter-spacing: -2px}
.inner-page .banner .text-holder h1:after{content:'';position: absolute; width:50px;bottom:0;left:50%;margin-left:-25px;background-color:#FFF;height:10px;}
.inner-page .banner .btn-scrollDown{position: absolute;bottom:60px;left:50%;margin-left:-25px;cursor: pointer;z-index: 2}
.inner-page .banner .btn-scrollDown img{width:50px;}

.inner-page .intro{background:#ed1c24;/*padding-top:80px;padding-bottom:80px;*/padding:10px 0;position: relative;z-index: 2}
.inner-page .intro p{color:#FFF;font-size: 20px;width: 68%;text-align: center;}
.inner-page .intro p.small{font-size:16px;}

.inner-page .slider-holder{margin-top:20px; margin-bottom: 60px; position: relative; width: 800px;}
.inner-page .slider-holder.more-margin{margin-bottom:120px;}
.inner-page .slider-holder .slide{text-align: left;width:100%;overflow: hidden;background: #F6F6F6;}
.inner-page .slider-holder .slide .slide-img{position: relative;}
.inner-page .slider-holder .owl-controls{position: absolute;left:0px; width:100%;box-sizing:border-box; -webkit-box-sizing:border-box;text-align: left;margin-top: 9px;}
.inner-page .slider-holder .owl-controls .owl-dot {display:inline-block;margin:0 3px;}
.inner-page .slider-holder .owl-controls .owl-dot span{width:7px;height: 7px;border:1px solid #000;border-radius: 20px;display: inline-block;}
.inner-page .slider-holder .owl-controls .owl-dot.active span{background:#000;}
.inner-page .slider-holder .slide-description{position: absolute;bottom:0;right:0;font-size:13px;color:#FFF;padding:2.5px 5px;}
.inner-page .slider-holder .slide-description:before{content:'';width:100%;height:100%;background:#000;opacity: 0.7;filter:alpha(opacity=70);position: absolute;top:0;left:0;}
.inner-page .slider-holder .slide-description p{position: relative;z-index: 1;font-size:13px;}

.inner-page .inner-content-container{background:#FFF;position: relative;z-index: 2}
.inner-page .inner-content-container h1{font-size:49px;font-weight: 900;font-family:'Source Sans Pro',"Microsoft JhengHei",'Arial';margin-top: -17px;}
.inner-page .inner-content-container h2{font-size:35px;font-weight: 900;font-family:'Source Sans Pro',"Microsoft JhengHei",'Arial';margin-bottom: 20px;line-height: 35px;}
.inner-page .inner-content-container .intro-text{font-size:22px;font-weight: 300;font-family:'Source Sans Pro',"Microsoft JhengHei",'Arial';color:#000;line-height: 32px;}
.inner-page .inner-content-container hr{border:none;border-top:1px solid #2b2b2b;margin-top:20px;margin-bottom:20px;}
.inner-page .inner-content-container hr.white{border-top-color:#FFF;}
.inner-page .inner-content-container img{max-width:100%;}
.inner-page .inner-content-container ul{padding-left:15px;margin-bottom:20px;}
.inner-page .inner-content-container ul li{margin-bottom:5px;line-height: 1.8em;}
.inner-page .inner-content-container ul li ul{list-style:none;}
.inner-page .inner-content-container ul li ul li{padding-left:10px;position: relative;margin-left: -10px;}
.inner-page .inner-content-container ul li ul li:before{content:'-';position: absolute;top:0;left:0;}
.inner-page .inner-content-container ul li:last-child{margin-bottom:0;}
.inner-page .inner-content-container p a, 
.inner-page .inner-content-container .inner-content li a{text-decoration: underline;}{text-decoration: underline;}
.inner-page .inner-content-container p a.italic{font-style:italic;text-decoration: none;}
.inner-page .inner-content-container p a.italic:hover{text-decoration: underline;}
.inner-page .inner-content-container p .bigger{font-size:18px;}

.inner-page .inner-content-container .btn-video{width: 49%;display: inline-block;margin-right: 1%;position: relative;font-size:0;cursor: pointer;margin-bottom:20px;}
.inner-page .inner-content-container .btn-video img{display:block;}
.inner-page .inner-content-container .btn-video:before{content:'';background:url(../images/btn-play.png) no-repeat;width:64px;height:64px;background-size: 100% 100%;position: absolute; top:50%;left:50%;margin-left:-32px;margin-top:-32px;z-index: 1}
.inner-page .inner-content-container .btn-video:hover:before{background-image:url(../images/btn-play-hover.png)  }
.inner-page .inner-content-container .btn-video:after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity: 0.5;}

.ie_8 .inner-page .inner-content-container .btn-video:before,
.ie_7 .inner-page .inner-content-container .btn-video:before
.ie_8 .inner-page .inner-content-container .btn-video:after,
.ie_7 .inner-page .inner-content-container .btn-video:after{display:none;}

.ie_8 .inner-page .inner-content-container .btn-video .filter,
.ie_7 .inner-page .inner-content-container .btn-video .filter{position: absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity: 0.5;filter:alpha(opacity=50);}
.ie_8 .inner-page .inner-content-container .btn-video .btn-play,
.ie_7 .inner-page .inner-content-container .btn-video .btn-play{background:url(../images/btn-play.png) no-repeat;width:64px;height:64px;background-size: 100% 100%;position: absolute; top:50%;left:50%;margin-left:-32px;margin-top:-32px;z-index: 1}

.ie_8 .inner-page .inner-content-container .btn-video .btn-play,
.ie_7 .inner-page .inner-content-container .btn-video .btn-play{
  background-size:cover;
  /*-ms-behavior: url(/hktb/wwwroot/tc_dev/about-hktb/annual-report/annual-report-20142015/css/backgroundsize.htc);*/
  -ms-behavior: url(/tc/about-hktb/annual-report/annual-report-20142015/css/backgroundsize.htc);
}


.ie_8 .inner-page .inner-content-container .btn-video:hover .btn-play,
.ie_7 .inner-page .inner-content-container .btn-video:hover .btn-play{background-image:url(../images/btn-play-hover.png)  }

.inner-page .inner-content-container .sub-nav{position: absolute;width:22%;top:40px;left:0;box-sizing:border-box; -webkit-box-sizing:border-box;/*transition:all 0.2s linear;*/}
.inner-page .inner-content-container .sub-nav.fixed{position: fixed;}
.inner-page .inner-content-container .sub-nav ul{list-style: none;padding:20px;padding-left:50px;margin-left: -40px;margin-top: -20px;background:#FFF;border-radius: 2px;/*mix-blend-mode:difference;*/}
.inner-page .inner-content-container .sub-nav li{margin-bottom:10px;font-size:16px;line-height:normal;}
.inner-page .inner-content-container .sub-nav li.on{font-weight: bold;}
.inner-page .inner-content-container .sub-nav li.title{font-weight: bold;}
.inner-page .inner-content-container .sub-nav .third-nav{color:#2C2C2C;font-weight:normal;margin-top: 10px;padding: 0;margin-left: 20px;margin-bottom: 15px;}
.inner-page .inner-content-container .sub-nav .third-nav li{margin-bottom: 5px;font-size: 15px;}
.inner-page .inner-content-container .sub-nav .select-style{display:none;}
.inner-page .inner-content-container .inner-content{padding-top:40px;padding-bottom: 40px;padding-left:25%;box-sizing:border-box; -webkit-box-sizing:border-box;width:100%;}

.inner-page .inner-content-container.black{background:#2b2b2b;}
.inner-page .inner-content-container.black .whiteBG{position: absolute; top:0;width:100%;display:block;background: #FFF;border-bottom:#ed1c24 20px solid;}

.inner-page .inner-content-container.black .white{color:#FFF;}

.inner-landing .intro{padding-bottom:165px;}
.inner-landing .inner-content-container{background:#2b2b2b; padding-top: 110px;padding-bottom:50px;}
.inner-landing .block-holder{font-size:0;margin:0 auto;margin-top:-220px;width:57%;}
.inner-landing .block-holder .block{width:33.33%;box-sizing:border-box; -webkit-box-sizing:border-box;position: relative;display:inline-block;cursor: pointer;}
.inner-landing .block-holder .block .title{font-size:26px;width:80%;position: absolute;top:30px;left:30px;line-height: 30px;font-weight: bold;}
.inner-landing .block-holder .block .btn-more{width:40px;height:40px;background:url(../images/arrow-red.png) no-repeat;background-size:100% 100%;position: absolute; bottom:30px;left:30px;display:inline-block;}
.ie_8 .inner-landing .block-holder .block .btn-more{
  background-size:cover;
  /*-ms-behavior: url(/hktb/wwwroot/tc_dev/about-hktb/annual-report/annual-report-20142015/css/backgroundsize.htc);*/
  -ms-behavior: url(/tc/about-hktb/annual-report/annual-report-20142015/css/backgroundsize.htc);
}
.inner-landing .block-holder .block .bg-holder img{width:100%;transition:all 0.2s linear;opacity: 1;filter:alpha(opacity=100);}
.inner-landing .block-holder .block.imgNotShow .bg-holder img{opacity: 0;filter:alpha(opacity=0);}
.inner-landing .block-holder .block:hover .bg-holder img{opacity: 0;filter:alpha(opacity=0);}
.inner-landing .block-holder .block.imgNotShow:hover .bg-holder img{opacity: 1;filter:alpha(opacity=100);}
.inner-landing .block-holder .block.no-effect:hover .bg-holder img{opacity: 1;filter:alpha(opacity=100);}
.inner-landing .block-holder .block.no-effect.imgNotShow:hover .bg-holder img{opacity: 1;filter:alpha(opacity=100);}

.inner-landing .block-holder .block.red .title{color:#ED1C24;}
.inner-landing .block-holder .block.red .btn-more{background-image:url(../images/arrow-red.png);}
.inner-landing .block-holder .block.white .title{color:#FFF;}
.inner-landing .block-holder .block.white .btn-more{background-image:url(../images/arrow-white.png);}
.inner-landing .block-holder .block.black .title{color:#000;}
.inner-landing .block-holder .block.black .btn-more{background-image:url(../images/arrow-black.png);}

.inner-landing.sub-landing .inner-content-container{padding-top:0;padding-bottom:0;}
.inner-landing.sub-landing .block-holder{margin-top:0;width:100%;}
.inner-landing.sub-landing .block-holder .block{width:25%;}
.inner-landing.sub-landing .block-holder .block .title{font-size: 21px;top: 15px;left: 15px;line-height: 25px;}
.inner-landing.sub-landing .block-holder .block .btn-more{left:15px;bottom:15px;}

.messages .banner .text-holder h1:after{background:#15becf;}
.messages .intro{background:#15becf}
.messages .inner-content-container .sub-nav li:hover{color:#15becf;}
.messages .inner-content-container .sub-nav li.on{color:#15becf;}
.messages .inner-content-container h1,.messages .inner-content-container h2{color:#15becf;}
.messages .inner-content-container hr{border-top-color:#15becf;border-top-width:3px;}
.messages .inner-content-container img{margin-bottom:10px;}
.messages .inner-content-container .big-img{width:700px;}
.messages .inner-content-container .big-img-2{max-height:700px;}
.messages .inner-content-container .signature{margin-top:10px;margin-bottom:40px;}

.board-member .banner .text-holder h1:after{background:#007ac3;}
.board-member .intro{background:#007ac3}
.board-member .member-title{text-align: center;padding-top: 60px;margin-bottom: 60px;font-size: 20px;}
.board-member .member-title h2{color:#007ac3;margin-bottom:0;} 
.board-member .member-block-holder{font-size:0;width:94%;margin:0 auto;}
.board-member .member-block-holder .block{display: inline-block;box-sizing:border-box; -webkit-box-sizing:border-box;width:25%;padding:0 20px;text-align: center;margin-bottom: 40px;vertical-align: top;text-align: left;}
.board-member .member-block-holder .block img{width:100%;margin-bottom:10px;border-bottom: 5px solid #007ac3;}
.board-member .member-block-holder .block .name{color:#007ac3;font-weight: normal;font-size:21px;line-height: 26px;margin-bottom:8px;padding-left:10px;}
.board-member .member-block-holder .block .small{font-size:18px;}
.board-member .member-block-holder .block .title{font-weight: normal;font-size: 18px;}
.board-member .member-block-holder .block p{margin-bottom:8px;line-height: 20px;padding-left:10px;}
.board-member .member-block-holder .block .remark{font-size:12px;padding-left:10px;}
.board-member .note-holder{font-size:12px;width:94%;margin:0 auto;padding:0 20px;box-sizing:border-box; -webkit-box-sizing:border-box;padding-bottom: 5px;}
.board-member .note-holder h4{margin-bottom:10px;}
.board-member .note-holder div{margin-bottom:5px;}

.tourism-performance .banner .text-holder h1:after{background:#c79e2c;}
.tourism-performance .intro{background:#c79e2c;}
.tourism-performance .inner-content-container .sub-nav li:hover{color:#c79e2c;}
.tourism-performance .inner-content-container .sub-nav li.on{color:#c79e2c;}
.tourism-performance .block{padding: 60px 50px;background:#f7f8f9;position: relative;margin-bottom:30px;color:#000;}
.tourism-performance .block .icon{display:none;}
.tourism-performance .block .title{font-size:26px;font-weight: bold;width: 100%;padding-right: 250px;box-sizing:border-box; -webkit-box-sizing:border-box;}
.tourism-performance .block .result{position: absolute;top: 60px;right: 50px;text-align:right;font-weight: bold;line-height: 23px;}
.tourism-performance .block .result .num{font-size:40px;display:inline-block;margin-right:5px;}
.tourism-performance .block .result .word{font-size:30px;display:inline-block;}
.tourism-performance .block .result .per{font-size:25px;display:inline-block;}
.tourism-performance .block .result .word-s{font-size:25px;display:inline-block;}
.tourism-performance .block .chart-holder{position: relative;margin-top:55px;font-size:0;}
.tourism-performance .block .chart-holder .icon{width:100px;position: absolute;top:0;left:0;display:block;}
.tourism-performance .block .chart-holder .icon img{display:inline-block;vertical-align: middle;}
.tourism-performance .block .chart-holder .icon:before{content:"";height:146px;display: inline-block;vertical-align: middle;}
.tourism-performance .block .chart-holder .chart{display:inline-block;box-sizing:border-box; -webkit-box-sizing:border-box;width:100%;padding-left:100px;}
.tourism-performance .block .chart-holder .chart .bar{position: relative;height:63px;overflow: hidden;margin-bottom: 20px;transition:all 0.2s linear;}
.tourism-performance .block .chart-holder .chart .bar:last-child{margin-bottom:0;}
.tourism-performance .block .chart-holder .chart .bar .side{width:10px;height:50px;-ms-transform: skewY(40deg);-webkit-transform: skewY(40deg);transform: skewY(40deg);background:#987a1f;border:1px solid #b79d52;position: absolute;top:5px;left:0;transition:all 0.2s linear;}
.tourism-performance .block .chart-holder .chart .bar .side-top{height:10px;-ms-transform: skewX(50deg);-webkit-transform: skewX(50deg);transform: skewX(50deg);background:#987a1f;border:1px solid #b79d52;position: absolute;top:0;left:6px;transition:all 0.2s linear;}
.tourism-performance .block .chart-holder .chart .bar .face{height:50px;background:#c39b2c;position: absolute;top: 12px;left: 12px;border:1px solid #b79d52;transition:all 0.2s linear;}
.tourism-performance .block .chart-holder .chart .bar .face span{font-size:26px;display:inline-block;vertical-align: middle;margin-left:20px;font-weight: bold;color:#FFF;margin-top: -4px;}
.tourism-performance .block .chart-holder .chart .bar .face:before{content:'';display:inline-block;vertical-align: middle;height:100%;}
.tourism-performance .block .chart-holder .chart .bar.overflow{margin-bottom: -63px;}
.tourism-performance .block .chart-holder .chart .bar.overflow .side{background:#bd9908;border:1px solid #ecc940;}
.tourism-performance .block .chart-holder .chart .bar.overflow .side-top{background:#bd9908;border:1px solid #ecc940;}
.tourism-performance .block .chart-holder .chart .bar.overflow .face{background:#fbca0c;border:1px solid #ecc940;}
.tourism-performance .block .chart-holder .chart .bar.blue .side{background:#517a87;border:1px solid #79a2ad;}
.tourism-performance .block .chart-holder .chart .bar.blue .side-top{background:#517a87;border:1px solid #79a2ad;}
.tourism-performance .block .chart-holder .chart .bar.blue .face{background:#6292a1;border:1px solid #79a2ad;}

.ie_8 .tourism-performance .block .chart-holder .chart .bar .side{display:none;}
.ie_8 .tourism-performance .block .chart-holder .chart .bar .side-top{display:none;}
.ie_7 .tourism-performance .block .chart-holder .chart .bar .side{display:none;}
.ie_7 .tourism-performance .block .chart-holder .chart .bar .side-top{display:none;}

.strategic-focus .banner .text-holder h1:after{background:#ed1c24;}
.strategic-focus .intro{background:#ed1c24}
.strategic-focus .inner-content-container .sub-nav li:hover{color:#ed1c24;}
.strategic-focus .inner-content-container .sub-nav li.on{color:#ed1c24;}
.strategic-focus.no-banner .inner-content-container .sub-nav li.on{color:#000;}
.strategic-focus.no-banner .inner-content-container .sub-nav li.title{color:#ed1c24;}
.strategic-focus .inner-content-container h1{color:#ed1c24;}
.strategic-focus .inner-content-container h2{color:#ed1c24;}
.strategic-focus .inner-content-container .read-more{margin-top:10px;text-decoration: underline;}
.strategic-focus .inner-content-container .highlight-box{background:#ed1c24;padding:40px;color:#FFF;box-sizing:border-box; -webkit-box-sizing:border-box;margin-bottom:20px;}
/*.strategic-focus .inner-content-container .highlight-box.result {width:60%;}*/
.strategic-focus .inner-content-container .highlight-box h3{font-size: 28px;margin-bottom:5px;}
.strategic-focus .inner-content-container .highlight-box.result{width:49%;padding:20px;display:inline-block;vertical-align: top;}
.strategic-focus .inner-content-container .highlight-box strong{font-size:24px;margin: 0 3px;}
.strategic-focus .inner-content-container .promotion-box{background:#f5f5f5;padding:30px;color:#000;width:80%;box-sizing:border-box; -webkit-box-sizing:border-box;margin-bottom:20px;}
.strategic-focus .inner-content-container .promotion-box.white{color:#000;}
.strategic-focus .inner-content-container .promotion-box:before{content:""; display:inline-block;height:65px;vertical-align:middle;}
.strategic-focus .inner-content-container .promotion-box span{display:inline-block;vertical-align: middle;}
.strategic-focus .inner-content-container .promotion-box img{float:right;}
.strategic-focus .inner-content-container .with-promotion{font-size:0;}
.strategic-focus .inner-content-container .with-promotion .highlight-box{width:69%;display:inline-block;margin-right:1%;vertical-align: top;}
.strategic-focus .inner-content-container .with-promotion .promotion-box{width:30%;display:inline-block;vertical-align: top;font-size:14px;text-align: center;padding: 20px;}
.strategic-focus .inner-content-container .with-promotion .promotion-box:before{display:none;}
.strategic-focus .inner-content-container .with-promotion .promotion-box img{float:none;display:inline-block;margin-top:25px;}
.strategic-focus .inner-content-container .with-promotion .promotion-box hr{border:none;border-top:1px solid #CCC;}
.strategic-focus .map-holder {position: relative;}
.strategic-focus .map-holder img{width:100%;}
.strategic-focus .map-holder .point{font-size:0;position: absolute;display:block;}
.strategic-focus .map-holder .point .pos{display:none;}
.strategic-focus .map-holder .point:before{content:'';display:inline-block;background-image:url(../images/strategic-focus/overseas-promotion/map-marker.png);background-size:100% 100%;vertical-align:middle;position: absolute;top:0px;left:0;z-index: 1} 

.ie_8 .strategic-focus .map-holder .point{background-color: #FFF;opacity: 0;filter:alpha(opacity=0);}
.strategic-focus .map-holder .point:before{display:none;}
.strategic-focus .map-holder .point .pos{
  display:inline-block;
  vertical-align:middle;position: absolute;top:0px;left:0;z-index: 1;
}
.strategic-focus .map-holder .point .pos img{width:100%;}

.strategic-focus .map-holder .point:hover:before{animation: pointer-animate 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite;}
@-webkit-keyframes pointer-animate {
    0%   {margin-top:0;}
    60% {margin-top:-10px}
    100% {margin-top:0px}
}
@keyframes pointer-animate {
    0%   {margin-top:0;}
    60% {margin-top:-10px}
    100% {margin-top:0px}
}


.strategic-focus .map-holder .point.mainland-china{top: 34%;left: 73%;padding-left: 5%;padding-top: 6%;}
.strategic-focus .map-holder .point.mainland-china:before{top: 11%;left: 26%;width: 62%;height: 52%;}
.strategic-focus .map-holder .point.mainland-china .pos{top: 11%;left: 26%;width: 62%;height: 52%;}

.strategic-focus .map-holder .point.taiwan{top: 44%;left: 79%;padding-left: 6%;padding-top: 4%;}
.strategic-focus .map-holder .point.taiwan:before{top: 4%;left: 0%;width: 52%;height: 78%;}
.strategic-focus .map-holder .point.taiwan .pos{top: 4%;left: 0%;width: 52%;height: 78%;}

.strategic-focus .map-holder .point.japan{top: 36%;left: 84%;padding-left: 6%;padding-top: 4%;}
.strategic-focus .map-holder .point.japan:before{top: 5%;left: -5%;width: 52%;height: 78%;}
.strategic-focus .map-holder .point.japan .pos{top: 5%;left: -5%;width: 52%;height: 78%;}

.strategic-focus .map-holder .point.south-korea{top: 31%;left: 80%;padding-left: 4%;padding-top: 6%;}
.strategic-focus .map-holder .point.south-korea:before{top: 42%;left: 17%;width: 78%;height: 52%;}
.strategic-focus .map-holder .point.south-korea .pos{top: 42%;left: 17%;width: 78%;height: 52%;}

.strategic-focus .map-holder .point.southeast-asia{top: 56%;left: 77%;padding-left: 8%;padding-top: 4%;}
.strategic-focus .map-holder .point.southeast-asia:before{top: 11%;left: 4%;width: 39%;height: 78%;}
.strategic-focus .map-holder .point.southeast-asia .pos{top: 11%;left: 4%;width: 39%;height: 78%;}

.strategic-focus .map-holder .point.india{top: 43%;left: 67%;padding-left: 4%;padding-top: 5%;}
.strategic-focus .map-holder .point.india:before{top: 2%;left: 13%;width: 79%;height: 63%;}
.strategic-focus .map-holder .point.india .pos{top: 2%;left: 13%;width: 79%;height: 63%;}

.strategic-focus .map-holder .point.australia{top: 70%;left: 81%;padding-left: 6%;padding-top: 5%;}
.strategic-focus .map-holder .point.australia:before{top: 0%;left: 28%;height: 63%;width: 52%;}
.strategic-focus .map-holder .point.australia .pos{top: 0%;left: 28%;height: 63%;width: 52%;}

.strategic-focus .map-holder .point.americas{top: 33%;left: 13%;padding-left: 9%;padding-top: 5%;}
.strategic-focus .map-holder .point.americas:before{top: 4%;left: 34%;width: 35%;height: 63%;}
.strategic-focus .map-holder .point.americas .pos{top: 4%;left: 34%;width: 35%;height: 63%;}

.strategic-focus .map-holder .point.europe{top: 27%;left: 49%;padding-left: 4%;padding-top: 5%;}
.strategic-focus .map-holder .point.europe:before{top: 5%;left: 10%;width: 79%;height: 63%;}
.strategic-focus .map-holder .point.europe .pos{top: 5%;left: 10%;width: 79%;height: 63%;}

.strategic-focus .trade-program{padding:20px;box-sizing:border-box; -webkit-box-sizing:border-box;width:100%;border:3px solid #FFF;}
.strategic-focus .trade-program h2{color:#FFF;}
.strategic-focus .trade-program p{color:#FFF;}

.strategic-focus .apps{position: relative;box-sizing:border-box; -webkit-box-sizing:border-box;margin-bottom: 25px;}
.strategic-focus .apps .app-icon{width:40px;height:40px;position: absolute;top:0;left:0;}
.strategic-focus .apps h4{padding-top: 10px;padding-left: 55px;}
.strategic-focus .apps p{margin-top:10px;}

.strategic-focus .video-holder{font-size:0;margin:0 -5px;line-height: 0;}
.strategic-focus .video-holder div{display:inline-block;width:50%;margin-bottom:10px;box-sizing:border-box; -webkit-box-sizing:border-box;padding:0 5px;}
.strategic-focus .video-holder div .btn-video{margin:0;width:100%;}


.tourism-community .banner .text-holder h1:after{background:#8CC540;}
.tourism-community .intro{background:#8CC540}
.tourism-community .inner-content-container .sub-nav li:hover{color:#8CC540;}
.tourism-community .inner-content-container .sub-nav li.on{color:#8CC540;}
.tourism-community .inner-content-container hr{border-top-color:#8CC540;}
.tourism-community .inner-content-container h2{color:#8CC540;}
.tourism-community .inner-content-container h3{font-size:20px;margin-top: 40px;margin-bottom: 20px;}
.tourism-community h3+.story-item {margin-top:10px;margin-bottom: 5px;}
.tourism-community .story-item{font-size:0;position: relative;margin-bottom:20px;background:#F0F0F0;padding:20px;}
.tourism-community .story-item img{display:inline-block;vertical-align:middle;width:30%;position: relative;}
.tourism-community .story-item p{display:inline-block;vertical-align:middle;width:70%;box-sizing:border-box; -webkit-box-sizing:border-box;padding-left:20px;padding-right: 100px;color:#000;position: relative;}

.tourism-community .story-item.left img{left:70%;}
.tourism-community .story-item.left p{left:-30%;}

.awards .banner .text-holder h1:after{background:#D11F59;}
.awards .intro{background:#D11F59}
.awards .inner-content-container .sub-nav li:hover{color:#D11F59;}
.awards .inner-content-container .sub-nav li.on{color:#D11F59;}
.awards .inner-content-container hr{border-top-color:#D11F59;}
.awards .inner-content-container h2{color:#D11F59;}
.awards .inner-content-container h3{font-size:20px;margin-bottom:20px;}
.awards .inner-content-container ul+h3{margin-top:40px;}

.corporate-information .banner .text-holder h1:after{background:#0248A8;}
.corporate-information .intro{background:#0248A8}
.corporate-information .inner-content-container .sub-nav li:hover{color:#0248A8;}
.corporate-information .inner-content-container .sub-nav li.on{color:#0248A8;}
.corporate-information .inner-content-container h2{color:#0248A8;}
.corporate-information .inner-content-container h3{font-size:20px;margin-bottom:20px;}
.corporate-information .inner-content-container strong{font-size: 17px;}
.corporate-information .inner-content-container p strong{font-size: 14px;}

.worldwide-offices .banner .text-holder h1:after{background:#7A5833;}
.worldwide-offices .intro{background:#7A5833}
.worldwide-offices .inner-content-container .sub-nav li:hover{color:#7A5833}
.worldwide-offices .inner-content-container .sub-nav li.on{color:#7A5833}
.worldwide-offices .inner-content-container h3{font-size:20px;margin-bottom:20px;}
.worldwide-offices .inner-content-container strong{font-size: 17px;}
.worldwide-offices .inner-content-container strong span{font-size:15px;position: relative;top:-8px;}
.worldwide-offices .inner-content-container p strong{font-size: 14px;}
.worldwide-offices .inner-content-container .text-holder{text-align: center;padding-top:40px;}
.worldwide-offices .inner-content-container .text-holder h2{color:#7A5833;margin-bottom:40px; }
.worldwide-offices .inner-content-container .text-holder strong{font-size: 21px;color:#7A5833}

.auditor-report .banner .text-holder h1:after{background:#0473A1;}
.auditor-report .intro{background:#0473A1}
.auditor-report .text-holder{text-align: center;padding-top:40px;}
.auditor-report .banner .text-holder h1{padding-bottom: 0px;}
.auditor-report .text-holder h1:after{display:none;}
.auditor-report .text-holder a.btn{margin-top: 35px;color:#FFF;}

.sitemap{text-align: center;}
.sitemap .inner-content-container h2{font-size:49px;margin-top:40px;}
.sitemap .sitemap-list{width:50%;display: inline-block;text-align: left;}
.sitemap .sitemap-list h3{margin-bottom:10px;font-size: 17px;}
.sitemap .sitemap-list h4{margin-bottom:5px;font-size:15px;}
.sitemap .sitemap-list .sublist{margin-left: 20px;margin-bottom: 10px;}
.sitemap .sitemap-list .sublist .sublist div{margin-bottom:5px;}

.sitemap .sitemap-list h3.messages{color:#15becf;}
.sitemap .sitemap-list h3.board-member{color:#007ac3;}
.sitemap .sitemap-list h3.tourism-performance{color:#E6B221;}
.sitemap .sitemap-list h3.strategic-focus{color:#ed1c24;}
.sitemap .sitemap-list h3.tourism-community{color:#8CC540;}
.sitemap .sitemap-list h3.awards{color:#D11F59;}
.sitemap .sitemap-list h3.corporate-information{color:#0248A8;}
.sitemap .sitemap-list h3.worldwide-offices{color:#7A5833;}
.sitemap .sitemap-list h3.auditor-report{color:#0473A1;}



@media screen and (max-width: 1700px){
  .home .banner .img-holder{position: absolute;left: 50%;margin-left: -800px;}
}

@media screen and (max-width: 1600px){
}
@media screen and (max-width: 1280px){
  .wrapper{padding:0 20px;}

  .inner-page .inner-content-container .sub-nav{left:20px;}
  .inner-page .inner-content-container .sub-nav ul {padding-left:30px;margin-left: 0px;}

  .inner-page .slider-holder{width:100%;}

  .inner-landing .block-holder {width: 80%;}


  .home .banner .text-holder .text-line-3{width:70%;margin:0 auto;}
  .home .banner .text-holder .text-line-3 img{width: 100%;max-width:930px;}
  .home .banner .text-holder .view-line{position: relative; left:50%;margin-left:-500px;}

  .home .block-holder{width:80%;}
  .home .block-holder .title{font-size:22px;line-height: 22px;left: 15px;top: 15px;}
  .home .block-holder .btn-more{bottom:15px;left:15px;}

}
@media screen and (max-width: 1024px){
  .inner-page .banner .text-holder h1{font-size:60px;line-height: 56px;}

  .inner-page .inner-content-container .sub-nav{display: block;width: 100%;position: fixed;top: 61px;left: 0px;padding-right: 0px;z-index: 1;}
  .inner-page .inner-content-container .sub-nav ul{margin: 0px;left: 0px;padding-left: 20px;border-radius: 0px;display:none;}
  .inner-page .inner-content-container .sub-nav .select-style{display:block;}
  .inner-page .inner-content-container .inner-content{padding-left:0%;padding-top: 70px;}

  .inner-page .slider-holder{width:100%;/*height: 360px;*/height:auto;}
  .inner-page .slider-holder .slide {/*height: 360px;*/height:auto;}


  .inner-landing.sub-landing .block-holder .block{width:33%;}
  .home .banner .slide {margin-top: 60px;}
  .home .banner .text-holder .text-line-3{width:90%;margin:0 auto;font-size: 0;line-height: 0;}

  .home .intro p{width: 90%;}

  .home .block-holder{width:94%;}
  .home .block-holder .block .title{font-size:18px;line-height: 20px;}
  .home .block-holder .block .btn-more{width:30px;height:30px;}

  .tourism-performance .block .title {padding-right: 300px;}

  .tourism-community .story-item p {padding-right:0;}

  .worldwide-offices .inner-content-container .text-holder{width:80%;margin:0 auto;}

  .image-block {width: 33%;}

  .sitemap .inner-content-container h2{margin-top:80px;}
  .sitemap .sitemap-list{width:80%;}

}

@media screen and (max-width: 768px){

  .inner-page .banner .text-holder{width:90%;margin-left:-45%;}
  .inner-page .banner .text-holder h1 {font-size: 50px;line-height: 45px;}

  .inner-page .inner-content-container.black::before {height: 550px;}
  .inner-page .inner-content-container .btn-video{width:100%;margin-right:0;}
  .strategic-focus .inner-content-container .highlight-box.result{width:100%;}


  .inner-landing .block-holder {width: 94%;}
  .inner-landing .block-holder .block .title{font-size:22px;line-height: 22px;left: 15px;top: 15px;}
  .inner-landing .block-holder .block .btn-more{bottom:15px;left:15px;}

  .home .banner .text-holder{margin-top:-170px;}
  .home .banner .text-holder .text-line-1 {font-size: 24px;}
  .home .banner .text-holder .text-line-2 {font-size: 26px;}
  .home .banner .text-holder .view-line{height:165px;}
  .home .banner .text-holder .view-line .view-line-overflow img{width:1000px;}

  .home .intro {padding-top:50px;}
  .home .intro p{width:100%;font-size: 15px;line-height: 24px;}


  .board-member .member-block-holder .block {width:33.33%;}

  .tourism-community .story-item img{width:50%;}
  .tourism-community .story-item p {width:100%;padding-left:0;margin-top:10px;}

  .tourism-community .story-item.left img{left:auto;}
  .tourism-community .story-item.left p{left:auto;}
}
@media screen and (max-width: 640px){

  .inner-landing.sub-landing .block-holder .block .title {font-size:16px;line-height: 18px;}

  .home .banner .slide {height: 350px;}
  .home .banner .img-holder{width:800px;margin-left: -400px;}
  .home .banner .img-holder .grid-sizer{width:50px;}
  .home .banner .text-holder{margin-top:-120px;}
  .home .banner .text-holder .text-line-1 {margin-bottom: 5px;line-height: 20px;font-size: 18px;}
  .home .banner .text-holder .text-line-2 {margin-bottom: 7px;font-size: 20px;}
  .home .banner .text-holder .view-line {height: 110px;width:600px;margin-left:-300px;}
  .home .banner .text-holder .view-line .view-line-overflow img {width: 600px;}
  .home .banner .scrollArrow{margin-left:-12.5px;bottom:20px;}
  .home .banner .scrollArrow img {width: 25px;}

  .home .block-holder .block {width:50%;}

  .board-member .member-block-holder {width:100%;}
  .board-member .member-block-holder .block{width:50%;padding:0 10px;}
  .board-member .note-holder{width:100%;padding:0 10px;padding-bottom: 10px;}

  .tourism-performance .block{padding:30px 25px;}
  .tourism-performance .block .title {padding-right: 0px;font-size: 20px;}
  .tourism-performance .block .icon{display: inline-block;vertical-align: middle;}
  .tourism-performance .block .result{position: relative; margin-top: -45px;right:0;text-align: left;}
  .tourism-performance .block .result .num {font-size: 30px;}
  .tourism-performance .block .result .word {font-size: 22px;}
  .tourism-performance .block .result .secord-line{float: right;margin-top:3px;}
  .tourism-performance .block .chart-holder{margin-top:85px;}
  .tourism-performance .block .chart-holder .icon{display:none;}
  .tourism-performance .block .chart-holder .chart{padding-left:0;}

  .strategic-focus .map-holder {font-size:0;}
  .strategic-focus .map-holder img{display:none;}
  .strategic-focus .map-holder .point{position: relative; top:0 !important; left:0 !important; padding:0 !important;width:50%;margin-bottom:10px;font-size:22px;background: none;display:inline-block;} 
  .strategic-focus .map-holder .point:before{position: relative;top:0 !important; left:0 !important;width:21px !important;height:21px !important;margin-right:10px;} 
  .strategic-focus .map-holder .point:hover:before{animation: none;}


  .strategic-focus .map-holder .point {background:none;opacity: 1;filter:alpha(opacity=100);}
  .strategic-focus .map-holder .point .pos{display:inline-block;position: relative;top:0 !important; left:0 !important;width:21px !important;height:21px !important;margin-right:10px;}
  .strategic-focus .map-holder .point .pos img{display:block;}


/*  .strategic-focus .map-holder .point.mainland-china{top: 38%;left: 70%;padding-left: 8%;padding-top: 8%;}
  .strategic-focus .map-holder .point.taiwan{top: 48%;left: 79%;padding-left: 10%;padding-top: 4%;}
  .strategic-focus .map-holder .point.japan{top: 41%;left: 83%;padding-left: 8%;padding-top: 4%;}
  .strategic-focus .map-holder .point.south-korea{top: 34%;left: 79%;padding-left: 4%;padding-top: 7%;}
  .strategic-focus .map-holder .point.southeast-asia{top: 60%;left: 77%;padding-left: 15%;padding-top: 4%;}
  .strategic-focus .map-holder .point.india{top: 51%;left: 66%;padding-left: 4%;padding-top: 5%}
  .strategic-focus .map-holder .point.australia{top: 73%;left: 81%;padding-left: 7%;padding-top: 5%;}
  .strategic-focus .map-holder .point.americas{top: 34%;left: 13%;padding-left: 9%;padding-top: 5%;}
  .strategic-focus .map-holder .point.europe{top: 39%;left: 38%;padding-left: 9%;padding-top: 3%;}*/


  .strategic-focus .inner-content-container .with-promotion .highlight-box{width:100%;margin-right:0%;margin-bottom:20px;}
  .strategic-focus .inner-content-container .with-promotion .promotion-box{width:100%;}

}
@media screen and (max-width: 480px){

  .image-block {width: 50%;margin-bottom: 15px;}
  .cip-images .cip-img{width:100%;}
  #image-grid .caption{position: relative;}
  #image-grid .caption:before{display:none;}

  .inner-page .banner .text-holder{width:96%;margin-left:-48%;}
  .inner-page .banner .text-holder h1 {font-size: 35px;line-height: 38px;}

  .inner-page .slider-holder{/*height: 300px;*/height:auto;}
  .inner-page .slider-holder.more-margin {margin-bottom: 90px;}
  .inner-page .slider-holder .slide {/*height: 300px;*/height:auto;}

  .inner-landing .block-holder .block {width:50%;}
  .inner-landing .block-holder .block .title{font-size:18px;line-height: 20px;}
  .inner-landing .block-holder .block .btn-more{width:30px;height:30px;}

  .inner-landing.sub-landing .block-holder .block {width: 50%;}

  .inner-page .inner-content-container.black::before {height: 470px;}
  .inner-page .inner-content-container h1 {font-size:35px;}


  .home .banner .slide {margin-top: 50px;}
  .banner .text-holder .text-line-1 {font-size: 20px;margin-bottom:5px;}
  .banner .text-holder .text-line-1 span {line-height: 10px;}
  .banner .text-holder .text-line-2 {font-size: 21px;}

  .home .block-holder .block .title{font-size:14px;line-height: 18px;left: 15px;top: 15px;}
  .home .block-holder .block .btn-more{bottom:15px;left:15px;}

  .messages .inner-content-container .signature{margin-top: 0px;margin-bottom: 20px;width: 110px;}


  .tourism-performance .block .result .secord-line {float: none;margin-top: 15px;}


  .strategic-focus .map-holder .point{width:100%;}
  .strategic-focus .video-holder div{width:100%;padding:0 5px;}

  .tourism-community .story-item img{width:100%;}

  .worldwide-offices .inner-content-container .text-holder{width:90%;margin:0 auto;}

  .sitemap .sitemap-list{width:100%;}
}
@media screen and (max-width: 320px) {
  .inner-landing.sub-landing .block-holder .block {width: 100%;}
}



@media screen and (orientation:landscape) and (max-width: 480px),screen and (orientation:landscape) and (max-width: 640px){
}


/**** for retina ****/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio:2) {

      

}
</pre></body></html>