html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;letter-spacing:1px; }
/* -moz-user-focus:   ignore;-moz-user-input:   disabled;-moz-user-select:   none; */

article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.2;background:#2a2a2a;overflow:hidden;overflow-y:hidden;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}

:focus {outline:0;}

/* 字體與樣式 css */
Html, body {Overflow:hidden;}

html {font-size:100.01%;}
body {font-size:13px;color:#222;font-family: "Arial", "新細明體"; letter-spacing:1px;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#222;margin:10px 0;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:15px;}
h4 {font-size:14px;}
h5 {font-size:13px;}
h6 {font-size:12px;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
.left {float:left !important;}
.right {float:right !important;}
sup{font-size:10px;}

/* 定義色彩 */
a:focus, a:hover {color:#404040;}
a {color:#606060;text-decoration:none;}

li ul, li ol {}
li {margin:5px;}
ul, ol {list-style-type:none;}

dl {}
dl dt {font-weight:bold;}
dd {}


table {margin:0;width:100%;}
th {font-weight:bold;}
th, td, caption {text-align:left;font-weight:normal;float:none !important;}

caption {background:#eee;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* 表格定義區 .t24s thead tr th td */
.t24s {border:1px solid #aaa;border-collapse:collapse;color:#666699; }
.t24s th, td {height:23px; text-indent:5px;line-height:25px;white-space:nowrap;border:1px solid #aaa;overflow:hidden;}
.t24s td {white-space:normal;margin:5px;}
.t24s th {font-weight:bold;font-size:13px;color:#333;}
.t24s thead {background-color:#9BA8B0;border-bottom:2px solid #aaa;}
.t24s tbody {background-color:#ECF1F4;border-bottom:2px solid #aaa;}
.t24s tbody:nth-child(even) {background-color:#BFC8CD;}
.t24s tfoot {background-color:#9BA8B0;height:30px;}

/*
.t24s tbody:nth-child(even) {background-color:#B2D3F5;}
.t24s tbody:nth-child(odd) {background: #eee;}
*/
.txt_right {text-align:right;}
.txt_left {text-align:left;}
.txt_center {text-align:center;}




/* forms.css */
label {font-weight:bold;}
fieldset {margin:5px;border:1px solid #ccc;}
legend {margin:0 5px;border:0px solid #fff;}
fieldset, #IE8#HACK {padding:0px;}
legend, #IE8#HACK {margin:0px;margin-bottom:0;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea{margin:5px;font-family: "Arial", 細明體;font-size:12px;background-color:#f8f8f8;border:1px solid #ccc;height:24px;line-height:26px;}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus  {border-color:#999;}

select {margin:5px;font-family: "Arial", "細明體";font-size:12px;background-color:#fff;border:1px solid #bbb;height:28px;padding: 5px 0px 5px 0;}
option{float:left;;letter-spacing:1px;padding:5px 0px 5px 0;}

/*
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
*/
form {clear:both;float:static;border:1px solid red;display:block;}
form p {clear:both;}
form span{float:left;height:40px;line-height:40px;border:1px solid #ccc;}
form span.label-name {float:left;width:200px;text-align:right;}
form span.label-input {float:left;width:200px;text-align:left;}
form input, select, textarea {border-radius:3px;	-moz-border-radius:3px;	-webkit-border-radius:3px;}
form input {width:180px;}
form select {width:180px;}
form textarea {width:180px;}

/* 定義提示資訊內的相關 style */
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:20px 0;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/** 自訂 **/

#header {position:absolute;top:0px;height:42px;width:100%;border:0px solid red;z-index:10;}
#header_logo {position:absolute;left:10px;width:320px;height:40px;background:url('../images/cloud_boss_logo_2.png') no-repeat left top;border:0px solid red;}
#flag_list {position:absolute;right:0px;width:120px;height:34px;border:0px solid red;}
#flag_list img {float:left;margin:2px;width:24px;height:24px;cursor:pointer;}
#tab_list {position:absolute;top:4px;left:340px;height:36px;text-align:right;width:100%;overflow:hidden;border:0px solid #444;}
#tab_list span {float:left;text-align:center;height:28px;line-height:32px;width:100px;margin:0 4px;background-position:0 top;cursor:pointer;color:#898989;border-bottom:4px solid #444;}
#tab_list img {float:left;margin:0px;}
#user_info {float:right;margin:5px 10px;height:30px;line-height:30px;width:200px;text-align:right;color:#ccc;}

/*
#tab_list img {vertical-align:text-bottom;height:30px;width:30px;margin:0 3%;cursor:pointer;border:0px solid red;}
*/
#content_wrap {position:absolute;height:100%;width:100%;border:0px solid red;}
#contents {position:absolute;top:0px;bottom:0px;width:100%;}
#contents .content_page {float:left;height:100%;width:100%;word-wrap: break-word;word-break: break-all;}
#contents .module_wrap {margin:0px;overflow-y:hidden;border:0px solid blue;background:#DDDDDD;}
#contents .module_header {margin:0px;height:30px;overflow-y:hidden;border:0px solid blue;background:#DDDDDD;}
#contents .module_footer {margin:0px;height:30px;overflow-y:hidden;border:0px solid blue;background:#DDDDDD;}
#navName{}

#footer {position:absolute;height:30px;line-height:30px;text-align:center;bottom:0;width:100%;overflow:hidden;}
.footer_copyright { color:#333;text-align:center;}

#navigator {float:left;width:300px;background:#EeF0F2;height:100%;border-right:1px solid #aaa;color:#333;}
#navigator span{float:left;height:30px;border:0px solid red;}
#navigator span.icon{width:30px;}
#navigator span.icon img {height:24px;width:24px;margin:3px 5px;}

#navigator span.title {line-height:28px;margin-left:2px;font-size:13px;font-weight:100;}
#navigator b.number {float:left;width:16px;height:16px;margin:4px;padding:2px;background:#ccc;text-align:center;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;font-style:ITALIC;font-weight:500;}
#navigator li {clear:both;height:30px;margin:2px;cursor:pointer;}
#navigator li:hover {background:#E7EDCB;}
#navigator p {clear:both;height:30px;margin:2px;cursor:pointer;}
#navigator p:hover {background:#E7EDCB;}

/*  content **/
#doc_block {position:relative;height:100%;border-top:1px solid #ccc;overflow-y:scroll;}
.doc_content {margin:20px;}
.specs {margin:0px;width:100%;border-bottom:1px solid #cecece;color:#444;}
.specsHeader {margin:0;border:0px solid red;color:#444;}
.specsItem {margin:20px 0;border:0px solid red;}
.specsItemTip {margin:20px auto;padding:5px;background:#E7EDCB;border:1px solid #ccc;width:600px;}


/*.specsItem ol, .specsItemTip ol{margin:20px 0 30px 0;list-style-type: decimal;padding-left:20px;}*/
.specsItem ul, .specsItemTip ul{margin:20px 0 30px 0;list-style-type: circle;padding-left:20px;}
.specsItem li, .specsItemTip li{width:100%;border:0px solid blue;}
.specsItem b, .specsItemTip b{}
.specsItem p, .specsItemTip p {margin:0px;}

.specsImg {margin:10px;text-align:center;}
.specsImg p {margin:5px 0 40px 0;}