@import url("_reset.css");
body {line-height:1.5em; font-family:Verdana,"新細明體";}
.strong {color:#fffc00;}
p {margin-bottom:1em;}
h1 {margin-bottom:1em;}
.txt {font-size: 12px; color: #5D5D5D; line-height: 15px; font-family: Arial;}

.s_01 {font-size: 12px; color: #595959; line-height: 17px;}
.s_01 a:link {color: #595959;}
.s_01 a:visited {color: #595959; }
.s_01 a:active {color: #595959; }
.s_01 a:hover {color: #FF8600; text-decoration: underline;}

.s_02 {font-size: 12px; color: #ab4c18; line-height: 17px;}
.s_02 a:link {color: #ab4c18;}
.s_02 a:visited {color: #ab4c18; }
.s_02 a:active {color: #ab4c18; }
.s_02 a:hover {color: #8F44A8; text-decoration: underline;}

.s_03 {font-size: 18px; color: #5B3575; line-height: 21px; font-family: "華康中黑體(P)", Arial; font-weight: bold}

.s_04 { font-size: 18px; color: #244B57; line-height: 21px; font-family: "華康中黑體(P)", Arial; font-weight: bold}
.s_04 a:link {color: #244B57; }
.s_04 a:visited {color: #244B57;}
.s_04 a:active {color: #244B57;}
.s_04 a:hover {color: #FF6600; text-decoration: underline;}

.s_05 {font-size: 12px; color: #2D9199; line-height: 17px;}
.s_05 a:link {color: #2D9199;}
.s_05 a:visited {color: #2D9199;}
.s_05 a:active {color: #2D9199;}
.s_05 a:hover {color: #FF8600; text-decoration: underline;}

.s_06 {font-size: 12px; color: #4A8118; line-height: 17px;}
.s_06 a:link {color: #4A8118;}
.s_06 a:visited {color: #4A8118;}
.s_06 a:active {color: #4A8118;}
.s_06 a:hover {color: #993333; text-decoration: underline;}

.s_07 {font-size: 12px; color: #F16701; line-height: 17px}
.s_07 a:link {color: #F16701;}
.s_07 a:visited {color: #F16701}
.s_07 a:active {color: #F16701;}
.s_07 a:hover {color: #993333; text-decoration: underline;}

.s_08 {font-size: 12px; color: #7059AC; line-height: 17px}
.s_08 a:link {color: #7059AC;}
.s_08 a:visited {color: #7059AC;}
.s_08 a:active {color: #7059AC;}
.s_08 a:hover {color: #FF8600; text-decoration: underline;}

.s_09 {font-size: 12px; color: #B44389; line-height: 17px}
.s_09 a:link {color: #B44389;}
.s_09 a:visited {color: #B44389;}
.s_09 a:active {color: #B44389;}
.s_09 a:hover {color: #FF8600; text-decoration: underline;}

.s_10 {font-size: 12px; color: #333333; line-height: 17px; font-weight: bold; font-family: Arial;}
.s_10 A:link {color: #ab4c18; font-weight: normal;}
.s_10 A:visited {color: #ab4c18;}
.s_10 a:active {color: #ab4c18;}
.s_10 A:hover {color: #333333; font-weight: bold; text-decoration: underline}

.s_11 {font-size: 12px; color: #fddb9b; line-height: 17px;}
.s_11 A:link {color: #fddb9b;}
.s_11 A:visited {color: #fddb9b;}
.s_11 a:active {color: #fddb9b;}
.s_11 A:hover {color: #ffffff;}

.s_12 {font-size: 12px; color: #ffffff; line-height: 17px;}
.s_12 a:link {color: #ffffff;}
.s_12 a:visited {color: #ffffff;}
.s_12 a:active {color: #ffffff;}
.s_12 a:hover {color: #FFCC00;}

.s_13 {font-size: 12px; color: #D9CCF4; line-height: 17px;}

.s_14 {font-size: 12px; color: #645395; line-height: 16px;}
.s_14 a:link {font-size: 12px; color: #9e5824; line-height: 16px;}
.s_14 a:visited{font-size: 12px; color: #9e5824; line-height: 156px;}
.s_14 a:hover{font-size: 12px; color: #0E7467; line-height: 16px;}

.s_15 {font-size: 16px; color: #a13d1e; line-height: 20px; font-family: "華康中黑體(P)", Arial;  font-weight: bold;}

.s_16 {font-size: 12px; color: #fcd663; line-height: 16px;}
.s_16 a:link {color: #ffffff;}
.s_16 a:visited {color: #ffffff;}
.s_16 a:active {color: #ffffff;}
.s_16 a:hover {color: #fdfb3e;}

.s_17 {font-size: 12px; color: #0d0276; line-height: 16px;}
.s_17 a:link {color: #996699;}
.s_17 a:visited {color: #996699;}
.s_17 a:active {color: #996699;}
.s_17 a:hover {color: #fd7f03; text-decoration: underline;}

.s_18 {font-size: 12px; color: #ffffff; line-height: 17px;}
.s_18 a:link {color: #fcd663;}
.s_18 a:visited {color: #fcd663;}
.s_18 a:active {color: #fcd663;}
.s_18 a:hover {color: #FFFF66; text-decoration: underline;}

.s_19 {font-size: 13px; color: #fffa79; line-height: 17px; font-weight: bold;}

.s_20 {font-size: 13px; color: #eef9c3; line-height: 17px; font-weight: bold;}

.s_21 {font-size: 13px; color: #FFFFFF; line-height: 17px; font-weight: bold; font-family: Arial;}

.s_22 {font-size: 25px; color: #F8720E; line-height: 20px; font-family: Georgia, "Times New Roman", Times, serif;}

.s_23 {font-size: 18px; color: #B44389; line-height: 22px; font-family: "華康中黑體(P)", Arial;}

.s_24 {font-size: 18px; color: #FFFFFF; line-height: 21px; font-family: "華康中黑體(P)", Arial;}

.s_25 {font-size: 15px; color: #333333; line-height: 21px; font-family: "華康中黑體(P)", Arial;}

.s_26 {font-size: 15px; color: #5B3575; line-height: 18px; font-family: "華康中黑體(P)", Arial; font-weight: bold;}

.s_27 {font-size: 13px; color: #333333; line-height: 21px; font-family: "華康中黑體(P)", Arial; font-weight: bold;}

.s_28 {font-size: 13px; color: #244B57; line-height: 21px; font-family: "華康中黑體(P)", Arial; font-weight: bold;}

/*-------------------------------------------------------------------------------------------------------------------------------------
內容設定
-------------------------------------------------------------------------------------------------------------------------------------*/
/*預設所有寬度1000px置中，高度955px*/
.section {height:955px;position:relative;}
.content {width:1000px;margin:0px auto;}

/*Intro設定*/
#intro {background:url('../images/intro.jpg') center top no-repeat; height:955px;}

/*------------------------------------------------------------------------------------------------------------------------------------- 
page
-------------------------------------------------------------------------------------------------------------------------------------*/
#wrapper { width:100%; min-width: 980px; height: 955px; background: url('images/bg.jpg') center 45px no-repeat; }
#wrapper .game_logo { position: absolute; z-index: 4; top: 100px; width: 100%; min-width: 980px; }
#wrapper .game_logo li { margin: 0 auto; width: 950px; text-indent:-9999px;}
#wrapper .game_logo li a { display: block; margin-left: 130px; width: 212px; height: 151px; }

.pic_s { position: absolute; top: 60px; width: 100%; min-width: 980px; }
.pic_s li { margin: 0 auto; width: 950px; }
.pic_s li a { display: block; margin-left:460px; margin-top:320px; width: 250px; height: 185px; }

#event { position: absolute; top: -2800px; width: 100%; height: 100%; }
#pages_black { position: fixed; display: none; left: 0; top: 0; z-index: 21; width: 100%; height: 100%; background: rgba(0,0,0,0.8); }
.pages { z-index: 23; margin: 102px 0 0 -490px; width: 980px; }
a#close_btn { position: absolute; display: block; z-index: 24; top: 60px; left: 50%; margin-left: 423px; width: 41px; height: 41px; background: url('images/btn_close.png') 0 0 no-repeat; text-indent:-9999px;}
a:hover#close_btn { background-position: 0px -41px; }

#page_1, #page_2, #page_3, #page_4, #page_5, #page_6  { position: absolute; left: 50%; min-width: 980px; }

.title { padding-left: 15px; }
.bg_bottom { margin: 0 auto; width: 950px; height: 78px; background: url('images/bg_3.png') 0 0 no-repeat; }

.content { width: 950px; margin: 0 auto; background: url('images/bg_2.png') top center repeat-y; }
.content_in {  width: 800px; margin: 0 auto; font-size: 15px; color: #666; line-height: 24px; font-weight: bold; font-family:Arial, Helvetica, sans-serif,"微軟正黑體";}
.content_in .border { padding: 9px; margin-bottom: 15px; border: 1px #FF1E56 solid;  }
.content_in h1 { font-size: 18px; color: #AA2147; margin-top:30px;}
.content_in ol.num li { margin-left: 28px; color: #BD2626; list-style-type: decimal; }
.content_in .Mb { margin-bottom: 0px; }
.content_in .Mb2 { margin-bottom: 30px; }
.content_in_pic { margin:0 auto; text-align:center;}
.content_in li { list-style:decimal; margin-left:20px;}