﻿
.space{margin-bottom:8px;}
.top_space{ margin-top:8px; text-align:center; background:#ffffff;}
img{border:0;}

/* header */


.header_k_new{border-left:solid 1px #E5E5E5;  border-right:solid 1px #E5E5E5; background:#FFFFFF;}
.logo_k_new{width:295px; float:left; margin-left:10px;}
.head_search_k_new{width:670px; float:left; margin-bottom:8px;}
.head_top_bg_k_new{background:url(../images/search_top_bg.gif) no-repeat top right; height:40px;}
.head_sign_in_k{padding:15px 15px 0px 0px; text-align:right;}
.head_sign_in_k ul{list-style:none;} 
.head_sign_in_k ul li{display:inline; background:url(../images/search_top_line.gif) no-repeat center right; margin:0px 8px 0px 8px;}
.head_sign_in_k ul li a{color:#343434; text-decoration:none; margin:0px 8px 0px 0px;}
.head_sign_in_k ul li a:hover{ text-decoration:underline; color:#343434; margin:0px 8px 0px 0px;}
.head_search_bg_k{ background:#F1F1F1; height:58px; }
.head_search_bg_l_k{ background:url(../images/search_img_left.gif) no-repeat left; width:5px; float:left; height:58px;}
.head_search_bg_r_k{background:url(../images/search_img_right.gif) no-repeat right; width:5px; float:right;  height:58px;}
.head_search_tab_k{ padding-top:8px; margin-left:25px;}
.head_search_tab_k ul{list-style:none}
.head_search_tab_k ul li{ display:inline; margin:5px; background:url(../images/search_tab_bg.gif) no-repeat center right; padding-right:10px; }
.head_search_tab_k ul li a{color:#0C7677; text-decoration:none; }
.head_search_tab_k ul li a:hover{ text-decoration:underline; color:#0C7677;}
.head_search_tab_k ul li.leftimg{background:url(../images/search_nave_l.gif) no-repeat left; padding:5px 5px 5px 3px;}
.head_search_tab_k ul li a.active{background:url(../images/search_nave_r.gif) no-repeat right ;  padding:5px 5px 5px 3px; }
.head_search_bg_img{ background:url(../images/search_bg_img.gif) no-repeat left; height:25px; margin:2px 0px 0px 6px; width:581px; float:left;}
.head_search_batten{width:65px; float:right;}
.head_search_bg_img input{ font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0px; margin:4px 0px 0px 8px;}

.game_search_k{width:150px; float:left; margin-top:5px;}
.game_search_k select{ font-size:12px; padding:1px; font-family:Arial, Helvetica, sans-serif;}
/*Css Menu*/

#koffii_outerContainer {width:100%; height:30px; margin:0px; padding:0px; background:url(../images/tab_bg.gif) repeat-x left; }
#koffii_menuContainer {position:relative; float:left; margin:0px; padding:0px; }

#koffii_nav, 
#koffii_nav ul {padding:0; margin:0; list-style:none; position:relative; z-index:100; font-weight:bold; font-size:12px; text-decoration:none }
#koffii_nav {padding:0; float:left; width:800px; }


#koffii_nav li {float:left; margin-left:10px;}
#koffii_nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#koffii_nav li a li {float:left; color:#000; background:none;}

#koffii_nav li a {display:block; float:left; color:#ffffff;background:url(../images/tab_bg_li.gif) no-repeat right; padding:0px 10px 0px 5px; line-height:30px; text-decoration:none; white-space:nowrap;}
#koffii_nav li li a {color:#fff; font-weight:normal; background:none; padding-left:8px; margin:0px 10px 0px 0px;}
#koffii_nav li li a:hover {text-decoration:underline; color:#fff;}

#koffii_nav li:hover {position:relative; z-index:100;}
#koffii_nav a:hover {position:relative; z-index:100; color:#ffffff; border:0; }
#koffii_nav li:hover > a {color:#fff; }

#koffii_nav :hover  ul {left:0; top:30px; z-index:300; }
#koffii_nav a:hover ul {left:-1px; }

#koffii_nav ul {position:absolute; left:-9999px; top:-9999px; border:solid 1px #079EA0; border-top:none; padding-bottom:10px; }


.nav_top_left_width{float:left; width:120px; _width:90px; color:#000; padding:5px 0px 0px 5px;}
.nav_top_left_width_movie{float:left; width:130px; color:#000; padding:5px 0px 0px 5px;}

.nav_top_left_width a{color:#fff}

.yellow_browse{ color:#545454; font-size:13px;}

.w_community_new1{background:#12BBBE; width:380px; _width:450px; height:170px; _height:200px;}
.structure_koffii{background:#08A7AA; width:180px; *width:195px;}
.koffi_game{ width:120px; float:left;}
.koffii_sub_title{color:#ffffff; font-size:15px; padding:5px 0px 0px 10px;}
.w_my_koffii{background:#08A7AA; width:280px; *width:295px;}
.w_community{background:#08A7AA; width:640px; _width:825px;}
.w_game{background:#08A7AA;width:420px; _width:530px; height:218px; _height:240px;}
.w_city{background:#08A7AA; width:140px; _width:149px;}

.w_mmovie{background:#08A7AA; width:300px; _width:365px;}

.koffi_sub_t_new{padding-left:20px; color:#FFFFFF;}

.koffii_photos_link{color:#000000;}

/*End Css Menu*/


/*All Box*/
.box_k{ background:#FFFFFF; height:5px;}
.box_corner_top_l{width:6px; float:left;}
.box_corner_top_r{width:6px; float:right;}
.box_corner_bottom_l{width:6px; float:left;}
.box_corner_bottom_r{width:6px; float:right;}
.top_box_line{border-top:solid 1px #E5E5E5; background:#FFFFFF;}
.bottom_box_line{border-bottom:solid 1px #E5E5E5; padding-top:5px; background:#FFFFFF;}
.left_right_box_line{border-left:solid 1px #E5E5E5; border-right:solid 1px #E5E5E5;  background:#FFFFFF;}
.top_bar{ font-size:12px; font-weight:bold; color:#A20405;}
.top_bar ul{list-style:none; background:url(../images/commen_line.gif) no-repeat bottom left; padding:0px 0px 1px 8px;}
.top_bar ul li{background:url(../images/home-icone.gif) no-repeat center left; padding:0px 0px 0px 20px; margin-bottom:5px;}

/*Footer Starte*/
.but_nave{ margin-top:10px; width:994px; margin:auto;}
.but_link{ float:left; width:275px; margin:8px 8px 8px 18px; border-right:dotted 1px #C1C1C1; padding-right:15px;}

.but_bar{ font-size:12px; font-weight:bold; color:#A20405;}
.but_bar ul{list-style:none; background:url(../images/commen_line.gif) no-repeat bottom left; padding:10px 0px 5px 3px;}
.top_bar ul li{padding:0px 0px 0px 20px; margin-bottom:5px;}

.but_link_text{ line-height:24px;}
.but_link_text a{color:#4C4C4C; text-decoration:none;}
.but_link_text a:hover{ color:#4C4C4C; text-decoration:underline;}

.but_search{ background:url(../images/but-search_bg.gif) repeat-x left; height:46px;} 
.but_search_box{ width:665px; margin:auto; padding-top:10px;}

.copyrights{width:48%; float:left; text-align:center; padding:8px; background:#FFFFFF;} 
.copyrights a{ color:#4C4C4C;}

/*End Footer Starte*/

