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

/*���ʵe*/
@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: #fe8c2e;}
.containter {margin: 0 auto; width: 980px; background: url(../images/bg.png);}

.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; float: left;}
.footer {clear: both;}
.tag {border-radius: 5px; margin: 1rem auto !important; width: fit-content; padding: 0.5rem 1rem !important; background-color: #fe8c2e; color: #fff; font-weight: bolder;}

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

#menu {display: flex;}
#menu a {display: block; background-color: #2445a8; color: #fff; font-size: 18px; line-height: 30px; letter-spacing: 5px; font-weight: bold; text-align: center;}
#menu a.current, #menu a:hover {color: #ffffff; cursor: pointer;}
#menu, #menu a.current, #menu a:hover {background: #5778db;}
#menu a.current {cursor: default;}
.tab-2 a {width: 50%;}
.tab-3 a {width: 33.33%;}

.content {margin: 0px auto;  padding:10px; }
.content p {padding: 0 10px 20px; font-size: 15px; line-height: 22px; letter-spacing: 1px; text-align: justify;}
.content h2  {margin-bottom: 10px; padding: 2px 8px; background-color: #fe8c2e; color: #ffffff; font-size: 18px; line-height: 21px; letter-spacing: 1px; border-radius: 5px;}
.section .section-content {display: flex; gap: 1rem; margin-bottom: 10px;}
.section .figure img {display: block; border-radius: 5px; width: 230px; height: 180px;}
.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 {display: flex; justify-content: center;}
.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; 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(#2445a8, #5778db); 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;}
/* �D����ŵn�����u�f */
.special {width: 49.5%;}
.part-left {float: left;}
.part-right {float: right;}
.special .details {margin-bottom: 5px; padding: 5px; background-color: #ffffff; border: solid 1px #4d2600;}
.special .figure {margin: 0; width: auto;}
.special .figure img {display: block; width: 100%; border-radius: 0;}
.special .summary {color: #000033; font-size: 16px; font-weight: bold; line-height: 24px;}
.special p {margin: 0; color: #333333; letter-spacing: 0;}
.special p .highlight {color: #ff0000;}

.title {font-size: medium !important; font-weight: bolder;}
.text {font-size: 15px; line-height: initial; text-align: justify;}
.text-primary {color: #fe8c2e;}
.text-white {color: #fff;}

.ads a:hover{box-shadow: 0px 0px 5px #888888;}