/* CSS Document */ body{} #CONTAINER{ display:block; width:100%; height:auto; margin:0 auto; background-image:url(../images/big_bg.jpg); background-repeat: repeat-y; background-position:center top;} /*======index.html================================================================*/ #TOP_BG{ display:block; width:100%; height:87px; background-image:url(../images/lcw_1.jpg); background-repeat:repeat-x;} #TOP{ display:block; width:824px; height:87px; margin:0 auto;} #TOP_LOGO{ display:block; width:170px; height:87px; float:left;} #TOP_LOGO h1{ display:block; width:170px; height:87px; } #TOP_LOGO h1 a{ display:block; width:170px; height:80px; background-image:url(../images/lcw_2.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px; margin-top:1px;} #TOP_LOGO h1 a:hover{margin-top:0px;} #TOP_TOOLS{ display:block; width:654px; height:20px; text-align:right; float:right;} #TOP_TOOLS a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#444444; line-height:20px; padding-right:20px;} #TOP_TOOLS a:hover{ color: #000000; line-height:18px;} #TOP_BANNER{display:block; width:654px; height:60px; float:right; } #TOP_BANNER h1{ display:none;} /*=============================================================================*/ #FLASH{ display:block; width:824px; height:250px; margin:0 auto; background-image:url(../images/sz_3.jpg); background-repeat:no-repeat; background-position:left top;} #FLASH h1{ display:none; font-size:1px;} /*=============================================================================*/ #CONTENT{ display:block; width:824px; height:auto; margin:0 auto;} /*=============================================================================*/ #LEFT{ display:block; width:200px; height:auto; float:left; } #INTO{ display:block; width:200px; height:191px; } #INTO a{ display:block; width:200px; height:189px; background-image:url(../images/into_01.jpg); background-repeat:no-repeat; text-indent:-9999px; } #INTO a:hover{background-image:url(../images/into_02.gif);} #GAMEBASE{ display:block; width:200px; height:105px; background-image:url(../images/gamebase.gif); background-repeat:no-repeat; } #GAMEBASE h1{ display:none;} #GAMEBASE a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000; float:right; padding-right:10px; padding-top:83px;} #GAMEBASE a:hover{padding-top:82px; } #FACEBOOK{ display:block; width:200px; height:62px; } #FACEBOOK a{ display:block; width:200px; height:60px; background-image:url(../images/facebook.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; } #FACEBOOK a:hover{background-position: right bottom;} #SUB{ display:block; width:200px; height:auto; } #SUB ul{ } #SUB li{ } #SUB li.SUB_00 a{ display:block; width:200px; height:50px; background-image:url(../images/sub_00.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; } #SUB li.SUB_00 a:hover{background-position: right bottom;} #SUB li.SUB_01 a{ display:block; width:200px; height:50px; background-image:url(../images/sub_01.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; } #SUB li.SUB_01 a:hover{background-position: right bottom;} #SUB li.SUB_02 a{ display:block; width:200px; height:50px; background-image:url(../images/sub_02.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; } #SUB li.SUB_02 a:hover{background-position: right bottom;} #SUB li.SUB_03 a{ display:block; width:200px; height:50px; background-image:url(../images/sub_03.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; } #SUB li.SUB_03 a:hover{background-position: right bottom;} #SUB li.SUB_04 a{ display:block; width:200px; height:50px; background-image:url(../images/sub_04.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; } #SUB li.SUB_04 a:hover{background-position: right bottom;} #SUB li.SUB_05 a{ display:block; width:200px; height:50px; background-image:url(../images/sub_05.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; } #SUB li.SUB_05 a:hover{background-position: right bottom;} #SUB li.SUB_06 a{ display:block; width:200px; height:50px; background-image:url(../images/sub_06.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; } #SUB li.SUB_06 a:hover{background-position: right bottom;} #SUB li.SUB_07 a{ display:block; width:200px; height:50px; background-image:url(../images/sub_07.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; } #SUB li.SUB_07 a:hover{background-position: right bottom;} /*=============================================================================*/ #CENTER{ display:block; width:464px; height:auto; float:left;} #INTOR{ display:block; width:464px; height:auto; margin-top:10px;} #INTOR_TOP{ display:block; width:464px; height:66px; background-image:url(../images/intor_top.jpg); background-repeat:no-repeat; background-position:left top;} #INTOR_TOP h1{ display:none;} #INTOR_LIST{ display:block; width:464px; height:auto; margin:10px 0px ;} #INTOR_LIST_L{ display:block; width:160px; height:120px; float:left; margin-left:20px; background-image:url(../images/in_intor.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;} #INTOR_LIST_R{ display:block; width:264px; height:120px; float:right;} #INTOR_LIST_R p{display:block; width:224px; height:100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:18px; overflow:hidden; padding:5px 30px 5px 10px; text-indent:24px;} #INTOR_BOTTOM{ display:block; width:464px; height:19px;background-image:url(../images/center_bottom.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;} #NEWS{ display:block; width:464px; height:auto; margin-top:10px;} #NEWS_TOP{ display:block; width:464px; height:66px; background-image:url(../images/news_top.jpg); background-repeat:no-repeat; background-position:left top;} #NEWS_TOP h1{ display:none;} #NEWS_TOP a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000; float:right; padding-right:40px; padding-top:36px; } #NEWS_TOP a:hover{ padding-top:35px; } #NEWS_LIST{ display:block; width:464px; height:auto;} #NEWS_LIST ul{ margin-left:31px;} #NEWS_LIST li{display:block; width:401px; height:29px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:24px; background-image:url(../images/list.jpg); background-repeat:no-repeat; background-position:left top; text-indent:30px; overflow: hidden;} #NEWS_LIST li a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin-left:10px;} #NEWS_LIST li a:hover{color:#990000;} #NEWS_BOTTOM{ display:block; width:464px; height:19px;background-image:url(../images/center_bottom.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;} #TALK{ display:block; width:464px; height:auto;margin-top:10px;} #TALK_TOP{ display:block; width:464px; height:66px; background-image:url(../images/talk_top.jpg); background-repeat:no-repeat; background-position:left top;} #TALK_TOP h1{ display:none;} #TALK_TOP a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000; float:right; padding-right:40px; padding-top:36px; } #TALK_TOP a:hover{ padding-top:35px; } #TALK_LIST{ display:block; width:464px; height:auto;} #TALK_LIST ul{ margin-left:31px;} #TALK_LIST li{display:block; width:401px; height:29px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:24px; background-image:url(../images/list.jpg); background-repeat:no-repeat; background-position:left top; text-indent:30px; overflow: hidden;} #TALK_LIST li a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin-left:10px;} #TALK_LIST li a:hover{color:#990000;} #TALK_BOTTOM{ display:block; width:464px; height:19px;background-image:url(../images/center_bottom.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;} #GAMEPHOTO{ display:block; width:464px; height:auto;margin-top:10px;} #GAMEPHOTO_TOP{ display:block; width:464px; height:66px; background-image:url(../images/gamephoto_top.jpg); background-repeat:no-repeat; background-position:left top;} #GAMEPHOTO_TOP h1{ display:none;} #GAMEPHOTO_TOP a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000; float:right; padding-right:40px; padding-top:36px; } #GAMEPHOTO_TOP a:hover{ padding-top:35px; } #GAMEPHOTO_LIST{ display:block; width:464px; height:auto;} #GAMEPHOTO_LIST ul{ margin-left:31px;} #GAMEPHOTO_LIST li{ float:left; margin:10px 0px 0px 0px; } #GAMEPHOTO_LIST li a{ padding-right:6px; } #GAMEPHOTO_LIST li a:hover{ } #GAMEPHOTO_LIST img{ border:groove #C9D1CD 1px; margin:2px 2px; padding:2px 2px;} #GAMEPHOTO_BOTTOM{ display:block; width:464px; height:19px;background-image:url(../images/center_bottom.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;} /*=============================================================================*/ #RIGHT{ display:block; width:160px; height:auto; float: right;} #MESSAGE_01{ display:block; width:160px; height:104px; } #MESSAGE_01 a{ display:block; width:142px; height:102px; background-image:url(../images/MESSAGE_01.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; margin:0 auto; } #MESSAGE_01 a:hover{background-position: right bottom;} #MESSAGE_02{ display:block; width:160px; height:104px; } #MESSAGE_02 a{ display:block; width:142px; height:102px; background-image:url(../images/MESSAGE_02.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; margin:0 auto; } #MESSAGE_02 a:hover{background-position: right bottom;} #MESSAGE_03{ display:block; width:160px; height:104px; } #MESSAGE_03 a{ display:block; width:142px; height:102px; background-image:url(../images/MESSAGE_03.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; margin:0 auto; } #MESSAGE_03 a:hover{background-position: right bottom;} #BANNER_01{ display:block; width:160px; height:104px; } #BANNER_01 a{ display:block; width:142px; height:102px; background-image:url(../images/BANNER_01.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; margin:0 auto; } #BANNER_01 a:hover{background-position: right bottom;} #BANNER_02{ display:block; width:160px; height:104px; } #BANNER_02 a{ display:block; width:142px; height:102px; background-image:url(../images/BANNER_02.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; margin:0 auto; } #BANNER_02 a:hover{background-position: right bottom;} #BANNER_03{ display:block; width:160px; height:104px; } #BANNER_03 a{ display:block; width:142px; height:102px; background-image:url(../images/BANNER_03.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; margin:0 auto; } #BANNER_03 a:hover{background-position: right bottom;} /*======內頁.html================================================================*/ #IN_RIGHT{ display:block; width:624px; height:auto; float:right;} #IN_RIGHT{ display:block; width:624px; height:auto; margin-top:10px;} #IN_RIGHT_TOP_01{ display:block; width:624px; height:66px; background-image:url(../images/IN_RIGHT_TOP_01.jpg); background-repeat:no-repeat; background-position:left top;} #IN_RIGHT_TOP_01 h1{ display:none;} #IN_RIGHT_TOP_01 p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #0000FF; line-height:24px; padding-top:36px; padding-left:220px; font-weight:bold;} #IN_RIGHT_TOP_02{ display:block; width:624px; height:66px; background-image:url(../images/IN_RIGHT_TOP_02.jpg); background-repeat:no-repeat; background-position:left top;} #IN_RIGHT_TOP_02 h1{ display:none;} #IN_RIGHT_TOP_02 p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #0000FF; line-height:24px; padding-top:36px; padding-left:220px; font-weight:bold;} #IN_RIGHT_TOP_03{ display:block; width:624px; height:66px; background-image:url(../images/IN_RIGHT_TOP_03.jpg); background-repeat:no-repeat; background-position:left top;} #IN_RIGHT_TOP_03 h1{ display:none;} #IN_RIGHT_TOP_03 p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #0000FF; line-height:24px; padding-top:36px; padding-left:220px; font-weight:bold;} #IN_RIGHT_TOP_04{ display:block; width:624px; height:66px; background-image:url(../images/IN_RIGHT_TOP_04.jpg); background-repeat:no-repeat; background-position:left top;} #IN_RIGHT_TOP_04 h1{ display:none;} #IN_RIGHT_TOP_04 p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #0000FF; line-height:24px; padding-top:36px; padding-left:220px; font-weight:bold;} #IN_RIGHT_TOP_05{ display:block; width:624px; height:66px; background-image:url(../images/IN_RIGHT_TOP_05.jpg); background-repeat:no-repeat; background-position:left top;} #IN_RIGHT_TOP_05 h1{ display:none;} #IN_RIGHT_TOP_05 p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #0000FF; line-height:24px; padding-top:36px; padding-left:220px; font-weight:bold;} #IN_RIGHT_TOP_06{ display:block; width:624px; height:66px; background-image:url(../images/IN_RIGHT_TOP_06.jpg); background-repeat:no-repeat; background-position:left top;} #IN_RIGHT_TOP_06 h1{ display:none;} #IN_RIGHT_TOP_06 p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #0000FF; line-height:24px; padding-top:36px; padding-left:220px; font-weight:bold;} #IN_RIGHT_TOP_07{ display:block; width:624px; height:66px; background-image:url(../images/IN_RIGHT_TOP_07.jpg); background-repeat:no-repeat; background-position:left top;} #IN_RIGHT_TOP_07 h1{ display:none;} #IN_RIGHT_TOP_07 p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #0000FF; line-height:24px; padding-top:36px; padding-left:220px; font-weight:bold;} #IN_RIGHT_LIST{ display:block; width:544px; height:auto; margin-left:40px;} #IN_RIGHT_LIST h1{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#990000; margin:10px 0px; padding-left:46px; line-height:28px; background-image:url(../images/could.jpg); background-repeat:no-repeat; background-position:left top; } #IN_RIGHT_LIST h2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#000000; padding-left:24px; line-height:20px; margin-top:24px;} #IN_RIGHT_LIST ul{ margin-left:31px;} #IN_RIGHT_LIST li{display:block; width:510px; height:29px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:24px; background-image:url(../images/in_right_list.jpg); background-repeat:no-repeat; background-position:left top; text-indent:30px; overflow: hidden; margin-top:4px;} #IN_RIGHT_LIST a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin-left:10px;} #IN_RIGHT_LIST li a:hover{color:#990000;} #IN_RIGHT_LIST p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#666666; line-height:20px; margin:8px 0px 0px 0px; padding-left:24px; letter-spacing:1px;} #IN_RIGHT_LIST span{color:#990000; font-weight:bold; } #IN_RIGHT_LIST a{ color:#990000; text-decoration:none;} #IN_RIGHT_LIST a:hover{ text-decoration:underline; } #IN_RIGHT_LIST img{border:groove #C9D1CD 1px; margin:2px 2px; padding:2px 2px; } #IN_RIGHT_LIST_01{ display:block; width:544px; height:auto; margin-left:40px;} #IN_RIGHT_LIST_01 h1{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#990000; margin:10px 0px; padding-left:46px; line-height:28px; background-image:url(../images/could.jpg); background-repeat:no-repeat; background-position:left top; } #IN_RIGHT_LIST_01 h2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#000000; padding-left:24px; line-height:20px; margin-top:24px;} #IN_RIGHT_LIST_01 h3{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:20px;padding-left:24px; line-height:20px; margin-top:4px;} #IN_RIGHT_LIST_01 p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:20px; text-align:center; } #IN_RIGHT_LIST_01 a{ color:#990000; text-decoration:none;} #IN_RIGHT_LIST_01 a:hover{ text-decoration:underline; } #IN_RIGHT_BOTTOM{ display:block; width:624px; height:19px;background-image:url(../images/in_right_bottom.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;} /*=============================================================================*/ #FLOOR_BG{ display:block; width:100%; height:108px; background-image:url(../images/lcw_23.gif); background-repeat:repeat-x; margin-top:30px;} #FLOOR{display:block; width:824px; height:108px; margin:0 auto; } #FLOOR_LOGO{display:block; width:412px; height:108px; float:left;} #FLOOR_LOGO h1{ display:block; width:170px; height:108px; float:left;} #FLOOR_LOGO h1 a{ display:block; width:170px; height:90px; background-image: url(../images/lcw_24.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px; margin-top:1px;} #FLOOR_LOGO h1 a:hover{margin-top:0px;} #FLOOR_LOGO p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #FFFFFF;line-height:16px; margin-top:38px;} #FLOOR_LOGO a{ color:#FFFFFF; } #FLOOR_LOGO a:hover{ color: #0000FF;} #FLOOR_LEVEL{display:block; width:412px; height:33px; background-image: url(../images/lcw_26.jpg); background-position: right bottom; background-repeat:no-repeat; text-indent:-9999px; float: right; } #FLOOR_LINKS{display:block; width:370px; height:75px; float: right; } #FLOOR_LINKS h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #FFFFFF;line-height:20px; font-weight: bold; text-indent:10px;} #FLOOR_LINKS ul{ } #FLOOR_LINKS li{ float:left;} #FLOOR_LINKS li.LINKS_01 a{ display:block; width:126px; height:46px; background-image: url(../images/lcw_29.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px; margin-top:1px;} #FLOOR_LINKS li.LINKS_01 a:hover{ margin-top:0px;} #FLOOR_LINKS li.LINKS_02 a{ display:block; width:119px; height:46px; background-image: url(../images/lcw_30.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px; margin-top:1px;} #FLOOR_LINKS li.LINKS_02 a:hover{ margin-top:0px;} #FLOOR_LINKS li.LINKS_03 a{ display:block; width:118px; height:46px; background-image: url(../images/lcw_31.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px; margin-top:1px;} #FLOOR_LINKS li.LINKS_03 a:hover{ margin-top:0px;} /*=============================================================================*/ .CLEAR{ clear:both; font-size:1px; height:0; line-height:0;}