﻿html,body { margin:0;padding:0;width:100%;height:100%; }

body {
	/* background:#ffe2e1; */
	/* background:#fff0f1 url(../../images/home/bg_wallpaper2.gif);	 */
	background:#ffe2e1 url(../../images/home/bg_wallpaper3.gif);
}

/*------------------- Header CSS ------------------- */

#Header_Box {
	margin-left:auto;
	margin-right:auto;
	width:996px;
	height:222px;
	background:url(../../images/home/home_03.jpg) no-repeat;	
}

#div_leaf {
	position:absolute;
	z-index:1;
	margin-left:-63px;
	width:1154px;
	height:82px;	
	background:url(../../images/home/leaf_front.png);	
}

#MainCenter_Box {
	margin-left:auto;
	margin-right:auto;
	width:996px;
	background:url(../../images/home/home_05.gif) repeat-y;
}

#MenuTop_Box {
	width:996px;
	height:67px;
	line-height:67px;
}

#MenuTop_Line {
	margin-left:auto;
	margin-right:auto;
	height:56px;
	line-height:56px;
	width:890px;
}

.MenuTop_Icon {
	float:left;
	min-width:57px;
	height:56px;
	padding-right:5px;
}

.MenuTop_Link {
	float:left;
	height:56px;
	line-height:56px;
	padding-right:25px;
}

.MenuTop_Link a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#5b0520;	
}

.MenuTop_Link a:hover {
	text-decoration:underline;
	color:#da0044;	
}

.nopadding {
	padding:0;	
}

#div_lineUnderMenuTop {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:913px;
	height:14px;
	background:url(../../images/home/home_08.gif);
}

#spn_Login {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#D95656;
}















/*------------------- Body Content Css (home.aspx) ------------------- */

#MainBg_Box {
	width:100%;
	background: url(../../images/home/bg_roof.png) repeat-x center top;
}

#MainBody_Box {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

#BannerRotation_Box {
	width:980px;
	height:390px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(../../images/home/bg_banner_rotation.jpg);
}

#BannerRotation_Slide {
	margin-left:auto;
	margin-right:auto;
	width:954px;
	height:314px;	
	padding-top:22px;
}

.peKenBurns {
       	width: 954px;
       	height: 364px;		/*-- รูปสูง กี่ px  ต้องบวกอีก 40px (สำหรับส่วนสูงของ slide bar) --*/
}

#Home_Introduction {
	padding-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:840px;
	height:120px;
	font-family:Tahoma;
	font-size:13px;
	background:url(../../images/dash_line.gif) repeat-x bottom;
}

#Home_LoginBox {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:953px;
	height:200px;
	background:url(../../images/home/homez_03.png) no-repeat;
}

#Home_LoginBox_1 {
	float:left;
	padding-left:19px;
	padding-top:72px;
	width:441px;
	height:113px;
}

.Home_LoginBttn {
	width:120px;
	height:18px;
	border:solid 1px #8fc8c9;
}

#bttn_HomeLogin {
	width:60px;
	height:43px;
	border:none;
	background:url(../../images/home/bttn_login.png);
	cursor:pointer;
}

.home_LinkLogin {
	width:124px;
	height:20px;
	line-height:20px;
}

.home_LinkLogin a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#59b1b7;
	text-decoration:none;
}

.home_LinkLogin a:hover {
	color:#ff7916;
	text-decoration:underline;
}

#Home_LoginBox_2 {
	float:left;
	padding-top:49px;
	width:482px;
}

.home_SearchLine {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	height:31px;
	line-height:31px;
}

.alignright {
	text-align:right;
}

.div_BttnSearchFriend {
	float:left;
	width:84px;
	height:86px;
	padding-top:7px;
}

#bttn_HomeSearchFriend {
	width:75px;
	height:75px;
	border:none;
	background:none;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

#Home_FriendPicBox {
	margin-left:auto;
	margin-right:auto;
	width:979px;
	height:505px;
	background:url(../../images/home/homez_07.png) no-repeat;
}

#Home_FriendPicBox_1 {
	float:left;
	width:787px;
	height:505px;
}

#Home_FriendPicBox_1_1 {
	width:198px;
	padding-left:589px;
	padding-top:15px;
	height:75px;
}

#LinkToFriend {
	width:134px;
	height:32px;
	line-height:25px;
	padding-left:15px;
	background:url(../../images/bg_bttn_next.gif) no-repeat left;
}

#LinkToFriend a {
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#c1709a;
}

#LinkToFriend a:hover {
	color:#ff9f15;
}

#Home_FriendPicBox_1_2 {
	width:741px;
	padding-left:46px;
	height:382px;
	over
}

.hFriend_Box {
	float:left;
	width:135px;
	height:190px;
}

.hFriend_Box a {
	width:135px;
	height:190px;
	font-family:Tahoma;
	font-size:12px;
	text-decoration:none;
	color:#000000;
}

.hFriend_Box a:hover {
	color:#ff7800;
}

.hFriend_Pic {
	width:120px;
	height:127px;
}

.hFriend_Name {
	width:120px;
	font-family:Tahoma;
	font-size:12px;
	word-wrap:break-word;
	padding-bottom:6px;
	text-align:center;
	background:url(../../images/home/dash_line_undername.png) no-repeat center bottom;
}

.hFriend_Age {
	width:120px;
	font-family:Tahoma;
	font-size:12px;
	word-wrap:break-word;
	padding-top:5px;
	text-align:center;
}


#Home_FriendPicBox_2 {
	float:left;
	width:192px;
	height:409px;
	padding-top:96px;
}

.homeFS_data_box {
	width:185px;
	height:80px;
}

.homeFS_data_box a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#60baff;
	text-decoration:none;
}

.homeFS_data_box a:hover {
	color:#ff6c00;
	text-decoration:underline;
}

.homeFS_data_pic {
	float:left;
	width: 63px;
	height: 60px;
	background:url(../../images/dash_line_v.gif) repeat-y right top;	
}

.homeFS_picmax {
	max-width:50px;
	max-height:50px;
}

.homeFS_data_topic {
	padding-left:10px;
	width:110px;
	height:20px;
	overflow:hidden;
}

.homeFS_data_status {
	padding-left:10px;
	width:112px;
	height:20px;
	line-height:22px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#666666;
	overflow:hidden;
	font-weight:normal;
}




#Home_FriendNewBox {
	margin-left:auto;
	margin-right:auto;
	width:979px;
	padding-bottom:40px;
	background:#ffffff;
}

#NewFriend_Box {
	float:left;
	width:712px;
}

#NewFriend_Box_1 {
	width:712px;
	height:127px;
	background:url(../../images/home/homez_10.png) no-repeat;
}

#NewFriend_Box_2 {
	padding-left:20px;
	width:692px;
}

#NewFriendTxtBox {
	width:667px;
	padding-bottom:20px;
	background:url(../../images/home/homez_18.png) repeat-x bottom;
}

#NewFriendTxtBox a {
   	display:block;
	width:667px;
	height:30px;
   	margin:0;
   	padding:0;
	font-family:Tahoma;
	font-size:12px;
	color:#454545;
	text-decoration:none;
	background: url(../../images/home/homez_15.png) repeat-x bottom;
}

#NewFriendTxtBox a:hover {
	color:#ff0060;
	text-decoration:underline;
}

#NewFriendTxtBox ul {
   	display:block;
   	list-style:none;
	width:667px;
	height:30px;
	line-height:30px;
   	margin:0;
   	padding:0;
}

#NewFriendTxtBox ul li {
	float:left;
   	display:block;
   	list-style:none;
	height:30px;
	line-height:30px;
	vertical-align:middle;
   	margin:0;
   	padding:0;
	font-family:Tahoma;
	font-size:12px;
	color:#454545;
}

#NewFriendTxtBox ul .li_col1 {
	padding-left:39px;
	width:83px;
	overflow:hidden;
}


#NewFriendTxtBox ul .li_col2 {
	padding-left:16px;
	width:49px;
	overflow:hidden;
}

#NewFriendTxtBox ul .li_col3 {
	padding-left:13px;
	width:55px;
	overflow:hidden;
}

#NewFriendTxtBox ul .li_col4 {
	padding-left:13px;
	width:392px;
	overflow:hidden;
}

#Article_Box {
	float:left;
	width:267px;
}

#Article_Box_1 {
	width:267px;
	height:85px;
	background:url(../../images/home/homez_11.png) no-repeat;
}

#Article_Box_2 {
	width:250px;
	padding-left:17px;
}

.homeAT_data_box {
	width:250px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(../../images/home/dash_line_underarticle.png) no-repeat center bottom;
}

.homeAT_data_topic {
	width:240px;
	height:20px;
	overflow:hidden;
}

.homeAT_data_topic a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#60baff;
	text-decoration:none;
}

.homeAT_data_topic a:hover {
	color:#ff6c00;
	text-decoration:underline;
}


.homeAT_data_status {
	padding-left:22px;
	width:501px;
	height:20px;
	line-height:22px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#666666;
	overflow:hidden;
}




.blank_space {
	margin-left:auto;
	margin-right:auto;
	width:979px;
	height:40px;
	background:#ffffff;
}




/*------------------- End Body Content Css (home.aspx) ------------------- */


/*------------------- Bottom Css (home.aspx) ------------------- */
#MainBottom_Box {
	margin-left:auto;
	margin-right:auto;
	width:979px;
	height:346px;
	background:url(../../images/home/bg_bottom.png) no-repeat top;
}

#MainBottom_Box_Content {
	margin-left:auto;
	margin-right:auto;
	width:920px;
	height:55px;
	padding-top:255px;	
	word-wrap:break-word;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
}

#MainBottom_Box_Content a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

#MainBottom_Box_Content a:hover {
	text-decoration:underline;
	color:#00a8ff;
}

/*------------------- End Bottom Css (home.aspx) ------------------- */