@charset "big5";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css); /* Google圓體 */

body {margin: 0;}
h1 {margin: 0; padding: 0; height: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; _display: none;}
.main {margin: 0 auto; width: 980px; background-color: #ffffff;}

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

.containter {background-color: #f2fbff;}
.article {width: 535px; float: left;}
.aside {width: 440px; float: right; padding: 15px 0; background-color: #ffffff;}
.footer {height: 0; clear: both;}

#menu {margin: 0 auto; width: 100%; max-width: 440px;}
#menu a {display: block; float: left; width: 25%; position: relative; cursor: pointer;}
#menu a img {width: 100%; border: none;}
#menu a img.hover {visibility: hidden; position: absolute; top: 0; left: 0;}
#menu a:hover img.hover, #menu a.current img.hover {visibility: visible;}
#menu a.current {cursor: default;}

.content {margin: auto; padding-bottom: 10px; width: 510px;}
.section {padding: 10px; clear: both;}
.section h2 {margin: 5px 0; padding: 0;color: #006699; font-size: 20px; font-family: Arial, Helvetica, sans-serif, 'cwTeXYen', '微軟正黑體'; border-bottom-style: solid; border-bottom-width: 1px;}
.section small {display: inline-block; font-size: 16px;}
.section p {padding: 0; color: #333333; font-size: 13px; line-height: 20px; letter-spacing: 1px; text-align: justify;}
.section .title img, .figure-full img {display: block; margin: auto;}
.figure-full {padding-top: 10px;}
.figure-side img {margin-top: 5px; margin-left: 10px; float: right; border-radius: 10px;}

.menu-prod {margin: 0 auto; width: 100%; max-width: 400px;}
.menu-prod a {display: block; float: left; width: 50%; position: relative; cursor: pointer;}
.menu-prod a img {width: 100%; border: none;}
.menu-prod a img.hover {visibility: hidden; position: absolute; top: 0; left: 0;}
.menu-prod a:hover img.hover {visibility: visible;}
.menu-prod a.current {cursor: default;}

.hotline {width: 94%; height: 1px; margin: 0px auto; background: url(../images/line.gif) center bottom repeat-x;}
.btn {margin:10px auto;}
.btn a {display:inline-block; vertical-align:top; position:relative; width:90px; margin:0px 3px; font-size:15px; line-height:30px; font-family:微軟正黑體,MS Gothic,sans-serif; color:white;}
.btn a span {position:relative; display:block; text-align:center; height:30px; background:#76b9e3; /*z-index:5;*/ border-radius:10px;}
.btn a i {display:none;}
.btn a.slec {cursor:default;}
.btn a.slec span {background:#0468a6; color:white;}
.btn a.slec i {position:relative; display:block; text-align:center; font-size:40px; height:15px; line-height:15px; margin-top:-4px; /*z-index:1;*/ color:#0468a6;}
.btn a:hover span {background:#0468a6; color:white;}
.btn a:hover i {position:relative; display:block; text-align:center; font-size:40px; height:15px; line-height:15px; margin-top:-4px; /*z-index:1;*/ color:#0468a6;}