/********************************************************************************************************************************/
/* */
/* ●本 CSS 樣式檔必須執行在 XHTML 1.0 的 DOCTYPE 環境下才可以確保正常的顯示。 */
/* */
/* 請確認網頁的開始具有下列這兩列的宣告 */
/* */
/* */
/* */
/* ●請注意 className 在指定的時候，有區分大小寫。例如：，不可寫成 。 */
/* */
/* */
/* */
/* http://www.my-gd.com */
/* © 2009 通用數碼股份有限公司 © 2009 General Digital Co., Ltd. */
/* 版權所有，保留所有權利。 All rights reserved. */
/* */
/********************************************************************************************************************************/
/******************************/
/* 標準 HTML TAG 樣式宣告 */
/******************************/
body, div, span, input, textarea, select, td, button
{
font:10pt Arial;
}
body
{
margin:0px;
}
a
{
font-family: Arial;
}
table
{
border: 0px;
margin: 0px;
border-collapse: collapse;
}
img
{
border:0px;
}
li
{
line-height: 150%;
}
/*************************/
/* 常用標籤的樣式宣告 */
/*************************/
.Href
{
text-decoration: none;
color : darkblue;
}
.Href:hover
{
text-decoration: underline;
color: #dd6900;
}
.BoldRed
{
font-weight: bold;
color: red;
}
.BoldBlue
{
font-weight: bold;
color: blue;
}
.BoldWhite
{
font-weight: bold;
color: white;
}
.PT9
{
font-size: 9pt;
}
.P1
{
text-indent:2em;
line-height:150%;
}
.Red {color:red;}
.Blue {color:blue;}
.White {color:white;}
.BigFont {font-size:24pt;font-weight:bold; }
.BigFont22 {font-size:22pt;font-weight:bold; }
.BigFont20 {font-size:20pt;font-weight:bold; }
.BigFont18 {font-size:18pt;font-weight:bold; }
.BigFont16 {font-size:16pt;font-weight:bold; }
.BigFont14 {font-size:14pt;font-weight:bold; }
/*************************/
/* HotNews */
/*************************/
.closeButton {text-align:right;border-top:solid 1px white;padding-top:5px;margin-top:10px;cursor:pointer;color:blue;}
.closeButton:hover {color:red;}
/*************************/
/* AD 廣告 */
/*************************/
.ad {float:left; display:block; height:70px; cursor:pointer;}
/*************************/
/* BallBar */
/*************************/
.BallBar
{
font:bold 14pt 宋体,新細明體,Arial;
padding:7px 0px 0px 45px;
* padding:9px 0px 0px 45px !important;
height:37px;
width:800px;
margin-top:10px;
}
.BallBar a
{
font:bold 14pt 宋体,新細明體,Arial;
padding-top:7px;
* padding-top:9px !important;
}
.BallBarSubject
{
font: bold 11pt Arial;
color: brown;
margin: 5px 0px 10px 15px;
}
.RedBall {background:url(/crm/images/Ballbar_red.jpg) no-repeat;}
.BlueBall {background:url(/crm/images/Ballbar_blue.jpg) no-repeat;}
.PurpleBall {background:url(/crm/images/Ballbar_purple.jpg) no-repeat;}
.GreenBall {background:url(/crm/images/Ballbar_green.jpg) no-repeat;}
.YellowBall {background:url(/crm/images/Ballbar_yellow.jpg) no-repeat;}
/*************************/
/* btn3 */
/*************************/
.btn3_out
{
font: bold 14px 微軟正黑體,微软雅黑体,新細明體,宋体,Arial;
width: 192px;
height:32px;
text-align:left;
padding-left:38px;
cursor: pointer;
color: black;
border:none;
margin-top:2px;
margin-bottom:2px;
background:url("/crm/images/vMenu2.gif") no-repeat;
}
.btn3_over
{
font: bold 14px 微軟正黑體,微软雅黑体,新細明體,宋体,Arial;
width: 192px;
height:32px;
text-align:left;
padding-left:38px;
cursor: pointer;
color: black;
border:none;
margin:2px 0px 2px 0px;
background:url("/crm/images/vMenu2a.gif") no-repeat;
}
/*************************/
/* a.menu1 */
/*************************/
a.menu1
{
font: bold 14px 微软雅黑体,微軟正黑體,宋体,新細明體,Arial;
height:22px;
width:192px;
padding: 10px 0px 0px 8px;
text-decoration: none;
display:block;
border-style: solid solid none solid;
border-color: #0e69be;
border-width: 1px;
color:darkblue;
background: url("/crm/images/vMenu1.jpg") no-repeat;
}
a.menu1:hover
{
background: url("/crm/images/vMenu1.jpg") no-repeat 0px -32px;
}
a.menu1_active
{
font: bold 14px 微软雅黑体,微軟正黑體,宋体,新細明體,Arial;
height:22px;
width:192px;
padding: 10px 0px 0px 8px;
text-decoration: none;
display:block;
border-style: solid solid none solid;
border-color: #0e69be;
border-width: 1px;
color: darkblue;
background: url("/crm/images/vMenu1.jpg") no-repeat 0px -64px;
}
/*************************/
/* .Menu1 */
/*************************/
.Menu1
{
float:left;
width:100%;
background:url("/crm/images/menu1_bg.gif") repeat-x bottom;
line-height:normal;
}
.Menu1 ul
{
margin:0;
padding:0px 10px 0;
list-style:none;
}
.Menu1 li
{
float:left;
background:url("/crm/images/menu1_left_1.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
}
.Menu1 a
{
font: bold 14px 微软雅黑体,微軟正黑體,宋体,新細明體,Arial;
float:left;
display:block;
background:url("/crm/images/menu1_right_1.gif") no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
color:#336699;
}
.Menu1 a {float:none;}
.Menu1 a:hover {color:#333333;}
.Menu1 #ActiveMenuItem
{
background-image:url("/crm/images/menu1_left_2.gif");
}
.Menu1 #ActiveMenuItem a
{
background-image:url("/crm/images/menu1_right_2.gif");
color:#5566bb;
padding-bottom:5px;
}
/*************************/
/* .Menu2 */
/*************************/
a.Menu2
{
background:url("/crm/images/menu2-1.gif") no-repeat;
height:32px;
width:190px;
font-weight:bold;
display:block;
text-decoration:none;
color: #333333;
margin:5px 0px 5px 0px;
cursor:pointer;
}
a.Menu2:hover
{
background:url("/crm/images/menu2-2.gif") no-repeat;
color:#000000;
}
a.Menu2 nobr
{
display:block;
height:22px;
padding:7px 0px 0px 40px; /* Firefox */
* padding:9px 0px 0px 40px; /* IE7 */
}
/*************************/
/* .Menu2a */
/*************************/
a.Menu2a
{
background:url("/crm/images/menu2-1a.gif") no-repeat;
height:32px;
width:190px;
font-weight:bold;
display:block;
text-decoration:none;
color: #333333;
margin:5px 0px 5px 0px;
cursor:pointer;
}
a.Menu2a:hover
{
background:url("/crm/images/menu2-2a.gif") no-repeat;
color:#000000;
}
a.Menu2a nobr
{
display:block;
height:22px;
padding:7px 0px 0px 40px; /* Firefox */
* padding:9px 0px 0px 40px; /* IE7 */
}
/*************************/
/* .RoundButton */
/*************************/
/*
以下為使用範例：
*/
.RoundButton
{
cursor:pointer;
background: transparent url("/crm/images/button3_right.gif") no-repeat scroll top right;
color: #666666;
display: block;
/* float: left; */
height: 36px;
margin-right: 6px;
padding-right: 18px;
border:none;
}
.RoundButton nobr
{
display: block;
line-height: 26px;
margin:-2px -3px 0px 0px; /* Firefox */
* margin:0px!important; /* IE7 */
padding: 5px 0 5px 18px;
background: transparent url('/crm/images/button3_left.gif') no-repeat top left;
}
.RoundButton img
{
vertical-align:middle;
margin:0px 4px 0px 4px;
}
.RoundButton:hover {color: blue;}
/*************************/
/* .sm_SmoothMenu */
/*************************/
.sm_SmoothMenu { background: #cccccc; width: 100%; }
.sm_SmoothMenu ul { z-index: 100; margin: 0; padding: 0; list-style-type: none; }
.sm_SmoothMenu-v ul { border: 2px outset #ccccff; width: 200px; margin: 0; padding: 0; list-style-type: none; }
.sm_SmoothMenu ul li { position: relative; display: inline; float: left; }
.sm_SmoothMenu-v ul li { position: relative; }
.sm_SmoothMenu ul li a { background: #ccccff; color: black; border-right: 1px solid #778; display: block; padding: 8px 10px; text-decoration: none; }
.sm_SmoothMenu-v ul li a { color: black; border-bottom: 1px solid #778; border-right: 1px solid #778; display: block; overflow: auto; text-decoration: none; padding: 6px; }
.sm_SmoothMenu ul li a:link, .sm_SmoothMenu ul li a:visited { color: black; }
.sm_SmoothMenu-v ul li a:link, .sm_SmoothMenu-v ul li a:visited, .sm_SmoothMenu-v ul li a:active { background: #ccccff; color: black; }
.sm_SmoothMenu ul li a.selected { background: #5555ee; color: white; }
.sm_SmoothMenu-v ul li a.selected { background: #5555ee; color: white; }
.sm_SmoothMenu ul li a:hover { background: #5555ee; color: white; }
.sm_SmoothMenu-v ul li a:hover { background: #5555ee; color: white; }
.sm_SmoothMenu ul li ul { border: 2px outset #ccccff; position: absolute; left: 0; display: none; visibility: hidden; }
.sm_SmoothMenu-v ul li ul { width: 200px; position: absolute; top: 0; visibility: hidden; }
.sm_SmoothMenu ul li ul li { display: list-item; float: none; }
.sm_SmoothMenu ul li ul li ul { top: 0; }
.sm_SmoothMenu ul li ul li a { width: 200px; border-bottom: 1px solid gray; padding: 5px; margin: 0; border-top-width: 0; }
.sm_DownArrowClass { top: 12px; right: 7px; position: absolute; }
.sm_RightArrowClass { top: 9px; right: 7px; position: absolute; }
* html .sm_SmoothMenu { height: 1%; }
* html .sm_SmoothMenu-v ul li { float: left; height: 1%; }
* html .sm_SmoothMenu ul li a { display: inline-block; }
* html .sm_SmoothMenu-v ul li a { height: 1%; }
/**************************************/
/* tooltip */
/**************************************/
#tooltip
{
font:normal 9pt Arial;
position: absolute;
z-index: 3000;
border: 1px solid #111111;
background-color: #ffffcc;
padding: 5px;
opacity: 1;
}
#tooltip h3, #tooltip div
{
font:normal 9pt Arial;
margin: 0;
}
/**************************************/
/* Box200 */
/**************************************/
/*
以下為使用範例
- Mt. Everest
- The tallest mountain peak in the world.
- 29,035 feet
*/
.Box200
{
width: 200px;
padding: 0px;
margin:0px;
background: #dddddd url("/crm/images/BoxBottom-200.gif") no-repeat bottom left;
}
.Box200 dt
{
margin-bottom:10px;
padding: 10px;
font-size:12pt;
font-weight:bold;
color: #ffffff;
border-bottom: 1px solid #ffffff;
background: #999999 url("/crm/images/BoxTop-200.gif") no-repeat top left;
}
.Box200 dd
{
margin: 0px 0px 0px 10px;
padding: 0px 10px 10px 10px;
font-size:10pt;
line-height:150%;
color: #333333;
background: url("/crm/images/arrow.gif") no-repeat 0 3px;
}
/**************************************/
/* Box240 */
/**************************************/
.Box240
{
width: 240px;
padding: 0px;
margin:0px;
background: #dddddd url("/crm/images/BoxBottom-240.gif") no-repeat bottom left;
}
.Box240 dt
{
margin-bottom:10px;
padding: 10px;
font-size:12pt;
font-weight:bold;
color: #ffffff;
border-bottom: 1px solid #ffffff;
background: #999999 url("/crm/images/BoxTop-240.gif") no-repeat top left;
}
.Box240 dd
{
margin: 0px 0px 0px 10px;
padding: 0px 10px 10px 10px;
font-size:10pt;
line-height:150%;
color: #333333;
background: url("/crm/images/arrow.gif") no-repeat 0 3px;
}
/**************************************/
/* Box380 */
/**************************************/
.Box380
{
width: 380px;
padding: 0px;
margin:0px;
background: #dddddd url("/crm/images/BoxBottom-380.gif") no-repeat bottom left;
}
.Box380 dt
{
margin-bottom:10px;
padding: 10px;
font-size:12pt;
font-weight:bold;
color: #ffffff;
border-bottom: 1px solid #ffffff;
background: #999999 url("/crm/images/BoxTop-380.gif") no-repeat top left;
}
.Box380 dd
{
margin: 0px 0px 0px 10px;
padding: 0px 10px 10px 10px;
font-size:10pt;
line-height:150%;
color: #333333;
background: url("/crm/images/arrow.gif") no-repeat 0 3px;
}
/**************************************/
/* Box480 */
/**************************************/
.Box480
{
width: 480px;
padding: 0px;
margin:0px;
background: #dddddd url("/crm/images/BoxBottom-480.gif") no-repeat bottom left;
}
.Box480 dt
{
margin-bottom:10px;
padding: 10px;
font-size:12pt;
font-weight:bold;
color: #ffffff;
border-bottom: 1px solid #ffffff;
background: #999999 url("/crm/images/BoxTop-480.gif") no-repeat top left;
}
.Box480 dd
{
margin: 0px 0px 0px 10px;
padding: 0px 10px 10px 10px;
font-size:10pt;
line-height:150%;
color: #333333;
background: url("/crm/images/arrow.gif") no-repeat 0 3px;
}
/**************************************/
/* Box999 系列色彩 */
/**************************************/
/*
以下為使用範例
- Mt. Everest
- The tallest mountain peak in the world.
- 29,035 feet
*/
.BoxC01 { background-color: #fdffb1; } /* #feff7e */
.BoxC01 dt { background-color: #fecd03; }
.BoxC02 { background-color: #fdeeb4; } /* #fde382 */
.BoxC02 dt { background-color: #9d7602; }
.BoxC03 { background-color: #ffe0b2; } /* #ffcc80 */
.BoxC03 dt { background-color: #9b5c00; }
.BoxC04 { background-color: #fed0b2; } /* #feb280 */
.BoxC04 dt { background-color: #9f3b05; }
.BoxC05 { background-color: #fbc3af; } /* #f99c7a */
.BoxC05 dt { background-color: #961d00; }
.BoxC06 { background-color: #fdb2b4; } /* #fc7f82 */
.BoxC06 dt { background-color: #9a0000; }
.BoxC07 { background-color: #ffb3c1; } /* #ff8a99 */
.BoxC07 dt { background-color: #9a0021; }
.BoxC08 { background-color: #ffb2d2; } /* #ff80b5 */
.BoxC08 dt { background-color: #940241; }
.BoxC09 { background-color: #ffb2e1; } /* #ff80cd */
.BoxC09 dt { background-color: #9d005a; }
.BoxC10 { background-color: #fdb3f1; } /* #fd81e9 */
.BoxC10 dt { background-color: #950079; }
.BoxC11 { background-color: #fdb4ff; } /* #fd82ff */
.BoxC11 dt { background-color: #97049e; }
.BoxC12 { background-color: #f1b0ff; } /* #e97cff */
.BoxC12 dt { background-color: #860193; }
.BoxC13 { background-color: #e1b2fe; } /* #ce7ffe */
.BoxC13 dt { background-color: #5e008f; }
.BoxC14 { background-color: #d3b1ff; } /* #b67eff */
.BoxC14 dt { background-color: #5f009c; }
.BoxC15 { background-color: #c1b2ff; } /* #9980ff */
.BoxC15 dt { background-color: #1d019c; }
.BoxC16 { background-color: #b2b3fc; } /* #7f81fb */
.BoxC16 dt { background-color: #000195; }
.BoxC17 { background-color: #afc3fd; } /* #7b9cfd */
.BoxC17 dt { background-color: #021d92; }
.BoxC18 { background-color: #b2d1fe; } /* #7fb3fe */
.BoxC18 dt { background-color: #004297; }
.BoxC19 { background-color: #afe1fd; } /* #7bcefd */
.BoxC19 dt { background-color: #015b9b; }
.BoxC20 { background-color: #b4efff; } /* #83e5ff */
.BoxC20 dt { background-color: #0178a2; }
.BoxC21 { background-color: #b4fdff; } /* #82fdff */
.BoxC21 dt { background-color: #00989a; }
.BoxC22 { background-color: #b1fdef; } /* #7dfde5 */
.BoxC22 dt { background-color: #00997b; }
.BoxC23 { background-color: #b4fde3; } /* #82fdd1 */
.BoxC23 dt { background-color: #009a5d; }
.BoxC24 { background-color: #b2fed0; } /* #7ffeb1 */
.BoxC24 dt { background-color: #04973e; }
.BoxC25 { background-color: #b5febe; } /* #84fe94 */
.BoxC25 dt { background-color: #019922; }
.BoxC26 { background-color: #b3fdb2; } /* #81fc80 */
.BoxC26 dt { background-color: #029802; }
.BoxC27 { background-color: #c1feb1; } /* #98fe7e */
.BoxC27 dt { background-color: #189c01; }
.BoxC28 { background-color: #d4fcb7; } /* #b8fb88 */
.BoxC28 dt { background-color: #3c9b00; }
.BoxC29 { background-color: #dfffae; } /* #caff79 */
.BoxC29 dt { background-color: #5d9801; }
.BoxC30 { background-color: #f0ffb1; } /* #e6ff7e */
.BoxC30 dt { background-color: #79970b; }
/**************************************/
/* RImg_6 */
/**************************************/
/*
以下為使用範例：
*/
.RImg_6 {background-repeat:no-repeat; width:100px; height:100px;}
.RImg_6 span {display:block; background:url("/crm/images/R-Img-LT.gif") no-repeat left top;width:100%; height:100%;}
.RImg_6 span div {display:block; background:url("/crm/images/R-Img-RT.gif") no-repeat right top;width:100%; height:100%;}
.RImg_6 span div span {display:block; background:url("/crm/images/R-Img-LB.gif") no-repeat left bottom;width:100%; height:100%;}
.RImg_6 span div span div {display:block; background:url("/crm/images/R-Img-RB.gif") no-repeat right bottom;width:100%; height:100%;}
/**************************************/
/* RBox_10 */
/**************************************/
/*
以下為使用範例：
*/
.RBox_10 { border-collapse:collapse;width:200px; height:100px;}
.RBox_10 #tl {background: url("/crm/images/RBox.gif") no-repeat left top; vertical-align:top; padding:10px 0 0 10px;}
.RBox_10 #tr {background: url("/crm/images/RBox.gif") no-repeat right top; width:10px;}
.RBox_10 #bl {background: url("/crm/images/RBox.gif") no-repeat left bottom; height:10px;}
.RBox_10 #br {background: url("/crm/images/RBox.gif") no-repeat right bottom; height:10px; width:10px; }
/**************************************/
/* SideBox */
/**************************************/
/*
以下為使用範例：
Header Text
This is Content Body.
*/
.SideBox {
margin: 0 auto; /* center for now */
background: url("/crm/images/sbbody-r.gif") no-repeat bottom right;
}
.BoxHead {
background: url("/crm/images/sbhead-r.gif") no-repeat top right;
margin: 0;
padding: 0;
text-align: center;
}
* html .BoxHead h3 {height: 1%;} /* For IE */
.BoxHead h3 {
background: url("/crm/images/sbhead-l.gif") no-repeat top left;
margin: 0;
padding: 22px 30px 5px;
color: white;
font-weight: bold;
line-height: 30px;
}
.BoxBody {
line-height:150%;
background: url("/crm/images/sbbody-l2.gif") no-repeat bottom left;
margin: 0;
padding: 5px 30px 31px;
}
/**************************************/
/* ScrollBlock */
/**************************************/
.ScrollBlock
{
color: Blue;
height: 160px;
overflow: hidden;
}
.ScrollBlock a
{
width: 200px;
display: block;
padding: 3px 0px 3px 0px;
border-bottom: dashed 1px silver;
text-decoration: none;
}
.ScrollBlock a:hover
{
color: Red;
}
/**************************************/
/* 一般css定義 */
/**************************************/
.GDCRM_Logo { background:url('/crm/cn/images/GD-CRM_Logo3.gif') no-repeat; cursor:default; width:200px; height:78px; display:block;}
.FastCRM_Logo { background:url('/crm/cn/images/FastCRM_Logo3.gif') no-repeat; cursor:default; width:200px; height:78px; display:block;}
/**************************************/
/* treeview 的 css定義 */
/**************************************/
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }
.treeview ul {font-size: 16px; font-size: 68.75%; background-color: white; margin-top: 4px; }
.treeview .hitarea {background: url(/crm/images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; }
* html .hitarea {display: inline; float:none; } /* fix for IE6 */
.treeview li {margin: 0; padding: 3px 0pt 3px 16px; }
.treeview a.selected {background-color: #eee; }
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover {cursor: pointer; }
.treeview li a:hover {background-color:#ffffee}
.treeview li { background: url(/crm/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/crm/images/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url(/crm/images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/crm/images/treeview-red.gif); }
.treeview-black li { background-image: url(/crm/images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(/crm/images/treeview-black.gif); }
.treeview-gray li { background-image: url(/crm/images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/crm/images/treeview-gray.gif); }
.treeview-famfamfam li { background-image: url(/crm/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/crm/images/treeview-famfamfam.gif); }
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 18px; display: block; }
.filetree span.folder { background: url(/crm/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(/crm/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(/crm/images/file.gif) 0 0 no-repeat; }
/**************************************/
/* 不同瀏覽器的 CSS 解讀範例 */
/**************************************/
.exampleCSS
{
width:100px; /* Firefox */
* width:200px !important; /* IE7 */
* width:300px; /* IE6 */
}
/*
因為 Firefox不認識 (*) 這個東西，也就是後面兩個在 Firefox下面是沒有的。
因為 IE 下面(*) 是有效的，而且IE7支持(!important)，所以第二個在IE7下面是優先的，但是必須指定 DOCTYPE 為 XHTML 1.0 的宣告。
所以，第三個就是IE6的，因此使用順序就是：FireFox，IE7（加*加!important），IE6（加*）
*/