/************COMMON***************/
body 
{
	font-family:Arial;
	font-size:12px;
	color:#171717;
	margin:0px;
	padding:0px;
}
.clrb{clear:both;}
.fontco{font-family:tahoma;font-size:12px;color:#626262;}

a{text-decoration:none;}
.fstyle1{font-size:11px;color:#9d2727; text-decoration:none;}/*date: red*/
a.fstyle1:hover{color:#9d2727; text-decoration:underline;}

a.fstyle2,.fstyle2{font-size:11px;color:#171717; font-weight:bold; text-decoration:none; text-transform:uppercase;}/*title: capitalization, black, weight*/
a.fstyle2:visited{font-size:11px;color:#171717; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.fstyle2:hover{color:#171717; font-weight:bold; text-decoration:underline;}

a.fstyle3,span.fstyle3{color:#171717; text-decoration:none;} /*normal text and normal link*/
a.fstyle3:visited{color:#171717; text-decoration:none;}
a.fstyle3:hover{color:#171717; text-decoration:underline;}	

.fstyle4{color:#4f4f4f; font-size:15px; text-decoration:none;} /*big link*/
a.fstyle4:hover{color:#4f4f4f; text-decoration:underline;}


a.fstyle5,.fstyle5{color:#393939; text-decoration:none; font-weight:bold; font-size:11px;} /*bold link - like gender*/
a.fstyle5:visited{color:#393939; text-decoration:none; font-weight:bold; font-size:11px;}
a.fstyle5:hover{color:#393939; text-decoration:underline;}	

a.fstyle6,.fstyle6{color:#171717; font-size:10px; font-weight:bold; font-family:Tahoma; text-decoration:none; font-weight:bold;} /*bold link - tahoma font like tham gia, ghe tham*/
a.fstyle6:visited{color:#171717; font-size:10px; font-weight:bold; font-family:Tahoma; text-decoration:none; font-weight:bold;}
a.fstyle6:hover{color:#9d2727; text-decoration:none;}	

a.fstyle7{color:#393939; text-decoration:none;} /*normal text and normal link*/
a.fstyle7:hover{color:#393939; text-decoration:underline;}

a.fstyle8,.fstyle8{color:#2e3970; font-family:Verdana; font-weight:bold; font-size:10px; text-decoration:underline;} /*blue link - like chi tiet*/
a.fstyle8:visited{color:#2e3970; font-family:Verdana; font-weight:bold; font-size:10px; text-decoration:underline;}
a.fstyle8:hover{color:#2e3970; font-family:Verdana; font-weight:bold; font-size:10px; text-decoration:underline;}


.title_box{background:url('../images/group/icon.gif') 0px 3px no-repeat;padding-left:19px;padding-bottom:10px;}
.title_box span.title{color:#646464; font-size:15px; text-decoration:none; font-family:Tahoma; font-weight:bold; text-transform:uppercase;}
.title_box a.title{color:#646464; font-size:15px; text-decoration:none; font-family:Tahoma; font-weight:bold;text-transform:uppercase;}
.title_box a.title:hover{color:#646464; font-size:15px; text-decoration:none;}
.title_box a.double_arr{margin-top:-15px;float:right; width:17px; height:13px;background:url('../images/group/icon.gif') right -32px no-repeat;}
.title_box a.double_arr:hover{background:url('../images/group/icon.gif') right -55px no-repeat;text-decoration:none;}
.title_box a.double_arr images{width:17px; height:13px;}
.title_box a.double_arr2{margin-top:-15px;float:right; width:17px; height:13px;background:url('../images/group/icon.gif') right -590px no-repeat;}
.title_box a.double_arr2:hover{background:url('../images/group/icon.gif') right -613px no-repeat;text-decoration:none;}
.title_box a.double_arr2 images{width:17px; height:13px;}
.title_box .pagging{margin-top:-15px;float:right;}


.text_direct{height:24px; overflow:hidden;margin-top:11px; padding-left:10px;}
.text_direct .big_navi{display:-moz-inline-box; display:inline-block; width:100px; height:24px; overflow:hidden;}
.text_direct span.list_navi{margin-left:17px;display:-moz-inline-box; display:inline-block;height:18px; overflow:hidden; padding-top:6px;}
.text_direct span.list_navi a{color:#4f4f4f; font-size:13px; text-decoration:none;}
.text_direct span.list_navi a:hover{color:#9d2727; font-size:13px; text-decoration:none; font-weight:bold;}
.text_direct span.list_navi a.selected{color:#9d2727; font-size:13px; text-decoration:none; font-weight:bold;}
.text_direct span.list_navi a.selected:hover{color:#9d2727; font-size:13px; text-decoration:none; font-weight:bold;}
.text_direct span.list_navi span{font-size:13px;color:#4f4f4f; padding:0px 5px 0px 5px;}

.man{background:url('../images/group/icon.gif') 0px -206px no-repeat; padding-left:14px;}
.woman{background:url('../images/group/icon.gif') 0px -237px no-repeat; padding-left:16px;}
.join_icon{padding-top:2px;display:-moz-inline-box; display:inline-block; height:20px;background:url('../images/group/icon.gif') right -280px no-repeat; padding-right:24px; }
.visit_icon{padding-top:2px;display:-moz-inline-box; display:inline-block; height:20px;background:url('../images/group/icon.gif') right -552px no-repeat; padding-right:24px; }
.grey_btn{border-top:2px solid #bababa;border-left:2px solid #bababa;border-bottom:2px solid #8b8b8b;border-right:2px solid #8b8b8b;background:#949494; color:#fff; font-weight:bold; padding:1px 2px 1px 3px; font-family:Arial; font-size:11px;}
.black_btn{border-top:2px solid #848484;border-left:2px solid #848484;border-bottom:2px solid #303030;border-right:2px solid #303030;background:#414141; color:#bcbbbb; font-weight:bold; padding:1px 2px 1px 3px; font-family:Arial; font-size:11px;}

.edit_images{background:url(../images/icon.gif) no-repeat 0px -207px;padding-left:20px;}
.my_status{background:url('../images/icon.gif') left -226px no-repeat;padding-left:20px;}
.sign_out{background:url('../images/icon.gif') left -247px no-repeat;padding-left:20px;}
.edit_info{background:url('../images/icon.gif') left -268px no-repeat;padding-left:20px;}

/************E: COMMON***************/


/************CROP PHOTO***************/
.perf_crop_photo3{ overflow:hidden; position:relative;display:block;}
.perf_crop_photo3 td{text-align:center;vertical-align:middle;}
.perf_crop_photo3 .smash_photo_thumb{position:absolute;z-index:1;}
.perf_crop_photo3 .smash_photo_thumb2{position:absolute;z-index:2;top:1px; left:1px;}
.perf_crop_photo3:hover .smash_photo_thumb{filter:alpha(opacity=100);opacity:1;}
.perf_crop_photo3:hover .smash_photo_thumb2{filter:alpha(opacity=100);opacity:1;}

.varsize1:hover .smash_photo_thumb{border:1px solid #817e7e;}
.varsize1:hover .smash_photo_thumb2{border:1px solid #fff;}
.varsize1{width:50px; height:50px;}
.varsize1 td{ width:50px; height:50px;}
.varsize1 .smash_photo_thumb{ width:48px; height:48px;}
.varsize1 .smash_photo_thumb2{ width:46px; height:46px;}	

.varsize2:hover .smash_photo_thumb{border:1px solid #817e7e;}
.varsize2:hover .smash_photo_thumb2{border:1px solid #fff;}
.varsize2{width:103px; height:103px;}
.varsize2 td{ width:103px; height:103px;}
.varsize2 .smash_photo_thumb{ width:101px; height:101px;}
.varsize2 .smash_photo_thumb2{ width:99px; height:99px;}

.varsize3:hover .smash_photo_thumb{border:1px solid #817e7e;}
.varsize3:hover .smash_photo_thumb2{border:1px solid #fff;}
.varsize3{width:48px; height:48px;}
.varsize3 td{ width:48px; height:48px;}
.varsize3 .smash_photo_thumb{ width:46px; height:46px;}
.varsize3 .smash_photo_thumb2{ width:44px; height:44px;}

.varsize4:hover .smash_photo_thumb{border:1px solid #fff;}
.varsize4:hover .smash_photo_thumb2{border:1px solid #202020;}
.varsize4{width:132px; height:86px;}
.varsize4 td{ width:132px; height:86px;}
.varsize4 .smash_photo_thumb{ width:130px; height:84px;}
.varsize4 .smash_photo_thumb2{ width:128px; height:82px;}

.varsize5:hover .smash_photo_thumb{border:1px solid #817e7e;}
.varsize5:hover .smash_photo_thumb2{border:1px solid #e9e9e9;}
.varsize5{width:80px; height:80px;}
.varsize5 td{ width:80px; height:80px;}
.varsize5 .smash_photo_thumb{width:78px; height:78px;}
.varsize5 .smash_photo_thumb2{width:76px; height:76px;}

.varsize6:hover .smash_photo_thumb{border:1px solid #817e7e;}
.varsize6:hover .smash_photo_thumb2{border:1px solid #e4e4e4;}
.varsize6{width:170px; height:170px;}
.varsize6 td{ width:170px; height:170px;}
.varsize6 .smash_photo_thumb{ width:168px; height:168px;}
.varsize6 .smash_photo_thumb2{ width:166px; height:166px;}

.varsize7:hover .smash_photo_thumb{border:1px solid #817e7e;}
.varsize7:hover .smash_photo_thumb2{border:1px solid #f7f3f3;}
.varsize7{width:110px; height:75px;}
.varsize7 td{ width:110px; height:75px;}
.varsize7 .smash_photo_thumb{ width:108px; height:73px;}
.varsize7 .smash_photo_thumb2{ width:106px; height:71px;}
/************E: CROP PHOTO***************/


/************FRAME FOR CHILD PAGE***************/
#top_child_frame{background:url('../images/frame/bottom_main.jpg') bottom left repeat-x;}
#top_child_frame #main_content{width:980px; margin:0px auto;background:#fff;}
#top_child_frame #main_content .header .banner{float:left; width:200px; height:85px; overflow:hidden;}
#top_child_frame #main_content .header .banner a images{border:none; text-decoration:none;}
#top_child_frame #main_content .header .right_function{float:right;background:url('../images/frame/head_bg.jpg') top right no-repeat; height:85px; width:765px;overflow:hidden; text-align:right; padding-right:15px;}
#top_child_frame #main_content .header .right_function .list_icon{text-align:right;padding:29px 0px 0px 0px;}
#top_child_frame #main_content .header .right_function .list_icon span{text-decoration:none; border:none;margin-left:20px;}
#top_child_frame #main_content .header .right_function .list_icon span a images{border:none;}

#top_child_frame #main_content .main_navi{padding-left:11px;background:url('../images/frame/main_navi.jpg') top left no-repeat; height:38px; overflow:hidden;}
#top_child_frame #main_content .main_navi span{display:-moz-inline-box; display:inline-block;margin:0px; margin-right:-2px;}
#top_child_frame #main_content .main_navi span a{display:-moz-inline-box; display:inline-block;padding:10px 20px;height:38px;font-size:13px; color:#292929; text-decoration:none; font-weight:bold;}
#top_child_frame #main_content .main_navi span a:hover{background:#595757; color:#fff; text-decoration:none;}
#top_child_frame #main_content .main_navi span a.selected{background:#595757; color:#fff; text-decoration:none;}
#top_child_frame #main_content .main_navi span a.selected:hover{background:#595757; color:#fff; text-decoration:none;}

#top_child_frame #main_content .second_navi{padding-top:3px;padding-left:12px;background:url('../images/frame/second_navi.jpg') top left no-repeat; height:21px; overflow:hidden;}
#top_child_frame #main_content .second_navi div{display:none;}
#top_child_frame #main_content .second_navi div span{color:#dadada; font-size:13px; padding:0px 5px 0px 5px;}
#top_child_frame #main_content .second_navi div a{color:#dadada; font-size:13px; text-decoration:none;}
#top_child_frame #main_content .second_navi div a:hover{color:#dadada; text-decoration:underline;}
#top_child_frame #main_content .second_navi div.sub_community{padding-left:98px;}
#top_child_frame #main_content .second_navi div.sub_academy{padding-left:244px;}
#top_child_frame #main_content .second_navi div.sub_quicklink{padding-left:377px;}
#top_child_frame #main_content .second_navi div.sub_news{padding-left:514px;}
#top_child_frame #main_content .second_navi div.sub_about{padding-left:621px;}

#top_child_frame #main_content .header .right_function table{float:right;margin-top:12px; _margin-top:11px;}
#top_child_frame #main_content .header .right_function table td{text-align:left; vertical-align:top; height:21px;}
#top_child_frame #main_content .header .right_function table .col1{width:119px;}
#top_child_frame #main_content .header .right_function table .col1 span{display:-moz-inline-box; display:inline-block; border-bottom:2px solid #fff; padding-bottom:3px; margin-right:14px;}
#top_child_frame #main_content .header .right_function table .col1 span a{font-family:Verdana; font-size:10px; text-decoration:none; color:#000;}
#top_child_frame #main_content .header .right_function table .col1 span a:hover{font-family:Verdana; font-size:10px; text-decoration:none; color:#000;}
#top_child_frame #main_content .header .right_function table .col1 span a.selected{color:#fff;}
#top_child_frame #main_content .header .right_function table .col1 span a.selected:hover{color:#fff;}

#top_child_frame #main_content .header .right_function table .col2{width:265px;}
#top_child_frame #main_content .header .right_function table .col2 input{width:259px;}
#top_child_frame #main_content .header .right_function table .col3{width:26px; padding-left:5px;_padding-top:1px;}

#top_child_frame #main_content .below_main{padding-left:28px;width:952px; float:left; height:105px; overflow:hidden; background:url('../images/frame/bottom_main.jpg') top left repeat-x;}
#top_child_frame #main_content .below_main div{}
#top_child_frame #main_content .below_main div.copyright{float:left;margin-top:45px;margin-right:65px;background:url('../images/frame/dot_copyright.jpg') top left no-repeat;padding-left:22px;}
#top_child_frame #main_content .below_main div.copyright span{display:-moz-inline-box; display:inline-block; color:#892727; font-weight:bold; font-size:11px; border-bottom:1px solid #999999; padding-bottom:1px;}
#top_child_frame #main_content .below_main div.bot_navi{float:left;margin-top:45px;}
#top_child_frame #main_content .below_main div.bot_navi a{color:#242424; font-size:11px; text-decoration:none;}
#top_child_frame #main_content .below_main div.bot_navi a:hover{color:#242424; text-decoration:underline;}
#top_child_frame #main_content .below_main div.bot_navi span{font-size:11px; padding:0px 2px;}
#top_child_frame #main_content .below_main div.top_of_page{float:right;background:url('../images/frame/top_anchor.jpg') top left no-repeat;width:88px; height:105px;overflow:hidden; padding-top:24px;}
#top_child_frame #main_content .below_main div.top_of_page images{width:88px; height:55px;}


#top_child_frame #main_content #content_body{width:926px; padding:0px 27px 0px 27px;}
#top_child_frame #main_content #content_body .column1{float:left; width:673px; overflow:hidden; padding-top:20px;margin-right:1px;}
#top_child_frame #main_content #content_body .column2{float:right; width:252px;}


#bottom_gso{border-top:1px solid #892727; background:#fff;}
#bottom_gso .bd_tp{border-top:1px solid #d8d8d8;}
#bottom_gso .footer{width:980px; margin:0px auto;}
#bottom_gso .footer .text{float:right;width:384px;background:url('../images/footer.jpg') top left no-repeat; padding-left:39px; text-align:left;font-family:Tahoma;font-size:10px; color:#171717;line-height:16px; padding-top:9px;}
#bottom_gso .footer .text a{font-family:Tahoma;font-size:10px; color:#171717;text-decoration:none;}
#bottom_gso .footer .text a:hover{ text-decoration:underline;color:#171717;}
#bottom_gso .footer .text span{padding:0px 5px;}
#bottom_gso .footer .text a.rss{background:url('../images/icon.gif') right top no-repeat; padding-right:28px;display:inline-block; height:17px;}
/************FRAME FOR CHILD PAGE***************/


/*=====================================MAINPAGE BEFORE LOGIN=====================================*/

/************HIGHLIGHT GROUP***************/
.highlight_group{width:315px; overflow:hidden;}
.highlight_group .box_bor{ border-top:4px solid #a7ac96; background:#dadecb;padding:7px 14px 14px 14px;  height:168px; overflow:hidden;}
.highlight_group ul{float:left;width:287px; margin:-4px 0px 0px 0px;}
.highlight_group .photo_text{float:left;margin-top:8px;}
.highlight_group .photo_text .photo{float:left; width:110px; height:75px; overflow:hidden;margin-right:21px;margin-top:3px;}
.highlight_group .photo_text .photo a{display:block; width:108px; height:73px; overflow:hidden; border:1px solid #c6c6c6;}
.highlight_group .photo_text .photo a:hover{border:1px solid #817e7e;}
.highlight_group .photo_text .photo a images{width:108px; height:73px;}
.highlight_group .photo_text .text{float:left; width:155px;margin-top:0px;}
.highlight_group .photo_text .text p{margin:14px 0px 0px 0px;font-size:11px;}
/************E: HIGHLIGHT GROUP***************/

/************NEW GROUP***************/
.new_group{width:316px; overflow:hidden;}
.new_group div.box_bor{border-top:4px solid #96a3ac; background:#cbd8de; padding-bottom:21px; height:168px; overflow:hidden;}
.new_group table td{padding-top:11px; padding-bottom:3px;}
.new_group table td.col1{width:290px; padding-left:14px;}
.new_group table td.col1 span{padding-left:11px;background:url('../images/group/icon.gif') 0px -84px no-repeat;}
.new_group table td.col2{width:111px;font-size:11px;}
.new_group table td.col3{width:73px;}
/************e: NEW GROUP***************/


/************LIST GROUP***************/
.list_group{width:673px; overflow:hidden;padding-top:18px;}
.list_group div.box_bor{border-top:4px solid #d3c9c9; border-bottom:11px solid #e4e4e4; background:#f3f0ee; padding-bottom:18px;overflow:hidden;padding-top:4px;}
.list_group table tr td{vertical-align:top; padding-top:5px;padding-bottom:6px;}
.list_group table tr td.col1{width:209px; padding-left:28px; border-right:2px solid #fff;}
.list_group table tr td.col1 a{padding-left:11px;background:url('../images/group/icon.gif') 0px -110px no-repeat;}
.list_group table tr td.col2{width:202px; padding-left:14px; border-right:2px solid #fff;}
.list_group table tr td.col3{width:204px; padding-left:12px;}
.list_group table tr.odd td{background:#f3f0ee;}
.list_group table tr.even td{background:#ecdfde;}
/************E: LIST GROUP***************/

/************ALBUM***************/
.album{width:315px; overflow:hidden;}
.album table.list_album{border-top:4px solid #140f0d;margin:0px;}
.album table.list_album td{width:50px;height:50px; overflow:hidden; padding:0px 3px 3px 0px; vertical-align:middle;}
.album table.list_album td td{padding:0px;}
/************E: ALBUM***************/



/************NEWS***************/
.news{width:316px; overflow:hidden;}
.news .box_bor{border-top:4px solid #a1acb9; background:#cbd4de;padding:0px 14px 14px 14px; width:288px; height:195px; overflow:hidden;}
.news ul{float:left;  margin:-4px 0px 0px 0px;}
.news .photo_text{float:left;margin-top:11px;margin:16px 0px 0px 0px;}
.news .photo_text .photo{float:left; width:110px; height:75px; overflow:hidden;margin-right:22px;margin-top:2px;}
.news .photo_text .photo a{display:block; width:108px; height:73px; overflow:hidden;border:1px solid #cbd4de;}
.news .photo_text .photo a:hover{border:1px solid #817e7e;}
.news .photo_text .photo a images{width:108px; height:73px;}
.news .photo_text .text{float:left; width:156px;margin-top:0px;}
.news .photo_text .text p{margin:14px 0px 0px 0px; font-size:11px;}
/************E: NEWS***************/


/************PESONAL BEFORE LOGIN***************/
.per_bflogin{background:url('../images/frame/left_per_bflogin.jpg') 0px left no-repeat;padding-left:22px; width:230px; overflow:hidden;}
.bot_per_bflogin{padding-left:22px;margin-bottom:10px;width:230px; overflow:hidden;}
.form_login{background:#811818 ;}

.form_login .c{background:#811818;padding:8px 0px 15px 7px;}
.form_login .c .left_c{float:left; width:128px;margin-right:6px;}
.form_login .c .left_c .d1{margin-bottom:5px; border:1px solid #fff; background:#fff;height:17px; width:126px;}
.form_login .c .left_c .d1 input{background:none; border:none;width:126px;height:13px;}
.form_login .c .left_c .d2{background:#cdcdcd;border:1px solid #fff; height:17px; width:126px;}
.form_login .c .left_c .d2 input{background:none; border:none;width:126px; height:13px;}
.form_login .c .right_c{float:left; width:87px; height:43px;}
.form_login .c .right_c a{display:block;width:87px; height:43px;}

.form_login .c .below1_c{color:#afafaf; font-family:Tahoma;margin:4px 0px 1px -4px; font-size:11px;}
.form_login .c .below2_c{padding-left:19px;}
.form_login .c .below2_c a{color:#cdcdcd; font-family:Tahoma; text-decoration:underline; font-size:11px;}
.form_login .c .below2_c a:hover{color:#cdcdcd;text-decoration:underline;}
/************E: PESONAL BEFORE LOGIN***************/

/************USER CARE***************/
.user_care{width:230px;margin-left:22px; background:#d0dae5;}
.user_care .title_top{color:#404040;font-weight:bold;padding:14px 14px 12px 14px; background:#cacaca;}
.user_care ul{float:left;  margin:2px 0px 0px 0px; padding:0px 14px 18px 14px;}
.user_care .photo_text{float:left;margin-top:11px;margin:14px 0px 0px 0px;}
.user_care .photo_text .photo{float:left; width:48px; height:48px; overflow:hidden;margin-right:13px;margin-top:2px;}
.user_care .photo_text .text{float:left; width:141px;margin-top:0px;}
.user_care .photo_text .text p{margin:0px 0px 0px 0px;font-size:12px; color:#4f4f4f; text-decoration:none;}
.user_care .photo_text .text p a{background:url('../images/group/icon.gif') right -144px no-repeat;display:-moz-inline-box; display:inline-block; width:5px;}
.user_care .photo_text .text p a:hover{background:url('../images/group/icon.gif') right -163px no-repeat;}
.user_care .photo_text .text p a images{width:5px; height:9px;}
/************E: USER CARE***************/

.highlight_new_group{padding-top:18px;}
.highlight_new_group .highlight_group{float:left; width:315px; overflow:hidden; margin-right:42px;}
.highlight_new_group .new_group{float:left; width:316px; overflow:hidden;}
.album_news{padding-top:18px;}
.album_news .album{float:left; width:315px; overflow:hidden; margin-right:42px;}
.album_news .news{float:left; width:316px; overflow:hidden;}

/*=====================================E: MAINPAGE BEFORE LOGIN=====================================*/



/*=====================================MAINPAGE AFTER LOGIN=====================================*/

/************ABOUT GROUP***************/
.about_group{width:673px; overflow:hidden;margin-top:15px;}
.about_group .title_about_group{float:left; width:629px; padding:15px 22px 9px 22px; background:#ecdfde;}
.about_group .title_about_group .group_name{float:left; width:490px; font-family:Verdana; font-weight:bold; font-size:11px;}
.about_group .title_about_group .group_name span{font-family:Tahoma; font-weight:bold;color:#646464; font-size:20px; text-decoration:none;}
.about_group .title_about_group .join{margin-top:17px;float:right; width:100px; text-align:right;}
.about_group .some_info_group{clear:both; background:#d3c9c9; height:22px; overflow:hidden; padding:6px 22px 7px 22px; font-family:Verdana; font-size:10px;}
.about_group .some_info_group span{padding:5px;}

.about_group .introduction_group{padding:13px 22px 31px 22px; background:#f3f0ee; height: 100px; max-height:200px; overflow-y:scroll}
.about_group .introduction_group span.intro{color:#4f4f4f; font-size:15px;}
.about_group .introduction_group p{margin-top:15px;}

.about_group .list_btn{text-align:right;padding:6px 22px 6px 0px; background:#e4e4e4;}
.about_group .list_btn .black_btn{margin-left:3px;}
/************E: ABOUT GROUP***************/


/************MEMBER***************/
.member{width:673px; overflow:hidden;padding-top:18px;}
.member div.box_bor{border-top:4px solid #979797; background:#e9e9e9;padding:14px 0px 22px 22px;}
.member ul{margin:0px; padding:0px;float:left; width:660px;}
.member ul li{float:left; width:100px; overflow:hidden;margin-right:9px;}
.member ul li p{margin:8px 0px 0px 0px;}
/************E: MEMBER***************/



/************ALBUM OF GROUP***************/
.album_group{width:673px; overflow:hidden;padding-top:18px;}
.album_group div.box_bor{border-top:4px solid #000; background:#202020;padding:14px 0px 12px 22px;}
.album_group ul{margin:0px; padding:0px;float:left; width:660px;}
.album_group ul li{float:left; width:132px; overflow:hidden;margin-right:33px;}
.album_group ul li p{color:#949494;margin:6px 0px 0px 0px;}
.album_group ul li p a{color:#949494; font-weight:bold; text-decoration:none;}
.album_group ul li p a:hover{color:#949494; text-decoration:underline;}
/************E: ALBUM OF GROUP***************/

/************ORIENTATION ACTIVITIES***************/
.orientation_activities{}
.orientation_activities{width:315px; overflow:hidden;}
.orientation_activities .box_bor{ border-top:4px solid #a7ac96; background:#dadecb;padding:0px 14px 14px 22px;  height:195px; overflow:hidden;}
.orientation_activities ul{width:287px; margin:-15px 0px 0px 0px;}
.orientation_activities ul li{margin-top:28px;}
.orientation_activities ul li p{margin:14px 0px 0px 0px;font-size:11px;}
/************E: ORIENTATION ACTIVITIES***************/


/************PERSONAL INFOMATION AFTER LOGIN***************/
.perinfo_aflogin{background:#e4e4e4; width:170px; margin-left:22px; padding:14px 30px 13px 30px;margin-bottom:14px;}
.perinfo_aflogin p{font-weight:bold; font-size:11px;color:#393939; margin:0px 0px 6px 0px;}
.perinfo_aflogin .link_blava{margin-top:6px;}
/************E: PERSONAL INFOMATION AFTER LOGIN***************/

/************PROFILE***************/
.right_navi{width:230px; overflow:hidden; margin-left:22px;}
.right_navi .title_top{color:#404040;font-weight:bold;padding:14px 14px 12px 14px; background:#cacaca;}
.right_navi ul{margin:0px;background:#c3ccd7; padding-bottom:28px;}
.right_navi ul li .level1{height:28px; overflow:hidden;border-bottom:1px solid #ffffff;}
.right_navi ul li .level1 a{text-decoration:none;display:block;background:#c3ccd7;color:#4f4f4f; font-size:12px; font-weight:bold; padding:8px 14px 0px 14px; height:28px;}
.right_navi ul li .level1 a:hover{text-decoration:none;display:block;background:#e5ecf3;color:#4f4f4f; font-size:12px; font-weight:bold;}
.right_navi ul li .level2{background:#e5ecf3;padding:7px 28px 9px 28px; line-height:20px; display:none;}
.right_navi ul li .level2 a{background:url('../images/group/icon.gif') 0px -84px no-repeat; padding-left:14px; color:#171717; text-decoration:none;}
.right_navi ul li .level2 a:hover{color:#171717; text-decoration:underline;}
/************E: PROFILE***************/


.orieacti_news{padding-top:18px;}
.orieacti_news .orientation_activities{float:left; width:315px; overflow:hidden; margin-right:42px;}
.orieacti_news .news{float:left; width:316px; overflow:hidden;}
/*=====================================E: MAINPAGE AFTER LOGIN=====================================*/





/*=====================================LIST GROUP PAGE=====================================*/
/************PAGGING***************/
.pagging{margin:0px;}
.pagging {display:-moz-inline-box; display:inline-block;}
.pagging a.first{display:-moz-inline-box; display:inline-block; width:12px; height:13px;background:url('../images/group/icon.gif') 0px -430px no-repeat; overflow:hidden; margin-right:5px;}
.pagging a.first:hover{background:url('../images/group/icon.gif') 0px -453px no-repeat;}
.pagging a.previous{display:-moz-inline-box; display:inline-block; width:15px; height:13px;background:url('../images/group/icon.gif') 0px -318px no-repeat; overflow:hidden;}
.pagging a.previous:hover{background:url('../images/group/icon.gif') 0px -341px no-repeat;}
.pagging span.order{display:-moz-inline-box; display:inline-block;height:13px;overflow:hidden; padding-right:5px;margin-bottom:3px;}
.pagging span.order a{color:#2e3970; font-size:10px; font-weight:bold; text-decoration:none;}
.pagging span.order a:hover{color:#9d2727;text-decoration:none;}
.pagging span.order a.selected{color:#9d2727; font-size:10px; font-weight:bold; text-decoration:none;}
.pagging span.order a.selected:hover{color:#9d2727;text-decoration:none;}
.pagging span.order span{padding:0px 5px;color:#2e3970; font-size:10px; font-weight:bold; text-decoration:none;}
.pagging a.next{display:-moz-inline-box; display:inline-block; width:12px; height:13px;background:url('../images/group/icon.gif') right -374px no-repeat; overflow:hidden;}
.pagging a.next:hover{background:url('../images/group/icon.gif') right -397px no-repeat;}
.pagging a.last{display:-moz-inline-box; display:inline-block; width:15px; height:13px;background:url('../images/group/icon.gif') right -486px no-repeat; overflow:hidden; margin-left:5px;}
.pagging a.last:hover{background:url('../images/group/icon.gif') right -509px no-repeat;}

.result_order .result_info{float:left;color:#505050;}
.result_order .pagging{float:right;}
/************E: PAGGING***************/

/************SEARCH***************/
.search{width:673px; overflow:hidden;}
.search div.box_bor{border-top:4px solid #c6d0db; background:#d8e3ee; padding:2px 0px 0px 1px; margin-bottom:18px;}
.search div.box_bor div.bg_cell{background:#d8e3ee url('../images/group/bg_search.jpg') top left; padding:20px 0px 21px 21px;}
.search table td{padding:14px 0px 15px 0px; background:#9baab9;}
.search table .col1{width:149px; padding-left:11px;}
.search table .col1 select{font-size:12px; color:#171717; height:21px; width:149px;}
.search table .col2{width:368px; padding-left:6px;}
.search table .col2 input{font-size:12px; color:#171717; height:15px; width:364px;}
.search table .col3{width:87px; padding-left:8px;}
.search table .col3 input{width:73px;}
/************E: SEARCH***************/


/************SEARCH GROUP RESULT***************/
.group_search_result{width:673px; overflow:hidden;}
.group_search_result div.box_bor{border-top:4px solid #bdadad; background:#f3f0ee; border-bottom:11px solid #e4e4e4;}
.group_search_result .table{background:#f3f0ee; width:673px; overflow:hidden;}
.group_search_result .table .thead{float:left; background:#e2cfcd; padding:5px 22px 5px 22px;width:629px; overflow:hidden;}
.group_search_result .table .thead a.fstyle2{float:left;}
.group_search_result .table .thead div{float:right; font-size:11px;}
.group_search_result .table .thead div .slat{padding:0px 2px;}

.group_search_result .table .tcontent{line-height:17px; padding:6px 22px 6px 22px;}
.group_search_result .table .tcontent a{text-decoration:underline; color:#171717; font-size:12px;}
.group_search_result .table .tcontent a:hover{text-decoration:underline; color:#171717;}

.group_search_result .table .tbottom{text-align:right; padding:0px 22px 3px 22px;}
.group_search_result .table .tbottom .visit_icon{margin-left:16px;}
.group_search_result .result_order{padding:40px 22px 9px 22px;}
/************E: SEARCH GROUP RESULT***************/
/*=====================================E: LIST GROUP PAGE=====================================*/



/*=====================================LIST MEMBER PAGE=====================================*/
/************SEARCH MEMBER RESULT***************/
.member_search_result{width:673px; overflow:hidden;}
.member_search_result div.box_bor{border-top:4px solid #979797; background:#e9e9e9; border-bottom:11px solid #bcbcbc; overflow:hidden; width:629px; padding:0px 22px 0px 22px;}
.member_search_result ul{margin:0px; float:left; width:680px; background:url('../images/group/bg_member.jpg') left bottom no-repeat;}
.member_search_result ul li{float:left; width:300px; margin-right:29px;padding-bottom:10px;}
.member_search_result .photo_text{float:left;margin-top:12px;}
.member_search_result .photo_text .photo{float:left; width:80px; height:80px; overflow:hidden;margin-right:14px;margin-top:3px;}
.member_search_result .photo_text .text{float:left; width:196px;margin-top:0px;}
.member_search_result .photo_text .text p{margin:5px 0px 0px 0px;font-size:11px; line-height:18px;}
.member_search_result .result_order{padding:30px 0px 9px 0px;}
/************E: SEARCH MEMBER RESULT***************/
/*=====================================E: LIST MEMBER PAGE=====================================*/


/*=====================================GROUP NEWS PAGE=====================================*/
/************HIGHLIGHT NEWS***************/
.highlight_news{width:673px; overflow:hidden;}
.highlight_news div.box_bor{border-top:4px solid #979797; background:#f7f3f3; padding:5px 22px 11px 22px;}
.highlight_news ul{margin:0px; float:left;}
.highlight_news ul li{padding-bottom:9px; float:left;}
.highlight_news .photo_text{margin-top:12px;}
.highlight_news .photo_text .photo{float:left; width:110px; height:75px; overflow:hidden;margin-right:13px;margin-top:3px; }
.highlight_news .photo_text .text{float:left;width:506px;margin-top:0px; line-height:normal;}
.highlight_news .photo_text .text p{margin:14px 0px 0px 0px;font-size:11px;}
.highlight_news .photo_text .text p a.go{background:url('../images/group/button.gif') 0px 0px no-repeat; display:-moz-inline-box; display:inline-block; width:21px; height:11px; overflow:hidden; text-decoration:none;margin-bottom:-3px;}
*+html .highlight_news .photo_text .text p a.go{margin-bottom:1px;}
.highlight_news .photo_text .text p a.go:hover{text-decoration:none;}
/************E: HIGHLIGHT NEWS***************/


/************OTHER EVENTS***************/
.other_events{width:673px; overflow:hidden; margin-top:18px;}
.other_events div.box_bor{border-top:4px solid #979797; background:#e9e9e9; padding:9px 22px 23px 22px; width:629px;}
.other_events ul{margin:0px; float:left; width:680px; background:url('../images/group/bg_member.jpg') left bottom no-repeat;}
.other_events ul li{float:left; width:300px; margin-right:29px;padding-bottom:16px;margin-top:9px;}
.other_events ul li p{font-size:11px; margin:9px 0px 0px 0px;}
.other_events ul li .fstyle8{background:url('../images/group/icon.gif') right -145px no-repeat; padding-right:11px;}
/************E: OTHER EVENTS***************/


/************OTHER NEWS***************/
.other_news{width:673px; overflow:hidden; margin-top:21px;}
.other_news ul{margin:0px 0px 0px 0px; padding-left:22px;line-height:17px;}
.other_news ul li{background:url('../images/group/icon.gif') 0px -107px no-repeat; padding-left:11px;}
/************E: OTHER NEWS***************/
/*=====================================E: GROUP NEWS PAGE=====================================*/


/*=====================================GROUP NEWS DETAILS=====================================*/
.news_detail .top_section{width:673px; float:left;padding-top:10px;}
.news_detail .top_section .title_box{float:left; width:529px;margin-right:10px;}
.news_detail .top_section .title_box{padding-bottom:5px;_padding-bottom:4px;}
.news_detail .top_section .ups{float:right; width:114px; height:32px; overflow:hidden;margin-top:-10px;}
.news_detail .box_bor{clear:both; width:629px; overflow:hidden; border-top:4px solid #979797; background:#f7f3f3; border-bottom:11px solid #e1cece; padding:20px 22px 5px 22px;}
/*=====================================E: GROUP NEWS DETAILS=====================================*/



/*=====================================PHOTO ALBUM=====================================*/
.photo_album .top_section{width:673px; float:left;padding-top:10px;}
.photo_album .top_section .title_box{float:left; width:529px;margin-right:10px;}
.photo_album .top_section .title_box{padding-bottom:5px;_padding-bottom:4px;}
.photo_album .top_section .ups{float:right; width:114px; height:32px; overflow:hidden;margin-top:-10px;}
.photo_album .top_section .slat{color:#646464;font-family:Tahoma;font-size:15px;font-weight:bold;}
.photo_album .top_section .fstyle1{font-family:Tahoma;font-size:15px;font-weight:bold; text-transform:uppercase;}

.photo_album .box_bor{clear:both; width:629px; overflow:hidden; border-top:4px solid #979797; background:#e9e9e9; border-bottom:11px solid #bcbcbc; padding:0px 22px 7px 22px;}
.photo_album ul{margin:25px 0px 0px 0px;float:left; width:670px; border-bottom:1px solid #979797; padding-bottom:12px;}
.photo_album ul li{float:left;width:132px; margin-right:34px; overflow:hidden;}
.photo_album ul li p{font-size:11px;margin:5px 0px 0px 0px;}
.photo_album ul li .perf_crop_photo3{background:#979797;}
.photo_album ul li .varsize4:hover .smash_photo_thumb{border:1px solid #817e7e;}
.photo_album ul li .varsize4:hover .smash_photo_thumb2{border:1px solid #e9e9e9;}
.photo_album ul li .fstyle2{text-transform:none;}
.photo_album ul li .fstyle8{text-decoration:none;}
.photo_album .result_order{margin-top:17px;}
/*=====================================E: PHOTO ALBUM=====================================*/


/*=====================================PHOTO ALBUM DETAIL=====================================*/
.photoalbum_detail .top_section{width:673px; float:left;padding-top:10px;}
.photoalbum_detail .top_section .title_box{float:left; width:529px;margin-right:10px;}
.photoalbum_detail .top_section .title_box{padding-bottom:5px;_padding-bottom:4px;}
.photoalbum_detail .top_section .ups{float:right; width:114px; height:32px; overflow:hidden;margin-top:-10px;}
.photoalbum_detail .top_section .slat{color:#646464;font-family:Tahoma;font-size:15px;font-weight:bold;}
.photoalbum_detail .top_section .fstyle1{font-family:Tahoma;font-size:15px;font-weight:bold; text-transform:uppercase;}

.photoalbum_detail .box_bor{clear:both; width:629px; overflow:hidden; border-top:4px solid #979797; background:#e9e9e9; border-bottom:11px solid #bcbcbc; padding:18px 22px 7px 22px;}
.photoalbum_detail .introduce .upser{font-size:11px;}
.photoalbum_detail .introduce .upser h5{font-size:18px; font-weight:bold; margin:0px; padding:0px;}
.photoalbum_detail .introduce .upser .fstyle8{text-decoration:none;}

.photoalbum_detail ul{margin:25px 0px 0px 0px;}
.photoalbum_detail ul li .file_name{float:left; background:#fff; padding:4px 14px 5px 14px; width:605px;}
.photoalbum_detail ul li .file_name .a{float:left;}
.photoalbum_detail ul li .file_name .b{float:right;}
.photoalbum_detail ul li .image{clear:both; text-align:center; padding:30px 0px 30px 0px;}
/*=====================================E: PHOTO ALBUM DETAIL=====================================*/