/* CSS Document */
html,body,h1,h2,h3,h4,ul,dl,dt,dd,li,p{margin:0; padding:0;}
body{background:#e0e0e0 url(../images/bg.jpg) center top no-repeat; text-align:center!important; font-size:10px;}
ul,li{list-style-type:none;}
a{text-decoration:none; cursor:pointer;}
img{border:0 none;}

#container{width:920px; margin:0 auto; text-align:left;}

#nav{width:920px; height:300px; margin-bottom:20px;}
h1{font-size:0; line-height:180px; clear:both; height:1px; overflow:hidden;}

#recommendation{width:920px; height:260px;}
#recommendation-pic{float:left; display:inline;width:550px; height:240px; margin-left:-20px}
dl#recommendation-content{float:right; display:inline; width:266px; overflow:hidden; margin-left:74px; margin-right:40px; }
#recommendation-content dt{margin-bottom:12px;}
#recommendation-content dt a{font-size:1.4em; color:#2d2d2d; font-weight:bold;}
#recommendation-content dd{overflow:hidden; padding-left:12px; width:230px; height:20px; background:url(../images/list-style.jpg) 4px 8px no-repeat;}
#recommendation-content dd a{font-size:1.2em; line-height:20px; color:#2d2d2d;}
#recommendation-content a:hover{color:#d24b4e;}

.content{width:920px; clear:both;}
.content a:hover,#activity .photoframe-detail p a:hover{color:#d24b4e;}
h2{font-size:0; line-height:180px; clear:both; overflow:hidden;}
#activity{float:left; background:#FFF; padding:25px; width:460px;}
#activity h2{background:url(../images/title-L.jpg) left top no-repeat; height:30px; width:460px; margin-bottom:20px;}
#activity #photoframe{background:url(../images/frame-S.jpg) 4px top no-repeat; padding:16px 0 0 24px; height:153px;}
#activity #photoframe img{width:171px; height:120px; float:left;}
#activity .photoframe-detail{float:left; width:208px; display:inline; height:146px; margin-left:56px; margin-top:-16px; overflow:hidden;}
#activity .photoframe-detail p a{font-size:1.2em; color:#5b5b5b; line-height:20px;}
.font-w14 a{font-size:14px; color:#145dc4; width:208px; line-height:22px;}
.content-list{float:left; width:216px; margin-left:14px; margin-right:0px; display:inline;}
.content-list h4 a{font-size:12px; color:#145dc4; font-weight:normal;}
.content-list h4{margin-bottom:14px; width:216px; overflow:hidden; height:14px;}
.content-list p img{float:left; margin-right:12px;}
.content-list p{clear:both; font-size:1.2em; color:#5b5b5b; margin-bottom:30px;}
.content-list p.width216{width:216px;}
.content-list p.width250{width:260px;}
.content-list strong{color:#145dc4; font-size:14px; display:block; line-height:24px;}
.content-list ul{clear:both;}
.content-list ul li{line-height:20px; height:20px; padding-left:12px; width:188px; overflow:hidden; background:url(../images/list-style.jpg) 5px 8px no-repeat;}
.content-list ul a{font-size:12px; color:#2d2d2d;}
.more{display:block; float:right; background:#262626; color:#FFF; font-size:13px; padding:2px 4px; clear:both; margin-top:6px;}
.more-mt28{margin-top:28px;}

#ad{background:url(../images/ad-bg.jpg) left bottom no-repeat; float:left; display:inline; width:339px; height:172px; margin-left:32px;}
#ad img{width:266px; height:147px; margin-top:10px; margin-left:37px;}

#information{background:#FFF; width:280px; padding:12px 10px; margin:52px 52px 0; float:left; display:inline;}
#information h2{background:url(../images/title-S.jpg) left top no-repeat; width:96px; height:24px; margin-bottom:12px;}

#ad-L{display:block; clear:both; width:875px; height:97px; margin-bottom:60px;}

#footer{width:920px; background:url(../images/bottom-bg.jpg) left top no-repeat; padding-top:56px;}
#footer,#footer a{font-size:12px; color:#666; text-align:center;}
#footer a{margin:0 12px;}
#footer p{color:#b2b2b2; margin:12px auto;}