/*
Global setting
*/
html{font-size:13px;font-family:arial;}

a{text-decoration:none;color:#000000;cursor:pointer}
a:hover{color:#f00;}


a.link{text-decoration:none;color:#000;cursor:pointer}
a:hover.link{color:#f00;}


a.blue_link{text-decoration:none;color:blue;cursor:pointer}
a:hover.blue_link{color:red;}



a.on{color:#f00;}
p{margin:0;}
.fontsize{font-size:12px}
.fontcolor{color:#000;}

td{color:black;font-size:15px;}

.p_title{font-weight:bold; color:#ff711b;}
.p_title a{font-weight:bold; color:#ff711b;}
.p_title a:hover{font-weight:bold; color:#ff711b;text-decoration:underline}
.p_content{color:#666666}
.textfield{font-size:12px;border:1px solid #D0DDE5; height:19px;margin:0;padding:0}
.dot_line{height:1px;background:url(../images/h_dot.gif) repeat-x top left;}
.ImageWrapper{border:1px solid #ddd;background:#ffffff;display:block}
.ImageWrapper img{margin:5px}
body{color:#666666;background:#3A5D8C;font-size:13px}
.red{color:red;font-size:12px;}

/* Copyright   */
.copyright{clear:both;float:none;line-height:22px;font-size:12px;}

/* Menu */
.menu a{color:#3b2107}
.menu a:hover{color:#ff711b;}

/*
Common
*/

.align_left{text-align:left}
.align_right{text-align:right}
.align_center{text-align:center}
.align_top{vertical-align:top}
.align_bottom{vertical-align:bottom}
.align_middle{vertical-align:middle}
.black_border{border:1px solid black}
.float_left{float:left}
.float_right{float:right}
.float_none{float:none}
.clear_both{clear:both}
.noborder{border:none}
.bold{font-weight:bold}
.no_margin{margin:0}
.border_dash{border:1px dashed #ccc}
.pointer{cursor:pointer}


/*
layout
*/
.MainWrapper{text-align:center;}
.container{margin:0 auto;width:960px;position:relative;}

.Banner{margin:2px 0;}
.TitleBar{}
.SwapContent{min-height:350px;background:#fff;padding-left:25px;padding-right:20px;padding-top:10px;}
.Copyright{background:#fff;color:#000;}










/* TopMenu */

.TopMenu{list-style:url(../images/arrow.jpg);color:#fff;margin:0 0 30px 0;padding:0;font-size:12px;}
.TopMenu li{display:inline;margin:0 0 0 5px;}
.TopMenu li a{color:#fff;}
.TopMenu li a:hover{color:#fff;text-decoration:underline;}



/* LeftMenu */

.LeftMenu{list-style:url(../images/arrow.jpg);color:#fff;margin:30px 0 30px 0;padding:0;}
.LeftMenu li{display:inline;list-style-position: outside;font-weight:bold;}
.LeftMenu li.sepLine{background:#CCCCCC;height:3px;width:100%;margin:2px 0;}
.LeftMenu li a{color:ccc;display:block;color:#000;}
.LeftMenu li a:hover{color:#0066FF;}
.LeftMenu li a span{position:relative; left:15px;width:200px}


.LeftSubMenu{list-style:url(../images/arrow.jpg);color:#fff;margin:10px 0 10px 0;padding:0;}
.LeftSubMenu li{display:inline;list-style-position: outside;font-weight:bold;}
.LeftSubMenu li.sepLine{background:#CCCCCC;height:3px;width:100%;margin:2px 0;}
.LeftSubMenu li a{color:ccc;display:block;color:#000;padding-bottom:4px;padding-right:15px;}
.LeftSubMenu li a:hover{color:#0066FF;background:url(../images/popup_sub_menu_left_arrow.gif) no-repeat;}
.LeftSubMenu li a span{position:relative; left:15px;width:200px}


/* Banner */




/* Paging */
.PagingWrapper{clear:both;float:none;}
.PagingWrapper .Paging{margin:10px 5px 2px 0;}
.PagingWrapper .Paging span{float:left;}
.PagingWrapper .Paging span a{display:block;padding:2px 5px; margin:2px}
.PagingWrapper .Paging span a.number{border:1px solid #dddddd;height:22px;width:20px;}
.PagingWrapper .Paging span a.number_on{border:1px solid #ff711b;height:22px;width:20px;}
.PagingWrapper .Paging span a:hover.number{background:#fae8ca;border:1px solid #ff711b;}
.PagingWrapper .Paging span .prev, .PagingWrapper .Paging span .next, .PagingWrapper .Paging span .info{position:relative;top:5px;}



.subtitle {color:#993300;font-size:16px;font-weight:bold;}
.subtitle_black {color:#000000;font-size:16px;font-weight:bold;}
.subtitle_black2 {color:#000000;font-size:16px;}
.num_content {padding-top:7px;}
.num_content_2 {padding-top:6px;}
.arrow_content{padding-top:3px;}
.point_content{padding-top:0px;}

.subMenuListItem a{color:#2572E6}
.subMenuListItem a:hover{color:#f00;}













/*
New
*/

.BlueToneTips{ color:black;font-size:18px;font-weight:bold;position:relative;left:33px; bottom:7px;}
.BlueToneTips td.word{ color:black;font-size:18px;font-weight:bold;padding-bottom:5px;}
.InsideContentWrapper{width:550px;margin:0 0 0 19px;}
.ListStyle{}
.title{color:black;font-size:18px;}
.content{text-align:justify;}
.arrow_orange{list-style:url(../images/chapter01/arrow_chapter1_orange.gif)}

.click_display{float:right}

/*
Chapter 1 
*/

.FrameStyleChapter1{}
.FrameStyleChapter1 .top{background:url(../images/chapter01/frame_01.jpg) no-repeat; width:590px; height:75px;}
.FrameStyleChapter1 .middle{background:url(../images/chapter01/frame_02.jpg)  repeat-y; width:590px;}
.FrameStyleChapter1 .bottom{background:url(../images/chapter01/frame_03.jpg)  no-repeat;width:590px; height:24px;}


.FrameStyleChapter1_2{}
.FrameStyleChapter1_2 .top{background:url(../images/chapter01/frameStyle2_01.jpg) no-repeat; width:590px; height:31px;}
.FrameStyleChapter1_2 .middle{background:url(../images/chapter01/frameStyle2_02.jpg)  repeat-y; width:590px;}
.FrameStyleChapter1_2 .bottom{background:url(../images/chapter01/frameStyle2_03.jpg)  no-repeat;width:590px; height:35px;}



/*
Chapter 5
*/
.FrameStyleChapter5_2{}
.FrameStyleChapter5_2 .top{background:url(../images/chapter05/frameStyle2_01.jpg) no-repeat; width:590px; height:31px;}
.FrameStyleChapter5_2 .middle{background:url(../images/chapter05/frameStyle2_02.jpg)  repeat-y; width:590px;}
.FrameStyleChapter5_2 .bottom{background:url(../images/chapter05/frameStyle2_03.jpg)  no-repeat;width:590px; height:24px;}





/*
Chapter 6
*/
.FrameStyleChapter6{}
.FrameStyleChapter6 .top{background:url(../images/chapter06/frame_01.jpg) no-repeat; width:590px; height:75px; }
.FrameStyleChapter6 .middle{background:url(../images/chapter06/frame_02.jpg)  repeat-y; width:590px;}
.FrameStyleChapter6 .bottom{background:url(../images/chapter06/frame_03.jpg)  no-repeat;width:590px; height:24px;}

.FrameStyleChapter6_2{}
.FrameStyleChapter6_2 .top{background:url(../images/chapter06/frameStyle2_01.jpg) no-repeat; width:590px; height:31px;}
.FrameStyleChapter6_2 .middle{background:url(../images/chapter06/frameStyle2_02.jpg)  repeat-y; width:590px;}
.FrameStyleChapter6_2 .bottom{background:url(../images/chapter06/frameStyle2_03.jpg)  no-repeat;width:590px; height:24px;}



/*
Chapter 7
*/
.FrameStyleChapter7{}
.FrameStyleChapter7 .top{background:url(../images/chapter07/frame_01.jpg) no-repeat; width:590px; height:75px;}
.FrameStyleChapter7 .middle{background:url(../images/chapter07/frame_02.jpg)  repeat-y; width:590px;}
.FrameStyleChapter7 .bottom{background:url(../images/chapter07/frame_03.jpg)  no-repeat;width:590px; height:24px;}

.FrameStyleChapter7_2{}
.FrameStyleChapter7_2 .top{background:url(../images/chapter07/frameStyle2_01.jpg) no-repeat; width:590px; height:31px;}
.FrameStyleChapter7_2 .middle{background:url(../images/chapter07/frameStyle2_02.jpg)  repeat-y; width:590px;}
.FrameStyleChapter7_2 .bottom{background:url(../images/chapter07/frameStyle2_03.jpg)  no-repeat;width:590px; height:24px;}

/*
Chapter 4
*/
.page_04_faq{font-size:15px}
.page_04_faq .question{border:2px solid #4FC1E6;background:#DDFFFF;display:block;color:#000;text-align:left;padding:5px;margin:10px 0; font-weight:bold;}
.page_04_faq .answer{border:2px solid #3F9FCF;color:#000;text-align:left;padding:5px;margin:20px 0;}
.page_04_faq a.ques{border:2px solid #4FC1E6;background:#DDFFFF;display:block;color:#000;text-align:left;padding:5px;margin:10px 0;font-weight:bold;}
.page_04_faq a:hover.ques{border:2px solid #FF9999;background:#FFFFEC;color:#000;}
.page_04_faq .num{float:left;width:40px}
.page_04_faq .text{width:540px;}

.gamelink {color:black;font-size:16px;font-weight:bold;}
.gamelink:hover{color:#CE9ECE;}