@charset "utf-8";
.appbanner{position: relative; line-height: 1.5;z-index:2;}
.appbanner::after{content:" ";display: block;clear: both;}
.appbanner > a{display: block; height: 90px;max-height:12vw;width: 100%;background:url(bannerbg.gif);background-size: auto 100%;position: relative;}
.appbanner > a::after{content:" ";display: block;position: absolute;top: 0;left: 0; height:100%;width:100%;background:url(topBanner.png) no-repeat center;background-size: auto 100%}
.tBanner_close{background: rgba(0, 0, 0, 0.5); position: absolute;left: 0;top:50%;height: 1em;width: 1em;border-radius:50%;font-size:25px;margin-top:-0.5em;}
.tBanner_close::before,
.tBanner_close::after{content:" "; display:block;background:#FFF;width: 0.8em;position: absolute;top:0.2em;height:2px;}
.tBanner_close::before{left:0.25em;transform-origin:top left;transform: rotate(45deg)}
.tBanner_close::after{left:-.05em;transform-origin:top right;transform: rotate(-45deg)}
.applink{position: relative;line-height: 1.5em;font-size: 16px; border:1px solid #CCC;padding:0.5em 0;margin: 0 2%}
body > .applink{margin: 0;border:0px solid #CCC;}
body > .applink:hover{border: 0px solid #999}
.applink:hover{border: 1px solid #999}
.applink .applink_close{margin: 0 0 0 0.5em;background:#FFF;position:relative;display:inline-block; width:22px;height:22px;border-radius:50%;vertical-align: middle;border: 1px solid #CCC}
.applink .applink_close:hover{border: 1px solid #666}
.applink .applink_close::before,
.applink .applink_close::after{ margin: -1px 0 0 -6px;position:absolute;top:50%;left:50%;background:#666;content:"";display: block;width:12px;height:2px}
.applink .applink_close::before{transform: translate(0px, 0px) rotate(45deg);}
.applink .applink_close::after{transform: translate(0px, 0px) rotate(-45deg);}
.applink a{display:inline-block;vertical-align: middle;}
.applink a::before{content:"";display: inline-block;background:url("applogo.svg");background-size: 100% 100%; width: 5em;height: 5em;border-radius: 0.6em;vertical-align:top;margin: 0 0.8em 0 0.5em;border: 1px solid #CCC;}
.applink a::after{font-size: 0.9em;content:"在App上瀏覽";display: block;position:absolute;border: 1px solid #CCC;color: #666;padding:0 1em 0.1em 1em;line-height: 1.5em; right: 0.8em;bottom: 0.5em;}
.applink a:hover:before{border:1px solid #999}
.applink a:hover:after{color:#000;background:#eee;border:1px solid #999}
.applink strong{font-size: 1.1em;display:inline-block;vertical-align:top;margin: 0.1em 0 0 0; color: #000;}
.applink a:hover strong{color:#C00}
.applink strong::after{font-size: 0.9em;font-weight: normal;color:#666; content:"免費下載 X 快速訂房";clear: both;display: block;}

@media screen and (max-width:990px) {
	.appbanner{display:none;}
}
@media screen and ( min-width:970px ){
	.applink{display: none;}
}