@charset "UTF-8";

/*========== HTML ==========*/
body {background:url(../images/bg.gif) 0 50px repeat-x #ffd2f4; font:12px/1.5 Arial; color:#4e1a00;}
img, div, input, h1 {behavior:url(../www/common/scripts/iepngfix.htc);}
select, input, textarea {border:1px solid #aaa; font-family:Verdana; color:#666;}
table {border-collapse:collapse; word-wrap:break-word;}
h5 {font-weight:bold;}
A:link, A:visited, A:active {text-decoration:none;}
A:hover {text-decoration:underline;}
A:link {color:#a4522e;}
/*A:link img{color:#fff;}*/
A:visited {color:#837868;}
A:active, A:hover {color:#f60;}
/*.ad #body A:link { color:#fff;}
.ad #body A:visited {color:#fff;}
.fan #body A:link { color:#fff;}
.fan #body A:visited {color:#fff;}*/
/*========== Top ==========*/



/*========== Layout ==========*/
#container {position:relative; margin:0 auto; width:990px;}
#header {margin-bottom:54px; width:100%; height:230px;}
#header h1 span {display:none;}
#main {width:990px;}
#section {float:right; margin-top:5px; width:775px;}
body#index #main {float:left; width:775px;}
body#index #section {float:right; width:560px;}
#sideL {float:left; width:200px;}
#sideR {float:right; width:200px;}
#footer {clear:both; margin:20px 0 0 270px; text-align:center; font-size:11px; width:540px; color:#7a381b;}
	a.logo {display:block; float:left; margin-right:10px; height:31px;}
	a.nextlink {background:url(../images/logo_nextlink.gif) no-repeat; width:147px;}
	a.atoonz {background:url(../images/logo_atoonz.gif) no-repeat; width:80px;}


/*========== Navigation ==========*/
.pageNav {margin:10px auto 0; list-style-type:none; text-align:center;}
.pageNav .focus, .pageNav span, .pageNav a {padding:0 3px; text-decoration:none;}
.pageNav a:visited {text-decoration:none;}
.pageNav a:hover {text-decoration:underline;}
.pageNav .focus {color:#f90; font-weight:bold;}
.pageNav .end {background:none;}
.cateNav {padding:70px 0 0 201px;}
	.cateNav li {float:left;}
	.cateNav li a {display:block; width:169px; height:35px; background-repeat:no-repeat;}
#news .cateNav {height:60px; background:url(../images/block_news_top.jpg) no-repeat;}
	#news .cateNav li a {width:100px; background-image:url(../images/block_news_top.jpg);}
	#news .cateNav .nav01 a {background-position:-201px -70px;}
	#news .cateNav .nav01 a:hover, #news .cateNav .nav01 a.focus {background-position:-201px -200px;}
	#news .cateNav .nav02 a {background-position:-301px -70px;}
	#news .cateNav .nav02 a:hover, #news .cateNav .nav02 a.focus {background-position:-301px -200px;}
	#news .cateNav .nav03 a {background-position:-401px -70px;}
	#news .cateNav .nav03 a:hover, #news .cateNav .nav03 a.focus {background-position:-401px -200px;}
	#news .cateNav .nav04 a {background-position:-501px -70px;}
    #news .cateNav .nav04 a:hover, #news .cateNav .nav04 a.focus {background-position:-501px -200px;}
	#news .cateNav .nav05 a {background-position:-601px -70px;}
	#news .cateNav .nav05 a:hover, #news .cateNav .nav05 a.focus {background-position:-601px -200px;}
#about .cateNav {height:60px; background:url(../images/block_about_top.jpg) no-repeat;}
	#about .cateNav li a {background-image:url(../images/block_about_top.jpg);}
	#about .cateNav .nav01 a {background-position:-201px -70px;}
	#about .cateNav .nav01 a:hover, #about .features .cateNav .nav01 a {background-position:-201px -200px;}
	#about .cateNav .nav02 a {background-position:-370px -70px;}
	#about .cateNav .nav02 a:hover, #about .charaters .cateNav .nav02 a {background-position:-370px -200px;}
	#about .cateNav .nav03 a {background-position:-539px -70px;}
	#about .cateNav .nav03 a:hover, #about .map .cateNav .nav03 a {background-position:-539px -200px;}
#teach .cateNav {height:41px; background:url(../images/block_teach_top.jpg) no-repeat;}
	#teach .cateNav li a {background-image:url(../images/block_teach_top.jpg);}
	#teach .cateNav .nav01 a {background-position:-201px -70px;}
	#teach .cateNav .nav01 a:hover, #teach .tutorial .cateNav .nav01 a {background-position:-201px -181px;}
	#teach .cateNav .nav02 a {background-position:-370px -70px;}
	#teach .cateNav .nav02 a:hover, #teach .manual .cateNav .nav02 a {background-position:-370px -181px;}
#group .cateNav {height:60px; background:url(../images/block_group_top.jpg) no-repeat;}
	#group .cateNav li a {background-image:url(../images/block_group_top.jpg);}
	#group .cateNav .nav01 a {background-position:-201px -70px;}
	#group .cateNav .nav01 a:hover, #group .rank .cateNav .nav01 a {background-position:-201px -200px;}
	#group .cateNav .nav02 a {background-position:-370px -70px;}
	#group .cateNav .nav02 a:hover, #group .forum .cateNav .nav02 a {background-position:-370px -200px;}
	#group .cateNav .nav03 a {background-position:-539px -70px;}
	#group .cateNav .nav03 a:hover, #group .download .cateNav .nav03 a {background-position:-539px -200px;}
#service .cateNav {height:60px; background:url(../images/block_service_top.jpg) no-repeat;}
	#service .cateNav li a {background-image:url(../images/block_service_top.jpg);}
	#service .cateNav .nav01 a {background-position:-201px -70px;}
	#service .cateNav .nav01 a:hover, #service .qa .cateNav .nav01 a {background-position:-201px -200px;}
	#service .cateNav .nav02 a {background-position:-370px -70px;}
	#service .cateNav .nav02 a:hover, #service .feedback .cateNav .nav02 a {background-position:-370px -200px;}

.menu li {float:left;}
.menu li a {display:block; height:85px; background-image:url(../images/about_charaters_menu.jpg); background-repeat:no-repeat;}
.menu .nav01 a {width:107px; background-position:0 0;}
.menu .nav02 a {width:106px; background-position:-107px 0;}
.menu .nav03 a {width:106px; background-position:-213px 0;}
.menu .nav04 a {width:106px; background-position:-319px 0;}
.menu .nav05 a {width:108px; background-position:-427px 0;}
.menu .nav06 a {width:106px; background-position:-533px 0;}
.menu .nav07 a {width:106px; background-position:-639px 0;}
.menu .nav01 a:hover, .m1 .nav01 a {background-position:0 -85px;}
.menu .nav02 a:hover, .m2 .nav02 a {background-position:-107px -85px;}
.menu .nav03 a:hover, .m3 .nav03 a {background-position:-213px -85px;}
.menu .nav04 a:hover, .m4 .nav04 a {background-position:-319px -85px;}
.menu .nav05 a:hover, .m5 .nav05 a {background-position:-427px -85px;}
.menu .nav06 a:hover, .m6 .nav06 a {background-position:-533px -85px;}
.menu .nav07 a:hover, .m7 .nav07 a {background-position:-639px -85px;}


/*========== Module ==========*/
/* Header */
.play {position:absolute; top:108px; left:402px; width:185px; height:175px; z-index:1000;}
/* Section */
.news, .fan {margin-bottom:10px;}
.news #bottom {background:url(../images/block_news_bottom.gif) no-repeat; height:12px;}
.news #body {padding:0 25px; background:url(../images/block_news_body.gif) repeat-y;}
.news #top {background:url(../images/block_news_top.gif) no-repeat; height:113px;}
 {margin-bottom:10px;}
.fan #bottom {background:url(../images/block_fan_bottom.gif) no-repeat; height:20px;}
.fan #body {padding:0 25px; background:url(../images/block_fan_body.gif) repeat-y;}
.fan #top {background:url(../images/block_fan_top.gif) no-repeat; height:45px;}
	.fan a {float:left; margin:5px; display:block; width:160px; height:120px;}
/* Side */
.ad #top {background:url(../images/block_ad_top.gif) no-repeat; height:15px;}
.ad #bottom {background:url(../images/block_ad_bottom.gif) no-repeat; height:10px;}
.ad #body {background:url(../images/block_ad_body.gif) repeat-y; z-index:200; text-align:center;}
	.ad div.a {margin-bottom:10px; width:100%; height:90px; clear:both;}
	.ad div.none {margin-bottom:none;}
.member {margin-bottom:10px; background-image:url(../images/block_member_bg.gif); background-repeat:no-repeat; text-align:left;}
	.member .inputL {float:left; padding-left:42px;}
	.member .inputL input {margin-bottom:2px;}
	.member .inputR {float:left;}
	.member .text {width:80px;}
	.member input.btn-login {display:block; width:48px; height:45px; border:none; background:url(../images/btn_login.gif) no-repeat; font-size:0; line-height:0; color:#fff; text-indent:-5000px;}
	.member a.yid, .member a.gid {margin-left:10px; padding:5px 0 4px 25px; background-image:url(../images/btn_login_ico.gif); background-repeat:no-repeat; width:28px; height:22px; font-size:11px; font-weight:bold;}
	.member a.yid {background-position:0 0;}
	.member a.gid {background-position:0 -22px;}
	.p1 {padding:40px 10px 0; width:180px; height:207px; background-position:0 0;}
	.p1 p {margin-top:78px; _margin-top:38px;}
	.p1 input.btn-login {background-position:0 0;}
	.p1 #login_fb {margin-top:5px; margin-left:10px; }
	.p1 #login_fb .facebook{background-image: url(../images/btn_fblogin.jpg); background-repeat:no-repeat; width:131px; height:18px; display: block
; margin-top:40px;}
	.p1 #login_fb .text{font-size: 12px;
	font-weight: normal;
	color: #666666; width:130px;margin-left:0px ; margin-top:5px;}
	.p2 {padding:40px 25px 0; width:150px; height:207px; background-position:-200px 0;}
	.p2 p {margin:15px 0 30px; color:#fff;}
	.p2 input.btn-login {background-position:-48px 0;}
.media {padding:45px 11px 10px; background:url(../images/block_media_bg.jpg) no-repeat;}
.media a {margin-top:10px; display:block; widtrh:100%; height:20px;}

/* news */
#news .topic #section h2 {height:113px; background:url(../images/block_news_top.jpg) 0 -260px no-repeat;}
#news #section #bottom {background:url(../images/block_about_bottom.gif) no-repeat; height:20px;}
#news #section #body {padding:0 25px; background:url(../images/block_about_body.gif);}
/* about */
#about #section #bottom {background:url(../images/block_about_bottom.gif) no-repeat; height:20px;}
#about #section #body {padding:0 15px; background:url(../images/block_about_body.gif);}
.features .visual {width:745px; height:533px; background:url(../images/about_features_visual.jpg) no-repeat;}
.charaters .visual {width:745px; background-repeat:no-repeat;}
.charaters .v01 {height:443px; background-image:url(../images/about_charaters_visual01.jpg);}
.charaters .v02 {height:789px; background-image:url(../images/about_charaters_visual02.jpg);}
.charaters .v03 {height:670px; background-image:url(../images/about_charaters_visual03.jpg);}
.charaters .v04 {height:690px; background-image:url(../images/about_charaters_visual04.jpg);}
.charaters .v05 {height:794px; background-image:url(../images/about_charaters_visual05.jpg);}
.charaters .v06 {height:525px; background-image:url(../images/about_charaters_visual06.jpg);}
.charaters .v07 {height:530px; background-image:url(../images/about_charaters_visual07.jpg);}
.map .visual {width:745px; height:724px; background:url(../images/about_map_visual.jpg) no-repeat;}
/* teach */
#teach #section #bottom {height:6px; background:url(../images/block_teach_bottom.gif) no-repeat;}
#teach #section #body {padding-top:5px; height:486px; background:url(../images/block_teach_body.jpg); text-align:center;}
/* group */
#group #section #bottom {background:url(../images/block_about_bottom.gif) no-repeat; height:20px;}
.forum #section #top {height:85px; background:url(../images/block_group_forum_top.jpg) no-repeat;}
.forum #section #body {padding:0 25px; background:url(../images/block_about_body.gif);}
	.forum .funcNav {margin-bottom:15px; background:url(../images/funcNav_bg.gif) 0 100% no-repeat;}
	.forum .searchBar {float:left; padding:8px 0 8px 40px; background:url(../images/ico_search.gif) no-repeat;}
	.forum .searchBar input {width:410px; height:21px; border:2px solid #ddd; vertical-align:middle;}
	.forum .searchBar input.btn-search {width:87px; height:31px; background:url(../images/btn_search.gif) no-repeat; border:none;}
.rank #section #body {position:relative; padding:56px 184px 0 230px; height:568px; background:url(../images/block_group_rank_body.jpg) no-repeat;}
.rank #section #body ul {position:absolute; top:0; left:15px;}
.rank #section #body li a {display:block; width:179px; height:49px; background-image:url(../images/btn_group_rank.gif); background-repeat:no-repeat;}
.rank #section #body li.nav01 a {background-position:0 0;}
.rank #section #body li.nav02 a {background-position:0 -49px;}
.rank #section #body li.nav01 a:hover, .rank #section #body li.nav01 a.focus {background-position:-179px 0;}
.rank #section #body li.nav02 a:hover, .rank #section #body li.nav02 a.focus {background-position:-179px -49px;}
.download #section #body {padding:0 25px; background:url(../images/block_about_body.gif);}
.download #section #body h3 {padding-bottom:10px; width:100%; height:40px; background:url(../images/block_group_download_title.gif) center top no-repeat;}
.download #section #body ul {padding-left:30px;}
.download #section #body img {border:2px solid #a9792c;}
.download #section #body li {float:left; display:block; margin:0 20px 10px 0; width:320px;}
.download #section #body a.first {margin-left:60px;}
.download #section #body li a {float:left; display:block; margin:5px 0 10px; padding:4px 0 0 27px; width:75px; height:22px; background:url(../images/btn_group_download.gif) no-repeat;}
.download #section #body li a:hover {text-decoration:none;}
/* service */
#service #section #bottom {background:url(../images/block_about_bottom.gif) no-repeat; height:20px;}
#service #section #body {padding:0 25px; background:url(../images/block_about_body.gif);}
#service .feedback #section #body {padding:55px 250px 0 45px; height:376px; background:url(../images/block_service_feedback_body.jpg); line-height:2;}
.qa #section #body h3 {padding-bottom:10px; width:100%; height:40px; background:url(../images/block_service_qa_title.gif) 0 0 no-repeat;}

/*========== Table ==========*/
.tContent {padding:10px; background:#fff8dc;}
.tRank, .tLV {text-align:center;}
.rank #section .tRank {width:320px;}
.rank #section .tRank th, .rank #section .tRank td {padding:1px 2px;}
.tRank th {background:#a06e44; color:#fff; font-weight:bold; text-align:center;}
.rank #section .tRank tr, .rank #section .tRank td {background:#fff; border-top:2px solid #ffca4b;}
.tNews th {display:none;}
.tNews tr {background:#fff;}
.tNews td {border:1px solid #eee; border-left:none; border-right:none; _border:none; height:24px;}
#section td.tRow2 {padding:0 5px; background:#fffec8; height:25px;}
#section td.tRow3 {padding:5px; background:#fff7be; height:25px; color:#a4522e; border-top:2px solid #debf8f; vertical-align:top;}
tr.org {background:url(../images/block_group_forum_table_th.gif) no-repeat;}
td.tAva {padding:35px 5px 0; width:90px; font-size:11px; text-align:center;}
td.org {padding-top:35px;}
td.tTle {font-weight:bold; height:30px;}


/*========== Tab ==========*/
#index .rank {margin-bottom:10px; padding:51px 16px 0 16px; background:url(../images/block_rank_bg.gif) no-repeat; width:168px; height:171px;}
#index .rank th {display:none;}
#index .rank td {padding:0; height:16px; font-size:11px;}
.tp-rank a.btn-more {margin-left:70px; display:block; width:88px; height:25px; background:url(../images/btn_rank.gif) no-repeat;}
.tp {float:left; clear:none; padding:0;}
.tp .tptGroup {clear:both; margin:0;}
.tp-side .tpt, .tp-side .tptHover {width:82px; background-image:url(../images/tab_rank.gif); background-repeat:no-repeat;}
.tp-side .tpt {
	position:relative;
	float:left;
	margin-right:0;
	line-height:24px;
	height:24px;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-position:0 0;
	border:none;
	text-align:center;
}
.tp-side .tpt span {display:block; width:100%; height:100%; background-image:url(../images/tab_rank.gif) ; background-repeat:no-repeat;}
.tp-side .none {margin:0;}
.tp-side .tptHover, .tp-idx .tptSelected {}
.tp-side .tptHover {background-position:0 -24px; color:#036;}
.tp-side .tptSelected {background:url(../images/tab_rank.gif) 0 -24px no-repeat; font-weight:bold;}
.tp-side .tpc {clear:both; padding:22px 4px 0 4px; *padding-top:9px; _padding-top:22px;}


/*========== Button ==========*/
a.btn-play {display:block; width:185px; height:175px; background-image:url(../images/btn_play.png); background-repeat:no-repeat;}
a.btn-play:hover {background-position:-185px 0;}

/* SideL Member */
a.btn-reg, a.btn-pw {margin-top:10px; float:left; display:block; width:90px; height:29px; background-repeat:no-repeat; background-image:url(../images/btn_member_func.gif);}
a.btn-reg {background-position:0 0;}
a.btn-pw {background-position:-90px 0;}
a.btn-reg:hover {background-position:0 -29px;}
a.btn-pw:hover {background-position:-90px -29px;}
/* SideL Point */
a.btn-MyCardsave, a.btn-MyCardbuy, a.btn-save {float:left; display:block; width:66px; height:68px; background-repeat:no-repeat; background-image:url(../images/btn_point.gif);}
a.btn-MyCardsave {background-position:0 0;}
a.btn-MyCardbuy {background-position:-66px 0;}
a.btn-save {background-position:-132px 0;}
a.btn-MyCardsave:hover {background-position:0 -68px;}
a.btn-MyCardbuy:hover {background-position:-66px -68px;}
a.btn-save:hover {background-position:-132px -68px;}
/* forum */
a.btn-fPost {float:left;display:block; width:179px; height:49px; background-image:url(../images/btn_group_forum_post.gif); background-repeat:no-repeat;}
a.btn-fPost:hover {background-position:-179px 0;}

input.btn-fOk, input.btn-fCnl,
a.btn-fModify, a.btn-fReply, a.btn-fBack {margin:0 2px; background-image:url(../images/btn_form_group.gif); background-repeat:no-repeat; width:103px; height:35px; border:none; cursor:hand;}
a.btn-fModify, a.btn-fReply, a.btn-fBack {float:right; display:block; *padding-top:0;}
a.btn-fReply {background-position:0 -70px;}
a.btn-fBack {background-position:0 -105px;}
a.btn-fModify {background-position:0 -140px;}
input.btn-fOk {float:left; display:block; background-position:0 0;}
input.btn-fCnl {float:left; display:block; background-position:0 -35px;}

/*========== Text ==========*/
.txt-date {padding-right:3px; width:15%; text-align:right;}
.txt-count {padding:3px 0  5px 25px; width:20px; background-image:url(../images/ico_member_count.gif); background-repeat:no-repeat; color:#fff; font-weight:bold; line-height:2;}
	.i1 {background-position:0 0;}
	.i2 {background-position:0 -30px;}
.txt-post { float:left;}
.txt-num {float:right;}
#news .txt-date {width:100px}
#news .txt-link {width:70%;}
#service .txt-num {float:none; margin-right:11px;}

/*========== Element ==========*/
.ico {padding:0 10px 0 27px; *padding-top:4px; height:20px; color:#a4522e; font-weight:bold;background:url(../images/icon.gif) no-repeat;}
.tNews td.ico {width:13%;}
.ico-imp {background-position:0 0;}
.ico-save {background-position:0 -30px;}
.ico-act {background-position:0 -60px;}
.ico-hot {background-position:0 -90px;}
.ico-talk {background-position:-150px 0;}
.ico-quz {background-position:-150px -30px;}
.ico-share {background-position:-150px -60px;}
.ico-oth {background-position:-150px -90px;}
.noBorder {border:none;}

.clear {clear:both;}
.fLeft {float:left;}
.fRight {float:right;}
.break {word-wrap:break-word; width:625px; overflow:auto;}

.fan img, .ad img {border:none;}
.username{
	width: 170px;
	height:40px;
}
.username.break {word-wrap:break-word; width:180px; overflow:auto;}
.searchBar a.search_key{color:#FF3300; margin-left:10px;}
.bold{
	font-weight: bold;
}