.titleBgKind{ background:url(/personal/imgs/titleBgColor.gif) no-repeat; margin-bottom: 15px; height:29px;} .titleBgRepeat{ background:url(/personal/imgs/titleBgRepeat.gif) repeat-x; height:29px;} .line { border-bottom:1px solid #a9a9a9; margin: 5px 0;} .time{ font-family: "Arial"; font-size: 10px; color: #5176ca;} .name{ font-family: "Arial"; font-size: 10px; color: #636363;text-align:center; padding-left:0 !important;} .name a{ color: #636363;text-decoration:none;} .name a:hover{ text-decoration:underline;} .number{ font-family: "Arial"; font-size: 10px; color: #267dc4;} .star{ color: #FF0000; font-family: "Arial"; font-size: 8px; text-align:center; margin-bottom:2px;} .link1{ font-family: "Arial"; font-size: 12px; color: #636363; line-height: 18px; font-weight: bold;} .link1 a { color: #636363; text-decoration:none;} .link1 a:hover { color:#0c548e;} /**************** 04/30/2008 added by Ibson ***********************************************/ .readmsg{ font-family: "Arial"; font-size: 12px; color: #636363; padding: 2px 6px;} .readmsg a { color: #636363; text-decoration:none;} .readmsg a:hover { color:#0e558d;} /**************** 04/30/2008 added by Ibson ***********************************************/ a.link2{color:#257cc6;text-decoration:underline;} a.link2:hover{text-decoration:none;} .item{ font-family: "Arial"; font-size: 12px; color: #636363; background:url(../imgs/arrow.gif) no-repeat 0px 5px; padding: 2px 6px;} .item a { color: #636363; text-decoration:none;} .item a:hover { color:#0e558d;} .listHead{font-family: "Arial"; font-size: 12px; color: #636363; font-weight: bold;} .listHead a{color: #636363; text-decoration:none;} .listHead a:hover{color: #0e558d} .listHead a span.sortArrow{color: #cbcbcb; font-size:10px;} .strictWidth1{ width:250px;} .strictWidth2{width:100px;} .strictWidth3{width:380px;} .strictWidth4{width:150px;} .strictWidth5{width:340px;} .strictWidth6{width:90px;} .subTagArea{background:url(/personal/imgs/subBgRepeat.gif) repeat-x; height:34px; padding-left:14px; margin-bottom:15px;} .subTagArea a{font-family: Arial; font-size: 12px;color:#858585; text-decoration:none; font-weight:bold; display:block; height:34px; } .subTagArea a:hover{color:#257cc6} .subTagArea a.subTag span{display:block; padding:13px 12px 0 17px; background:url(../imgs/arrow.gif) no-repeat 10px 17px;} .subTagArea a.subTagNow{color:#257cc6; background:#FFFFFF url(/personal/imgs/subTagRight.gif) no-repeat right top;} .subTagArea a.subTagNow span{display:block; padding:13px 12px 0 17px; background:url(../imgs/arrow.gif) no-repeat 10px 17px; } #pop1{background:url(/personal/imgs/popTop1.jpg) no-repeat; width:753px; height:48px; padding:62px 0 0 17px} * html #pop1{height:110px;} /* fix IE6 */ #pop2{background:url(/personal/imgs/popTop2.jpg) no-repeat; width:483px; height:48px; padding:62px 0 0 17px} * html #pop2{height:110px;} /* fix IE6 */ #pop3{background:url(/personal/imgs/popTop3.jpg) no-repeat; width:753px; height:48px; padding:62px 0 0 17px} * html #pop3{height:110px;} /* fix IE6 */ .treeMenu{margin:0; padding:0; list-style-type:none; visibility:hidden;} .treeMenu li h1{margin:0; padding:0; font-size:12px; border-bottom:1px solid #FFFFFF; background:#f1f1f1; color:#666666} .treeMenu li h1 a{color:#666666; padding: 3px 10px 2px 8px; display:block; border-left:4px solid #dcdcdc; text-decoration:none;} * html .treeMenu li h1 a{width:130px; height:22px; padding: 5px 10px 0 8px; } /* fix IE6 */ .treeMenu li h1 a:hover{color:#2a4e91; background:#ececec;} .treeMenu li ul{margin:0; padding:10px 0; list-style-type:none; background:#dfdfdf url(/personal/imgs/pop_left_subShadow.gif) repeat-x; border-bottom:1px solid #FFFFFF;} .treeMenu li ul li{color:#515151;font-size:12px;} .treeMenu li ul li a{color:#515151;text-decoration:none; display:block; padding:2px 0 1px 24px; background:url(../imgs/arrow.gif) no-repeat 16px 7px;} * html .treeMenu li ul li a{width:130px; height:19px;} /* fix IE6 */ .treeMenu li ul li a:hover{background:#ededed url(../imgs/arrow.gif) no-repeat 16px 7px;} /******************************個人化前端頁面開始*******************************/ #bgSeries1{background: url(/personal/imgs/bgSeries1_1.jpg) no-repeat center top fixed;} #bgSeries1 #spaceHeader{background:url(/personal/imgs/bgSeries1_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries1 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries1_2.png);} /* fix IE6 */ #bgSeries1 #spaceFooter{background:url(/personal/imgs/bgSeries1_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries1 .spaceTitle{font-size:16px; font-weight:bold; color:#065799} #bgSeries1 .spaceTitle a{color:#065799; text-decoration:none;} #bgSeries1 .spaceTitle a:hover{color:#2377bc;} #bgSeries2{background: url(/personal/imgs/bgSeries2_1.jpg) no-repeat center top fixed;} #bgSeries2 #spaceHeader{background:url(/personal/imgs/bgSeries2_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries2 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries2_2.png);} /* fix IE6 */ #bgSeries2 #spaceFooter{background:url(/personal/imgs/bgSeries2_3.gif) no-repeat; width:850px; height:80px;} #bgSeries2 .spaceTitle{font-size:16px; font-weight:bold; color:#004707} #bgSeries2 .spaceTitle a{color:#004f07; text-decoration:none;} #bgSeries2 .spaceTitle a:hover{color:#0e7718;} #bgSeries3{background: url(/personal/imgs/bgSeries3_1.jpg) no-repeat center top fixed;} #bgSeries3 #spaceHeader{background:url(/personal/imgs/bgSeries3_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries3 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries3_2.png);} /* fix IE6 */ #bgSeries3 #spaceFooter{background:url(/personal/imgs/bgSeries3_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries3 .spaceTitle{font-size:16px; font-weight:bold; color:#5b3300} #bgSeries3 .spaceTitle a{color:#5b3300; text-decoration:none;} #bgSeries3 .spaceTitle a:hover{color:#a0671c;} #bgSeries4{background: url(/personal/imgs/bgSeries4_1.jpg) no-repeat center top fixed;} #bgSeries4 #spaceHeader{background:url(/personal/imgs/bgSeries4_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries4 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries4_2.png);} /* fix IE6 */ #bgSeries4 #spaceFooter{background:url(/personal/imgs/bgSeries4_3.gif) no-repeat; width:850px; height:80px;} #bgSeries4 .spaceTitle{font-size:16px; font-weight:bold; color:#712500} #bgSeries4 .spaceTitle a{color:#712500; text-decoration:none;} #bgSeries4 .spaceTitle a:hover{color:#e35500;} #bgSeries5{background: url(/personal/imgs/bgSeries5_1.jpg) no-repeat center top fixed;} #bgSeries5 #spaceHeader{background:url(/personal/imgs/bgSeries5_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries5 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries5_2.png);} /* fix IE6 */ #bgSeries5 #spaceFooter{background:url(/personal/imgs/bgSeries5_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries5 .spaceTitle{font-size:16px; font-weight:bold; color:#343434} #bgSeries5 .spaceTitle a{color:#343434; text-decoration:none;} #bgSeries5 .spaceTitle a:hover{color:#707070;} #bgSeries6{background: url(/personal/imgs/bgSeries6_1.jpg) no-repeat center top fixed;} #bgSeries6 #spaceHeader{background:url(/personal/imgs/bgSeries6_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries6 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries6_2.png);} /* fix IE6 */ #bgSeries6 #spaceFooter{background:url(/personal/imgs/bgSeries6_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries6 .spaceTitle{font-size:16px; font-weight:bold; color:#0066ad} #bgSeries6 .spaceTitle a{color:#0066ad; text-decoration:none;} #bgSeries6 .spaceTitle a:hover{color:#008aeb;} #bgSeries7{background: url(/personal/imgs/bgSeries7_1.jpg) no-repeat center top fixed;} #bgSeries7 #spaceHeader{background:url(/personal/imgs/bgSeries7_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries7 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries7_2.png);} /* fix IE6 */ #bgSeries7 #spaceFooter{background:url(/personal/imgs/bgSeries7_3.gif) no-repeat; width:850px; height:80px;} #bgSeries7 .spaceTitle{font-size:16px; font-weight:bold; color:#9f0000} #bgSeries7 .spaceTitle a{color:#9f0000; text-decoration:none;} #bgSeries7 .spaceTitle a:hover{color:#cf1313;} #bgSeries8{background: url(/personal/imgs/bgSeries8_1.jpg) no-repeat center top fixed;} #bgSeries8 #spaceHeader{background:url(/personal/imgs/bgSeries8_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries8 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries8_2.png);} /* fix IE6 */ #bgSeries8 #spaceFooter{background:url(/personal/imgs/bgSeries8_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries8 .spaceTitle{font-size:16px; font-weight:bold; color:#b16d3a} #bgSeries8 .spaceTitle a{color:#b16d3a; text-decoration:none;} #bgSeries8 .spaceTitle a:hover{color:#e0b378;} #bgSeries9{background: url(/personal/imgs/bgSeries9_1.jpg) no-repeat center top fixed;} #bgSeries9 #spaceHeader{background:url(/personal/imgs/bgSeries9_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries9 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries9_2.png);} /* fix IE6 */ #bgSeries9 #spaceFooter{background:url(/personal/imgs/bgSeries9_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries9 .spaceTitle{font-size:16px; font-weight:bold; color:#003f79} #bgSeries9 .spaceTitle a{color:#003f79; text-decoration:none;} #bgSeries9 .spaceTitle a:hover{color:#1380b8;} #bgSeries10{background: url(/personal/imgs/bgSeries10_1.jpg) no-repeat center top fixed;} #bgSeries10 #spaceHeader{background:url(/personal/imgs/bgSeries10_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries10 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries10_2.png);} /* fix IE6 */ #bgSeries10 #spaceFooter{background:url(/personal/imgs/bgSeries10_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries10 .spaceTitle{font-size:16px; font-weight:bold; color:#003f79} #bgSeries10 .spaceTitle a{color:#003f79; text-decoration:none;} #bgSeries10 .spaceTitle a:hover{color:#1380b8;} /********************************************** 新增個人化的背景圖, 照數字順序以此類推 開始***************************************************/ #bgSeries11{background: url(/personal/imgs/bgSeries11_1.jpg) no-repeat center top fixed;} /* 整頁的大底圖檔名 */ #bgSeries11 #spaceHeader{background:url(/personal/imgs/bgSeries11_2.png) no-repeat; width:640px; height:160px; float:left;} /* 空間標題那一整塊的底圖檔名, 通常是用png檔, 才有半透明效果 */ * html #bgSeries11 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries11_2.png);} /* fix IE6, 空間標題那一整塊的底圖檔名, 通常是用png檔, 才有半透明效果 */ #bgSeries11 #spaceFooter{background:url(/personal/imgs/bgSeries11_3.jpg) no-repeat; width:850px; height:80px;} /* footer上面的圖檔檔名 */ #bgSeries11 .spaceTitle{font-size:16px; font-weight:bold; color:#476B90} /* 空間標題的顏色 */ #bgSeries11 .spaceTitle a{color:#476B90; text-decoration:none;} /* 空間標題的顏色, 跟上面那行是一樣的 */ #bgSeries11 .spaceTitle a:hover{color:#43698F;} /* 空間標題mouseOver的顏色 */ /**********************************************新增個人化的背景圖, 照數字順序以此類推 結束***************************************************/ #bgSeries12{background: url(/personal/imgs/bgSeries12_1.jpg) no-repeat center top fixed;} #bgSeries12 #spaceHeader{background:url(/personal/imgs/bgSeries12_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries12 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries12_2.png);} #bgSeries12 #spaceFooter{background:url(/personal/imgs/bgSeries12_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries12 .spaceTitle{font-size:16px; font-weight:bold; color:#003f79} #bgSeries12 .spaceTitle a{color:#003f79; text-decoration:none;} #bgSeries12 .spaceTitle a:hover{color:#1380b8;} /**********************************************新增個人化的背景圖, 照數字順序以此類推 結束***************************************************/ #bgSeries13{background: url(/personal/imgs/bgSeries13_1.jpg) no-repeat center top fixed;} #bgSeries13 #spaceHeader{background:url(/personal/imgs/bgSeries13_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries13 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries13_2.png);} #bgSeries13 #spaceFooter{background:url(/personal/imgs/bgSeries13_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries13 .spaceTitle{font-size:16px; font-weight:bold; color:#003f79} #bgSeries13 .spaceTitle a{color:#003f79; text-decoration:none;} #bgSeries13 .spaceTitle a:hover{color:#1380b8;} /**********************************************新增個人化的背景圖, 照數字順序以此類推 結束***************************************************/ #bgSeries14{background: url(/personal/imgs/bgSeries14_1.jpg) no-repeat center top fixed;} #bgSeries14 #spaceHeader{background:url(/personal/imgs/bgSeries13_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries14 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries14_2.png);} #bgSeries14 #spaceFooter{background:url(/personal/imgs/bgSeries14_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries14 .spaceTitle{font-size:16px; font-weight:bold; color:#003f79} #bgSeries14 .spaceTitle a{color:#003f79; text-decoration:none;} #bgSeries14 .spaceTitle a:hover{color:#1380b8;} /**********************************************新增個人化的背景圖, 照數字順序以此類推 結束***************************************************/ #bgSeries15{background: url(/personal/imgs/bgSeries15_1.jpg) no-repeat center top fixed;} #bgSeries15 #spaceHeader{background:url(/personal/imgs/bgSeries15_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries15 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries15_2.png);} #bgSeries15 #spaceFooter{background:url(/personal/imgs/bgSeries15_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries15 .spaceTitle{font-size:16px; font-weight:bold; color:#003f79} #bgSeries15 .spaceTitle a{color:#003f79; text-decoration:none;} #bgSeries15 .spaceTitle a:hover{color:#1380b8;} /**********************************************新增個人化的背景圖, 照數字順序以此類推 結束***************************************************/ #bgSeries16{background: url(/personal/imgs/bgSeries16_1.jpg) no-repeat center top fixed;} #bgSeries16 #spaceHeader{background:url(/personal/imgs/bgSeries16_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries16 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries16_2.png);} #bgSeries16 #spaceFooter{background:url(/personal/imgs/bgSeries16_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries16 .spaceTitle{font-size:16px; font-weight:bold; color:#003f79} #bgSeries16 .spaceTitle a{color:#003f79; text-decoration:none;} #bgSeries16 .spaceTitle a:hover{color:#1380b8;} /**********************************************新增個人化的背景圖, 照數字順序以此類推 結束***************************************************/ #bgSeries17{background: url(/personal/imgs/bgSeries17_1.jpg) no-repeat center top fixed;} #bgSeries17 #spaceHeader{background:url(/personal/imgs/bgSeries17_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries17 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/personal/imgs/bgSeries17_2.png);} #bgSeries17 #spaceFooter{background:url(/personal/imgs/bgSeries17_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries17 .spaceTitle{font-size:16px; font-weight:bold; color:#003f79} #bgSeries17 .spaceTitle a{color:#003f79; text-decoration:none;} #bgSeries17 .spaceTitle a:hover{color:#1380b8;} /**********************************************新增個人化的背景圖, 照數字順序以此類推 結束***************************************************/ #bgSeries18{background: url(../personal/imgs/bgSeries18_1.jpg) no-repeat center top fixed;} #bgSeries18 #spaceHeader{background:url(../personal/imgs/bgSeries18_2.png) no-repeat; width:640px; height:160px; float:left;} * html #bgSeries18 #spaceHeader{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../personal/imgs/bgSeries18_2.png);} #bgSeries18 #spaceFooter{background:url(../personal/imgs/bgSeries18_3.jpg) no-repeat; width:850px; height:80px;} #bgSeries18 .spaceTitle{font-size:16px; font-weight:bold; color:#003f79} #bgSeries18 .spaceTitle a{color:#003f79; text-decoration:none;} #bgSeries18 .spaceTitle a:hover{color:#1380b8;} /**********************************************新增個人化的背景圖, 照數字順序以此類推 結束***************************************************/ #login{float:right; width:200px; height:160px; background:#FFFFFF; position:absolute; right:0; margin-top:20px;} *+html #login{margin-top:0;} /* fix IE7 */ * html #login{width:200px; margin-top:0;} /* fix IE6 */ * html #login .titleR {width:200px; height:27px} /* fix IE6 */ #login .tableBG{height: 117px;} * html #login .tableBG{height: 132px;} /* fix IE6 */ #logout{float:right; width:200px; height:160px; background:#FFFFFF; position:absolute; right:0; margin-top:20px;} *+html #logout{margin-top:0;} /* fix IE7 */ * html #logout{width:176px; margin-top:0;} /* fix IE6 */ * html #logout .titleR {width:200px; height:27px} /* fix IE6 */ #logout .tableBG{height: 122px;} * html #logout .tableBG{height: 132px;} /* fix IE6 */ #logout_webMember{float:right; width:200px; height:160px; background:#FFFFFF; position:absolute; right:0; margin-top:20px;} *+html #logout_webMember{margin-top:0;} /* fix IE7 */ * html #logout_webMember{width:200px; margin-top:0;} /* fix IE6 */ * html #logout_webMember .titleR {width:200px; height:27px} /* fix IE6 */ #logout_webMember .tableBG{height: 122px;} * html #logout_webMember .tableBG{height: 132px;} /* fix IE6 */ #spaceBody{clear:both;background:#FFFFFF; margin-top:190px;} #newDiary, #newRecommend{ width:419px; padding-right:1px; background: url(../imgs/areaRightVLine.gif) no-repeat right top; } #newPhoto, #newRSS{width:410px;} #newDiary .time{font-family:Arial; font-size: 10px; color: #ff95a1;} #newDiaryContent{ padding:0px 20px 10px 10px;} #newPhotoContent{ padding:0 20px 10px 30px;} #newRecommendContent{ padding:0 15px 20px 10px;} #newRSSContent{ padding:0px 0 20px 15px;} * html #newDiary .diaryTitle table{width:409px} /* fix IE6 */ * html #newPhoto .photoTitle table{width:400px} /* fix IE6 */ * html #newRecommend .productTitle table{width:409px} /* fix IE6 */ * html #newRSS .personalTitle table{width:400px} /* fix IE6 */ * html #newDiaryContent table{width: 389px;} /* fix IE6 */ * html #newPhotoContentTable{width: 360px;} /* fix IE6 */ * html #newRecommendContentTable{width: 394px;} /* fix IE6 */ * html #newRSSContent table{width: 395px;} /* fix IE6 */ /******************************個人化前端頁面結束*******************************/