/* CSS Document */
img {max-width:100%;height: auto;}
article a {word-wrap: break-word;word-break: break-all;}
.datatable{overflow-x: auto; display: block;}
.datatable table { width:100%; border-spacing:0px; border-top:8px solid #231815; border-bottom:8px solid #231815; font-size:15px; margin-bottom:25px;}
.datatable table th, .datatable table td { border-bottom:1px solid #59514f; vertical-align:middle; text-align:left; padding:5px 10px; font-weight:normal;}
.spec-title { padding:0 15px 10px 15px; font-size:16px;}
.spec-title span { font-size:26px;}


.content-Box { border-right:1px solid #4c4240; border-left:1px solid #4c4240; background:#fff; border-top:16px solid #0c4090; border-bottom:16px solid #0c4090; padding:0 32px;}
.logo { text-align:left;}
/* logo-2.png is 2504x197 (12.71:1) with the top/bottom whitespace trimmed,
   so it needs a much wider box than the old 365x82 logo to look the same size.
   720px renders it at ~57px tall. height stays auto (from the global img rule)
   so it still scales down on narrow viewports.
   logo-2.png 為 2504x197（12.71:1），已去除上下白邊，
   因此需要比舊版 365x82 更寬的區塊才能看起來一樣大。
   720px 約呈現 57px 高；height 沿用全域 img 的 auto，視窗變窄時仍會等比縮小 */
.logo img { width:720px;}

.menu { text-align:center; padding:20px 0;}
.menu li { display:inline-block; vertical-align:top; position:relative; text-align:center; width:172px; height:58px; overflow:hidden; line-height:58px; color:#222; font-size:18px; background:url(../images/menu.png) no-repeat; margin:0 5px; font-weight:bold;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.menu li:hover { background:url(../images/menu-over.png) no-repeat;}
.menu li span { display:block; position:absolute; top:0px; width:100%;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.menu li:hover span { top:-58px;}