@import url(footer.css);

body { font-family:Tahoma; font-size:11px; color:#3D3D3D; margin:0px; padding:0px; line-height:18px;}
a:link, a:visited { text-decoration:none; color:#3D3D3D; }
a:hover { color:#FF6600; }

.fl { float:left}
.fr { float:right}
.clr { clear:both}
.hand { cursor:hand}
form { margin:0px; padding:0px}

.fontbody { font-size:11px; font-family:tahoma; color:#505050}
.font01 { font-size:12px; color:#F36000; font-weight:bold; text-decoration:none}
.font02 { font-size:15px; color:#F36000; font-weight:bold}
.font03 { font-size:11px; color:#606060; font-weight:bold; text-decoration:none; padding-top:5px}
.font04 { font-size:13px; color:#F36000; font-weight:bold; text-decoration:none} 
.font5  { color:#ffb400; font-weight:bold; text-decoration:none} 

.color01 { color:#51c19c}

.borimg { border:1px solid #AEB8C1}

.organ { color:#EC7C00; text-decoration:none}
.organ:hover { text-decoration:underline}

.organ2 { color:#630402; text-decoration:none; font-weight:bold}

.red { color:#FF0000; font-weight:bold}

.banner { width:813px; height:124px}

.bgmobile { background:url(../images/bg_logo_mobile.jpg) no-repeat left top; width:813px; height:124px}

.bgbanner { background:url(../images/bg_banner.jpg) no-repeat top #FEFFFA; width:477px; height:124px;}

.bg_bleft { background:url(../images/banner_left.jpg) no-repeat top #FFFFFF; width:187px; height:154px;}


.btn_menu { background:url(../images/bg_btn.gif) no-repeat right; width:110px; height:41px; text-align:right}

.bgbar_search { width:813px; height:31px; background: url(../images/bg_bar.gif) repeat-x; font-size:11px; color:#F26201; font-weight:bold}

.insearch { background:url(../images/bar_search_bg.gif) repeat-x; height:20px; width:270px}
.insearch input { border:0px; height:14px; width:270px; font-size:11px; color:#606060}

.left_col { width:205px; padding-left:3px; padding-right:0px}

.bg_bar{ background:url(../images/bg_bar_left.gif) repeat-x; width:144px; height:37px}

.b_ad { background: url(../images/bg_left.gif) repeat-y; width:204px}
.b_ad div { padding:5px 0px 5px 0px}
.bl { background: url(../images/bg_left.gif) repeat-y; width:204px}
.bl ul { margin:0px; padding:10px; list-style:none; font-size:12px; color:#F26201;}
.bl ul li { padding:5px 0px 0px 20px;}
.bl ul li a { font-size:11px; color:#202020; text-decoration:none}
.bl ul li a:hover { color:#FF6600}

.bgfind { background:url(../images/bg_left_find.gif) repeat-y; width:202px; font-size:12px; color:#F26201; }
.bgfind  div { padding-left:18px; padding-bottom:7px}
.bgfind select { border:2px #FEBA00 solid; width:155px}

.bgline { background:url(../images/bg_line.gif) repeat-y; width:202px; font-size:12px; color:#F26201; }
.bgline ul { margin:0px; padding-left:37px; font-size:11px; color:#D66101; font-weight:bold; list-style:none}
.bgline ul li { margin:0px; padding:4px 0px 0px 5px;}
.bgline ul li a { color:#606060; text-decoration:none }
.bgline ul li a:hover { color:#FFCC33}
.bgline .bglogo { background:url(../images/gamesupport.gif) no-repeat 10px top; width:202px}
.bgline .bglogo div { padding:10px 0px 10px 35px}
.bgline .ringtone { background:url(../images/ringtone.gif) no-repeat 2px top; width:202px}
.bgline .game { background:url(../images/topgame.gif) no-repeat 5px 5px; width:202px}
.bgline .game_tx { font-size:11px; color:#606060; width:75px; text-align:center; font-weight:bold; padding-top:15px}

.body_col { width:583px; padding-left:2px; padding-right:2px; display:block}

.bg_body_r { background:url(../images/nhchright.gif) no-repeat right; width:70px; height:58px}
.bg_body_r3 { background:url(../images/hineright.gif) no-repeat right; width:96px; height:67px}

.bg_b2 { background:url(../images/bg_nhch.gif) repeat-x; height:58px; width:583px}
.bg_b3 { background:url(../images/bg_hinemoi.gif) repeat-x; height:67px; width:583px}
.bg_b4 { background:url(../images/bg_b4.gif) no-repeat; width:583px}

.border1 {background:url(../images/border02.gif) repeat-y; width:583px} 
.border2 {background:url(../images/bg_b4in.gif) repeat-y; width:583px} 

.bg_list { background:url(../images/bg_listsong.gif) repeat-y; width:561px; border-top: 1px #CECECE solid}
.title { margin:0px; padding:8px 8px 20px 8px; font-size:12px; color:#D66101}
.namesong {padding:5px 8px 0px}


.col1 { text-align:left; width:130px; padding-left:5px}
.col2 { text-align:left; width:105px}
.col3 { text-align:left; width:108px}
.col4 { text-align:left; width:115px}
.col5 { text-align:left; width:65px}

.col1_1 { text-align:left; width:250px; padding-left:5px}
.col4_1 { text-align:left; width:150px}
.col5_1 { text-align:left; width:65px}

.bg_barlist { background:url(../images/bg_barlist.gif) repeat-x; width:548px;}

.wallp { float:left; padding:0px 10px 8px 14px}
.wallp div { padding:8px 0px 0px 8px; font-size:11px; color:#636562; font-weight:bold}

.wallgame { float:left; padding:0px 13px 8px 18px}

.titgame { font-family:tahoma; color:#f16301; font-size:11px; font-weight:bold; padding:11px 0px 0px 85px}
.right_col { width:205px; padding-left:0px}

.bar_footer{ clear:both; width:950px; background:url(../images/bg_footer.gif) repeat-x; height:29px}

.linkfo a { color:#505050; text-decoration:none}
.linkfo a:hover { color:#101010; text-decoration:underline}
.linkfo div { padding:10px 15px 15px 15px}



/*
# Bang define
*/
.title_company { font-size:11px; font-weight:bold; text-transform:uppercase }
.line{ border-bottom-style:dotted; border-bottom-color:#CCCCCC; border-bottom-width:1px; }
.lineActiveMenu{ border-bottom-style:dotted; border-bottom-color:#FF6600; border-bottom-width:1px; }
.textActiveMenu{ color:#FF6600; }
.cbbBorder{	background-color:#E0E0E0; color:#FF6600; font-size:11px;}
.alert{ color:#FF0000; }


/*
# Button Game Comment
*/

a.squarebutton{
background: transparent url('../images/square-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px Tahoma; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-red-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}