/* --------------------------------------------------------- */
/* ------------------ Base Elements ------------------------ */
/* --------------------------------------------------------- */
form { margin-top: 0; margin-bottom: 0; }
table { border-collapse: collapse; }
table td { vertical-align: top; }
table th { vertical-align: top; }
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ---------------------- Select 選單 ---------------------- */
/* --------------------------------------------------------- */
.link_arrow0 {font:14px marlett;text-align:center;width:22px;height:100%;border:2px outset;background:buttonface}
.link_arrow1 {font:14px marlett;text-align:center;width:22px;height:100%;border:1px solid buttonshadow;padding:2px 0px 0px 2px;background:buttonface}

.link_record0{width:100%;height:20px;border-top:1px solid #eee;background:#fff;color:#000;padding-left:2px}
.link_record1{width:100%;height:20px;border-top:1px solid #047;background:#058;color:#fe0;padding-left:2px;}
/* --------------------------------------------------------- */



/* --------------------------------------------------------- */
/* -------------------- ID Elements ------------------------ */
/* --------------------------------------------------------- */
#bbutton a:link, #bbutton a:visited {
  margin-right:  2px;
  padding: 3px 10px 2px 10px;
  color: #A62020;
  background-color: #FCE6EA;
  text-decoration:none;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #717171;
  border-right: 1px solid #717171;
}

#bbutton a:hover {
  border-top: 1px solid #717171;
  border-left: 1px solid #717171;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

#top_bar {
  border:solid 1px #000000;
  background:#DEFFFF;
}

#menu_bar {
  border:solid 1px #000000;
  background:#EEFDDF;
}

#content_table {
  border:solid 1px #000000;
  background:#FFFFF9;
}

div#second_table {
  width:100%;
  height:40px;
  overflow:auto;
  border-bottom:1px solid #000000;
}
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* ---------------------- Class Elements ------------------- */
/* --------------------------------------------------------- */
table.solid { border-collapse: collapse; border:#000000 1px solid; }
table.solid th { border:#000000 1px solid; text-align:center; }
table.solid td { border:#000000 1px solid; text-align:right; }

table.solid-l { border-collapse: collapse; border:#000000 1px solid; }
table.solid-l th { border:#000000 1px solid; text-align:center; }
table.solid-l td { border:#000000 1px solid; text-align:left; }

table.noBorder { border-collapse: collapse; border:0px; }
table.noBorder th { border:0px; text-align:center; }
table.noBorder td { border:0px; text-align:left; }

.camiyu_note  { background:#FFFF00; border:solid 2px #000000; }
.error_warning { color:#FF0000; font-weight:bold; }
.table_title { margin: 15px 0 10px 0; font-size: 14pt; font-weight: bold; }
/*
.title { background:#FFFFCC; }
.ID { background:#FF9999; }
.name { background:#FFCCFF; }
.main_data { background:#BDCDDD; }
.result { background:#FF99FF; }
.note  { background:#FFFF00; border:solid 2 #000000; }
.note2 { background:#FFFFBB; border:ridge 2; }
.s_input { border:1 solid #000000;background:#DEFFFF; }
.s_condition { border:solid 1 #000000;background:#CCCCCC; }
.impor_data { background:#FFCCCC; }
.readonly { border:solid 1 #C0C0C0; color:#606060;}
.option { cursor:hand; }

*/

/* --------------------------------------------------------- */
/* ------------------- HTML Body Elements ------------------ */
/* --------------------------------------------------------- */
#top_bar
{
	background:#FF5500;
	border-collapse: collapse;
}

#top_bar #button
{
	BORDER-RIGHT: #002D96 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #002D96 1px solid;
	PADDING-LEFT: 2px;
	FONT-SIZE: 14px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA);
	BORDER-LEFT: #002D96 1px solid;
	CURSOR: hand;
	COLOR: black;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #002D96 1px solid
}

/*  class_bar  */
#class_bar
{

}

/*  sub_class_bar  */
#sub_class_bar
{

}

/*  function_menu_bar  */
#function_menu_bar
{
	background:#FFAA55;
}

#function_menu_bar #button
{
	BORDER-RIGHT: #7b9ebd 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #7b9ebd 1px solid;
	PADDING-LEFT: 2px;
	FONT-SIZE: 14px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
	BORDER-LEFT: #7b9ebd 1px solid;
	CURSOR: hand;
	COLOR: black;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #7b9ebd 1px solid
}




/*  content_table  */
#content_table
{

}

#content_table .function_title
{
	width:200px;
	border:solid 2px #000000;
	background:#FFFFCC;
}

#content_table #body_sheet .title
{
	width:200px;
	border:solid 2px #000000;
	background:#FFFFCC;
}
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ---------------------- Main_Content --------------------- */
/* --------------------------------------------------------- */
.main_content {
	width: 4000px;
}

/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* -------------------------- SideBar ---------------------- */
/* --------------------------------------------------------- */
.sidebar {
	width: 300px;
	float: left;
}
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ---------------------- Sub_Content --------------------- */
/* ---------------------------------------------------------- */
.sub_content {
	width: 3680px;
	float: right;
}

/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ---------------------- function form -------------------- */
/* --------------------------------------------------------- */
.function_form .step {
	background:#FFFF00;
	border:solid 2px #000000;
}


/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ---------------------- ItemList ------------------------- */
/* --------------------------------------------------------- */
.itemlist {
	width: 300px;
}

.itemlist .head {
	width: 290px;
}

.itemlist .head .title {
	font-size: 12pt;
}

.itemlist .head .left {
	float:left;
}

.itemlist .head .right {
	float:right;
}

.itemlist .set {
    width: 290px;
}

.itemlist .set .title {
	cursor: pointer;
	font-size: 12pt;
}

.itemlist .set .left {
	text-align:left;
}

.itemlist .set .right {
	text-align:right;
}

.itemlist .set .item {
	cursor: pointer;
}

.itemlist .footer {
	float: left;
}

.itemlist .footer .item {
	cursor: pointer;
}

/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ---------------------- 產品網頁 ------------------------- */
/* --------------------------------------------------------- */
#main_s {
    width:945px;
}

#content_s {
    width:900px;
    border-top: dotted 2px #008000;
    float: left;
}

#header_s {
    float:left;
    font-size: 12pt;

}

#l_header_s {
    width:490px;
    float:left;
}


#product_name {
    font-size: 20pt;
    font-weight: bold;
    text-align: center;
    color: #000080;
    margin: 5px 0 5px 0;
    background: #ADD9F5;
}

#product_simple_zhtw, #product_simple_en {
    font-size: 12pt;
    text-align: left;
    margin: 2px 0 5px 0;
}

#web_order {
    text-align: left;
}

#web_order button {
    border: double 3px #3366FF;
    padding: 5px;
    background: #FFF;
}

#WQ_display1 {
    border: 5px double #000;
    background: #FFF;
    position: absolute;
    padding: 10px;
    margin: 20px 0 0 0;
}

#WQ_display2 {
    border: 5px double #000;
    background: #FFF;
    position: absolute;
    padding: 10px;
    margin: 20px 0 0 0;
}

#WQ_display3 {
    border: 5px double #000;
    background: #99CCFF;
    position: absolute;
    padding: 10px;
    margin: 20px 0 0 0;
}

#on_sale_s {
    width:360px;
    float:left;
    border: 1px solid #FF0000;
}


#header_other_info {
    width:900px;
    float:left;
}

#product_box_s {
    float: right;
}

#product_box_s img {
    width: 180px;
    height: 240px;
}


#header_other_info div {
    margin: 2px;
    padding: 3px;
    float:left;

}

#product_id_s, #view_count_s {
    width:125px;
    vertical-align: middle;
    border: 3px solid #339966;
    border: 3px solid #339966;
}

.product_platform_s {
    width:550px;
    border: 1px solid #000;
}

.product_service_s {
    width:800px;
}

.product_platform_s img {
    margin: 0 2px;
}

.CarouselImages {
    width: 750px;
    float: left;
}

.CarouselImages img {
    width: 160px;
    height: 160px;
    margin: 5px;
    border: solid 1px #000;
}

.CarouselImages .CarouselBlock{
    height: 180px;
}

.s_MarqueeOrg, .s_MarqueeDept {
    width: 430px;
    height: 160px;
    float:left;
    margin:0 5px 0 0;
    padding: 10px 0;
    background:#FFFF99;
}

.s_MarqueeOrg marquee, .s_MarqueeDept marquee {
    height: 160px;
    padding: 0 0 0 5px;
}

.PageTextBlock {
    width: 850px;
    float: left;
}

.PageTextBlock_title {
    font-size: 18pt;
    color: #3366FF;
    margin: 5px 0;
}

.PageTextBlock_content {
    font-size: 12pt;
    color: #000;
}

.s_Gallery {
    float: left;
    margin: 0 0 0 0;
}

.s_Gallery_title {
    font-size: 18pt;
    color: #3366FF;
    margin: 5px 0;
    font-weight: bold;
}
.s_Gallery_col {
    float: left;
    margin: 0 0 0 0;
}
.s_Gallery_item {
    float: left;
    margin: 5px 5px;
    border: 1px solid #C0C0C0;
}

.s_Gallery_item img {
    float: left;
    margin: 0 0 0 0;
}

.s_Gallery_item div {
    float: left;
    margin: 0 0 0 5px;
}

.DomainAnalysis {
    float: left;
    font-size: 12pt;
    font-weight: bold;
}

.DomainAnalysis_title {
    font-size: 18pt;
    color: #3366FF;
    margin: 5px 0;
    font-weight: bold;
}

.DomainAnalysis_entity {
    width:800px;
    float: left;
    border-bottom:1px solid #008080;
    height: 25px;
    margin: 5px 0 0 0;
}

.DomainAnalysis_1 {
    width: 500px;
    float: left;
}

.DomainAnalysis_2 {
    width: 100px;
    float: left;
}

.DomainAnalysis_3 {
    width: 180px;
    float: left;
}


.s_Recommand {
    float: left;
    font-weight: bold;
}

.s_Recommand_title {
    font-size: 18pt;
    color: #3366FF;
    margin: 10px 0;
    font-weight: bold;
}

.s_Recommand_entity {
    width: 700px;
    float: left;
    border-bottom:1px solid #008080;
    height: 50px;
    margin: 5px 0 15px 0;
}

.s_Recommand_entity img {
    float: left;
    height: 64px;
    width: 48px;
    margin: 0 10px 10px 0;
    border-right: #008080 solid 1px;
}

.s_Recommand_1 {
    width: 490px;
    float: left;
    font-size: 14px;
    color: #0000FF;
    margin: 5px 0;
}

.s_Recommand_2 {
    width: 630px;
    float: left;
    font-size: 12px;
    color: #000000;
}


.s_footer {
    margin: 20px 0 0 0;
    color: red;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    width: 720px;
    float: left;
}

#WQ_Block table
{
    border-collapse: collapse;
    border:#000000 1px solid;
    margin:10px 0;
    background: #FFF;
}
#WQ_Block table th
{
    border:#000000 1px solid;
    text-align:center;
    padding:8px 0;
    font-size: 12pt;
    font-weight:bold;
    background: #AADDFF;
}
#WQ_Block table td
{
    border:#000000 1px solid;
    text-align:left;
    padding:8px 8px;
}

#WQ_Block .login_form
{
    font-size: 12pt;
    background: #FDD6D6;
    border: dashed 3px #000;
    margin: 5px 0;
    padding: 10px;
    color: #0000FF;
}

#WQ_Block .password_form
{
    font-size: 12pt;
    background: #FDD6D6;
    border: dashed 3px #000;
    margin: 5px 0;
    padding: 5px;
    color: #0000FF;
}
/* --------------------------------------------------------- */