.topbar20 { position: fixed; left: 0; top: 0; z-index: 900; width: 100%; height: 40px; background-image: url(../images/topbarbg.jpg); -webkit-background-size: 1000px; background-size: 1000px; border-bottom: 3px solid #f49438; box-shadow: 0 3px 10px -4px rgba(0,0,0,.5); }
.topbar20:after { content: ""; background-image: url(../images/flower_right.gif); -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; width: 358px; height: 52px; position: absolute; right: 0; top: 0; }
.logo20Box { display: inline-block; line-height: 0; }
.logo20Box:hover { opacity: .7; }
.logo20Box:after { content: ""; background-image: url(../images/flower_left.gif); -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; width: 329px; height: 60px; position: absolute; right: -333px; top: 0; }
.logo20Box .logo20 { display: inline-block; width: 98px; padding: 7px 10px 0 10px; }
.logo20Box .wording20 { display: inline-block; vertical-align: bottom; margin-bottom: 5px; width: 180px; }

/*小於1000時*/
@media screen and (max-width: 1000px){
.topbar20 { height: 32px; border-bottom-width: 2px; }
.topbar20:after { width: 286px; height: 42px; }
.logo20Box:after { width: 263px; height: 48px; right: -266px; }
.logo20Box .logo20 { width: 78px; padding-top: 6px; }
.logo20Box .wording20 { width: 144px; }
}
/*小於940時(MOBILE)*/
@media screen and (max-width: 940px){
.topbar20 { display: none;}
}