@charset "UTF-8";
body {margin:0;padding:0;font-family:"微軟正黑體", "蘋果儷中黑","新細明體";font-weight:bolder; background-position:right bottom;  background-repeat:no-repeat; background-attachment: fixed;}
body.kanban {background-image:url(/images/megull/article/pic00013.gif); }
.radius {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;border:1px solid #87b7e7;}
h3{ margin:0; padding:0;color:#393;font-size:28px; line-height:28px;}
.hidden {display:none;}
.OFHidden {overflow:hidden;}
.cleraBoth { clear:both;}
span.redColor{color:#F00;}	
span.greenColor{color:#393;}
span.greenColor2{ color:#063;}
span.thingrayColor{color:#CCC;}
span.thingrayColor2{color:#AAA;}
span.thingrayColor3{color:#666;}
span.blueColor{color:#3FF;}
span.blueColor2{color:#00F;}
span.roseColor{ color:#F0F;}
span.OrangeColor{color:#F90;}
span.BlackColor{color:#000;}
span.bold {font-weight:bold;}
span.FS10px{ font-size:10px;}
span.FS12px{ font-size:12px;}
span.FS13px{ font-size:13px;}
span.FS14px{ font-size:14px;}
span.FS15px{ font-size:15px;}
span.FS16px{ font-size:16px;}
span.FS17px{ font-size:17px;}
span.FS18px{ font-size:18px;}
span.FS19px{ font-size:19px;}
span.FS20px{ font-size:20px;}
span.FS22px{ font-size:22px;}
span.FF1{ font-family:Arial, Helvetica, sans-serif;}
span.FF2{ font-family: Georgia, Times New Roman, Times, serif;}
a.normal { color:#333;}
a.normal:hover { color:#333;}
pre{
	margin:0;
	font-family:"微軟正黑體", "新細明體";
	line-height: 22px;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 16px;
	white-space: pre-wrap; /* css-3 */ 
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
}
/* 全畫面的長條介面 */
div#MenuMain {position:absolute;padding:8px;color:#FFF;z-index:99999997;top:0;left:0;_height:23px;height:23px \9;	background-image:url(/images/megull/bg1x30.jpg);}
/*div#MenuMain {position:absolute;padding:4px;color:#FFF;z-index:99999997;top:0;left:0;_height:23px;height:23px \9;	background-image:url(/images/megull/bg1x30.jpg); line-height:28px;padding:8px\9;}*/
div#MenuMain a.openMM2,div#MenuMain a.openCM  { border: 1px solid  #FC0;color:#FC0;}

div#MenuMain2 {position:absolute;padding:8px;color:#FFF;z-index:99999998;top:0;	left:0;	background-image:url(/images/megull/bg1x30.jpg);_height:23px;height:23px \9;}
div#MenuMain2 a.openMM2,div#MenuMain2 a.openCM {border: 1px solid  #FC0;color:#FC0;}

div.listWin a.openMM2,div.listWin a.openCM  {border: 1px solid  #FC0;color:#FC0;}


div#MsgMain {position:absolute;padding:8px;color:#FFF;cursor:pointer;z-index:99999999;_height:19px;height:19px \9;height:19px;background-image:url(/images/megull/bg1x30.jpg);}
div#MsgMain div {color:#FFF;}

div#MsgMainHeadPhoto { position:absolute; width:90px; height:90px; overflow:hidden;}


a.MegullWorldBtn { text-decoration:none; color:#FFF;}
/* 選單按鈕 */
a.button {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;padding: 3px;text-decoration:none;border: 1px solid #87b7e7;color:#fff;margin:2px;}
a.button:hover {border: 1px solid #FF6;color:#FF6;}

/* 視窗右上按鈕 */
a.button2 {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;text-decoration:none;border: 1px solid #FFF;color:#FFF;margin:2px;}
a.button2.disable {color:#CCC;border-color:#CCC;}
a.button2:hover {border: 1px solid #FF6;color:#FF6;}
a.button2.disable:hover {color:#CCC;border-color:#CCC;}

a.button3 {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;padding: 3px;text-decoration:none;border: 1px solid #87b7e7;color:#fff;margin:2px;background-image:url(/images/megull/bg1x30.jpg); font-size:10px;}
a.button3:hover {border: 1px solid #FF6;color:#FF6;}

a.button4 {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;padding: 3px;text-decoration:none;border: 1px solid #87b7e7;color:#fff;margin:2px;background-image:url(/images/megull/bg1x30.jpg); font-size:13px;}
a.button4:hover {border: 1px solid #FF6;color:#FF6;}

a.button5 {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;padding: 3px;text-decoration:none;border: 1px solid #87b7e7;color:#fff;margin:2px;background-image:url(/images/megull/bg1x30.jpg); font-size:13px;}
a.button5:hover {border: 1px solid #FF6;color:#FF6;}

a.buttonNotP {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;text-decoration:none;border: 1px solid #87b7e7;color:#fff;margin:2px;background-image:url(/images/megull/bg1x30.jpg); font-size:13px;}
a.buttonNotP:hover {border: 1px solid #FF6;color:#FF6;}

div.allWin.fixing div.dTitle{border-left-radius:5px;border-right-radius:5px;-moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-o-border-bottom-left-radius:5px;-o-border-bottom-right-radius:5px;-khtml-border-bottom-left-radius:5px; -khtml-border-bottom-right-radius:5px;}
div.allWin.fixing div.dContent{	display:none !important;}

div.allWin {position:absolute;top:300px;left:50px;z-index:3;_border-width:0px;border-width:0px \9;}

div.allWin div.dTitle{border-top-left-radius:5px;border-top-right-radius:5px;-moz-top-width-left-radius:5px;-moz-top-width-right-radius:5px;-webkit-top-width-left-radius:5px; -webkit-top-width-right-radius:5px;-o-top-width-left-radius:5px; -o-top-width-right-radius:5px;-khtml-top-width-left-radius:5px; -khtml-top-width-right-radius:5px;border: 1px solid #87b7e7;color:#FFF;padding: 5px;cursor:move;background-image:url(/images/megull/bg1x30.jpg);}
div.allWin div.dContent{background-color:#FFF;color:#333;border: 1px solid #87b7e7;border-left-radius:5px;border-right-radius:5px;-moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-o-border-bottom-left-radius:5px;-o-border-bottom-right-radius:5px;-khtml-border-bottom-left-radius:5px;-khtml-border-bottom-right-radius:5px;padding:10px;text-align:center;overflow:hidden;width:auto; }
div.allWin div.dTitle.mouseclick{ border-top-color:#36C;border-left-color:#36C;border-right-color:#36C;}
div.allWin.fixing div.dTitle.mouseclick{ border-bottom-color:#36C;} 
div.allWin div.dContent.mouseclick{ border-bottom-color:#36C;border-left-color:#36C;border-right-color:#36C;}
input.input-text,textarea.input-text{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;border-color: #87b7e7;margin:0;}/*google預設有margin*/
input.input-button {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;background-image:url(/images/megull/bg1x30.jpg);border-color: #87b7e7;color:#FFF;	font-weight:bolder;margin:0;}
/* 各視窗初始寬高 */
div#LoginContent {width: 250px;}
div#LoginContent div.dContent{	height:98px;}
div#LoginContent div.dContent div{	padding:5px;}

div#AuthenticationContent {width: 290px;}
div#AuthenticationContent div.dContent{	height:98px;}
div#AuthenticationContent div.dContent div{	padding:5px;}

div#MsgLogContent {	width: 500px;}
div#MsgLogContent div.dContent{	height:60px;}
div#MsgLogContent div.dContent div.moveDiv div { text-align:left; }
div#MsgLogContent div.dContent div.moveDiv {	overflow:hidden;}

div#StatusContent {	width: 320px;}
div#StatusContent div.dContent{	height:300px;_height:320px;}
div#StatusContent div.dContent div.right{float:right; width:100px; height:100px; background-color:#000; margin:5px;}
div#StatusContent div.dContent div.left{ float:left; width:170px; text-align:left;}
div#StatusContent div.dContent div.left2{ float:left; width:270px; text-align:left;}
/* //ie6 _font-size: 0px; 因為div高度會以font-size卡在13px */
div#StatusContent div.dContent div.pic{ background-color:#000; height:5px; padding:1px;_font-size: 0px;}
div#StatusContent div.dContent div.left.HPPic div{ background-color:#87b7e7; width:170px; height:3px;}
div#StatusContent div.dContent div.left.SPPic div{ background-color:#87b7e7; width:170px; height:3px;}
div#StatusContent div.dContent div.left2.EXPPic div{ background-color:#87b7e7; width:270px; height:3px;}
div#ItemContent {	width: 320px;}
div#ItemContent div.dContent{	height:320px;_height:420px;}
div#ItemContent div.dContent div.list div.left{	float:left;}
div#ItemContent div.dContent div.list div.right{ float:right;}
div#ItemContent div.dContent div.list div.word{padding:7px 3px 3px 3px;}
div#MissionContent {	width: 320px;}
div#MissionContent div.dContent{	height:320px;_height:420px;}
div#MissionContent div.dContent div{ text-align:left;}
div#MapContent { width: 890px;}
div#MapContent div.dContent{ height:602px;_height:602px; _padding:8px;}
div#ShortcutsContent {	width: 320px;}
div#ShortcutsContent div.dContent{	height:300px;_height:320px;}
div#ShortcutsContent div.dContent div { text-align:left; }
div#SettingsContent {	width: 320px;}
div#SettingsContent div.dContent{	height:300px;_height:320px;}
div#SettingsContent div.dContent div.setF1F7 { text-align:left; }
div#SettingsContent div.dContent div.setKanban { text-align:left; }
div#SettingsContent div.dContent div.setMsgSpeed { text-align:left; }
div#SettingsContent div.dContent div.setMsgSpeed div{ float:left; margin:3px 2px 0 0; width:6px; height:12px; background-color:#000;_font-size:0px;}
div#SettingsContent div.dContent div.setMsgSpeed div.setting{ background-image:url(/images/megull/bg1x30.jpg);}
div#SettingsContent div.dContent div.setMsgSpeed span{ float:left; }
div#SettingsContent div.dContent div.setAWSize { text-align:left; }

div#NewsContent {	width: 320px;}
div#NewsContent div.dContent{	height:300px;_height:320px;}
div#NewsContent div.dContent div.moveDiv div { text-align:left; }
div#NewsContent div.dContent div.moveDiv { overflow:hidden; }

div#JoinContent {	width: 320px;}
div#JoinContent div.dContent{	height:300px;_height:320px;}
div#JoinContent div.dContent div.question { margin:0 auto;overflow:hidden; height:270px;_height:285px; width:289px;}
div#JoinContent div.dContent div.question div.moveDivJoin { height:270px;_height:286px; width:289px;}

div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn textarea {  height:263px;_height:278px; width:283px;}
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div{ text-align:left;}
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div.inputDiv{ padding:4px 5px;}
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div.note{ padding:2px 5px;}
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div.questT{ padding:5px 5px; height:130px; overflow:hidden;}
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div.questC{ padding:2px 5px;float:left; width:132px; color:#393; font-size:15px; overflow:hidden;}
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn {  height:270px;_height:286px; width:289px; margin:0;padding:0; border: 0; }

div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div.right{float:right; width:100px; height:100px; background-color:#000; margin:5px;}
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div.left{ float:left; width:170px; text-align:left;}
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div.left2{ float:left; width:270px; text-align:left;}
/* //ie6 _font-size: 0px; 因為div高度會以font-size卡在13px */
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div.pic{ background-color:#000; height:5px; padding:1px;_font-size: 0px;}
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div.left.HPPic div{ background-color:#87b7e7; width:170px; height:3px;}
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div.left.SPPic div{ background-color:#87b7e7; width:170px; height:3px;}
div#JoinContent div.dContent div.question div.moveDivJoin div.questionIn div.left2.EXPPic div{ background-color:#87b7e7; width:270px; height:3px;}

div#JoinContent div.dContent div.answer { margin-top:10px;}

div#Game1Content {	width: 320px;}
div#Game1Content div.dContent{	height:300px;_height:320px;}
div#Game1Content div.dContent div.question { margin:0 auto;overflow:hidden; height:300px;_height:315px; width:289px;}
div#Game1Content div.dContent div.question div.moveDivGame { height:300px;_height:316px; width:289px;}

div#Game1Content div.dContent div.question div.moveDivGame div.questionIn textarea {  height:263px;_height:278px; width:283px;}
div#Game1Content div.dContent div.question div.moveDivGame div.questionIn div.textL{ text-align:left;}
div#Game1Content div.dContent div.question div.moveDivGame div.questionIn div.textC{ text-align:center;}
div#Game1Content div.dContent div.question div.moveDivGame div.questionIn div.inputDiv{ padding:4px 5px;}
div#Game1Content div.dContent div.question div.moveDivGame div.questionIn div.note{ padding:2px 5px;}
div#Game1Content div.dContent div.question div.moveDivGame div.questionIn div.rightNum span{ font-size:36px;}
div#Game1Content div.dContent div.question div.moveDivGame div.questionIn div.Log { padding:4px 6px;}
div#Game1Content div.dContent div.question div.moveDivGame div.questionIn {  height:300px;_height:316px; width:289px; margin:0;padding:0; border: 0; }
div#Game1Content div.dContent div.question div.moveDivGame div.questionIn div.top10 { padding:3px 6px;}

div.listWin {width: 250px;}
/*div#JavascriptContent div.dTitle { _height:0px; } ie6沒設定高時英文異常*/
div.listWin div.dContent {height:320px; text-align:left;}
/*white-space:nowrap;  ie6會稱開寬度*/
/*width:228px;  ie6會稱開寬度*/

div.listWin div.dContent div.moveDiv div.search { padding-bottom:5px;}

div.listWin div.dContent div.moveDiv div.list { _width:228px;}
div.listWin div.dContent div.moveDiv div.list div { float:left; padding:6px 2px;}
div.listWin div.dContent div.moveDiv {	overflow:hidden;}

div.detailWin {width: 622px;}
div.detailWin div.dContent {height:320px; text-align:left;}
div.detailWin div.dContent div.moveDiv {	overflow:hidden;}
div.detailWin div.dContent div.moveDiv div.refresh div.ajaximg { margin: 20px auto; height:19px; width:220px;}
div.detailWin div.dContent div.moveDiv div.guestbook { margin: 3px auto; text-align:center;}
div.detailWin div.dContent div.moveDiv div.guestbook textarea{  height:32px; width:98%; margin-bottom:5px;}
div.detailWin div.dContent div.moveDiv div.refresh div.guestbookList {  margin-bottom:5px;}
div.detailWin div.dContent div.moveDiv div.refresh div.guestbookList div.answer{  border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px; border:1px solid #87b7e7; padding:4px;}
 

div#OnlineContent {	width: 250px;}
div#OnlineContent div.dContent{	height:300px;_height:320px;}
div#OnlineContent div.dContent div.moveDiv div { text-align:left; padding:2px;}
div#OnlineContent div.dContent div.moveDiv { overflow:hidden; }

div#ConfirmationContent {width: 220px;}
div#ConfirmationContent div.dContent{height:78px;}
div#ConfirmationContent div.dContent div.msg{ padding: 5px 0; height:42px; }

div#VerContent {width: 250px;}
div#VerContent div.dContent{	height:98px;}
div#VerContent div.dContent div { text-align:left; padding:2px; }


/*div#SampleContent,div#SampleContent div.dContent,div#SampleContent div.dContent div.moveDiv {
	height:100%;
}
*/
div#SampleContent div.dContent div.moveDiv {
	height:100%;
}
div.share {
	height:20px;
	width:80px;
	float:left;
}