@charset "utf-8";

/**
*  contents
**/

html, body {
	background: #c5c5c5 url('/img/bg_sub.gif') repeat-x 0 0;
}

small { font-size: .9em; letter-spacing: -1px; }

#wrapper { width: 100%; }

#header { position: relative; width: 950px; height: 40px; margin: 0 auto; }
#header p.lang { position: absolute; top: 0; right: 0; }

#navigation { width: 950px; height: 206px; margin: 0 auto; }
#navigation #visual { float: left; }
#navigation #history { float: left; width: 128px; background: url('/img/bg_history_btm.gif') no-repeat left bottom; }
#navigation #history .history { padding: 0 0 7px; background: url('/img/bg_history_top.gif') no-repeat left top; }
#navigation #history .history li { padding: 4px 0 4px 10px; font-size: 0; line-height: 1; }
#navigation #history .history li a			{ display: block; width: 111px; height: 10px; text-indent: -3000em; background-repeat: no-repeat; background-position: 0 0; }
#navigation #history .history li a:hover,
#navigation #history .history li.current a	{ background-position: 0 -10px; }
#navigation #history .history li.taiwan a	{ background-image: url('/img/history_taiwan.gif'); }
#navigation #history .history li.china a	{ background-image: url('/img/history_china.gif'); }
#navigation #history .history li.thailand a	{ background-image: url('/img/history_thailand.gif'); }
#navigation #history .history li.korea a	{ background-image: url('/img/history_korea.gif'); }
#sub-navigation { clear: both; width: 560px; margin: 0 auto; overflow: hidden; }
#sub-navigation li { float: left; padding: 13px 30px; background: url('/img/menu_border.gif') no-repeat 100% 15px; }
#sub-navigation li.last-child { background: url(''); }

#container { width: 100%; background: #e3e4e4 url('/img/bg_content.gif') no-repeat 50% 100%; }
#content {
	position: relative;
	width: 930px;
	/* min-height: 300px;
	height: auto !important;
	height: 300px; */
	margin: 0 auto; padding: 20px 10px;
	background: url('/img/bg_container.gif') no-repeat 0 0;
	overflow: hidden;
}

#sub-wrapper { width: 100%; }
#sub-container { width: 100%; background: #e3e4e4 url('/img/bg_sub_content.gif') no-repeat 50% 100%; }
#sub-content {
	position: relative; width: 930px; margin: 0 auto; padding: 20px 10px;
	background: url('/img/bg_sub_container.gif') no-repeat 0 0;
	overflow: hidden;
}
#sub-wrapper #quick-link { display: none !important; }

.will-update { display: none; position: absolute; top: 237px; left: 0; z-index: 100; }

#quick-link { position: absolute; top: 256px; left: 50%; margin: 0 0 0 400px; background: url('/img/quick_btm.gif') no-repeat left bottom; }
#quick-link ul { margin: 0 0 11px 11px; }
#quick-link ul li img { }

#footer { padding: 15px 0 25px; border-top: 1px solid #b4b4b4; text-align: center; }


.box-full { background: url('/img/fullbox_btm.gif') no-repeat left bottom; }
.box-full-content { position: relative; background: url('/img/fullbox_top.gif') no-repeat left top; }

ul li.last-child { background: none !important; }

/* 메인페이지 */
#photo-section { float: left; width: 493px; }
#info-section { float: left; width: 331px; margin: 0 0 0 15px; }

#photo-frame { position: relative; width: 100%; margin: 0 0 18px; border: 3px solid #cdcdcd; }
#photo-frame span.prev { position: absolute; top: 302px; left: 10px; }
#photo-frame span.next { position: absolute; top: 302px; right: 10px; }
#photo-view { border-bottom: 3px solid #cdcdcd; }
#photo-list { position: relative; width: 448px; height: 75px; margin: 6px 23px; overflow: hidden; z-index: 0; }
#photo-list ul { position: absolute; width: 30000px; z-index: 10; }
#photo-list ul li { float: left; padding: 0 5px; }
#photo-list ul li img { border: 1px solid #cdcdcd; }

#party-summary { width: 100%; }
#party-summary h2 { margin: 2px 0 5px 5px; }
#party-summary ul { width: 311px; height: 240px; padding: 4px 10px 0; background: url('/img/summary_box.gif') no-repeat 0 0; }
#party-summary ul li { padding: 4px 0 4px 7px; background: url('/img/dot_border.gif') no-repeat 0 100%; }
#party-summary ul li.last-child { background: none; }
#party-summary ul li strong { color: #1956e0; }
#party-summary ul li img { display: block; margin: 0 0 3px -7px; }
#party-summary ul li table { /*width: 280px;*/ margin: 3px 0 0; border: 1px solid #bababa; }
#party-summary ul li table img { display: inline !important; margin: 0 !important; }
#party-summary ul li table th { width: 65px; height: 20px; font-size: 0; border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; background-color: #fffdd8; }
#party-summary ul li table td { width: 65px; padding: 2px 0; text-align: center; }
#party-summary ul li table td em { font-style: normal; color: #7b7b7b; }

#party-summary ul.in-china li { padding: 3px 0 3px 7px !important; }
#party-summary ul.in-china li img { margin-bottom: 1px !important; }
#party-summary ul.in-china li span { font-weight: bold; }
#party-summary ul.in-china-en li { line-height: 110% !important; }

#party-summary ul.in-taiwan li { padding: 4px 0 7px 7px !important; }
#party-summary ul.in-taiwan li img { display: inline; margin-bottom: 0 !important; padding-right: 5px; vertical-align: middle; }
#party-summary ul.in-taiwan li table th,
#party-summary ul.in-taiwan li table td { width: 75px; }

#party-summary ul.in-taiwan-en { height: 259px; background: url('/img/summary_box2.gif') no-repeat 0 0; }
#party-summary ul.in-taiwan-en li { padding: 2px 0 4px 7px !important; }

#party-banner { margin: 15px 0 0; }

#party-team { clear: both; width: 845px; }
#party-team h2 { margin: 0 0 5px 5px; }
.party-team-list { width: 857px; margin-left: -10px; padding: 8px 0; background: url('/img/team_list_border.gif') no-repeat 50% 10px; overflow: hidden; }
.party-team-list li { float: left; width: 387px; padding: 5px 20px; background: url('/img/dot_border.gif') no-repeat 20px 100%; }
.party-team-list li.last-child { background: none !important; }
.party-team-list li img { vertical-align: middle; }

#party-award { width: 499px; background: url('/img/award_top.gif') no-repeat 0 23px; }
#party-award h2 { padding: 0 0 10px 5px; }
.award-list { width: 484px; padding: 3px 0 5px 15px; background: url('/img/award_btm.gif') no-repeat left bottom; overflow: hidden; }
.award-list li { float: left; width: 235px; padding: 5px 0; background: url('/img/award_border.gif') no-repeat 0 100%; }
.award-list li img { vertical-align: middle; }

.award-list.china-award { padding-top: 0 !important; background: url('/img/award_china_btm.gif') no-repeat left bottom; }
.award-list.china-award li { float: none !important; width: 280px !important; }

#party-award.taiwan-award { margin: 10px 0 0; padding: 3px 0 0; background: url('/img/award_top.gif') no-repeat 0 0; }
#party-award.taiwan-award .award-list { padding-top: 0 !important; background: url('/img/award_china_btm.gif') no-repeat left bottom; }
#party-award.taiwan-award .award-list li { float: none !important; width: 280px !important; }

/* in KOREA / in THAILAND */
#info-section #party-team { width: 331px; background: url('/img/jointeam_top.gif') no-repeat 0 37px; }
#info-section #party-team h2 { padding: 15px 0 5px 5px; }
#info-section .party-team-list { width: 331px; margin: 0; padding: 2px 0; background: url('/img/jointeam_btm.gif') no-repeat left bottom; }
#info-section .party-team-list li { float: none; width: auto; padding: 5px 15px; background: url('/img/dot_sborder.gif') no-repeat 15px 100%; }


/* rules */
#rules { }
#rules h3 { margin: 15px 0 0; font-size: 12px; color: #000; }
#rules h4 { font-size: 12px; color: #2f2f2f; }
ol.rules-list { position: relative; margin: 10px 0 20px; z-index: 1; }
ol.rules-list li { padding: 2px 0 2px 25px; background-repeat: no-repeat; background-position: 0 2px; }
ol.rules-list li.no01 { background-image: url('/img/no01.gif'); }
ol.rules-list li.no02 { background-image: url('/img/no02.gif'); }
ol.rules-list li.no03 { background-image: url('/img/no03.gif'); }
ol.rules-list li.no04 { background-image: url('/img/no04.gif'); }
ol.rules-list li.no05 { background-image: url('/img/no05.gif'); }
ol.rules-list li.no06 { background-image: url('/img/no06.gif'); }
ol.rules-list li.no07 { background-image: url('/img/no07.gif'); }
ol.rules-list li.no08 { background-image: url('/img/no08.gif'); }
ol.rules-list li.no09 { background-image: url('/img/no09.gif'); }
ol.rules-list li.no10 { background-image: url('/img/no10.gif'); }
ol.rules-list li.no11 { background-image: url('/img/no11.gif'); }
ol.rules-list li.no12 { background-image: url('/img/no12.gif'); }
ol.rules-list p.attach-image { margin: 5px 0 0 -25px; }
ol.rules-list li ul { margin: 3px 0 0 -20px; padding: 0; }
ol.rules-list li ul li { margin: 0; padding-left: 0; color: #2f2f2f; }
ul.rules-list { position: relative; margin: 10px 0 20px; z-index: 1; }
ul.rules-list li { padding: 2px 0 2px 15px; background: url('/img/bul_ul.gif') no-repeat 0 5px; }
ul.rules-list li.last-child { background: none !important; }
ul.rules-list strong { font-weight: normal; color: #bf1111; }
ul.rules-list span { font-weight: bold; }
ul.rules-list li ul { }
ul.rules-list li ul li { padding-left: 10px; background-image: url('/img/bul_ul_ul.gif'); }
ul.rules-list p.attach-image { margin: 5px 0 0 -15px; }
table.rules { width: 929px; margin: 10px 0 0; }
table.rules th, table.rules td { padding: 3px 5px; border: 1px solid #bfbfbf; }
table.rules th { font-weight: normal; background-color: #e8e8e8; }
table.rules td { line-height: 170%; text-align: center; vertical-align: top; }

table#TAIWAN th { padding: 5px; font-weight: bold; }
table#TAIWAN td { width: 154px; }

/* sketch */
#sketch p { margin: 10px 0 20px; }
#sketch p span.writer { color: #898989; }
#sketch-frame { width: 930px; margin: 10px 0 0; background: url('/img/sketch_frame_btm.gif') no-repeat left bottom; }
.sketch-list { width: 836px; padding: 14px 47px; background: url('/img/sketch_frame_top.gif') no-repeat left top; overflow: hidden; }
.sketch-list li { float: left; padding: 7px 10px; }
.sketch-list li img { border: 1px solid #d9d9d9; }

/* joins */
.joins-list { margin: -20px 0 0; }
.joins-list li { padding: 20px 0 0; }
.joins-list li dl { width: 100%; overflow: hidden; }
.joins-list li dl dt { float: left; width: 284px; }
.joins-list li dl dt img { border: 2px solid #bfbfbf; }
.joins-list li dl dt ul { margin: 15px 0 0; }
.joins-list li dl dt ul li { padding: 0 0 0 10px; font-size: 11px; font-family: "tahoma"; color: #0a64bc; background: url('/img/bul_ul_li.gif') no-repeat 2px 7px; }
.joins-list li dl dt ul li p { color: #999; }
.joins-list li dl dd { float: right; width: 646px; }
.joins-list li dl dd p { }
.joins-list li dl dd table { width: 646px; margin: 10px 0 0; }
.joins-list li dl dd table th, .joins-list li dl dd table td { padding: 4px 0; border: 1px solid #bfbfbf; }
.joins-list li dl dd table thead th { font-weight: normal; background-color: #e8e8e8; }
.joins-list li dl dd table th.name, .joins-list li dl dd table td.name	{ width: 90px; }
.joins-list li dl dd table tbody th { padding: 0; }
.joins-list li dl dd table tbody td { text-align: center; }
.joins-list li dl dd table img { display: block; }
.joins-list li dl dd table col.photo	{ width: 65px; }
.joins-list li dl dd table col.name		{ width: 90px; }
.joins-list li dl dd table col.birth	{ width: 62px; }
.joins-list li dl dd table col.code		{ width: 83px; }
.joins-list li dl dd table col.pos		{ width: 83px; }
.joins-list li dl dd table col.main		{ width: 98px; }
.joins-list li dl dd table col.sub		{ width: 93px; }
.joins-list li dl dd table col.remark	{ width: 63px; }

/* results */
#results h3 { clear: both; margin: 15px 0 5px 0; padding-left: 15px; font-size: 1em; background: url('/img/bul_h3.gif') no-repeat 0 2px; }
#results h4 { margin: 0 0 5px; padding-left: 9px; font-size: 1em; color: #ff5a00; background: url('/img/bul_h4.gif') no-repeat 3px 5px; }
#results h4 em { font-style: normal; color: #2f2f2f; }
.match-result { margin: 10px 0 20px 10px; }
.match-result.match-china,
.match-result.match-taiwan { margin-left: 0 !important; }

.award-table { width: 930px; margin: 10px 0 20px; }
.award-table th, .award-table td { padding: 4px 0; border: 1px solid #bfbfbf; text-align: center; font-weight: normal; }
.award-table th { background: #e8e8e8; }
.award-table th.level	{ width: 42px; }
.award-table th.country { width: 95px; }
.award-table th.team	{ width: 120px; }
/*.award-table th.member	{ width: px; }*/
.award-table th.award	{ width: 75px; }
.award-table.match-china tbody td { height: 40px !important; }
.award-table.match-taiwan th.rank	 { width: 111px; }
.award-table.match-taiwan th.team	 { width: 271px; }
.award-table.match-taiwan th.country { width: 271px; }
.award-table.match-taiwan th.awards	 { width: 272px; }
.award-mvp { margin: -15px 0 20px; float: right; }
.award-mvp th, .award-mvp td { padding: 4px 0; border: 1px solid #bfbfbf; }
.award-mvp th { width: 75px; color: #fff; background: #7769ff; }
.award-mvp td { width: 288px; padding-left: 10px; }
.award-mvp.match-taiwan td { width: 180px; font-weight: bold; }

.result-table { width: 930px; /*table-layout: fixed;*/ }
.result-table th, .result-table td { padding: 4px 0; border: 1px solid #bfbfbf; text-align: center; font-weight: normal; }
.result-table th.team  { width: 80px; }
.result-table th.round { width: 320px; background: #e8e8e8; }
.result-table th.score { width: 50px; background: #ffdfb5; }
.result-table td.red-team { color: #bf1111; }
.result-table td.blue-team { color: #1157bf; }

.result-match-info.first-table { margin-top: 10px !important; }
.result-match-info { width: 340px; margin: 20px 0 0; table-layout: fixed; }
.result-match-info th, .result-match-info td { padding: 5px 0; border: 1px solid #bfbfbf; text-align: center; font-weight: normal; }
.result-match-info th { background: #e8e8e8; }

.result-match-result { width: 930px; margin: 10px 0 0; table-layout: fixed; }
.result-match-result th, .result-match-result td { padding: 5px 0; border: 1px solid #bfbfbf; text-align: center; font-weight: normal; }
.result-match-result th { background: #e8e8e8; }
.result-match-result th.team  { width: 120px; }
.result-match-result th.score { width: 70px; }

.match-wrap { width: 936px; margin: 0 0 0 -20px; overflow: hidden; }
.match-teams { display: inline; float: left; margin: 0 0 0 20px; }

/* definition table cell size */
th.team, td.team { width: 65px; }
th.round, th.win, th.lose, th.kill, th.death,
td.round, td.win, td.lose, td.kill, td.death { width: 40px; }
th.codename, td.codename { width: 120px; }
th.kill-death, td.kill-death { width: 60px; }

table.match-result { width: 448px; margin: 0 0 10px; }
table.match-result th, table.match-result td { padding: 2px 0; font-weight: normal; text-align: center; border: 1px solid #bfbfbf; }
table.match-result thead th { background-color: #e8e8e8; }
table.match-result tbody th.home { background-color: #9cc2ff; }
table.match-result tbody th.away { background-color: #ffacac; }
table.match-result tr.match-total td { background-color: #ffdfb5; }
table.match-result  tr.round-total td { background-color: #e8e8e8; }

table.match-result.match-total { background-color: #fedbdb; }

/* 2009 match result table */
table.match-2009-result { width: 100%; margin: 10px 0; }
table.match-2009-result th,
table.match-2009-result td { padding: 4px 0 6px; font-size: 11px; font-family: tahoma; text-align: center; border: 1px solid #bfbfbf; }
table.match-2009-result thead th,
table.match-2009-result thead td { background: #e8e8e8; }
table.match-2009-result td.k,
table.match-2009-result td.d,
table.match-2009-result td.kd { width: 30px; }
table.match-2009-result tr.stotal td { background: #e8e8e8; }
table.match-2009-result tr.total td { background: #d3eeff; }
table.match-2009-result thead td.mvp { background: #cfcff1; }
table.match-2009-result th.mvp { background: #cbcbed; }
table.match-2009-result td.mvp { background: #ddddff; }
table.match-2009-result tr.stotal td.mvp { background: #cfcff1 !important; }
table.match-2009-result tr.total td.mvp { background: #bacfff !important; }
table.match-2009-result .player,
table.match-2009-result .k { border-left: 1px solid #999 !important; }

.top-button { width: 916px; margin: -3px 0 0; text-align: right; }