@charset "UTF-8";
/* layout */
div.top {height:20px;width:100%;background:#f4f4f4;border-bottom:1px solid #d2d2d2;}
div.header {border-bottom:3px solid #000;width:100%;background:#fff url(/static/images/bg.gif) no-repeat center 20px;}
header.base {position: relative;height:50px;width:940px;margin:0 auto;background:#fff;}
div.container {width:940px;margin:0 auto;position: relative;}
div.base {width:940px;float:left;padding:20px 0;}
section.contents {width:620px;float:left;position:relative;
margin:0px 0;}
aside {width:280px;float:right;margin:0px -20px 0px 20px;padding:20px;background:#f1f1f1;}
footer.base {clear:both;}
body {background:url(/static/images/bg.gif) no-repeat center 40px;}
/* alert */
#messages {display:none;position: absolute;top:10px;left:10px;z-index: 99;width:600px;}
.alert {position: relative;}
.alert a.close {position: relative;top: -2px;right: -21px;float:right;}
a.close {line-height: 18px;
	cursor: pointer;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;font-size:20px;line-height: 18px;text-shadow:0 1px 0 #ffffff;
	color:#000000;
	opacity:0.2;filter:alpha(opactiy=20);}
a.close:hover {color: #000000;text-decoration: none;cursor: pointer;
	opacity: 0.4;filter: alpha(opacity=40);}

/* banner */
.banner {background:#ddd;display:block;}
.banner iframe {margin:0 !important;padding:0 !important;border:none;overflow: hidden;}
.banner.main iframe {width:940px;height:140px;}
.banner.contents iframe {width:620px;height:80px;}
.banner.a1 iframe {width:280px;height:140px;}
.banner.a2 iframe {width:280px;height:70px;}

.banner.contents {width:620px;height:80px;margin-bottom:20px;margin-top:20px;}
.banner.main {width:940px;height:140px;position: relative;display:none;}
.banner.main span.close {position: absolute;bottom:105px;right:-11px;display:block;
	font-size:12px;border-radius:3px 3px 3px 3px;padding:3px 0;line-height:14px;z-index:98;
	width:20px;text-align:center;}
.banner.a1 {width:280px;height:140px;margin-bottom:20px;}
.banner.a2 {width:280px;height:70px;margin-bottom:20px;}
.banner.ao iframe {width:110px;height:400px;}
.banner.ao {width:110px;height:400px;margin-bottom:20px;}
#banner_mobile {display:none;}

/* top */
nav.top {width:940px;margin:0 auto;position: relative;overflow: hidden;}
nav.top,
nav.top a {font-size:11px;color:#333;line-height: 20px;font-family: '돋움'}
nav.top .active a,
nav.top a:hover {color:#FA6295;}
nav.top li {display:block;float:left;margin-right:9px;overflow: hidden;
	background:url(/static/images/nav/sep_gray.gif) no-repeat right 5px;padding-right:10px;}
nav.top li:last-child {padding-right:0;background:none;margin-right:0;}
nav.top ul.donga {overflow: hidden;}

/* header */
header.base {position: relative;}
header.base h1 {position: absolute; top:5px;left:0;}
header.base h1 a {display:block;background:url(/static/images/logo.png) #FF006B no-repeat 14px 7px;
	width:140px;height:40px;line-height: 200px;overflow: hidden;}
nav.mobile {display: none;}

/* header nav common */
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 4px solid #777;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	opacity: 0.3;
	filter: alpha(opacity=30);
}
nav.dropdown ul.sub {
	z-index: 99;position: absolute;display:none;
	width:80px;
	background:#fff;margin-left:-1px;
	top:50px;
	border:1px solid #333;
	border-bottom:3px solid #000;
	border-top:none;
}
nav.dropdown ul.sub > li {z-index: 99;} 
nav.dropdown ul.sub > li:last-child {border-bottom:none;}
nav.dropdown ul.sub > li > a {font-size:13px;display:block;line-height:30px;padding:0 5px;font-weight: 300;color:#555;}
nav.dropdown ul.sub > li > a:hover {background:#F52F72;color:#fff;}
/* header nav */
nav.main {float:left;margin-left:140px;}
nav.main > ul {float:left;}
nav.main > ul > li {float:left;
	height:50px;width:80px;text-align: center;}
nav.main > ul > li:first-child {}
nav.main > ul > li > a {font-size:14px;
	font-weight: 600;line-height:50px;color:#333;
	display:block;}
nav.main > ul > li.active {
	text-align: center;
	z-index: 1;
}
nav.main > ul > li.active > a {line-height:17px;color:#F52F72;padding-top:8px;}
nav.main > ul > li.active span.current {
	display:block;font-size:12px;line-height:17px;padding-bottom:8px;
	text-align: center;
	color:#777;
}

nav.main > ul > li > a b.caret {margin-top:11px;margin-left:5px;display:none;}
nav.main > ul > li.open > a,
nav.main > ul > li > a:hover {color:#FA6295}
nav.main > ul > li > a:hover span.current {color:#999;}
nav.main > ul > li.open > a b.caret,
nav.main > ul > li > a:hover b.caret {border-top-color: #ea693a;border-bottom-color: #ea693a;}
nav.main > ul > li.open ul.sub {display: block;}
/* header search */
header.base form.form-search {float:right;margin-top:11px;margin-left:20px;}
header.base form.form-search button {
	padding:0px 7px;
	display:block;
	float:left;
	position:relative;
	height:26px;
	line-height:26px;
	border: 1px solid #cccccc;
	border-bottom-color: #b3b3b3;
}
header.base form.form-search input {
	float:left;
	display:block;
	padding:0px 7px;line-height:24px;
	font-size:12px;
	height:24px;width:160px;
	border: 1px solid #cccccc;
	border-bottom-color: #b3b3b3;
	border-right:none;
}
/* header user nav */
/*header.base nav.user {float:right;margin-top:12px;}*/
/*header.base nav.user a {font-size:13px;line-height:22px;color:#333;}*/
/*header.base nav.user a.menu b.point {color:#56A00F;}*/
/*header.base nav.user ul.sub {margin-left:0;right:0px;}*/
/*header.base nav.user ul.sub a {text-indent: 10px;}*/
/*header.base nav.user a.menu .caret {margin-top: 11px;}*/
/*header.base nav.user.open a.menu {color:#F52F72;}*/
/*header.base nav.user.open a.menu .caret, */
/*header.base nav.user a.menu:hover .caret {border-top-color: #56A00F;border-bottom-color: #56A00F;}*/
/*header.base nav.user a i[class^="icon-"] {margin-top:2px;}*/

/* widget */
.widget h1 a,
.widget.tab nav a,
.widget h1 {font-size:15px;color:#9F0F40;font-weight:600;}
.widget h1 a:hover {color:#F52F72;}
.widget header {
	border-bottom:1px solid #d2d2d2;
	border-radius:0px;
	padding:2px 0px;
	overflow:hidden;
}
/* aside */
aside .widget {margin-bottom:20px;clear:both;}
aside .widget h1 a,
aside .widget.tab nav a,
aside .widget h1 {font-size:14px;}
aside .widget nav li {border-bottom:none;}
aside .widget nav ul {padding:0;border-bottom:none;}
aside .widget > ul {padding:10px 0;border-bottom:1px solid #d2d2d2;}
aside .widget > ul li {font-size:13px;overflow: hidden;height:26px;line-height:26px;}
aside .widget > ul li a {line-height: 26px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
aside .widget > ul li a.active,
aside .widget > ul li a:hover {}
aside .widget > ul li time {color:#999999;font-size:12px;}
aside .widget > ul li.product {height:53px;line-height: 24px;background:none;padding-left:0px;}
aside .widget > ul li.product img {width:70px;height:40px;float:left;margin-top:5px;margin-right:10px;}
aside .widget > ul li.product a.title {font-weight: bold;line-height: 24px;display:block;font-size:13px;}
aside .widget > ul li.product a.url {display:block;overflow: hidden;height:24px;color:#999;}
aside .widget > ul li.product a:hover.url {color:#56A00F;}

aside .widget.event li {height: 48px;line-height:24px;background:none;padding-left:0px;}
aside .widget.event li a {line-height:24px;}
aside .widget.event li img {width:55px;height:40px;float:left;margin-right:5px;margin-top:5px;}
aside .widget.event li strong {font-weight: normal;}
aside .widget.event li em {font-style: normal;color:#888;font-size:12px;}
aside .widget ul.thumb1 {position: relative;}
aside .widget ul.thumb1 li {margin-left:125px;}
aside .widget ul.thumb1 li a {display:block;}
aside .widget ul.thumb1 img {position: absolute;left:0px;width:115px;height:70px;margin-top:5px;
	padding: 0px;}
aside .widget ul.grade .title {width:120px;
	display:block;float:left;
	font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
aside .widget ul.thumb1 li span.grade {position: absolute;right:0;background:#fff;
	border-radius:3px;line-height: 18px;padding:0 2px 0 5px;margin:3px 0;}
aside .widget ul.thumb1 li span.grade {color:#999999;}
aside .widget ul.thumb1 li span.grade strong {color:#FA6295;}

aside .widget.guide {background:#f7f7f9;border:1px solid #ccc; border-radius:5px;padding:10px;}

aside section.category {margin-bottom:20px;}
aside section.category .label_game {font-size:13px !important;line-height:13px !important;display:inline;border:none;border-radius:0 !important;}
aside ul.platform {padding:0;}
aside ul.platform > li {clear:both;word-break: keep-all;white-space: nowrap;height:auto;border-bottom:1px solid #d2d2d2;}
aside ul.platform > li:last-child {border-bottom:none;}
aside ul.platform > li > strong {float:left;width:69px;text-align: center;}
aside ul.platform > li > strong > a {color:#333;display:block;}
aside ul.platform > li > strong > a:hover {color:#777;}
aside ul.platform > li > strong > a.active {background:#d2d2d2;color:#333;}
aside ul.platform > li > ul {float:right;width:210px;border-left:1px solid #d2d2d2;padding:0;border-bottom:none;}
aside ul.platform > li > ul > li {float:left;line-height: 26px;display:block;border:none;}
aside ul.platform > li > ul > li a {padding:1px 3px; font-size:13px;margin-left:5px;line-height: 20px;}

aside .gameinfo {overflow: hidden;padding:10px; border:1px solid #ccc;border-bottom-color:#777;border-radius:5px;
	background:#f7f7f9;margin-bottom:20px;}
aside .gameinfo h1 {margin-bottom:5px;border-bottom:1px solid #d2d2d2;padding:0px;}
aside .gameinfo h1 a {font-size:14px;color:#FA6295;}
aside .gameinfo h1 a:hover {text-decoration: underline;}
aside .gameinfo h2 {font-size:12px;color:#9F0F40;
margin-bottom:5px;clear:both;border-bottom:1px solid #e5e5e5;}
aside .gameinfo img {width:110px;float:left;padding:0px;border:1px solid #ccc;border-bottom-color:#777;border-radius:3px;margin:0 10px 10px 0;}
aside .gameinfo p.intro {color:#777;margin-bottom:10px;font-size:12px;}
aside .gameinfo ul {margin-bottom:10px;}
aside .gameinfo ul li {font-size:12px;width:280px;overflow: hidden;height:20px;line-height:20px;}
aside .gameinfo p.url a,
aside .gameinfo li a {font-size:12px;line-height:20px;color:#56A00F;}
aside .gameinfo p.url a:hover,
aside .gameinfo li a:hover {color:#FA6295;}
aside .gameinfo li time {color:#999999;font-size:10px;}

/* contents */

/* contents header */
header.contents {margin-bottom:20px;}
article h1,
header.contents h1,
header.contents h1 a {
	font-size:18px;line-height:200%;margin:0 0 20px 0;
	color:#333;
	font-weight:600;}
/* contents article */
article {overflow: hidden;margin-bottom:20px;color:#333;text-align: justify;
word-break: break-all;}
article a {color:#56A00F;}
article a:hover {color:#FA6295;}
article header.contents {margin-bottom:10px;}
article header.contents h1 {margin-bottom:5px;}
article header.contents p {padding:0;}
article header.contents .user {
	padding-right:10px;margin-right:10px;
	border-right:solid 1px #dde;
	color:#9F0F40;}
article header.contents time {color:#666;}
article h2 {font-size:16px;padding:0;margin:20px 0;}
article h3 {font-size:14px;margin:10px 0;}
article p {padding:10px 0;line-height: 200%;text-align: justify;word-break: break-all;}
blockquote,
article div.box {border:1px solid #ccc; padding:5px 20px;margin:10px;}

#copyright {
	padding:5px;margin:0 0 20px 0;border:1px solid #d2d2d2;
	border-left:none;
	border-right:none;
	background:#f5f5f5;
	font-size:12px;
}
#copyright a {font-size:12px;}
#copyright img {float:left;margin:4px 10px 0 0;}
#copyright .center {text-align: center;}

div.tags {color:#999;margin:20px 0 20px 0;}
div.tags a.tag {color:#56A00F;}
div.tags a:hover.tag {color:#FA6295;}

section.related {margin:0 0 20px 0;}
section.related h1,
section.related h1 a {font-size:14px;}
section.related h1 a:hover {color:#FA6295;}
section.related .share {width:100%;margin-bottom:20px;}
section.related .comments {margin-bottom:20px;}
section.related .comments a.btn {width:618px;padding-right:0 !important;padding-left:0 !important;text-align:center;}
section.related .comments a.btn strong {color:#FA6295;}

section.related .articles ul li {overflow: hidden;display:block;padding:10px;border-bottom:1px solid #d2d2d2;
	line-height:16px;font-size:13px;}
section.related .articles time {color:#999;font-size:12px;}
section.related .articles {width: 620px;word-break: break-all;margin-bottom: 20px;}
section.related .articles ul li b {font-weight: 400;}
section.related .articles ul li b:hover{color:#FA6295;}
section.related .articles ul li:nth-child(1) {border-bottom: 1px solid #D2D2D2;height:70px;}
section.related .articles ul li:nth-child(1) a {margin-bottom:10px;height:70px;display:block;overflow: hidden;
	word-break: break-all;font-size: 16px;color:#222;}
section.related .articles ul li:nth-child(1) img {margin-right:10px;width: auto;height: 70px;float:left;}
section.related .articles ul li:nth-child(1) span.intro {line-height:180%;font-size:13px;word-break: break-all;display: block;}

/* article page */ 
#subpage {text-align: center;margin:0 0 20px 0;}

section.action {text-align:right;margin-bottom:20px;}
section.action div.extra {display: inline-block;}

/* contents nav */
nav.ganada {margin-bottom:0px;}
nav.ganada li a {padding:8px 9px;}
nav.ganada li a.active,
nav.section {margin-bottom:20px;}
nav.section li a.active {background-color:#fcfcfc;}
nav.ganada li a,
nav.section li a {font-size:13px;}
nav.section li a {padding-right:9px;padding-left:9px;}
nav.section ul {margin-bottom:0px;}
nav.section > ul {position: relative;}
nav.section ul.sub {position:absolute;top:35px;z-index:94;margin-left:0px;background:#eee;border:1px solid #ddd;
width:auto;}
nav.section ul.sub > li > a {padding:0 10px;}
nav.section ul.sub > li > a.active {color:#F52F72;background:#eee;}
nav.section b.caret {display:none;}

/* contents paginator */
div.pagination {text-align: center;float:left;width:100%;}
div.pagination a {font-weight: bolder;} 

/* footer */
footer.base {}
footer.base p,
footer.base a {font-size:13px;}
footer.base a {color:#667;}
footer.base a.active,
footer.base a:hover {color:#FA6295;}
footer.base p {margin-bottom:10px;clear:both;text-align: center;color:#777;}
footer.base p span {color:#777;padding:0 5px;font-size:12px;display: inline-block}
footer.base p.info {font-size:12px;}

nav.footer {text-align: center;height:40px;border-top:1px solid #d2d2d2;margin-bottom:10px;}
nav.footer ul {display:inline-block;padding:13px 0;}
nav.footer > ul > li {display:inline;}
nav.footer > ul > li a,
nav.footer > ul > li span {font-size:13px;line-height:14px;color:#334;float:left;border-right:1px solid #efece8;margin:0 10px 0 0;padding:0 10px 0 0;}
nav.footer > ul > li:last-child a {margin:0;padding:0;border-right:none;}
nav.footer a.privacy {font-weight: 600;}

#sponser {border-top:1px solid #d2d2d2;text-align: center;overflow: hidden;margin-top:20px;background:#fcfcfc;}
#sponser h1 {font-size:12px;text-align: center;
background:#fff;color:#333;display:none;
font-weight:normal;
margin:0 auto;line-height:22px;border:1px solid #d2d2d2;border-top:none;width:100px;border-bottom-color:#aaa;
border-radius:0 0 5px 5px;}
#sponser ul {height:42px;margin:5px auto 5px auto;text-align: center;
	display:inline-block;vertical-align:top;}
#sponser ul li {margin:0;padding:0;display:inline-block;}
#sponser ul li a {display:block;width:109px; height:40px;
	text-align:left;border:#fff solid 1px;border-radius:3px;overflow:hidden;text-indent:-109px;
	background:url(/static/images/sponser_logos.png) no-repeat;}
#sponser ul li a:hover {border-color:#777;position: relative;}
#sponser ul li a.naver {background-position: 0px -0px;}
#sponser ul li a.daum {background-position: 0px -40px;}
#sponser ul li a.zum {background-position: 0px -80px;}
#sponser ul li a.nate {background-position: 0px -120px;}
#sponser ul li a.flipboard {background-position: 0px -160px;}
#sponser ul li a.donga {background-position: 0px -200px;}
#sponser ul li a.sportsdonga {background-position: 0px -240px;}
#sponser ul li a.pass {background-position: 0px -280px;}

/* contents list articles */
nav.skin {position: absolute;top:0;right:0;}

section.articles {overflow: visible;}
ul.newspaper {margin-top:0px;overflow: visible;float:left;}
ul.newspaper li {display:block;clear:both;border-bottom:1px solid #d2d2d2;overflow: visible;}
ul.newspaper li strong {font-size:16px;margin-bottom:10px;display:block;
	word-break: break-all;font-weight: 600;}
ul.newspaper li strong em {display:block;font-style: normal;font-size:13px;color:#666;}
ul.newspaper li a {display:block; overflow: visible;overflow: hidden;margin:20px 0;height:130px;}
ul.newspaper li a:hover {color:#333;background:#f2f2f5;}
ul.newspaper li a:visited strong {color:#999;}
ul.newspaper li .thumbnail {display:block;overflow:visible; float:left;}
ul.newspaper li img {display:block;overflow:visible;float:left;margin:0 20px 20px 0 ;height:90px;}
ul.newspaper li .intro {font-size:13px;line-height: 180%;display:block;
	word-break: break-all;text-align: justify;}
ul.newspaper time {font-size:12px;color:#999;white-space: nowrap;}
ul.newspaper li.li1 a {height:auto;position: relative;margin-top:0;}
ul.newspaper li.li1 a .thumbnail img {display:none;}
ul.newspaper li.li1 .thumbnail {
		width:618px;height:200px;overflow: hidden;position:relative;
		background-repeat: no-repeat;background-position: center 40%;background-size:620px auto;
		background-color:#ccc;
		border:1px solid #ccc;
		border-bottom-color:#999;
		margin-bottom:10px;
}
ul.newspaper li.li1 strong {position: absolute;bottom:80px;left:1px;
	display:block;overflow: hidden;font-weight: 600;
	color:#fff !important;
	font-size:20px;line-height: 24px;text-align:justify;padding:10px;
	margin:10px;
	text-shadow:1px 1px 0px #000;
 	/* IE5.5 ~ 7 전용 속성 */
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f000000, endColorstr=#5f000000)
  	/* IE8, IE9 전용 속성*/
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f000000, endColorstr=#5f000000)";
	background-color:rgba(0,0,0,0.4);
}
ul.newspaper li.li1 strong em {color:#d2d2d2;font-size:15px;display:block;
	text-shadow:1px 1px 0px #000;
 	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');}
ul.newspaper li.li1 .intro {height:5.4em;overflow:hidden;clear:both;
	-moz-column-count:2;-moz-column-gap:20px;
	-webkit-column-count:2;-webkit-column-gap:20px;
	column-count:2;column-gap:20px;
}
ul.newspaper li.li2 a,
ul.newspaper li.li3 a {height:142px;}
ul.newspaper li.li2 strong, ul.newspaper li.li3 strong {font-size:16px;}
ul.newspaper li.li2 {width:409px;float:left;
	border-right:1px solid #d2d2d2;}
ul.newspaper li.li3 {width:210px;float:right;clear: none;position: relative;}
ul.newspaper li.li2 strong {float:right;width:179px;clear: none;}
ul.newspaper li.li2 .intro {clear: none;display:inline;}
ul.newspaper li.li2 a {margin-right:20px;}
ul.newspaper li.li3 a {margin-left:20px;}
ul.newspaper li.li2 .thumbnail {float:left;}
ul.newspaper li.li2 img {width:190px;height:auto;}
ul.newspaper li.li3 img {width:190px;height:auto;display:none;}
ul.newspaper li.li4 {width:409px;float:left;border-right:1px solid #d2d2d2;clear:none;}
ul.newspaper li.li4 .thumbnail {float:right;}
ul.newspaper li.li4 .thumbnail img {width:190px;height:auto;margin:0 0 20px 20px;}
ul.newspaper li.li5, ul.newspaper li.li6, ul.newspaper li.li7  {width:210px;float:right;clear:none;}
ul.newspaper li.li4 a {margin-right:20px;height:215px;}
ul.newspaper li.li5 a, ul.newspaper li.li6 a,
ul.newspaper li.li7 a {margin-left:20px;height:44px;}
ul.newspaper li.li5 .thumbnail,
ul.newspaper li.li5 strong em,
ul.newspaper li.li6 .thumbnail,
ul.newspaper li.li6 strong em,
ul.newspaper li.li7 .thumbnail,
ul.newspaper li.li7 strong em {display:none;}

ul.newspaper li.li5 .intro, ul.newspaper li.li6 .intro,
ul.newspaper li.li7 .intro {display:none;}

ul.newspaper li.li8 {width:309px;float:left;border-right:1px solid #d2d2d2;}
ul.newspaper li.li8 a {height:286px;margin-right:20px;}
ul.newspaper li.li8 .thumbnail {float:left;}
ul.newspaper li.li8 img {width:155px;height:auto;}
ul.newspaper li.li9,
ul.newspaper li.li10 {width:310px;float:right;clear: none;}
ul.newspaper li.li9 .thumbnail,
ul.newspaper li.li10 .thumbnail {display:none;}
ul.newspaper li.li9 a,
ul.newspaper li.li10 a {margin-left:20px;height:122px;}

ul.newslist {margin-top:0px;overflow: visible;float:left;}
ul.newslist li {display:block;clear:both;border-bottom:1px solid #d2d2d2;overflow: hidden;padding:20px 0;}
ul.newslist li.li1 {padding-top:0px;}
ul.newslist li.li1 strong em {display:inline;line-height:20px;}
ul.newslist li a {overflow: hidden;clear:both;display:block;height:90px;position: relative;}
ul.newslist li span.intro,
ul.newslist li strong,
ul.newslist li span.thumbnail {display:block;}
ul.newslist li strong,
ul.newslist li span.intro {margin-left:140px;}
ul.newslist li span.thumbnail,
ul.newslist li span.thumbnail img {width:120px;height:90px;}
ul.newslist li span.thumbnail {position: absolute;top:0;left:0;}
ul.newslist li strong {
	width:440px;overflow: hidden;font-size:15px;white-space: nowrap;text-overflow: ellipsis;}
ul.newslist li strong em {display:block;font-style: normal;font-size:13px;color:#666;} 
ul.newslist li span.intro {color:#454545;
	margin-top:10px;
	height:100px;overflow: hidden;font-size:13px;line-height:20px;}
ul.newslist li time {color:#999;}

ul.articles {overflow:hidden;}
ul.articles li {border-bottom:1px solid #dedede;position: relative;
	padding:10px 0 10px 0px;color:#333;width:620px;float:left;}
ul.articles li:nth-child(odd) {background:#f9f9f9;}
ul.articles li:first-child {border-top:1px solid #dedede;}
ul.articles li:hover {background: #f6f6fa;}
ul.articles li:hover strong {color:#56A00F;}
ul.articles li:hover img {border-color:#56A00F;}
ul.articles li em {display:block;}
ul.articles li,
ul.articles li strong {font-size:14px;}
ul.articles li a {font-size:12px;}
ul.articles li a:hover strong {color:#56A00F;}
ul.articles li em {font-style: normal;}
ul.articles li a:hover em {color:#FA6295;}
ul.articles li img {width:90px;height:60px;float:left;
	border:1px solid #ccc;border-bottom-color:#999;margin-right:10px;border-radius:3px;}
ul.articles li p.intro {font-size:12px;height:40px;overflow: hidden;line-height:20px;}
ul.articles time {font-size:12px;color:#999;white-space: nowrap;padding-left:5px;}

section.articles ul.articles li:first-child img,
section.articles ul.articles li:nth-child(2) img,
section.articles ul.articles li:nth-child(3) img,
section.articles ul.articles li:nth-child(4) img {width:100px;height:75px}
section.articles ul.articles li:first-child,
section.articles ul.articles li:nth-child(2),
section.articles ul.articles li:nth-child(3),
section.articles ul.articles li:nth-child(4) {float:left;width:300px;padding-right:20px;border-top:none;border-bottom:none;background:none;}

section.articles ul.articles li:first-child,
section.articles ul.articles li:nth-child(2) {margin-top:10px}
section.articles ul.articles li:nth-child(3),
section.articles ul.articles li:nth-child(4) {border-top:1px solid #ccc;}

section.articles ul.articles li:nth-child(2),
section.articles ul.articles li:nth-child(4) {padding-right:0;}
section.articles ul.articles li:nth-child(5) {border-top:1px solid #d2d2d2;margin-top:10px;}
/*section.articles ul.articles li:nth-child(1n+10) img,
section.articles ul.articles li:nth-child(1n+10) p {display:none;}
section.articles ul.articles li:nth-child(1n+10) em {display:inline;}*/ 

ul.multimedia {overflow: hidden;padding:0px 0;float:left;margin-bottom:20px;
	border-bottom:1px solid #d2d2d2;width:620px;}
ul.multimedia li {display:block;float:left;position: relative;border-right:1px solid #d2d2d2;
	margin-right:20px;padding:20px 19px 20px 0px;}
ul.multimedia li:last-child {padding-right:0;margin-right:0;border-right:none;}
ul.multimedia a {overflow: hidden;display:block;width:125px;}
ul.multimedia img {width:125px;height:80px;padding:0px;}
ul.multimedia span.intro {display: none;}
ul.multimedia span.movie.icon {position: absolute;top:44px;left:52px;
	font-size:30px;color:#fff;text-shadow:1px 1px 10px #000;
	line-height: 30px;font-weight: bold;cursor: pointer;}
ul.multimedia a strong,
ul.multimedia a span.title {display:block;font-size:13px;height:40px;line-height:20px;padding:0;
	word-break: break-all;text-align: justify;font-weight: normal}
ul.multimedia a:hover span.movie.icon {color:#FA6295;}
ul.multimedia a:hover span.title {color:#777;}
ul.multimedia a:VISITED span.title {color:#999;}

/* contents list games */
ul.products {overflow: hidden;}
ul.products time {font-size:12px;color:#999;white-space: nowrap;padding-left:5px;}
ul.products li {border-bottom:1px solid #dedede;position: relative;
	padding:10px 0 10px 0px;color:#333;width:620px;float:left;}
ul.products li:nth-child(even) {background:#f9f9f9;}
ul.products li strong {font-size:14px;}
ul.products li:hover {background: #f6f6fa;}
ul.products li:hover strong {color:#FA6295;}
ul.products li img {width:90px;height:60px;float:left;border:1px solid #ccc;
	border-bottom-color:#999;margin-right:10px;border-radius:3px;}
ul.products li p.intro {font-size:12px;padding-top:5px;}
ul.products li p.intro a {margin-left:10px;}

/* staff icon */
.user.staff {background: url(/static/images/icon/admin.png) no-repeat 0 2px !important;padding-left:21px !important;}
article .user.staff {background-position: 0 0 !important;}