@charset "big5";
/* CSS Document */
body {margin: 0;}
h1 {margin: 0; padding: 0; height: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; _display: none;}
.main {margin: 0 auto; background-color: #ffffff;}

.top-normal {height: 340px; background: url(../images/top.jpg) center top no-repeat #60c7ff; position:relative; margin: 0px auto;}
.top-mobile {display: none;}
.top-mobile img {display: block; width: 100%;}
.top-mobile iframe {width: 100%; height: 35px;}

.containter {margin: 0 auto; width: 980px;}
.article {width: 530px; float: left; padding: 10px 0;}
.asideA {width: 980px; height:340px; position:relative;}
.aside {width: 440px; float: right; padding: 10px 0;}
.footer {height: 10px; clear: both;}

#menu {padding-bottom: 20px;}
#menu ul, #menu li {margin: 0; padding: 0; list-style: none;}
#menu ul {text-align: center;}
#menu li {display: inline-block; *display: inline; width: 45%; text-align: center;}
#menu a {display: inline-block; *display: inline; padding: 5px 0; width: 80%; background-color: #3366ff; color: #ffffff; font-size: 24px; line-height: 24px; font-family: '微軟正黑體'; text-align: center; border: solid 1px #0033cc; text-shadow: 1px 1px 0 #0033cc; white-space: nowrap;}
#menu li:last-child a {letter-spacing: 3px;}
#menu a:hover, #menu a.current {background-color: #ffffff; color: #0033cc; font-weight: bold; text-shadow: none; box-shadow: 0 3px 9px #809fff;}

.section {margin-bottom: 20px; padding-bottom: 10px; border-style: solid; border-width: 2px; border-radius: 10px; overflow: hidden;}
.section h2 {margin: 0 0 5px; padding: 5px; color: #ffffff; font-size: 18px; line-height: 21px; letter-spacing: 1px; font-family: '微軟正黑體';}
.section p {margin: 0; padding: 5px 15px; font-size: 13px; line-height: 21px; letter-spacing: 1px; text-align: justify;}
.section .figure {padding-top: 10px; text-align: center;}
.section .figure img {margin: 0 1%; width: 46%; max-width: 300px; border-radius: 10px;}

#content-1 .section {border-color: #990000;}
#content-1 h2 {background-color: #990000;}
#content-2 .section {border-color: #0066cc;}
#content-2 h2 {background-color: #0066cc;}

.prod-menu-main {padding-bottom: 5px;}
.prod-menu-mainA {position:absolute; bottom:0; right:0;}
.prod-menu-sub {padding-bottom: 15px; clear: both;}
.prod-menu-main ul, .prod-menu-main li, .prod-menu-sub ul, .prod-menu-sub li {margin: 0; padding: 0; list-style: none;}
.prod-menu-main ul, .prod-menu-sub ul {text-align: center;}
.prod-menu-main ul {*margin-left: 130px;}
.prod-menu-main li, .prod-menu-sub li {display: inline-block; *display: inline; text-align: center;}
.prod-menu-mainA li{display: block; *display: block;}
.prod-menu-main li {width: 30%;}
.prod-menu-main a {display: block; margin: auto; width: 90px; position: relative; cursor: pointer; *float: left;}
.prod-menu-mainA a {display: block; width: 100px; position: relative; cursor: pointer;}
.prod-menu-main a img {display: block; border: none;}
.prod-menu-mainA a img {display: block; border: none;}
.prod-menu-main a img.hover {visibility: hidden; position: absolute; top: 0; left: 0;}
.prod-menu-mainA a img.hover {visibility: hidden; position: absolute; top: 0; left: 0;}
.prod-menu-main a:hover img.hover {visibility: visible;}
.prod-menu-mainA a:hover img.hover {visibility: visible;}
.prod-menu-sub li {width: 22.5%;}
.prod-menu-sub a {display: inline-block; *display: inline; padding: 5px 0; width: 80%; background-color: #b30000; color: #ffffff; font-size: 18px; line-height: 18px; letter-spacing: 1px; font-family: '微軟正黑體'; text-align: center; border: solid 1px #660000; white-space: nowrap;}
.prod-menu-sub a:hover, .prod-menu-sub a.current {background-color: #ffffff; color: #b30000; font-weight: bold; text-shadow: none; box-shadow: 0 3px 9px #ff9999;}

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

.link {padding: 15px 0; width: 100%; text-align: right;}
.link a, .link a:hover{display: inline-block; padding: 5px; background-color: #9900cc; color: #ffffff; font-size: 18px; letter-spacing: 1px; font-weight: bold; font-family: '微軟正黑體'; border-radius:20px 0px 0px 20px;}
.link a:hover {background-color: #cc00ff; box-shadow: 1px 2px 3px #333333;}
.link b {display: inline-block; width: 27px; height: 16px; background: url(../images/arrow.gif) 3px 3px no-repeat;}