@charset "big5";
/* CSS Document */
body {margin: 0; /*background:#6ea3bf; background:#b9e7ff;*/ background:url(../images/bg.jpg) center repeat;}
h1 {margin: 0; padding: 0; height: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; _display: none;}
.main {margin: 0px auto; width: 980px; background-color:white; box-shadow: 0px 0px 15px #000000;}

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


.top-normal a#tophover-2 {display:block; width:171px; height:86px; position:absolute; background:none; right:7px; top:223px; z-index:2;}
.top-normal a#tophover-2:hover {background:url(../images/tophover_02.png) no-repeat;}

.containter {position: relative;}
.article {width: 540px; margin-left: 0;}
.aside, .right {width: 440px; background-color: #ffffff;}
.aside {padding: 10px 0; float: right; position: relative; box-sizing:border-box; border:1px solid #a0daf8;}
.right {height: 100%; position: absolute; right: 0;}
.footer {clear: both;}

#menu {height: 40px; background-color:#a0daf8; background: linear-gradient(#0041ab, #0041ab); box-shadow: 0px 3px 5px #ffffff;}
#menu a {display: block; float: left; padding: 8px 0; width: 25%; color: #ffffff; font-size: 24px; line-height: 24px; font-family: '微軟正黑體'; text-align: center; border: solid 1px #ffffff; border-right: none; *border-left: none; cursor: pointer; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
#menu a.current, #menu a:hover {background-color: #792721;}
#menu a.current {cursor: default;}

.content h2 {margin: 20px 0 10px; padding: 0 10px; background:white; font-family: Arial, Helvetica, sans-serif, '微軟正黑體'; border-bottom: double 3px #a0daf8;}
.content h2 b {display: inline-block; padding: 5px; background-color: #00257a; color: #ffffff; font-size: 24px; line-height: 24px; letter-spacing: 0; border-radius: 50%;}
.content h2 em {display: inline-block; margin-left: 5px; color: #00257a; font-style: normal; font-size: 21px; letter-spacing: 2px;}
.content h3 {margin: 0; padding: 10px 0 0; color: #00257a; font-size: 20px; line-height: 20px; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif, '微軟正黑體'; text-align: center; white-space: nowrap;}
.content h3 i {margin: 0 2px;}
.content p {margin: 0; padding: 10px; color:black; font-size: 13px; line-height: 20px; letter-spacing: 1px; text-align: justify;}
.content .img {display: block; float: right; margin: 5px; margin-right: 0; border-radius: 6px;}
.content .box {margin: 10px; background-color:white; border-radius: 10px; border:2px solid #b9e7ff;}
.content .box p {color:black; letter-spacing: 0;}

.link {padding-bottom: 10px;}
.link a {display: inline-block; margin-right: 10px; padding: 5px; color: #ffffff; font-weight: bold; letter-spacing: 1px; font-family: '微軟正黑體'; white-space: nowrap; border: solid 1px #436172; border-radius: 20px 0px 0px 20px;}
.link a, .link a:hover {font-size: 18px; line-height: 18px;}
.link a:hover {box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);}
.link-hk, .link-ma {display: inline-block; padding: 10px 0; width: 49%; text-align: right;}
.link-hk a {background-color: #9900CC;}
.link-hk a:hover {background-color: #CC00FF;}
.link-ma a {background-color: #993300;}
.link-ma a:hover {background-color: #CC3300;}
.link i {display: inline-block; width: 27px; height: 16px; background: url(../images/arrow.gif) 3px 3px no-repeat;}

.menu-prod {margin: 0 auto 5px; max-width: 460px; text-align: center;}
.menu-prod a, .menu-prod a:hover {display: inline-block; margin: 5px; padding: 5px; width: auto; background-color: #99d6ff; color: #003399; font-size: 16px; letter-spacing: 1px; font-weight: bold; font-family: '華康細圓體', '超顏澤細圓', '微軟正黑體'; text-decoration: none; border: solid 1px #003399;}
.menu-prod a:hover, .menu-prod a.current {background-color:#a0daf8; color: #ffffff; border: solid 1px #660000;}
.hotline {width: 94%; height: 1px; margin: 0px auto; background: url(../images/line.gif) center bottom repeat-x;}


.hkad { padding:5px;}
.hkad a { display:block;}
.hkad img{ display:block; border:none;}