@charset "big5";
/* CSS Document */

/*虎航動畫*/
@keyframes bgchange {from {background:darkorange;} to {background:#F60;}}

body {margin: 0;}
h1 {margin: 0; padding: 0; height: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; _display: none;}
.main {background:white;}
.containter {margin: 0 auto; width: 980px; background: url(../images/top.jpg) center top no-repeat #ffffff;}

.top-normal {height: 340px;}
.top-mobile {display: none;}
.top-mobile img {display: block; width: 100%;}

.aside {padding: 10px 0; width: 440px; float: right; position:relative;}
.article {width: 540px; background-color: #6d511f; float: left;}
.footer {clear: both;}

div.aside a.bnrice {position:fixed; right:60px; top:60px; z-index:2; }

#menu {padding: 0 5px; border-top: solid 3px #6d511f;}
#menu, #menu a {height: 30px;}
#menu a {display: block; background-color: #000000; color: #cccccc; font-size: 18px; line-height: 30px; letter-spacing: 5px; font-weight: bold; font-family:'微軟正黑體'; text-align: center; float: left;}
#menu a.current, #menu a:hover {color: #ffffff; cursor: pointer;}
#menu, #menu a.current, #menu a:hover {background: linear-gradient(#6d511f, #4e3810);}
#menu a.current {cursor: default;}
.tab-2 a {width: 50%;}
.tab-3 a {width: 33.33%;}

.content {margin: 0 5px; padding: 10px 0; background-color: #ffffff;}
.content p {margin: 0 10px 20px; color: #333333; font-size: 13px; line-height: 22px; letter-spacing: 1px; text-align: justify;}
.content h2 {margin: 0px; padding: 0; background: url(../images/title.jpg) center top no-repeat; color:#855237; font-size: 18px; line-height: 30px; letter-spacing: 2px; font-family: Arial, Helvetica, sans-serif, '微軟正黑體'; text-align: center;}
.content .figure {margin: 10px 0;}
.content .figure img {display: block; margin: 0 auto; width: 100%; *width: auto; max-width: 520px;}
.content-footer {height: 5px;}

a.ticket:link, a.ticket:active, a.ticket:visited{display: block; width: 100%; background: #0066CC; color: #ffffff; text-align: center;}
a.ticket:hover {background:#33ffff; color:#000000;}

.menu-prod {margin: 0 72px; padding-left: 3% \9; width: 96%;}
.menu-prod a {display: block; margin: 0 1px; padding: 8px 0; background-color: #999999; color: #ffffff; font-size: 16px; line-height: 16px; font-weight: bold; font-family:'微軟正黑體'; text-align: center; float: left; white-space: nowrap; overflow: hidden; text-shadow: 1px 1px 0 rgba(0,0,0,0.5);}
.menu-prod a.current, .menu-prod a:hover {background-color: #cc9933; background: linear-gradient(#d6ad5c, #6d511f); cursor: pointer;}
.menu-prod a.current {cursor: default;}
#menu-prod-1 {width: 20%; padding-left: 1.5%; padding-left: 0 \9; border-radius: 20px 0 0 20px;}
#menu-prod-2 {width: 20%;}
#menu-prod-3 {width: 20%;}
#menu-prod-4 {width: 20%; padding-right: 1.5%; padding-right: 0 \9; border-radius: 0 20px 20px 0;}
.content-prod {padding-top: 10px; clear: both;}

.link {padding: 10px 15px 0; text-align: right;}

.hotline {width: 94%; height: 1px; margin: 0px auto; background: url(../images/line.gif) center bottom repeat-x;}