@charset "utf-8";

* {
	-webkit-text-size-adjust:100%;
    margin:0;padding:0; 
}

body{
	font-size:11px;
	line-height:17px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding:0px;
	margin:0px;
	background-color:#CED7E0;
}
body * {
	margin:0;
	padding:0;
}

#container a,
#bottomcontents a {
	color:#0098bd;
}

#container ul,
#bottomcontents ul {
	padding:0;
}

#container li,
#bottomcontents li {
	list-style:none;
}

#container{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#222;
}

#head {
	position:relative;
	width:100%;
	height:139px;
	background:#FFF;
}
#head h2 {
	padding-top:12px;
	margin-left:26px;
}	
.how{
	position:absolute;
	width:325px;
	display:block;
	font-size:10px;
	line-height:16px;
	color:#222;
	left: 524px;
	top: 21px;
}
a.pcicon {
	position:absolute;
	display:block;
	border:none;
	left: 864px;
	top: 26px;
}
.news {
	height:30px;
	padding-left:26px;
	padding-top:7px;
	margin-top:17px;
	/margin-top:19px;
	background:url(../Image/bg_news.gif) repeat-x bottom;
	font-size:10px;
}
.news span {
	color:#dc551b;
	font-size:11px;
	font-weight:bold;
}


#pc_works {
	padding-top:36px;
	padding-left:22px;
	padding-bottom:0px;
	background-color:#EEF0F1;
}
#pc_works ul {
	width:940px;
}
#pc_works li {
	width:450px;
	float:left;
	padding-right:20px;
	padding-bottom:40px;
}
#pc_works li .photo {
	display:block;
	float:left;
}
#pc_works li .info {
	position:relative;
	margin-left:187px;
}
#pc_works li .info h4 {
	margin-top:5px;
	margin-bottom:12px;
	font-size:14px;
	font-weight:bold;
	color:#dd561c;
}
#pc_works li .info p {
	margin-bottom:7px;
	margin-top:0;
}
#pc_works li .info .player {
	position:absolute;
	top:110px;
}


#bottomcontents {
	margin:0;
	padding-left:19px;
	line-height:18px;
}

#bottomcontents h3 {
	color:#0057b1;
	font-size:12px;
	padding-left:10px;
	margin-top:20px;
	background:url(../Image/marker1.gif) no-repeat 0px -1px;
}
#bottomcontents h3.past {
	margin-top:15px;
	padding-bottom:15px;
}
#past {
	display:none;
	width:1000px;
}
#past .mod {
	width:500px;
	float:left;
}
#past .mod h4 {
	font-size:12px;
	color:#0057b1;
	font-size:12px;
	margin-bottom:10px;
}
#past .mod h5 {
	font-size:11px;
	color:#3375ba;
	margin-bottom:10px;
}
#past .mod div {
	width:440px;
}
#past .mod ul {
	float:left;
	width:200px;
	margin-right:20px;
	padding-bottom:20px;
}
#past .mod li {
	margin-bottom:13px;
	font-size:10px;
}
#past .mod li span {
	font-size:11px;
	font-weight:bolder;
}




a{
text-decoration:none;
}

/*******************
/* CLASSES
 */
/* clearfix */
.clear:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}  
*:first-child+html .clear { zoom: 1; } /* IE7 */