/* page controls */ /********************************* iWebDsn Header ***********************************/ #cc_Header{ width:1000px; color:#ffffff; font:normal 12px Arial; letter-spacing:1px; } /* TopBar area ------------------------------*/ #cc_Header .TopBar_BG{ height:26px; background-color:#cee8f9; text-align:right; } #cc_Header .TopBar_BG1{ height:26px; background-color:#EFEFEF; text-align:right; } #cc_Header .TopBar { } #cc_Header .TopBar .Nav { font:bold 16px Arial; color:#0d60be;} #cc_Header .TopBar a{ font:normal 13px Arial;padding:2px 5px 0 10px;color:#063972;letter-spacing:1px;} /* logo area ------------------------------*/ #cc_Header .LogoBar{ padding:3px 0; margin:0; font: bold 15px Arial; color:#555555; letter-spacing:2px; } #cc_Header .LogoBar img{ padding:0; margin:0; } /* #cc_Header .LogoBar{height: 53px; background-image: url(../img/Header/Header_LogoBar_L.gif);background-position: right top; background-repeat: no-repeat; font: bold 15px Arial; color:#555555; letter-spacing:2px; border-left:solid 1px #333333; border-right:solid 1px #333333; }*/ /* Menu area ------------------------------*/ /* ePortal*/ #cc_Header .Menu_BG_Blue{height: 50px; background-image:url(../img/Header/menuBg_Portal.jpg); margin:0; padding:0px 4px 0px 4px;} #cc_Header .Menu_BG_Blue a{ color:#ffffff; font:normal 13px Arial; text-decoration:underline; } #cc_Header .Menu_BG_Blue a:hover{ color:#ffffff; text-decoration:none; } #cc_Header .Menu_BG_Blue .cnt{ width:100%; margin-left:auto; text-align:right; } #cc_Header .TopMenu{height: 31px; } #cc_Header .TopMenu .Item{ font:normal 15px Arial;padding:0px 6px 4px 8px;color:#ffffff; letter-spacing:1px;text-decoration:underline;} #cc_Header .TopMenu .Slt { font:bold 15px Arial;padding:0px 6px 4px 8px; text-decoration:none; color:#ff4500; } #cc_Header .TopMenu .Hover {text-decoration:none; color:#ff4500; } #cc_Header .TopMenu_DynmMenu{ width:auto; border:solid 1px #eeeeee; margin:0 0 0 8px;} #cc_Header .TopMenu_DynmMenu .Item{ background-color:#5a80b1; font:normal 12px Arial; color:#ffffff; padding:5px;} #cc_Header .TopMenu_DynmMenu .Hover{ background-color:#ffffff;font:normal 12px Arial; color:#4b71a2; padding:5px;} /* Console*/ #cc_Header .Menu_BG_SkyBlue{height: 26px; border-bottom:solid 4px #888888;border-top:solid 4px #888888; background-color:#4174C2;border-left:solid 1px #333333; border-right:solid 1px #333333; padding:0 4px 0 4px;} #cc_Header .Menu_BG_SkyBlue a{ color:#ffffff; font:normal 13px Arial; text-decoration:underline; } #cc_Header .Menu_BG_SkyBlue a:hover{ color:#ffffff; font:normal 13px Arial; text-decoration:none; } /* Agency*/ #cc_Header .Menu_BG_Grey{height: 26px; background-color:#909090;background-image:url(../img/Header/menuBg_Portal.jpg); border-left:solid 1px #333333; border-right:solid 1px #333333; padding:0 4px 0 4px ;} #cc_Header .Menu_BG_Grey a{ color:#ffffff; font:normal 13px Arial; text-decoration:underline; } #cc_Header .Menu_BG_Grey a:hover{ color:#ffffff; text-decoration:none; } #cc_Header .Menu_BG_Grey .cnt{ width:100%; margin-left:auto; text-align:right; } /* Customer*/ #cc_Header .Menu_BG_Purple{height: 26px; background-color:#0564b6; border-left:solid 1px #333333; border-right:solid 1px #333333; padding:0 4px 0 4px;} #cc_Header .Menu_BG_Purple a{ color:#ffffff; font:normal 13px Arial; text-decoration:underline; } #cc_Header .Menu_BG_Purple a:hover{ color:#ffffff; text-decoration:none; } #cc_Header .Menu_BG_Purple .cnt{ width:100%; margin-left:auto; text-align:right; } /* Page Title area ------------------------------*/ table#cc_PageTitle{ background-color:#ffffff; } #cc_PageTitle .ttl_Blue{ letter-spacing:1px; font:bold 17px Tahoma,Arial; width:650px; } #cc_PageTitle .ttl_Grey{color:#555555;letter-spacing:1px;font:bold 17px Tahoma,Arial; width:550px; } #cc_PageTitle .ttl_Purple{color:#0564b6;letter-spacing:1px;font:bold 17px Tahoma,Arial; width:250px; } /********************************* iWebDsn Webpart 內容區塊 **********************************/ span.dot{ color:#ff4500; font:normal 12px Arial; vertical-align:top; } span.ang{ color:#ff4500; font:normal 10px Arial; vertical-align:top; } span.GreenTtl { font:bold 14px Arial Narrow,Arial;color:green; padding-left:3px; letter-spacing:1px; } span.OrangeTtl { font:bold 14px Arial Narrow,Arial;color:#ff4500; padding-left:3px; letter-spacing:1px; } span.BlueTtl { font:bold 14px Arial Narrow,Arail; color:#0564b6; padding-left:3px; letter-spacing:1px; } span.NormalText { padding-left:3px; font:normal 13px Arial;} span.NormalText a{ color:#0564b6;} .cc_WPCnt { background-color:#ffffff; margin:10px 10px 6px 10px; padding:5px; } .cc_WPCnt_Hover { background-color:#f4f0dd; margin:10px 10px 6px 10px; padding:5px; } .cc_WPCnt_First { background-color:#ffffff; margin:0px 10px 6px 10px; padding:5px; } .cc_WPCnt_First_Hover { background-color:#f4f0dd; margin:0px 10px 6px 10px; padding:5px; } /* 公司介紹背景 */ .cc_CompanyBg { background-image:url(../img/WebPart/Fig_Company.jpg); background-repeat:no-repeat; background-position:right bottom; background-color:#ffffff; margin:0px 10px 6px 10px; padding:5px;} .cc_Webpart { background-color:#f1f1f1; } .cc_Webpart .head { height:15px;} .cc_Webpart .more{ padding-right:5px; color:#ff4500; background-color:#ffffff; font-size:10px; text-align:right; } .cc_Webpart .more a{ color:#777777; font:bold 13px 'Gothic'; margin-right:1px;} .cc_Webpart .spath { padding-top:2px ; color:#000000; background-color:#ffffff; font-size:12px; text-align:right;} .cc_Webpart .spath a{ padding:2px 5px 0; color:#ff4500; font:normal 12px 'Gothic'; } /* 標題圖示 */ .cc_Webpart .Cuslogin {background-color:#ffffff; height:22px; width:140px; background-repeat:no-repeat; background-image:url(../img/WebPart/wpTtl_CusLogin.jpg);} .cc_Webpart .Agylogin {background-color:#ffffff; height:22px; background-repeat:no-repeat; background-image:url(../img/WebPart/wpTtl_Agylogin.jpg);} .cc_Webpart .News {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_News.jpg);} .cc_Webpart .DomName {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Domname.jpg);} .cc_Webpart .OnSale {background-color:#f1f1f1; height:22px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Onsale.jpg);} .cc_Webpart .Service {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Service.jpg);} .cc_Webpart .Site {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Site.jpg);} .cc_Webpart .Faq { background-color:#f1f1f1; height:22px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Faq.jpg);} .cc_Webpart .Help { background-color:#f1f1f1; height:22px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Help.jpg);} .cc_Webpart .Agency { background-color:#f1f1f1; height:22px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Agency.jpg);} .cc_Webpart .Feedback { background-color:#f1f1f1; height:22px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Feedback.jpg);} .cc_Webpart .AboutUs {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_AboutUs.jpg);} .cc_Webpart .Partner {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Partner.jpg);} .cc_Webpart .Privacy {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Privacy.jpg);} .cc_Webpart .Terms {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Terms.jpg);} .cc_Webpart .Virhost {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Virhost.jpg);} .cc_Webpart .SiteBuilder {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_SiteBuilder.jpg);} .cc_Webpart .FJT {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Fjt.jpg);} .cc_Webpart .SSL {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_SSL.jpg);} .cc_Webpart .eShop {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_eShop.jpg);} .cc_Webpart .Order {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Order.jpg);} .cc_Webpart .ePayments { background-color:#f1f1f1; height:22px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_ePayments.jpg);} .cc_Webpart .Customer {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Customer.jpg);} .cc_Webpart .Software {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Software.jpg);} .cc_Webpart .Template {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Template.jpg);} .cc_Webpart .TMPDescript { background-color:#f1f1f1; height:22px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_TMPDescript.jpg);} .cc_Webpart .TMPApply { background-color:#f1f1f1; height:22px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_TMPApply.jpg);} .cc_Webpart .TMPSpecs { background-color:#f1f1f1; height:22px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_TMPSpecs.jpg);} .cc_Webpart .TMPMake { background-color:#f1f1f1; height:22px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_TMPMake.jpg);} .cc_Webpart .TMPCategory { background-color:#f1f1f1; height:22px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_TMPCategory.jpg);} .cc_Webpart .TMPOrder {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_TMPOrder.jpg);} .cc_Webpart .eShop1 {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_eShop1.jpg);} .cc_Webpart .eShop2 {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_eShop2.jpg);} .cc_Webpart .eShop3 {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_eShop3.jpg);} .cc_Webpart .eShop4 {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_eShop4.jpg);} .cc_Webpart .eShopePay {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_eShopePay.jpg);} /* 方案標題圖示 */ .cc_Webpart .Trial {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Trial.jpg);} .cc_Webpart .Special {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Premium.jpg);} .cc_Webpart .Linux {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Linux.jpg);} .cc_Webpart .Windows {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Windows.jpg);} .cc_Webpart .ResellLinux {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_ResellLinux.jpg);} .cc_Webpart .ResellWindows {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_ResellWindows.jpg);} .cc_Webpart .CoLocation {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_CoLocation.jpg);} .cc_Webpart .LinuxUs {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_LinuxUs.jpg);} /* 軟體方案 */ .cc_Webpart .OsCommerce {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_OsCommerce.jpg);} .cc_Webpart .TweCommerce {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_TweCommerce.jpg);} .cc_Webpart .Xoops {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Xoops.jpg);} .cc_Webpart .PhpBB {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_PhpBB.jpg);} .cc_Webpart .Blog {background-color:#f1f1f1; height:37px; background-repeat:no-repeat; background-position:left bottom; background-image:url(../img/WebPart/wpTtl_Blog.jpg);} /* 頁面圖示 */ .cc_Webpart .Fig_Faq{ padding-left:20px; height:91px; background-image:url(../img/WebPart/Fig_Faq.jpg); background-position:right; background-repeat:no-repeat; } .cc_Webpart .Fig_Help{ padding-left:20px; height:88px; background-image:url(../img/WebPart/Fig_Help.jpg); background-repeat:no-repeat; } .cc_Webpart .Fig_Agency{ padding-left:20px; height:90px; background-image:url(../img/WebPart/Fig_Agency.jpg); background-repeat:no-repeat; } .cc_Webpart .Fig_AboutUs{ padding-left:20px; height:63px; background-image:url(../img/WebPart/Fig_AboutUs.jpg); background-repeat:no-repeat; } .cc_Webpart .Fig_Privacy{ padding-left:20px; height:63px; background-image:url(../img/WebPart/Fig_AboutUs.jpg); background-repeat:no-repeat; } .cc_Webpart .Fig_Terms{ padding-left:20px; height:63px; background-image:url(../img/WebPart/Fig_AboutUs.jpg); background-repeat:no-repeat; } .cc_Webpart .Fig_Partner{ padding-left:20px; height:90px; background-image:url(../img/WebPart/Fig_Partner.jpg); background-repeat:no-repeat; } .cc_Webpart .Fig_Customer{ padding-left:20px; height:90px; background-image:url(../img/WebPart/Fig_Customer.jpg); background-repeat:no-repeat; } /* 清單 */ .cc_WPList { } .cc_WPList .Row{ Padding:2px 0 0px 10px; font:normal 12px Arial; } .cc_WPList .Row_Hover { Padding:2px 0 0px 10px; font:normal 12px Arial; background-color:#f4f0dd;} .cc_WPList .Row a{ font:normal 12px Arial; color:#000000; margin-left:8px; } .cc_WPList_Row{Padding:2px 0 0px 10px; font:normal 12px Arial; } .cc_WPList_Row_Hover { Padding:2px 0 0px 10px; font:normal 12px Arial; background-color:#f4f0dd;} .cc_WPList_Row a{ font:normal 12px Arial; color:#000000; margin-left:8px; } .cc_WPList_Row_Hover a{ font:bold 12px Arial; color:#ff3300; margin-left:8px; } /*Top 5 News */ .cc_WPList .topnews { width:630px; } /*FAQ */ .cc_WPList .ques { font:bold 15px Arial Narrow,Arial; color:#0d60be; width:710px;} .cc_WPList .ans { width:710px;} /********************************* 面板 **********************************/ .cc_pnlPopup { visibility:hidden; position:absolute; } /********************************* iWebDsn PanelList 左選單 **********************************/ .cc_PanelList { width:220px;} .cc_PanelList .Item{ padding:5px 5px 4px 15px; border-bottom:solid 1px #a1a1a1;border-top:solid 1px #ffffff; font:normal 12px 'Arial Black',Arial; color:#555555; } .cc_PanelList .Item_Ico{ padding:5px 5px 4px 10px; border-bottom:solid 1px #a1a1a1;border-top:solid 1px #ffffff; font:normal 12px 'Arial Black',Arial; color:#555555; } .cc_PanelList .Item_NoIco{ padding:5px 5px 4px 5px; border-bottom:solid 1px #a1a1a1;border-top:solid 1px #ffffff; font:normal 12px 'Arial Black',Arial; color:#555555; } .cc_PanelList .Item_Ico img{ width:50px;} .cc_PanelList .Hover{ color:green;} .cc_PanelList .Slt{ color:#ff4500;} /********************************* iWebDsn Category Form *********************************/ .cc_CategoryForm{ table-layout:fixed; width:340px; } .cc_CategoryForm .title{ width:260px; border-left:solid 4px #ff4500; padding-left:8px; font:normal 15px 'Arial Black',Arial; } .cc_CategoryForm .icon { width:80px; padding-top:5px; text-align:right; } .cc_CategoryForm .figure { width:140px; vertical-align:middle; } .cc_CategoryForm .figure img{ width:140px;} .cc_CategoryForm .body { width:200px; padding:6px; border-bottom:dashed 1px #888888; vertical-align:top;} .cc_CategoryForm .body { height:160px; overflow:auto;} .cc_CategoryForm .detail { padding:6px 6px 3px 6px; text-align:center; } /********************************* iWebDsn Media 媒體顯示區 **********************************/ .cc_Media { padding-top:5px; background-color:#ffffff;} .cc_Media .title{ padding:5px 0 0 5px; font:bold 14px Arial; background-color:#f1f1f1; } /********************************* iWebDsn footer ***********************************/ /* footer --------------------------------*/ #cc_Footer{ margin:0;padding:0; background-color:#f1f1f1; } #cc_Footer a{ font:normal 13px Arial;padding:0px 0px 0 10px;color:#ff4500;letter-spacing:1px;} #cc_Footer .copyright{ padding:0; font-size:12px; vertical-align:top; text-align:left; } /*** -------------------------------------*/ /********************************* iWebDsn Product Sheet table 比價表 ***********************************/ .cc_PdtSheet{ width:700px; table-layout:fixed; border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa;} .cc_PdtSheet td{ padding:10px 8px 7px 8px; font:normal 12px Tahoma,Arial; text-align:center; border-right:solid 1px #aaaaaa;border-bottom:solid 1px #aaaaaa; background-color:#ffffff; } .cc_PdtSheet td input{ font:bold 11px Tahoma,Arial; cursor:pointer; letter-spacing:1px; border:solid 1px #999999; background-color:#efefef; color: #324166; } .cc_PdtSheet td a{ font:normal 12px Tahoma,Arial;color: Red; letter-spacing:1px; text-decoration:underline; } .cc_PdtSheet td a:hover{ text-decoration:none; } .cc_PdtSheet td.Pdt{ font: bold 14px Arial; color:#ffffff; padding :3px 0px 0px; background-color: #3695e5; text-align:center; height:25px; border-right:solid 1px #3695e5;border-bottom:solid 1px #3695e5; } .cc_PdtSheet td.nfld{text-align:left; background-color:#EAEDEF;} .cc_PdtSheet td.sfld{text-align:left; color:#ff4500; background-color:#EAEDEF;} .cc_PdtSheet td.sval{ color:#ff4500; font:normal 11px Tahoma,Arial; } .cc_PdtSheet td.chkY{ background-image:url(../../../Images/GridIco/chk_Y.gif); background-position:center; background-repeat:no-repeat;} .cc_PdtSheet td.chkN{ background-image:url(../../../Images/GridIco/chk_N.gif); background-position:center; background-repeat:no-repeat;} /*.cc_PdtSheet input.Buy{ border:outset 1px #cccccc; font:bold 12px Arial; padding-top:1px; width:75px; color:DarkRed;} .cc_PdtSheet input.Buy_over{ border:outset 1px #cccccc; font:bold 12px Arial; padding-top:1px; width:75px; color:#324166; }*/ .cc_PdtSheet input.Buy{ background-image:url(../../../Images/SiteLayout/ePortal/ibtn_Buy.jpg); margin:0px 0 5px 0; border:0; padding:0; width:76px; height:31px; } .cc_PdtSheet input.Buy_over{ background-image:url(../../../Images/SiteLayout/ePortal/ibtn_Buy.jpg); margin:0px 0 5px 0; border:0; padding:0; width:76px; height:31px; } .cc_PdtSheet input.Trial{ background-image:url(../../../Images/SiteLayout/ePortal/ibtn_Trial.jpg); margin:0px 0 5px 0; border:0; padding:0; width:76px; height:31px; } .cc_PdtSheet input.Trial_over{ background-image:url(../../../Images/SiteLayout/ePortal/ibtn_Trial.jpg); margin:0px 0 5px 0; border:0; padding:0; width:76px; height:31px; } .cc_PdtSheet2{ width:580px; table-layout:fixed; border-top:solid 1px #42814a; border-left:solid 1px #42814a;} .cc_PdtSheet2 td{ padding:7px 5px 4px 5px; font:normal 12px Tahoma,Arial; text-align:center; border-right:solid 1px #42814a;border-bottom:solid 1px #42814a; background-color:#fafafa; } .cc_PdtSheet2 td input{ font:bold 11px Tahoma,Arial; cursor:pointer; letter-spacing:1px; border:solid 1px #999999; background-color:#efefef; color: #324166; } .cc_PdtSheet2 td a{ font:normal 12px Tahoma,Arial;color: Red; letter-spacing:1px; text-decoration:underline; } .cc_PdtSheet2 td a:hover{ text-decoration:none; } .cc_PdtSheet2 td.Pdt{ font: normal 13px Tahoma,Arial; color:#ffffff; padding :3px 0px 0px; background-color: #42814a; text-align:center; height:20px; } .cc_PdtSheet2 td.nfld{text-align:left; background-color:#EAEDEF;} .cc_PdtSheet2 td.sfld{text-align:left; color:#ff4500; background-color:#EAEDEF;} .cc_PdtSheet2 td.sval{ color:#ff4500; font:normal 11px Tahoma,Arial; } .cc_PdtSheet2 td.chkY{ background-image:url(../../../Images/GridIco/chk_Y.gif); background-position:center; background-repeat:no-repeat;} .cc_PdtSheet2 td.chkN{ background-image:url(../../../Images/GridIco/chk_N.gif); background-position:center; background-repeat:no-repeat;} /********************************* iWebDsn PageSection ********************************** div.cc_TopicLine { letter-spacing:2px; margin:0; font:bold 75% Arial; padding:2px 4px; border-bottom:1px dashed #999999; color:#4c5e8a;}#8395bd*/ div.cc_TopicLine_Black { border-top:#5a80b1 1px solid; background-color:#efefef; width:100%; padding:5px; font:bold 11px Arial; color:#333333;} div.cc_TopicLine_Red { border-top:#5a80b1 2px solid; background-color :#efefef; width:100%; padding:5px; font:bold 11px Arial; color:#ff4500;} div.cc_TopicFlag_Blue { color:#ffffff; font:bold 75% Arial; letter-spacing:2px; padding:5px 0 0 15px; background-repeat:no-repeat; background-image:url(../img/PageSection/BlueFlag_BG.gif); width:122px; height:21px; } div.cc_TopicFlag_Green{ color:#ffffff; font:bold 75% Arial; letter-spacing:2px; padding:5px 0 0 16px; background-repeat:no-repeat; background-image:url(../img/PageSection/GreenFlag_BG.gif); width:122px; height:21px; } div.cc_TopicFlag_Arrow { padding:2px 4px 2px 19px; font:bold 14px Tahoma,Arial; width:560px; color: #444444; background-image:url(../img/PageSection/ArrorRight.gif); background-repeat:no-repeat; background-position:left center; background-color:#EAEDEF; } /********************************* iWebDsn Home/Default ***********************************/ .cc_MultiClmTable{ margin:0; padding:0; width:100%; height:100%; } .cc_MultiClmTd{ margin:0px; padding:0px; vertical-align:top; height:100%; } .cc_MultiClmLeft{ background-color:#F2F5F7; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; height:100%; font-size:75%; } .cc_ModHomeTable{ margin:0px; padding:0px; width:100%; height:100%; } .cc_ModHomeTd{ margin:0px; padding:0px 10px; vertical-align:top; height:100%; } .cc_ModHomeSide{ width:200px;padding:0px 10px 0 0; border-left:1px solid #CCCCCC; } .cc_ModHomeSide_Grey{ width:250px;padding:10px 12px 0 12px; border-left:1px solid #CCCCCC; background-color:#efefef; } .cc_SideContent{padding:10px 0px 0 8px;} /*iWebDsn Mod Block --------------------------------*/ .cc_Fieldset{} .cc_Legend{font:bold 12px Arial; color:#4174C2; letter-spacing:1px;} .cc_ModIco{ font:normal 10px Arial;} .cc_ModIco a{ color:#000000;} .cc_ModIco td{text-align:center; padding:5px 14px 0px 14px;} /*iWebDsn SiteMap And Tab erea --------------------------------*/ #cc_SiteMapTab { height:25px;width:100%; border-bottom:solid 1px #CCCCCC;} /********************************* Module Home ***********************************/ /* Module Home Table -------------------------------------------*/ .cc_ModHomeTab { margin:8px; padding:0; border:0; } .cc_ModHomeTab td { margin:0; padding:5px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; } .cc_ModHomeTab div.ttl a { font:bold 80% Verdana,Arial; } .cc_ModHomeTab div.desc { font:normal 75% Arial; color:#333333; padding:5px 0; } .cc_ModHomeTab td.sep { font-size:1px; line-height:1px; padding:1px; border-top:2px dotted #58919A;} .cc_ModHomeTab tr.overOff { background-color:transparent; } .cc_ModHomeTab tr.overOn { background-color:#F5F7F9; } .cc_SimplePgTtl { margin:0 0 5px 0; font:normal 110% Arial; padding:4px 8px; border-bottom:2px solid #990000; color:#990000;} /* Alums table -----------------------------------------------*/ .AlumsFrame { } .AlumsFrame td {vertical-align: middle;text-align: center; } .AlumsFrame td.img { background-image: url(../../../Images/ModIco/FileSystem/AlbumFram.gif); width: 127px; height: 127px; vertical-align: middle; text-align: center; } /* Show table -----------------------------------------------*/ .ShowTable {} .ShowTable td{color: #2b8080;} .ShowTable td input{BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 8pt; BORDER-LEFT: #cccccc 0px solid; COLOR: #404040; BORDER-BOTTOM: #cccccc 0px solid; HEIGHT: 14px; BACKGROUND-COLOR: #B1D688;} .ShowTable td.req{padding: 0;background-image: url(../../../App_Themes/SilverGreen/img/ico_star.gif);background-repeat: no-repeat;background-position: 0 10px;width: 11px;} .ShowTable td input.none { background-color: white; } /* cc_EntryForm_Blue -----------------------------------------------*/ .cc_EntryForm_Blue {} .cc_EntryForm_Blue td { color: #000000; } .cc_EntryForm_Blue td input { border-right: #cccccc 0px solid; border-top: #cccccc 0px solid; font-size: 8pt; border-left: #cccccc 0px solid; color: #000099; border-bottom: #cccccc 0px solid; height: 14px; background-color: #1ad1ff; } .cc_EntryForm_Blue td.req{padding: 0;background-image: url(../../../App_Themes/Blue/img/ico_star.gif);background-repeat: no-repeat;background-position: 0 10px;width: 11px;} .cc_EntryForm_Blue td input.none { background-color: white; } /********************************* iWebDsn Portal form table ***********************************/ .cc_PortalForm { margin:10px 0px 10px 10px ; padding:0; background-color:#ffffff;table-layout:fixed; } .cc_PortalForm input,textarea { font:bold 15px Arial,Helvetica,sans-serif; color:#333333; } .cc_PortalForm select{ font:bold 14px Arial,Helvetica,sans-serif; color:#333333; } .cc_PortalForm a{ font:normal 13px Arial;padding:0px 0px 0 10px;color:#445386; } /* --------------------------------- iWebDsn -------------------------------------------------- fld: 欄位名(Form) / reqfld: 必填欄位名(Form) / inp: 輸入欄(Form) / cmt:註解欄(Form) lbl: 欄位名 / val: 唯讀、顯示性欄 / ttl: 區域標題 / reqRich必填欄位名(高度比較大的) val_Grid: Grid樣板唯讀、顯示性欄 / txt_Grid: Grid樣板唯讀、顯示性欄 /分隔線 --------------------------------------------------------------------------------------*/ /* 跨三欄標題*/ .cc_PortalForm td.ttl { padding:5px 0 5px 5px; border-bottom:4px solid #f1f1f1 ; } /* 左欄欄位標籤*/ .cc_PortalForm td.fld { padding:5px 0 3px 40px; font:normal 80% Arial; border-right:solid 4px #f1f1f1;} .cc_PortalForm td.reqfld{ padding:5px 0 3px 40px; font:normal 80% Arial; border-right:solid 4px #f1f1f1; background-image: url(../CAF/img/FormTable/ico_star_orange.gif);background-repeat: no-repeat;background-position: 20px center;} .cc_PortalForm td.reqRich{ padding:7px 0 3px 40px; font:normal 80% Arial; border-right:solid 4px #f1f1f1; background-image: url(../CAF/img/FormTable/ico_star_orange.gif); background-repeat: no-repeat; background-position: 20px center; } /* 中欄輸入、值顯示*/ .cc_PortalForm td.inp{ padding:5px; } .cc_PortalForm td.inp input{ width:99%; } .cc_PortalForm td.rdo{ text-align: left; }/* Radio Button 專用 */ .cc_PortalForm td.rdo input { font:bold 10px Arial; } .cc_PortalForm td.val {color:#ff4500; font:bold 80% Arial; padding:5px 0px 5px 5px; vertical-align:top; letter-spacing:1px; text-align:left; } .cc_PortalForm td.val_Grid { color:#ff4500; font:bold 12px Arial; padding:0px 8px 0 0px; vertical-align:top; letter-spacing:1px; text-align:left; } .cc_PortalForm td.txt { padding:5px 0px 5px 5px; font:normal 90% Arial; color:#222222; vertical-align:top; letter-spacing:1px; text-align:left; } .cc_PortalForm td.txt_Grid { font:normal 12px Arial; color:#222222; vertical-align:top; letter-spacing:1px; text-align:left; } .cc_PortalForm td.cmt {font:normal 12px Arial;padding:5px 0px 5px 5px;color:#555555;border-left:solid 4px #f1f1f1;} .cc_PortalForm td.btn { padding:10px 0px 10px 10px; border-top:4px solid #f1f1f1; height:41px; } .cc_PortalForm td.lbl { padding:5px 0px 5px 5px; letter-spacing:1px;vertical-align:top; text-align:left; } .cc_PortalForm td.lbl_Grid { font:normal 12px Arial; padding:10px 0 10px 10px; letter-spacing:1px;vertical-align:top; text-align:left; } /*End of iWebDsn--------------------------------------------------------------------------------------*/ /********************************* iWebDsn entry form table ***********************************/ .cc_EntryForm { margin:3px 0 3px 0; padding:0; margin-left:0; margin-right:auto; } .cc_EntryForm td { margin:0px;padding:0px 0 0 0px; vertical-align:top; } .cc_EntryForm a{ font:normal 13px Arial;padding:0px 0px 0 0px;color:#003D8F;letter-spacing:1px;} .cc_EntryForm td.subTtl { padding:0; } .cc_EntryForm td.subTtl div { margin:15px 0; font:bold 70% Tahoma,Arial; padding:4px 10px; border-bottom:1px solid #006600; color:#006600; } /* --------------------------------- iWebDsn -------------------------------------------------- fld: 欄位名(Form) / reqfld: 必填欄位名(Form) / inp: 輸入欄(Form) / cmt:註解欄(Form) lbl: 欄位名 / val: 唯讀、顯示性欄 / ttl: 區域標題 / reqRich必填欄位名(高度比較大的) val_Grid: Grid樣板唯讀、顯示性欄 / txt_Grid: Grid樣板唯讀、顯示性欄 /分隔線 --------------------------------------------------------------------------------------*/ .cc_EntryForm td.fld { font:normal 80% Arial; padding:5px 3px 0 12px; letter-spacing:1px; text-align:left;vertical-align: text-top; border-right:1px solid #cccccc ;} .cc_EntryForm td.reqfld { background-image: url(../CAF/img/FormTable/ico_star.gif); background-repeat: no-repeat; background-position: left center; font: normal 80% Arial; padding: 5px 3px 0 12px; letter-spacing: 1px; text-align: left; height: 25px; border-right: 1px solid #cccccc; vertical-align:middle; } .cc_EntryForm td.reqRich { background-image: url(../CAF/img/FormTable/ico_star.gif); background-repeat: no-repeat; background-position: left 8px; font: normal 80% Arial; padding: 5px 3px 0 12px; letter-spacing: 1px; text-align: left; height: 25px; border-right: 1px solid #cccccc; vertical-align: text-top; } .cc_EntryForm td.inp{font: normal 80% Arial;letter-spacing: 1px;padding: 5px;text-align: left;} .cc_EntryForm td.inp input{ width:100px; } .cc_EntryForm td.rdo {font: normal 80% Arial;letter-spacing: 1px;padding: 5px;text-align: left;} .cc_EntryForm td.rinp {letter-spacing: 1px;padding: 4px 8px 0 8px;text-align: left;} .cc_EntryForm td.lbl { font:normal 90% Arial; padding:5px 3px 0 10px; letter-spacing:1px;vertical-align:top; text-align:left; } .cc_EntryForm td.lbl_Grid { font:normal 12px Arial; padding:0px 3px 0 0px; letter-spacing:1px;vertical-align:top; text-align:left; } .cc_EntryForm td.val { color:#ff4500; font:bold 80% Arial; padding:5px 8px 0 8px; vertical-align:top;letter-spacing:1px; text-align:left; } .cc_EntryForm td.val_Grid { color:#ff4500; font:bold 12px Arial; padding:0px 8px 0 0px; vertical-align:top;letter-spacing:1px; text-align:left; } .cc_EntryForm td.txt { padding:5px 8px 0 8px; font:normal 90% Arial; color:#222222; vertical-align:top; letter-spacing:1px; text-align:left; } .cc_EntryForm td.txt_Grid { padding:0px 8px 0 0px; font:normal 12px Arial; color:#222222; vertical-align:top; letter-spacing:1px; text-align:left; } .cc_EntryForm td.ttl { font:bold 75% Tahoma,Arial; padding:5px 0 2px 10px; color:#444444; } .cc_EntryForm td.cmt { font:normal 80% Arial; padding:5px 3px 0 3px; letter-spacing:1px; text-align:left; color:#555555;border-left:1px solid #cccccc ; } .cc_EntryForm td.desc { font:normal 70% Arial; padding:0px 5px; color:#555555; } /*End of iWebDsn--------------------------------------------------------------------------------------*/ .cc_EntryForm td.sep div { margin:15px 0; border-bottom:2px dotted #DDDDDD; font-size:1px; } .cc_EntryForm td.fld80 { font:normal 75% Arial; padding:5px 8px 0 8px; text-align:left; height:20px; width:80px; } .cc_EntryForm td.fld120 { font:normal 75% Arial; padding:5px 8px 0 8px; text-align:left; height:20px; width:120px; } .cc_EntryForm td.fld150 { font:normal 75% Arial; padding:5px 8px 0 8px; text-align:left; height:20px; width:150px; } .cc_EntryForm span.fld { font:normal 75% Arial; } .cc_EntryForm td.sbj{font:bold 90% Arial;padding:5px 0 0 1px; color:#0000BB;} .cc_EntryForm td.btn { padding:10px 0 5px 0; } .cc_EntryForm table td.fld { width:auto; } /********************************* iWebDsn Desc Board 說明版 ***********************************/ div.cc_Desc{ padding:7px 0 7px 0; font-size:13px; color:#222222; vertical-align:top; letter-spacing:1px; text-align:left; } /********************************* iWebDsn 連絡訊息回應清單 ***********************************/ .cc_ResHeader{ border-top: 1px solid #bbbbbb;border-left: 1px solid #bbbbbb;border-right: 1px solid #bbbbbb; background-color: #efefef; font:bold 11px Arial; padding: 3px; margin-top: 5px; cursor: pointer;} .cc_ResHeader a{ color:#222222; text-decoration:underline; } .cc_ResHeader a:hover{ color:#222222; text-decoration:none; } .cc_ResContent{ border: 1px solid #bbbbbb; border-top: none; padding: 5px;font:normal 13px Arial;} /********************************* iWebDsn LoginView ***********************************/ .cc_LoginView {background-color:#ffffff; border:solid 1px #ababab;} .cc_LoginView a { font:bold 12px Arial; color:#003D8F; text-decoration:underline} .cc_LoginView a:hover {text-decoration:none; } .cc_LoginView td.val { font:bold 12px Arial; color:#ff4500;}