@charset "utf-8";
/* CSS Document */
.rightbg{ background:url(../images/right-bg.jpg) no-repeat top left;}
.blog-hot{ background:url(../images/blog-hot.jpg) no-repeat; background-color:#C8DD5E}
/*新手上路*/
.blog-user{ margin-bottom:5px;}
.blog-user .pic{ width:415px; height:220px; float:left;}
.blog-user .content{ width:350px;float:right;}
.blog-user h3{ height:20px;background:url(../images/blog-user.jpg) no-repeat;background-color:#C8DD5E;}
.blog-user .teach6{ background:url(../images/blog-user-bg.jpg) repeat-y; padding:0 5px;.padding:0 10px;_padding:0 10px; padding-top:15px; padding-bottom:15px;}
.blog-user .teach6 ul li{ list-style:none; float:left;}
.blog-user .teach6 li{ list-style:none; float:left; margin-bottom:14px;}
.blog-user .teach6 .a01{ width:113px; height:24px; background:url(../images/teach01.gif) no-repeat;}
.blog-user .teach6 .a01 a{ width:113px; height:24px;display:block;}
.blog-user .teach6 .a01 a:hover{ width:113px; height:24px; background:url(../images/teach01_f2.gif) no-repeat;}
.blog-user .teach6 .a02{ width:113px; height:24px; background:url(../images/teach02.gif) no-repeat;}
.blog-user .teach6 .a02 a{ width:113px; height:24px;display:block;}
.blog-user .teach6 .a02 a:hover{ width:113px; height:24px; background:url(../images/teach02_f2.gif) no-repeat;}
.blog-user .teach6 .a03{ width:113px; height:24px; background:url(../images/teach03.gif) no-repeat;}
.blog-user .teach6 .a03 a{ width:101px; height:24px;display:block;}
.blog-user .teach6 .a03 a:hover{ width:101px; height:24px; background:url(../images/teach03_f2.gif) no-repeat;}
.blog-user .teach6 .a04{ width:113px; height:24px; background:url(../images/teach04.gif) no-repeat;}
.blog-user .teach6 .a04 a{ width:113px; height:24px;display:block;}
.blog-user .teach6 .a04 a:hover{ width:113px; height:24px; background:url(../images/teach04_f2.gif) no-repeat;}
.blog-user .teach6 .a05{ width:113px; height:24px; background:url(../images/teach05.gif) no-repeat;}
.blog-user .teach6 .a05 a{ width:113px; height:24px;display:block;}
.blog-user .teach6 .a05 a:hover{ width:113px; height:24px; background:url(../images/teach05_f2.gif) no-repeat;}
.blog-user .teach6 .a06{ width:101px; height:24px; background:url(../images/teach06.gif) no-repeat;}
.blog-user .teach6 .a06 a{ width:101px; height:24px;display:block;}
.blog-user .teach6 .a06 a:hover{ width:113px; height:24px; background:url(../images/teach06_f2.gif) no-repeat;}
.blog-user .picset{ border:1px solid #ccc; margin-top:5px; padding:5px 0 5px 20px;}
.blog-user .picset .pic{ width:95px; height:70px; margin-right:10px; float:left;}

/*日誌分類*/
.blog-list{  margin-bottom:5px;background-color:#F0F0F0;display:block; }
.blog-list h3{ background:url(../images/blog-list.jpg) no-repeat; background-color:#C8DD5E; height:20px;}
.blog-list .hotlistt{ padding-left:5px; _padding-left:0;}
.blog-list .hotlistt ul li{ list-style:none; padding:0;}
.blog-list .hotlistt li{ width:90px;margin:10px 2px 10px 3px;_margin:10px 0 10px 5px;float:left;}
.blog-list .hotlistt li span{ color:#FF9900;}
/*最新日誌*/
.blog-new{_padding-top:3px; background:#FFFFFF; margin-bottom:5px;}
.blog-new h3{ height:20px;background:url(../images/blog-new.jpg) no-repeat;background-color:#C8DD5E;}
.blog-new ul li{ list-style:none;}
.blog-new li{ width:360px;margin:5px 3px 0 3px;_margin:5px 1px 0 3px;float:left; border:1px solid #ccc; padding:8px;}
.blog-new .pic{ width:100px; height:100px;text-align:center; float:left;}
.blog-new .content{ width:245px;float:right; }
.blog-new .content p.title{ margin-bottom:3px;}
.blog-new .content p.main{ height:60px;margin-bottom:5px; overflow:hidden;}
.blog-new .content p.name{ text-align:right;}

/*熱門部落格排行榜*/
.b-hotlist{ width:180px;}
.b-hotlist .titleb{ background:url(../images/blog-hotlist.jpg) no-repeat; height:20px; background-color:#C8DD5E;}
.b-hotlist ul li{ list-style:none;}
.b-hotlist li{ padding:5px 5px 5px 50px;}
.b-hotlist li a{ text-decoration:none;}
.b-hotlist li.no1{ background:url(../images/no01.jpg) 5px no-repeat;background-color:#F6F6F6;}
.b-hotlist li.no1 a{color:#DC137B;}
.b-hotlist li.no2{ background:url(../images/no02.jpg) 5px no-repeat;}
.b-hotlist li.no3{ background:url(../images/no03.jpg) 5px no-repeat;background-color:#F6F6F6;}
.b-hotlist li.no4{ background:url(../images/no04.jpg) 5px no-repeat;}
.b-hotlist li.no5{ background:url(../images/no05.jpg) 5px no-repeat;background-color:#F6F6F6;}
.b-hotlist li.no6{ background:url(../images/no06.jpg) 5px no-repeat;}
.b-hotlist li.no7{ background:url(../images/no07.jpg) 5px no-repeat;background-color:#F6F6F6;}
.b-hotlist li.no8{ background:url(../images/no08.jpg) 5px no-repeat;}
.b-hotlist li.no9{ background:url(../images/no09.jpg) 5px no-repeat;background-color:#F6F6F6;}
.b-hotlist li.no10{ background:url(../images/no010.jpg) 5px no-repeat;}
.b-hotlist li.no11{ background:url(../images/no011.jpg) 5px no-repeat;background-color:#F6F6F6;}
.b-hotlist li.no12{ background:url(../images/no012.jpg) 5px no-repeat;}
.b-hotlist li.no13{ background:url(../images/no013.jpg) 5px no-repeat;background-color:#F6F6F6;}
.b-hotlist li.no14{ background:url(../images/no014.jpg) 5px no-repeat;}
.b-hotlist .top100{ background: url(../images/top100.jpg) no-repeat right; height:22px;background-color:#F6F6F6; }
.b-hotlist .top100 a{background: url(../images/top100.jpg) no-repeat right;height:22px;background-color:#F6F6F6; width:180px; display:block;}

/*bloger內頁*/
.blog_midarea{ width:960px; margin-bottom:5px; /*margin-top:5px;*/}
.blog_topban{ width:960px; height:52px; background:url(../images/blog_banner770x52.gif) no-repeat;}
.blog_midcon{ margin-top:5px;}
.blog_midlf{ width:740px; margin-right:10px; float:left;overflow:hidden;}
.blog_midtlt{ width:740px; height:36px; background:url(../images/blog_lftlt01.gif) no-repeat; margin-bottom:5px;}
.blog_midtlt02{ width:740px; height:36px; background:url(../images/blog_lftlt02.gif) no-repeat; margin-bottom:5px;}
.blog_midtlt03{ width:740px; height:36px; background:url(../images/blog_lftlt03.gif) no-repeat; margin-bottom:5px;}
.blog_midtlt04{ width:740px; height:36px; background:url(../images/blog_lftlt04.gif) no-repeat; margin-bottom:5px;}
.blog_midtlt06{ width:740px; height:36px; background:url(../images/blog_lftlt06.gif) no-repeat; margin-bottom:5px;}
.blog_midin{ margin-bottom:5px; width:720px;}
.blog_midin ul{ list-style:none; padding:0 15px; margin-left:10px;}
.blog_midin ul li{ list-style:none; line-height:28px; color:#666; font-weight:normal;}
.blog_midin ul li a{ list-style:none; line-height:28px; color:#666; font-weight:normal; text-decoration:underline;}
.blog_midin ul li a:hover{ list-style:none; line-height:24px; color:#FF9900; font-weight:normal; text-decoration:underline;}
.blog_midin ul li.inno{ list-style-type:disc; line-height:24px; color:#8da50d; font-weight:600;}

.blog_game{ margin-bottom:5px; width:720px; padding-left:20px;}
.blog_game_set01{ margin-bottom:10px;}
.blog_game_set01 ul{ list-style:none; padding:00;}
.blog_game_set01 ul li{ float:left; background:url(../images/point02.jpg) 10px 8px no-repeat; padding-left:25px; list-style:none; width:300px; line-height:24px; color:#666; font-weight:normal;}
.blog_game_set01 ul li.inno_gn{ float:left; background:url(../images/point02.jpg) 10px 8px no-repeat; padding-left:25px; list-style:none; font-weight:600; width:250px; line-height:24px; color:#8da50d;}
.blog_game_set01 ul li.inno_rank{ float:left; background:url(../images/point02.jpg) 10px 8px no-repeat; padding-left:20px; list-style:none; font-weight:600; width:150px; line-height:24px; color:#8da50d;}
.blog_game_fla{ width:148px; height:238px;}
.blog_game_set02{ margin-bottom:10px;}
.blog_game_set02 ul{ list-style:none; margin-top:25px;}
.blog_game_set02 ul li{ padding-left:25px; list-style:none; line-height:24px; color:#666; font-weight:normal;}
.blog_game_set02 ul li.inno2_gn{background:url(../images/point02.jpg) 10px 8px no-repeat; padding-left:25px; list-style:none; font-weight:600; line-height:24px; color:#8da50d;}
.blog_game_set02 ul li.inno2_gn25{background:url(../images/point02.jpg) 10px 8px no-repeat; padding-left:25px; margin-top:25px; list-style:none; font-weight:600; line-height:24px; color:#8da50d;}
.blog_code{ width:640px; height:200px; border:3px solid #999; padding:10px 10px;}
.blog_tlb{ width:650px; margin-top:15px;}

.blog_midrt{ width:210px; float:left;}
.blog_midrtset{ margin-bottom:10px;}
.blog_midrtset02{ margin-bottom:10px;}
.blog_midrtset ul{ list-style:none; padding:0 5px;}
.blog_midrtset ul.noli{ list-style:none; padding:0 3px; .padding:0 3px; _padding:0 2px;}
.blog_midrtset ul li{ list-style:none; width:60px; height:50px; float:left;/* border:2px solid #666;*/ margin:2px 3px; .margin:2px 3px; _margin:2px 2px;}
.blog_midrtset ul li.noline{ list-style:none; width:60px; height:50px;/* border:2px solid #fff;*/ float:left; margin:2px 3px; .margin:2px 3px; _margin:2px 2px;}
.blog_midrtlt01{ width:210px; height:30px; background:url(../images/blog_title01.gif) no-repeat; margin-top:5px; margin-bottom:5px;}
.blog_midrtlt01in{ padding:0 5px; margin-bottom:10px;}
.blog_midrtlt02{ width:210px; height:30px; background:url(../images/blog_title02.gif) no-repeat; margin-bottom:5px;}
.blog_midrtlt03{ width:210px; height:30px; background:url(../images/blog_title03.gif) no-repeat; margin-bottom:5px;}
.blog_midrtlt04{ width:210px; height:30px; background:url(../images/blog_title04.gif) no-repeat; margin-bottom:5px;}
.blog_midrtlt05{ width:210px; height:30px; background:url(../images/blog_title05.gif) no-repeat; margin-bottom:5px;}
.blog_midrtlt06{ width:210px; height:30px; background:url(../images/blog_title06.gif) no-repeat; margin-bottom:5px;}
.blog_midrtlt07{ width:210px; height:30px; background:url(../images/blog_title07.gif) no-repeat; margin-bottom:5px;}

.blog_game02set{ padding:10px 0 10px 40px;}
.blog_game02{ width:130px; margin-right:40px; margin-bottom:30px; float:left;}
.blog_game02 img{ padding:5px 0;}
.blog_game02 ul{ list-style:none;}
.blog_game02 ul li{ list-style:none;}
.blog_game02 ul li.blu{ background:url(../images/icon02.gif) 0 6px no-repeat; padding-left:10px; .padding-left:0; _padding-left:0; list-style-position:inside; color:#003399; line-height:18px;}
.blog_game02rt{ margin:0; padding:0; line-height:18px;}
.blog_game02rt ul{ list-style:none;}
.blog_game02rt ul li{ list-style:none;}
.blog_game02rt ul li.blu{ background:url(../images/icon02.gif) 0 6px no-repeat; padding-left:10px; .padding-left:0; _padding-left:0; list-style-position:inside; color:#003399; line-height:18px;}
.blog_game02rt ul li a{ list-style:none; text-decoration:underline;}
.rtinn{ margin-bottom:20px; color:#666;}