@charset "utf-8";


/*///////////////////////////////////////

 font-size

/////////////////////////////////////////

	10px = 77%		11px = 85%
	12px = 93%		13px = 100%
	14px = 108%		15px = 116%
	16px = 123.1%

////////////////////////////////////////*/

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/


	web


_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

body#web{
background-color:#eeeeee;
}

#web #title h1{
	background:url(../../../../img/web/web_image.png) no-repeat;
	width:770px;
	height:131px;
	text-indent:-10000px;
	overflow:hidden;
}

#web #main{
	background:url(../../../../img/common/main_mid.png) repeat-y scroll 0 0;
	width:770px;
	margin:0 auto;
}

#web #contents{
	background:url(../../img/web/content_bottom.png) no-repeat 0 bottom;
	padding-bottom:23px;
}

#web #contents .session{
	padding:30px 35px 35px;
	margin:0 5px; 
	border-bottom:1px solid #b9b9b9;
}

#web #contents .session2{
	padding:30px 35px 35px;
	background:url(../../img/software/freesoft_bg.png) 0 0;
	margin:0 5px;
	border-bottom:1px solid #b9b9b9;
}

#web #contents .left{
	float:left;
	width:370px;
}

#web #contents .right{
	float:right;
	width:300px;
}

#web #contents .update{
	padding-top:17px;
	background:url(../../../../img/web/update_icn.gif) left top no-repeat;
}

#web #contents .new{
	padding-top:17px;
	background:url(../../../../img/web/new_icn.gif) left top no-repeat;
}

#web #contents .icon{
	margin:0 22px 5px 0;
	float:left;
}

#web #contents .btn{
	margin-top:10px;
}

#web #contents #SS .title{
	margin-top:40px;
	float:left;
}

#web #contents #SS .title a{
	display:block;
	height:20px;
	width:116px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../../img/web/sleipnirstart_title.png) no-repeat;
}

#web #contents .read{
	clear:both;
	color:#6d6d6d;
}

#web #contents #SS .btn a{
	display:block;
	height:21px;
	width:116px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../../img/web/sleipnirstart_btn.png) no-repeat;
}



#web #contents #EA .title{
	margin-top:57px;
	float:left;
}

#web #contents #EA .title a{
	display:block;
	height:20px;
	width:116px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../../img/web/elegantapps_title.png) no-repeat;
}

#web #contents #EA .btn a{
	display:block;
	height:21px;
	width:116px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../../img/web/elegantapps_btn.png) no-repeat;
}

#web #contents #TP .title{
	margin-top:42px;
	float:left;
}

#web #contents #TP .title a{
	display:block;
	height:20px;
	width:116px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../../img/web/tap_title.png) no-repeat;
}

#web #contents #TP .btn a{
	display:block;
	height:21px;
	width:116px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../../img/web/tap_btn.png) no-repeat;
}

#web #contents #SG{
	border-bottom:none;
}

#web #contents #SG .title{
	margin-top:57px;
	float:left;
}

#web #contents #SG .title a{
	display:block;
	height:20px;
	width:116px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../../img/web/spgra_title.png) no-repeat;
}

#web #contents #SG .btn a{
	display:block;
	height:21px;
	width:116px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../../img/web/spgra_btn.png) no-repeat;
}