@charset "utf-8";
/* CSS Document */

body, p, ul, li, form, h1, h2, h3, h4, h5 { padding:0; margin:0; }
body { font-family:Tahoma, Geneva, sans-serif; font-size:13px; background:url(ex_bgall.jpg) top center repeat-y; }
a img { border:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; color:#900; }
li, ul { list-style:none; }
.clear { clear:both; }
ul, li { list-style:none; }

#head, #photo, #container { width:993px; margin:0 auto; }

#head { position:relative; }
#head ul.keyword { background:#8E8E8E; width:993px; margin:0 auto; overflow:hidden; height:22px; line-height:22px; color:#FFF; }
#head ul.keyword a { color:#FFF; }
#head ul.keyword a:hover { color:#FF0; }
#head ul.keyword li { display:inline; float:right; padding:0 10px; }
#head ul.keyword li.left { float:left; padding:0 2px; }
#head ul.keyword li.left h1, #head li.left h2, #head li.left h3 { font-size:13px; font-weight:normal; }
#head .tophead { background:url(bg-top.jpg) top left repeat-x; overflow:hidden; }
#head .tophead p { padding:23px 10px 5px; overflow:hidden; }
#head .tophead p a { padding:0 15px 0 0; display:inline; float:left; }

#photo { border-top:1px solid #D6D6D6; overflow:hidden; }
#photo p { border-top:1px solid #FFF; background:#EDEDED; width:486px; padding:2px 0 5px 10px; font-weight:bold; display:inline; float:left; color:#999; }
#photo p.breadcrump { width:686px; font-weight:normal; }
#photo p.breadcrump a { font-size:12px; color:#000; }
#photo p.breadcrump a:hover { color:#036; }
#photo p.date { text-align:right; padding:2px 10px 5px 0; color:#666; width:287px; }
#photo p a { color:#000; font-size:14px; }
#photo ul.content { padding-top:10px; clear:both; width:993px; overflow:hidden; }
#photo ul.content li { display:inline; float:left; width:194px; background:#999; margin:0 2px; position:relative; }
#photo ul.content li a.image { border:2px solid #D3D3D3; display:block; }
#photo ul.content li a.image:hover { border:2px solid #900; }
#photo ul.content li span { display:block; background:url(bg-gray.png) bottom left repeat; padding:5px; width:180px; position:absolute; bottom:0; left:0; margin:0 0 2px 2px; }
#photo ul.content li span strong a { font-size:14px; color:#FFF; }
#photo ul.content li span strong a:hover { color:#FF0; text-decoration:none; }
#photo ul.content li span em a { font-style:normal; font-size:11px; color:#93E024; display:block; }

#menu-headline2014 { width:680px; display:inline; float:left; margin:8px 3px 5px; border-top:1px solid #D6D6D6;  }
#menu-headline2014 ul.menu-sub { border-top:1px solid #FFF; overflow:hidden; padding-left:1px; }
#menu-headline2014 ul.menu-sub li { display:inline; float:left; }
#menu-headline2014 ul.menu-sub li a { display:block; padding:13px 6px 14px 6px; font-size:13px; font-weight:bold; color:#666; }
#menu-headline2014 ul.menu-sub li a:hover, #menu-headline2014 li.here a { background:url(arrow.jpg) bottom center no-repeat; text-decoration:none; color:#900; padding:7px 6px 20px 6px; }
#menu-headline2014 ul.archive { background:#900; overflow:hidden; padding:3px 0; width:675px; }
#menu-headline2014 ul.archive li { display:inline; float:left; margin-left:7px; }
#menu-headline2014 ul.archive li a { color:#FFF; display:block; padding:3px 10px; }
#menu-headline2014 ul.archive li a:hover, #menu-headline2014 ul.archive li.here a { background:#D75555; text-decoration:none; color:#000; }

#content { width:655px; margin:0 3px 5px; background:#F3F3F3; display:inline; float:left; padding:10px; }
#content li { display:block; border-bottom:1px dashed #CCC; clear:both; padding:7px 0 15px; clear:both; overflow:hidden; }
#content b { display:inline; float:left; width:78px; height:62px; background:url(bg-box.jpg) top left no-repeat; color:#FFF; padding-top:25px; text-align:center; font-size:16px; margin-right:5px; }
#content b span { display:block; font-weight:normal; color:#000; padding-top:15px; font-size:13px; padding-top:22px; color:#999; }
#content strong, #content em, #content i { display:block; padding:2px 0 1px; }
#content strong a  { color:#0F629C; font-size:16px; }
#content em { color:#F60; font-size:11px; font-style:normal; }
#content i { color:#666; font-size:12px; font-style:normal; }

#subpage { width:680px; margin:0 3px 5px; display:inline; float:left; padding:10px; }
#subpage li { display:block; border-bottom:1px dashed #CCC; clear:both; padding:7px 0 15px; clear:both; overflow:hidden; }
#subpage b { display:inline; float:left; width:78px; height:62px; background:url(bg-box.jpg) top left no-repeat; color:#FFF; padding-top:25px; text-align:center; font-size:16px; margin-right:5px; }
#subpage b span { display:block; font-weight:normal; color:#000; padding-top:15px; font-size:13px; padding-top:22px; color:#999; }
#subpage strong, #subpage em, #subpage i { display:block; padding:2px 0 1px; }

#subpage h1 { color:#0F629C; font-size:22px; display:inline; float:left; width:620px; border-bottom:1px solid #D0D0D0; padding:5px 0; }
#subpage em { color:#F60; font-size:11px; font-style:normal; display:inline; float:left; width:320px; padding-top:10px; }
#subpage i { color:#666; font-size:12px; font-style:normal; line-height:18px; display:inline; float:right; width:620px; padding-top:10px; text-indent:20px; }
#subpage i span { display:block; margin-top:20px; text-align:right; }
#subpage i span a { color:#900; }
#subpage .action { height:27px; display:block; padding-top:7px; display:inline; float:right; width:300px; }
#subpage .action a { display:inline; float:right; margin-left:3px; }
#subpage .action a.btn-comment { position:relative; width:63px; height:27px; background:#000; }
#subpage .action a.btn-comment u { position:absolute; top:7px; right:5px; color:#F60; font-size:12px; text-decoration:none; }
#subpage .action a.btn-comment:hover u { text-decoration:none; }
#subpage p.tweet { display:inline; float:left; width:60px; text-align:center; margin:10px 0 0 5px; padding-top:15px; border-top:1px solid #CCC; }
#subpage p.fbshare { display:inline; float:left; width:60px; text-align:center; margin:10px 0 0 5px; padding-top:15px; border-top:1px solid #CCC; }

#tags { display:inline; float:right; width:242px; background:#CCC; margin:5px 3px 0 0; background:url(tags.jpg) top right no-repeat; padding:50px 5px 0; text-align:justify; }
#tags a.font1 { font-size:20px; color:#900 }
#tags a.font2 { font-size:19px; color:#F60 }
#tags a.font3 { font-size:18px; color:#690 }
#tags a.font4 { font-size:17px; color:#600 }
#tags a.font5 { font-size:16px; color:#C39 }
#tags a.font6 { font-size:15px; color:#036 }
#tags a.font7 { font-size:14px; color:#339 }
#tags a.font8 { font-size:13px; color:#690 }
#tags a.font9 { font-size:12px; color:#666 }

.page { text-align:right; clear:both; margin-top:25px; }
.page a { display:inline; float:left; padding:2px 5px; border:1px solid #BA9209; background:#E9C23A; color:#594500; margin-left:5px; font-weight:bold; }
.page a.page1 { background:#CCC; color:#6A6A6A; border:1px solid #9E9E9E; font-weight:normal; }
.page a.page1:hover { border:1px solid #BA9209; background:#E9C23A; color:#594500; }

#footer_kapook { width:1003px; margin:0 auto; background:url(http://my.kapook.com/images2/bg_footer.jpg) top left repeat-x; height:63px; }
.footleft { width:790px; float:left; }
.footleft p { height:20px; padding:10px 0 0 10px; }
.footleft p a { color:#000000; }
.logosponser { width:213px; float:right; }

#content ul.calendar b { display:inline; float:left; width:71px; height:81px; line-height:20px; background:url(bg-calendar.jpg) top left no-repeat; color:#000; text-align:center; font-size:28px; padding-top:5px; margin-right:5px; }
#content ul.calendar b u { font-size:11px; color:#999; text-decoration:none; color:#FFF; font-weight:normal; display:block; padding-top:10px; }
#content ul.calendar b span { display:block; font-size:14px; font-weight:normal; color:#000; padding-top:4px; font-size:13px; }

#subpage ul.calendar b { display:inline; float:left; width:71px; height:81px; line-height:20px; background:url(bg-calendar.jpg) top left no-repeat; color:#000; text-align:center; font-size:28px; padding-top:5px; margin-right:15px; }
#subpage ul.calendar b u { font-size:11px; color:#999; text-decoration:none; color:#FFF; font-weight:normal; display:block; padding-top:10px; }
#subpage ul.calendar b span { display:block; font-size:14px; font-weight:normal; color:#000; padding-top:4px; font-size:13px; }

.timedate { position:absolute; top:7px; right:40px; width:166px; height:106px; background:url(/images/clock.jpg) top left no-repeat; color:#FFF; font-size:11px; }
.timedate td { text-align:center; font-weight:bold; }
.timedate .day { font-size:13px; padding-top:5px; height:20px; }
.timedate .year { font-size:10px; height:20px; padding-bottom:5px;  }
.timedate .date { font-size:22px; font-weight:bold; line-height:48px; }
.timedate .month { font-size:16px; font-weight:bold; line-height:48px;  }
.sidenav { width:1118px; margin:0 auto; background:#CCC; position:relative; }
.sidenav a.left { position:absolute; left:0; top:50px; }
.sidenav a.right { position:absolute; right:0; top:50px; }

#menu-headline2014 ul.menu-sub li a.menu1 { background:url(/images/menu5.jpg) top center repeat-x; color:#000; margin-right:1px; }
#menu-headline2014 ul.menu-sub li a.menu2 { background:url(/images/menu3.jpg) top center repeat-x; color:#000; margin-right:1px; }
#menu-headline2014 ul.menu-sub li a.menu3 { background:url(/images/menu1.jpg) top center repeat-x; color:#000; margin-right:1px; }
#menu-headline2014 ul.menu-sub li a.menu4 { background:url(/images/menu4.jpg) top center repeat-x; color:#000; margin-right:1px; }
#menu-headline2014 ul.menu-sub li a.menu5 { background:url(/images/menu2.jpg) top center repeat-x; color:#000; margin-right:1px; }
#menu-headline2014 ul.menu-sub li a.menu6 { background:url(/images/menu10.jpg) top center repeat-x; color:#000; margin-right:1px; }
#menu-headline2014 ul.menu-sub li a.menu7 { background:url(/images/menu7.jpg) top center repeat-x; color:#000; margin-right:1px; }
#menu-headline2014 ul.menu-sub li a.menu8 { background:url(/images/menu8.jpg) top center repeat-x; color:#000; margin-right:1px; }
#menu-headline2014 ul.menu-sub li a.menu9 { background:url(/images/menu9.jpg) top center repeat-x; color:#000; margin-right:1px; }
#menu-headline2014 ul.menu-sub li a.menu10 { background:url(/images/menu6.jpg) top center repeat-x; color:#000; }

#menu-headline2014 ul.tab { background:#BD1816; }
#menu-headline2014 ul.tab li a:hover, #menu-headline2014 ul.tab li.here a { background:#FFB3AF; }
#menu-headline2014 ul.tab4 { background:#BF18A4; }
#menu-headline2014 ul.tab4 li a:hover, #menu-headline2014 ul.tab4 li.here a { background:#FFA2EC; }
#menu-headline2014 ul.tab5 { background:#82BF19; }
#menu-headline2014 ul.tab5 li a:hover, #menu-headline2014 ul.tab5 li.here a { background:#D0FE8B; }
#menu-headline2014 ul.tab12 { background:#C2681A; }
#menu-headline2014 ul.tab12 li a:hover, #menu-headline2014 ul.tab12 li.here a { background:#FFD4A5; }
#menu-headline2014 ul.tab13 { background:#1AA8C0; }
#menu-headline2014 ul.tab13 li a:hover, #menu-headline2014 ul.tab13 li.here a { background:#B0F1FF; }
#menu-headline2014 ul.tab2 { background:#BFB919; }
#menu-headline2014 ul.tab2 li a:hover, #menu-headline2014 ul.tab2 li.here a { background:#F7F89B; }
#menu-headline2014 ul.tab7 { background:#17BF38; }
#menu-headline2014 ul.tab7 li a:hover, #menu-headline2014 ul.tab7 li.here a { background:#A2FFB7; }
#menu-headline2014 ul.tab9 { background:#18BFAD; }
#menu-headline2014 ul.tab9 li a:hover, #menu-headline2014 ul.tab9 li.here a { background:#A9FFF9; }
#menu-headline2014 ul.tab8 { background:#8117BF; }
#menu-headline2014 ul.tab8 li a:hover, #menu-headline2014 ul.tab8 li.here a { background:#E4B2FF; }
#menu-headline2014 ul.tab11 { background:#C08F19; }
#menu-headline2014 ul.tab11 li a:hover, #menu-headline2014 ul.tab11 li.here a { background:#FFE9A9; }

.comment { display:inline; float:left; width:640px; padding:15px 20px 0; margin-left:15px; }
.commentbox { background:url(bg-comment-box.jpg) top left no-repeat; width:621px; height:248px; margin:10px auto; }
.loginwith { height:38px; padding-left:220px; padding-top:7px; }
.commentbox p { clear:both; }
.commentbox p i { display:inline; float:left; width:100px; text-align:right; font-style:normal; padding:5px 10px 0 0; }
.commentbox p em { display:inline; float:left; width:450px; font-style:normal; font-size:11px; color:#666; }
.commentbox p em textarea.textcomment { width:400px; height:100px; }
.commentbox p em input.title { width:200px; }
.capcha { border:1px solid #666; }

.comment-form em { position:relative; display:block; }
.comment-form em .help a u { position:absolute; left:-1000px; display:none; z-index:999; background:#FFC;  font-size:12px;  }
.comment-form em .help a:hover u { left:0; bottom:25px; display:block; overflow:hidden; border:1px dashed #C90; z-index:999; text-decoration:none; color:#000; width:165px; padding:5px; line-height:18px; }

.comment em { position:relative; display:block; }
.comment em .help { position:relative; }
.comment em .help a u { position:absolute; left:-1000px; display:none; z-index:999; background:#FFC;  font-size:12px;  }
.comment em .help a:hover u { left:0; bottom:25px; display:block; overflow:hidden; border:1px dashed #C90; z-index:999; text-decoration:none; color:#000; width:300px; padding:5px; line-height:18px; }

.reply { display:inline; float:left; width:640px; padding:15px 20px 0; margin-left:15px; }
.reply ul { width:619px; margin:10px auto; }
.reply li { background:url(bg-comment.jpg) bottom left no-repeat; width:619px; margin-top:25px; }
.reply li u { text-decoration:none; border-bottom:1px solid #F2E4BA; background:#FFF; display:block; padding-bottom:5px; color:#666; }
.reply li u h4 { display:inline; font-size:13px; color:#960; }
.reply li p { padding:10px; color:#584E09; }
.reply li span { display:block; padding:15px 10px; border-top:1px dashed #C9B572; margin:0 50px 0 5px; color:#666; }
.reply li span a { color:#690; }

.pagecomment { width:640px; display:inline; float:left; padding:15px 20px 10px; margin-left:5px; }
.pagecomment a { display:inline; float:left; padding:5px 10px; margin-left:5px; background:#F6EFB6; border:1px solid #D3C54E; font-size:13px; color:#887B0F;  }