@charset "utf-8";
/* CSS Document */
	a,a:hover {
	text-decoration:underline;
	outline: none;
	color:#0000EE;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	}
	a:visited {
	text-decoration: underline;
	outline: none;
	color:#7777CC;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	}
	.gag,.gag:hover,.gag:visited
	{
	text-decoration:underline;
	outline: none;
	font-size:11px;
	color:#0000EE;
	}
	.blacktxt
	{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
	}
	.pow
		{
	text-decoration:none;
	outline: none;
	font-size:11px;
	color:#0000EE;
	}
	.center,.share
	{ 
	text-align:center;
	}
	.share
	{ 
	margin-top:30px;
	margin-bottom:5px;
	}
body {
    background-image:url(../images/bk.jpg);
    background-repeat:no-repeat;
    background-position:top;
    background-color:#BFD5E4;
    font-family: Verdana;
    font-size: 12px;
    margin-right: auto;
    margin-left: auto;
    margin-top:26px;
    height:100%;
    height:auto;
    overflow:visible;
    }
	
/*****************************************************************************************************************************************************************/
	#info_container {
	width:1040px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:10px;
	height:100%;
	position:relative;
	overflow: visible;
	padding:0px 0px 8px 0px;
	}
    
    #info_searchbk{
	height:47px;
	width:1040px;
	margin-right: auto;
	margin-left: auto;
    }
	div#infosearch {
    float: right;
	width:auto;
	height:27px;
	text-align:right;
	padding-right:65px;
    }
	#info-menu
	{
	width:205px;
	height:22px;
	margin:0px 5px 0px 0px;
	padding:0px;
	float:right;
    }

    /***************************/
    
    span.menu1 {
	float: left;
	width: 6px;
	height:32px;
   }
    span.menu2{
    float: left;
    width:79px;
	height:32px;
   }
    span.menu3
	{
	float:left;
	width:6px;
	margin-right:2px;
	height:32px;
   }

   	span.menu4 {
	float: left;
	width: 6px;
	height:32px;
   }
    span.menu5 {
    float:left;
    width:20px;
	height:32px;
    padding:0px;
   }
   span.menu6
   {
	float:right;
	width:6px;
	height:32px;
    }
   
   ul.tre
   {
    list-style:none;
    /*display:block;*/
    /*clear:both;*/
	}
   li.tre
   {
    float: left;
    padding: 5px 10px 0px 10px;
   /*display: block;*/
   }
    /****************************/

	#info_content {
	width:1040px;
	margin-right: auto;
	margin-left: auto;
	height:auto;
	}
    
	#info-banner {
	background-image: url(../images/banner.png);
    background-repeat:no-repeat;
	height:85px;
	width: 1040px;
	display:block;
	margin-left:auto;
	margin-right:auto;
    }    
    
    div#hrsearch{
    float:left;
    width:1040px;
    height:auto;
    margin:0px;
    padding:0px
    }

span.searchboox {
    float:right;
    width:455px;
	margin-right:2px;
	height:20px;
	text-align:right;
}

	span.searchbar {
	float:left;
	width: 20px;
	height:10px;
	margin-left:0px;
	margin-top:0px;
	margin-top:0px
   }
    span.searchbar2 {
    float:left;
    width:316px;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	height:36px;
	padding-top:0px;
	display:block;
   }
    span.searchbar3
	{
	float:left;
	width:10px;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	height:36px;
   }

span.searchbutton {
    float: right;
    width:79px;
	margin-top:20px;
	margin-right:20px;
    height:20px;
}

.search_box {
	background-color: #FFFFFF;
  	border: 1px solid #0066FF;
	color: #555555;
	font-family: Verdana, Geneva, sans-serif;
	font-size:25px;
	font-weight:normal;
    height:36px;
	width:311px;
	min-height:36px;
    padding-left:5px;
	}
 

	div#infosearchbox {
    float: right;
	width:auto;
	height:29px;
	text-align:right;
	padding-right:15px;
	}
    
    span.logo {
        float:left;
        width:318px;
        height:67px;
        padding-left:25px;
        padding-top:0px;
        border:none;
    }
  
#info_area,#info_area1,#info_area2,#info_area3{
	width: 1040px;
	height:auto;
	margin-top:0px;
	display:block;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	height:100%;
	overflow: visible;
    padding-top:20px;
	}

	#web_p1 {
	width: 685px;
	height:auto;
	margin-top:27px;
	display:block;
	margin-left: 0;
	margin-right:18px;
	float:left;
	}
	#web_p2 {
	width: 336px;
	margin-top:27px;
	display:block;
	margin-right:0;
	float:right;
	}
	#tab_top
	{
	width: 336px;
	height:13px;
	background-image:url(../images/tab1.png);
	background-repeat:no-repeat;
	margin-top: 0px;
	display:block;
	}
	#tab_content {
	width: 313px;
	display:block;
	background-image:url(../images/tab2.png);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	height:100%;
	overflow:visible;
	float:left;
	}
	#tab_bot {
	width: 336px;
	height:13px;
	display:block;
	background-image:url(../images/tab3.png);
	float:right;
	}
	div#hrlist,div#hrlist2
	{
    float:left;
	width:316px;
	height:auto;
	}
	span.list {
    float: left;
    width:220px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	height:20px;
	border-bottom:1px solid #F7F7F7;
	}
	span.int {
    float:left;
    width:293px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	height:245px;
	display:block;
	padding-left:10px;
	}
	span.int2 {
    float:left;
    width:293px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:10px;
	height:45px;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#7777CC;
	text-decoration:underline;
	}
	span.list2 {
    float:right;
    width:63px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	text-align:right;
	height:20px;
	}
	.h5,.h7
	{
	font-family: Verdana;
	font-size: 12px;
	color:#000000;
	font-weight:bold;
	float: left;
    width:300px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	height:20px;
	}
	.h7{height:22px;}
	.h6
	{
	font-family: Verdana;
	font-size: 11px;
	color:#999;
	float: left;
    width:220px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	height:20px;
	}
	span.google {
    float: left;
    width:130px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:7px;
	height:20px;
	}
	span.gad {
    float:right;
    width:180px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	text-align:right;
	margin-bottom:7px;
	height:20px;
	}
	#web_p3 {
	width: 685px;
	height:auto;
	margin-top:15px;
	display:inline;
	padding-right:18px;
	float:left;
	}
	#youtube_top
	{
	width: 685px;
	height:13px;
	background-image:url(../images/you_top.png);
	background-repeat:no-repeat;
	margin-top: 0px;
	display:block;
	}
	#youtube_content {
	width: 685px;
	display:block;
	background-image:url(../images/you_content.png);
	background-repeat:repeat-y;
	padding-left:0px;
	padding-right:0px;
	position:relative;
	height:100%;
	overflow:hidden;
	float:left;
	}
	#youtube_bot {
	width: 685px;
	height:13px;
	display:block;
	background-image:url(../images/you_bot.png);
	float:left;
	}
	div#hrtube
	{
    float:none;
	width:655px;
	height:auto;
	margin-left:15px;
	margin-right:15px;
	position:relative;
	}
	.ytube {
    float: left;
    width:115px;
	margin-top:5px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:20px;
	height:85px;
	}
	.ytube2 {
	float:left;
	width:530px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	text-align:justify;
	margin-bottom:20px;
	height:85px;
	display: block;
	}
    
    .ytube3 {
    float: left;
    width:115px;
	margin-top:15px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:0px;
	height:auto;
	}
	.ytube4 {
	float:left;
	width:180px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	text-align:justify;
	margin-bottom:0px;
	height:auto;
	display: block;
	}

	span.ytext a
	{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000080;
	font-weight:bold;
    text-decoration:none;
	}
	span.ytxt
	{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#C5C5C5;
	font-weight:normal;
	line-height:12px;
	}
	span.youtube-img {
    float: right;
    width:530px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:2px;
	height:38px;
	display:block;
	text-align:right;
	}
	#web_p4 {
	width: 336px;
	height:auto;
	margin-top:15px;
	display:inline;
	position:relative;
	overflow: visible;
	vertical-align:top;
	float:left;
	}
	#interest_top
	{
	width: 336px;
	height:13px;
	background-image:url(../images/tab1.png);
	background-repeat:no-repeat;
	margin-top: 0px;
	display:block;
	}
	#interest_content {
	width: 314px;
	display:block;
	background-image:url(../images/tab2.png);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	height:100%;
	overflow:hidden;
	float:left;
	}
	#interest_bot {
	width: 336px;
	height:13px;
	display:block;
	background-image:url(../images/tab3.png);
	float:right;
	}
	#web_p5 {
	width: 324px;
	height:auto;
	margin-top: 0px;
	display:inline;
	padding-right:18px;
	float:left;
	margin-top:15px;
	clear:both;
	overflow:visible;
	}
	#ringtone_top
	{
	width: 324px;
	height:13px;
	background-image:url(../images/stab.png);
	background-repeat:no-repeat;
	margin-top: 0px;
	display:block;
	}
	#ringtone_content {
	width: 304px;
	display:inline;
	background-image:url(../images/stab2.png);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	float:left;
	}
	#ringtone_bot {
	width: 324px;
	height:13px;
	display:block;
	background-image:url(../images/stab3.png);
	float:left;
	}
	#web_p6 {
	width:325px;
	height:auto;
	margin-top:15px;
	display:block;
	margin-right:0;
	position:relative;
	overflow: visible;
	vertical-align:top;
	float:left;
	padding-right:18px;
	}
	#web_p8 {
	width: 336px;
	height:auto;
	margin-top:17px;
	display:block;
	margin-right:0;
	position:relative;
	overflow: visible;
	vertical-align:top;
	float:left;
	padding-right:0px;
	}
	#trend_top,#trend_top2
	{
	width: 343px;
	height:12px;
	background-image:url(../images/rtab.png);
	background-repeat:no-repeat;
	margin-top: 0px;
	display:block;
	}
	#trend_content,#trend_content2 {
	width: 323px;
	background-image:url(../images/rtab2.png);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	height:auto;
	overflow:visible;
	float:left;
	display:inline;
	}
	#trend_bot,#trend_bot2 {
	width: 343px;
	height:11px;
	display:block;
	background-image:url(../images/rtab3.png);
	float:left;
	}
	#web_p7 {
	width: 336px;
	height:auto;
	margin-top:15px;
	display:block;
	margin-right:0;
	position:relative;
	overflow: visible;
	vertical-align:top;
	float:right;
	padding-right:0px;
	}
	#social_top
	{
	width: 336px;
	height:13px;
	background-image:url(../images/tab1.png);
	background-repeat:no-repeat;
	margin-top: 0px;
	display:block;
	float:right;
	}
	#social_content {
	width: 336px;
	display:block;
	background-image:url(../images/tab2.png);
	background-repeat:repeat-y;
	position:relative;
	height:100%;
	overflow:visible;
	float:right;
	}
	#social_bot {
	width: 336px;
	height:13px;
	display:block;
	background-image:url(../images/tab3.png);
	float:right;
	}
	div#hrsocial
	{
    float:right;
	width:320px;
	height:auto;
	padding-left:7px;
	padding-right:7px;

	}
	span.snet {
    float: left;
    width:50px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	height:45px;
	}
	span.snet2 {
    float:left;
    width:265px;
	padding-top:13px;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	height:45px;
	margin-bottom:10px;
	}
	
	span.snet a, span.snet2 a {
		position:relative;
	}
	
	div#hrring
	{
    float:left;
	width:300px;
	height:auto;
	}
	span.ring {
    float: left;
    width:170px;
	height:15px;
 	padding: 5px 0px 8px 0px;
	}
	span.ring2 {
    float:left;
    width:95px;
	text-align:left;
	height:15px;
	padding: 5px 0px 8px 0px;
	}
	span.view{
    float:left;
    width:260px;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#7777CC;
	text-decoration:underline;
	padding-top:0px;
	height:13px;
	}
	span.google2 {
    float: left;
    width:90px;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	height:21px;
	}
	span.gad2 {
    float:right;
    width:180px;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	height:21px;
	}
	div#infomash,div#infomash2
	{
    float:left;
	width:300px;
	height:auto;
	margin-top:5px;
	}
	span.info {
    float: left;
    width:215px;
	margin-top:8px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:7px;
	height:18px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000080;
	font-weight:bold;
	}
	span.info2 {
    float:left;
    width:18px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	text-align:right;
	height:18px;
	margin-bottom:7px;
	}
	span.info3 {
    float:left;
    width:40px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	height:18px;
	margin-bottom:7px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#808080;
	font-weight:bold;
	}
	.title
	{
	font-family: Verdana;
	font-size: 12px;
	color:#000000;
	font-weight:bold;
	float: left;
    width:200px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	}
	#footer_menu {
	width: 1040px;
	height:20px;
	margin-right: auto;
	margin-left: auto;
	display:block;
	clear:both;
	position:relative;
	overflow:visible;
	font-family:Verdana, Geneva, sans-serif;
	}
	#footer_menu  ul#primaryfooter_menu  {
	margin:8px;
	padding: 0;
	width:1040px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	text-align:center;
	clear:both;
	margin:0 auto;
	vertical-align:middle;
	font-family:Verdana, Geneva, sans-serif;
	padding-top:30px;
	}
	#footer_menu ul#primaryfooter_menu  li  {
	display: inline;
	list-style: none;
	}
	#footer_menu  ul#primaryfooter_menu  li a {
	padding-bottom: 0px;
	margin-top: 0;
	color:#618CCD;
	font-size:14px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	}
	#footer_menu  ul#primaryfooter_menu   li a:hover {
	margin-top: 0;
	padding-bottom: 0px;
	margin-top: 0;
	color:#618CCD;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	text-decoration:none;
	}
	.menu-title {
	font-family:Verdana, Geneva, sans-serif;
	color:#618CCD;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	}
	#ringlist
	{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left:0px;
	float:right;
	width:190px;
			}
	li.ring
		{
		padding: 0px 0 0px 10px;
		margin: .1em 0;
		background:url(../images/bullet.jpg) top;
		background-repeat:no-repeat;
		background-position: 0 50%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#4684EE;
		font-weight:bold;
		text-align:left;
		float:right;
		}

#big_top{width:1042px;height:20px;background-image:url(../images/tab-big1.png);background-repeat:no-repeat;display:block;}

#big_content{width:1000px;
             display:inline;
             background-image:url(../images/tab-big2.png);
             background-repeat:repeat-y;position:relative;height:auto;float:left;
             padding-left:21px;
             padding-right:21px;
             text-align:justify;
            }
            
#big_bot{width:1042px;height:22px;display:block;background-image:url(../images/tab-big3.png);float:left;}

.link {height:80px; width:600px; display:block; float:left;}