/*取消 Html 原有樣式 reset.css ---------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0; padding:0; } table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} /*--------------------------------------------------------------定位------------------------------------------------------------------------------------------*/ body{ text-align: center; font-weight: normal; line-height: 1.3em; font-size: 0.75em; background-image: url(images/bg2.jpg); background-repeat: repeat-x; color: #4D4D4D; } #wrapper{ width: 950px; font-family: Arial, Helvetica, sans-serif; text-align: left; padding-right: 20px; padding-left: 20px; background-repeat: no-repeat; background-position: center top; background-image: url(images/bg.jpg); margin-right: auto; margin-left: auto; } #header{ } #level #fixleft { float: left; width: 645px; padding-right: 5px; } #right { float: right; width: 265px; } #main { width: 755px; float: right; } #left{ float: left; width: 182px; padding-bottom: 100px; } #main2 { width: 460px; float: left; padding-left: 8px; } #sideright{ float: right; width: 295px; } #center{ width: 434px; float: left; } strong{ font-weight: bold; } body,p{word-break:break-all} /*------------------------------HEADER-----------------------------*/ /*--------------主選單------------------*/ #header { height: 250px; position: relative; } #header #toplink { top: 10px; right: 0px; width: 70px; text-align: left; position: absolute; } #header #toplink a { background-image: url(images/007-151.gif); background-repeat: no-repeat; background-position: 5px 0px; display: block; color: #8E14A3; padding-left: 25px; } #header #page_menu { float: right; margin-top: 185px; margin-bottom: 0px; } #header #page_menu span { visibility: hidden; } #header #page_menu li { display: inline; } #header #page_menu li a { text-decoration: none; display: block; float: left; height: 56px; } #header #page_menu li a:hover{ background-color: #FAF9F5; text-decoration: underline; } #header #page_menu .m1 a{ background-image: url(images/m1.jpg); width: 125px; } #header #page_menu .m2 a{ background-image: url(images/m2.jpg); width: 77px;} #header #page_menu .m3 a{ background-image: url(images/m3.jpg); width: 93px;} #header #page_menu .m4 a{ background-image: url(images/m4.jpg); width: 110px;} #header #page_menu .m5 a{ background-image: url(images/m5.jpg); width: 126px;} #header #page_menu .m6 a{ background-image: url(images/m6.jpg); width: 94px;} #header #page_menu .m7 a{ background-image: url(images/m7.jpg); width: 150px;} #header #page_menu .m1 a:hover{ background-image: url(images/m1a.jpg);} #header #page_menu .m2 a:hover{ background-image: url(images/m2a.jpg);} #header #page_menu .m3 a:hover{ background-image: url(images/m3a.jpg);} #header #page_menu .m4 a:hover{ background-image: url(images/m4a.jpg);} #header #page_menu .m5 a:hover{ background-image: url(images/m5a.jpg);} #header #page_menu .m6 a:hover{ background-image: url(images/m6a.jpg);} #header #page_menu .m7 a:hover{ background-image: url(images/m7a.jpg);} div#footer_wp{ height: 87px; background-image: url(images/foot_bg.jpg); background-repeat: repeat-x; } div#footer { position: relative; clear: both; margin-top: 10px; width: 950px; margin-right: auto; margin-left: auto; } #footer #copyright p { text-align: right; padding-top: 2px; padding-bottom: 1px; color: #676767; padding-right: 10px; font-size: 11px; } #footer #copyright p a { color: #666; text-decoration: none; } #footer #footlogo { position: absolute; background-image: url(images/foot_logo.gif); background-repeat: no-repeat; height: 160px; width: 258px; left: 1px; top: -84px; z-index: 1; } #footer #foot_nav { float: right; height: 22px; padding-top: 8px; padding-right: 10px; } #footer #foot_nav a{ color: #4b4544; text-decoration: none; } #footer #foot_nav a:hover{ color: #FD9D3F; } /*-----------------------------------------------------------------共用-----------------------------------------------------*/ h1 { font-size: 1.33em; } .hidden { visibility: hidden; } h2 { font-size: 1.08em; } h3 { font-size: 1.25em; } .h4{ color: #89661c; height: 22px; padding-top: 8px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #ebebeb; padding-left: 22px; } .h4 a{color: #89661c;} a:hover { color: #f0830d; } .color_red { color: #F00; } .color_b { color: #007aa7; } .color_green { color: #448B3F; } .color_black { color: #000000; } .color_gary { color: #a3a3a3; } .color_gary2{ color: #a3a3a3; font-size: 13px; font-weight: normal; padding-right: 10px; } .color_orang{ color: #d74900;} .clear { clear: both; } .date { font-family: Verdana, Geneva, sans-serif; font-size: 10px; } .t_num { font-family: Verdana, Geneva, sans-serif; font-size: 1.33em; margin-right: 5px; margin-left: 5px; } .hidden { visibility: hidden; } /*----排序--*/ .sort { position: absolute; top: 0px; right: 0px; } .sort img { margin-right: 5px; margin-left: 5px; } /*----頁碼--*/ .page { text-align: center; padding-right: 15px; padding-left: 15px; padding-top: 15px; padding-bottom: 10px; } .page a{ padding-right: 4px; padding-left: 4px; padding-top: 3px; padding-bottom: 3px; text-decoration: none; color: #89661c; } .page a:hover{ color: #FF8A00; text-decoration: underline; } .goback a { background-image: url(images/icon_09.gif); background-repeat: no-repeat; background-position: left center; display: block; float: left; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 12px; color: #89661c; font-weight: normal; margin-right: 2px; margin-left: 2px; } .goback { padding-left: 25px; float: right; width: 30%; } .btn { text-align: center; padding-top: 20px; padding-bottom: 20px; width: 500px; margin-right: auto; margin-left: auto; margin-bottom: 10px; } .num { font-size: 16px; color: #C00; font-weight: bold; } .btnvar{} .b1{ width: 50%; float: left; } /*----切換區塊--*/ .tabmd{ padding-left: 10px; height: 43px; background-image: url(images/news_widg_tit.gif); background-repeat: no-repeat; position: relative; } .tabmd ul { float: right; padding-top: 23px; position: absolute; right: 0px; top: -5px; } .tabmd li { display: inline; } .tabmd li a{ display: block; float: left; text-align: center; text-decoration: none; height: 20px; width: 73px; color: #999999; background-image: url(images/tabmd.jpg); background-repeat: no-repeat; padding-top: 8px; margin-right: 6px; margin-left: 6px; } .tabmd li.select a{ background-image: url(images/tabmd_select.jpg); background-repeat: no-repeat; color: #010101; background-position: bottom; height: 20px; width: 73px; _padding-top: 11px; display: block; padding-top: 8px; } .tabmd li a:hover{ background-image: url(images/tabmd_select.jpg); background-repeat: no-repeat; color: #010101; background-position: bottom; _padding-top: 11px; } .tabmd .more{ position: absolute; top: 15px; right: 13px; } /*----表單共用類--*/ .table1 { margin-right: auto; margin-left: auto; } .table1 th { text-align: right; border-top-width: 7px; border-bottom-width: 7px; border-bottom-style: solid; border-top-color: #FFF; border-bottom-color: #FFF; color: #686868; padding-bottom: 15px; padding-top: 15px; padding-right: 10px; background-color: #F7F7F7; border-top-style: solid; } .table1 td { padding-left: 10px; padding-top: 5px; padding-bottom: 10px; color: #008282; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F7F7F7; } .table1 .row .date { color: #4E4E0A; } .textfield { color: #666666; background-color: #FAFAFA; border-top-width: 3px; border-top-style: solid; border-top-color: #666666; border-right-width: 1px; border-right-style: solid; border-right-color: #D4D4D4; } .table2 {} .table2 a { color: #007aa7; text-decoration: none; font-size: 115%; font-weight: bold; } .table2 a:hover { color: #FF953B; text-decoration: underline; } .table2 td{ padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #e2e2e2; } .table2 th { font-size: 15px; font-weight: bold; color: #666666; text-align: center; padding-top: 7px; padding-bottom: 7px; margin-top: 10px; } .table2 .left { text-align: left; padding-left: 20px; } .table2 .row2{ background-color: #f8f8f8; } .table2 .row3 { background-color: #FF953D; color: #FFFFFF; font-weight: normal; } .table2 .point { background-image: url(images/icon_06.gif); background-repeat: no-repeat; background-position: left center; padding-left: 18px; margin-left: 15px; float: left; } .boutton { background-image: url(images/btn_bg.jpg); background-repeat: repeat-x; border: 1px solid #BFBFBF; padding-top: 3px; color: #666666; padding-right: 10px; padding-left: 10px; } .system { text-align: center; padding-top: 5px; padding-bottom: 5px; color: #333333; } .left_ad{ text-align: center; } /*-------------------------------------------------------------以下選單類--------------------------------------------------------------*/ /*----sidebar選單外框共用 外框底圖----------*/ #left .cd_box {background-repeat: repeat-y; } #left .bd_box { background-repeat: no-repeat; background-position: left bottom; } /*----會員中心登入後 外框底圖--*/ .box3 .cd_box { background-image: url(images/side_02_cd.jpg); } .box3 .bd_box { height: 10px; background-image: url(images/side_02_dn.jpg);} .box1,.box2,.box3{ margin-bottom: 5px; } .box2 .hd_box,.box3 .hd_box{ height: 50px; background-repeat: no-repeat;} .box2 ul ,.box3 ul { padding-right: 20px; padding-left: 15px; } .box2 li ,.box3 li {border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #cfbd83; } .box2 li a ,.box3 li a{ text-decoration: none; color: #89661c; padding-left: 30px; display: block; padding-top: 8px; height: 22px; background-image: url(images/icon_04.jpg); background-repeat: no-repeat; background-position: left center; } .box2 li a:hover ,.box3 li a:hover{ background-image: url(images/icon_04.gif); background-color: #FD881E; color: #FFFFFF; } .box2 li li a{ background-image: none; } .box2 li li a:hover{ background-image: url(images/icon_07.gif); background-color: #FFFFFF; color: #FF7A42; } /*----JAVA 選單 關於西門町--*/ #smneu a{ color: #FFF; padding: 10px; text-decoration: none; display: block; } #smneu li{ background-image: url(images/li_line.gif); background-repeat: repeat-x; background-position: bottom; display: block; } #smneu li li { background-color: #FFF; background-image: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; color: #11366A; } #smneu li li a{ } #smneu li li a:hover { background-color: #FFC; } #smneu .MainMenu{ background-image: url(images/li_icon.gif); background-position: 90% 17px; background-repeat: no-repeat; display: block; } /*----以下四種 選單 共用--*/ .box2 .hd_box { height: 50px; background-repeat: no-repeat; } .box2 .cd_box { background-image: url(images/side_01_cd.jpg); } .box2 .bd_box { height: 9px; background-image: url(images/side_01_dn.jpg); } /*----服務中心 選單--*/ #service_menu .hd_box {background-image: url(images/side_01_tit.jpg); } /*----會員中心 選單--*/ #member_menu .hd_box {background-image: url(images/side_02_tit.jpg); } /*----西門大小事 選單--*/ #event_menu .hd_box {background-image: url(images/side_03_tit.jpg); } /*----相關下載 選單--*/ #link_menu .hd_box {background-image: url(images/side_04_tit.jpg); } /*----關於西門 選單--*/ #about_level .hd_box {background-image: url(images/side_05_tit.jpg); } #about_level .hd_box{ height: 50px; background-repeat: no-repeat;} #about_level .cd_box { background-image: url(images/side_01_cd.jpg); } #about_level .bd_box { height: 9px; background-image: url(images/side_01_dn.jpg); } #about_level ul{ padding-right: 20px; padding-left: 15px; } #about_level .CollapsiblePanelTab{ text-decoration: none; color: #89661c; padding-left: 20px; display: block; padding-top: 8px; height: 22px; background-image: url(images/icon_04.jpg); background-repeat: no-repeat; background-position: left center; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #cfbd83; margin-left: 10px; margin-right: 10px; } #about_level .CollapsiblePanelTab a{ color: #89661c; display: block; } #about_level .CollapsiblePanelTabHover,#about_level .CollapsiblePanelTab a:hover{ color: #FFF; background-color: #F60; background-image: url(images/icon_04.gif); background-repeat: no-repeat; } #about_level .smenu a{ text-decoration: none; color: #89661c; padding-left: 20px; display: block; padding-top: 8px; height: 22px; background-image: url(images/icon_04.jpg); background-repeat: no-repeat; background-position: left center; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #cfbd83; margin-left: 10px; margin-right: 10px; } #about_level .smenu a:hover{ color: #FFF; background-color: #F60; background-image: url(images/icon_04.gif); background-repeat: no-repeat; } #about_level li a{ display: block; padding-left: 20px; color: #89661c; text-decoration: none; padding-top: 5px; padding-bottom: 5px; } #about_level li a:hover{ background-image: url(images/icon_07.gif); background-color: #FFFFFF; color: #FF7A42; background-repeat: no-repeat; background-position: 0px 5px; } /*-------------------------------------------------------------以下首頁--------------------------------------------------------------*/ /*------------------------------BTN-----------------------------*/ #btn{ text-align: center; padding-top: 6px; padding-bottom: 6px; } .btn_1 { color: #FFFFFF; background-image: url(images/btn2.jpg); border: 1px solid #7f6642; margin-right: 3px; margin-left: 3px; padding-top: 3px; padding-right: 5px; padding-left: 5px; } .btn_2 { background-color: #d4d5bd; color: #333333; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .btn_3{ background-color: #FD9D3F; color: #FFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FEBB78; border-right-color: #FD9D3F; border-bottom-color: #FD9D3F; border-left-color: #F77C02; } .btnbar { text-align: right; padding: 10px; } .btnbar a { float: right; background-image: url(images/icon_09.gif); background-repeat: no-repeat; display: block; padding-left: 15px; padding-right: 15px; color: #F60; text-decoration: none; background-position: 0px 7px; } .btnbar a:hover { color: #09C; } .list li{ padding-top: 15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; line-height: 1.5em; } .list h2 a{ font-size: 15px; color: #007AA7; display: block; margin-bottom: 5px; padding-top: 2px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-bottom: 5px; background-image: url(images/icon_12.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 20px; } .list h2 a:hover{ color: #C00; } .list li.row{ background-color: #f7f7f7; } .list li .pic img{ float: left; margin-right: 10px; width: 135px; border: 1px solid #CCC; padding: 4px; } .list li .info{ float: right; width: 550px; } .list .author{ margin-top: 10px; color: #999; } .list .author strong { color: #007AA7; font-weight: normal; } .list .author a { color: #F60; } .ad { text-align: center; } .left_ad { padding-bottom: 5px; } #ad_1 { margin-bottom: 5px;} #ad_2 { margin-bottom: 5px; } #ad_2 img { margin-bottom: 5px; } #ad_4 { margin-bottom: 10px; margin-top: 10px; } #ad_3 { margin-top: 10px; } #ad_4 { margin-bottom: 10px; margin-top: 10px; } #ad_5 { margin-top: 10px; } #ad_6 { margin-bottom: 10px; } #ad_7 { margin-bottom: 10px; margin-top: 10px; } #search_widg{ margin-bottom: 5px; padding-left: 5px; } /*----店家分類選單--*/ #store_level{ margin-top: 3px; position: relative; } #store_level .hd_box{ background-image: url(images/s_kind_hd.jpg); height: 15px; background-position: left top; background-repeat: no-repeat; } #store_level .cd_box{ background-image: url(images/s_kind_md.jpg); background-repeat: repeat-y; background-position: left; } #store_level .bd_box{ background-image: url(images/s_kind_dn.jpg); height: 36px; background-repeat: no-repeat; } #store_level ul { padding-left: 25px; width: 150px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #store_level li a { background-image: url(images/s_kind_li.jpg); background-repeat: no-repeat; display: block; color: #89661c; text-decoration: none; padding-top: 8px; padding-left: 40px; padding-bottom: 8px; } #store_level li a:hover{ color: #F54B00; } #store_level .bg{ background-image: url(images/s_kind_tit.jpg); height: 177px; width: 24px; position: absolute; left: 1px; top: 15px; } /*登入區塊*/ #login_widg { margin-bottom: 5px; position: relative; } #login_widg .storlogin { position: absolute; top: 0px; right: 3px; } #login_widg .storlogin a { background-image: url(images/login_btn2a.jpg); display: block; height: 40px; width: 90px; } #login_widg .storlogin a:hover { background-image: url(images/login_btn2.jpg); } #login_widg .hd_box { background-image: url(images/login_hd.jpg); height: 7px; background-repeat: no-repeat; } #login_widg #member_btn{height: 39px; background-image: url(images/login_01.gif); font-size: 0px; background-repeat: no-repeat; width: 90px; background-position: right; float: left;} #login_widg #store_btn{background-image: url(images/login_02.gif); height: 39px; width: 90px; background-repeat: no-repeat; margin-right: 14px; float: right;} #login_widg .cd_box { background-image: url(images/log_md.gif); background-repeat: repeat-y; background-color: #FFFFFF; width: 167px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #d4d4d4; border-left-color: #d4d4d4; padding-left: 10px; } #login_widg .CollapsiblePanelContent { padding-top: 7px; } #login_widg .bd_box { height: 40px; background-image: url(images/login_dn.jpg); font-size: 0px; background-repeat: no-repeat; } #login_widg .bd_box2 { height: 7px; font-size: 0px; background-repeat: no-repeat; background-image: url(images/login_dn.jpg); background-position: left bottom; } #login_widg .cd_box p { color: #f25614; clear: both; padding-bottom: 6px; } #login_widg .imagebtn { margin-top: 5px; } #login_widg .imagebtn input { margin-right: 2px; margin-left: 2px; margin-top: 5px; } #login_widg #join{ border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; width: 78%; margin-left: 5px; padding-left: 5px; padding-top: 5px; } /*----區塊 網站流量--*/ #statpress_widg{ background-image: url(images/ad_05.jpg); background-repeat: no-repeat; height: 33px; padding-top: 16px; margin-bottom: 5px; padding-right: 15px; } #statpress_widg p { color: #454030; font-weight: bold; font-family: Verdana, Geneva, sans-serif; text-align: center; } /*----區塊 最新消息選單--*/ #news_list{ position: relative; padding-bottom: 5px; line-height: 1.7em; } #news_list .text ul { padding-bottom: 7px; padding-left: 10px; padding-top: 8px; } #news_list .text { background-color: #FFFFE8; border: 1px solid #E0D6B3; padding-bottom: 5px; } #news_list .text .imgfix { height: 116px; width: 100px; float: right; background-image: url(images/picbg.jpg); background-repeat: no-repeat; margin-top: 10px; margin-right: 10px; color: #FFFFFF; border: 5px solid #e1d6ae; } #news_list .text li{ font-weight: normal; background-image: url(images/icon_01.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; } #news_list .text li a{ color: #F30; text-decoration: none; } #news_list .text a:hover { color: #007aa7; font-weight: bold; } #news_list .text .more{ right: 20px; text-align: right; width: 60%; margin-top: 5px; margin-bottom: 5px; position: absolute; bottom: 5px; } #news_list .wide_tit { background-image: url(images/news_widg_tit.jpg);} #news_list .text .col1 img { float: left; height: 120px; margin-bottom: 10px; margin-right: 10px; border: 3px solid #DFDFDF; } #news_list .text .col1 { padding: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #E0D6B3; } #news_list .text .col1 h2 a { font-size: 15px; color: #F30; text-decoration: none; } #news_list .text .col1 .date { font-size: 10px; color: #666; font-family: Verdana, Geneva, sans-serif; } .wide_tit { height: 43px;background-repeat: no-repeat; } /*媒體播放*/ #media_list { margin-bottom: 5px; width: 264px; } #media_list .hd_box { background-image: url(images/media_wide_tit.gif); height: 42px; background-repeat: no-repeat; } #media_list .cd_box{ background-image: url(images/media_wide_bg.gif); background-repeat: no-repeat; height: 225px; } #media_list .cd_box p { padding-bottom: 6px; color: #5B5B5B; padding-top: 5px; } #media_list .text { padding-top: 10px; padding-left: 10px; } /*最新好文*/ #blog_article_list{ margin-bottom: 10px; margin-top: 10px; } #blog_article_list .imgfix { float: left; padding-right: 5px; padding-left: 5px; background-image: url(images/article_wide_tit.jpg); height: 111px; width: 115px; background-repeat: no-repeat; background-position: center center; } #blog_article_list .more{ position: absolute; top: 10px; right: 12px; } #blog_article_list .text ul { width: 320px; float: right; } #blog_article_list li{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; height: 15px; padding-top: 5px; } #blog_article_list li a{ color: #7f7e7e; text-decoration: none; background-image: url(images/icon_02.jpg); background-repeat: no-repeat; background-position: 3px center; padding-left: 15px; } #blog_article_list li a:hover { color: #a3275f; background-color: #f2e8ee; } /*最新留言*/ #msg_list{ margin-bottom: 10px; margin-top: 10px; } #msg_list .imgfix { float: left; padding-right: 5px; padding-left: 5px; background-image: url(images/msg_wide_tit.jpg); height: 111px; width: 115px; background-repeat: no-repeat; background-position: center center; } #msg_list .more{ position: absolute; top: 10px; right: 12px; } #msg_list .text ul { float: right; } #msg_list li{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; height: 15px; padding-top: 5px; width: 320px; } #msg_list li a{ color: #7f7e7e; text-decoration: none; background-image: url(images/icon_03.jpg); background-repeat: no-repeat; background-position: 3px center; padding-left: 15px; } #msg_list li a:hover { color: #a3275f; background-color: #fff2e5; } /*熱門商品*/ #product_list { margin-bottom: 10px; } #product_list .hd_box { background-image: url(images/hotpro_widg_tit.jpg); height: 34px; position: relative; margin-bottom: 10px; } #product_list .hd_box .more{ position: absolute; top: 10px; right: 12px; } #product_list ul{} #product_list li img{ border: 3px solid #cdcdcd; } #product_list li p{ padding-top: 10px; } #product_list li p a{ color: #7e7e7e; text-decoration: none; } #product_list li p a:hover{ color: #ff881f; text-decoration: none; } #product_list li { display: block; float: left; width: 135px; margin-right: 5px; margin-left: 5px; } /*電子報*/ #epaper_widg { margin-bottom: 10px; } /*-------------------------------------------------------------以上首頁--------------------------------------------------------------*/ .ban {height: 45px; width: 745px; background-repeat: no-repeat; margin-bottom: 10px; } #member .ban { background-image: url(images/member_ban.jpg); } #service .ban { background-image: url(images/service_ban.jpg);} #link .ban { background-image: url(images/link_ban.jpg);} #government .ban { background-image: url(images/link_ban.jpg);} #store .ban { background-image: url(images/store_ban.jpg);} #coupon .ban { background-image: url(images/store_ban.jpg);} #event .ban { background-image: url(images/event_ban.jpg);} #news .ban { background-image: url(images/event_ban.jpg);} #store_meg .ban { background-image: url(images/event_ban.jpg);} .about_banner { background-image: url(images/about_ban.jpg);} #video .ban{ background-image: url(images/video_ban.jpg);} #video_dia .ban{ background-image: url(images/video_ban.jpg);} #article .ban { background-image: url(images/article_ban.jpg);} #privacy.ban{ background-image: url(images/link_ban.jpg);} .hd_pg_box{ background-image: url(images/board_hd.jpg); height: 20px; background-repeat: no-repeat; } .cd_pg_box{ background-image: url(images/board_md.jpg); padding-right: 25px; padding-left: 20px; } .bd_pg_box{ background-image: url(images/board_dn.jpg); height: 20px; background-repeat: no-repeat; margin-bottom: 20px; } .nav { background-color: #eeeeee; text-align: right; color: #669999; padding-right: 15px; padding-bottom: 3px; margin-bottom: 20px; } .nav a{color: #669999;} .nav #page_tit { background-color: #FFFFFF; color: #669900; font-size: 15px; font-weight: bold; float: left; margin-left: 40px; padding-right: 20px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; } #member .step { padding-top: 10px; text-align: center; padding-bottom: 10px; } #member .info { color: #666666; line-height: 1.4; overflow: scroll; height: 500px; border: 1px solid #CCCCCC; padding-right: 10px; padding-left: 10px; } #member #p_forget .cd_in_box { height: 203px; width: 391px; background-image: url(images/forget_bg.jpg); background-repeat: no-repeat; padding-left: 300px; padding-top: 40px; } #member #p_forget .bd_in_box { height: 18px; width: 691px; background-image: url(images/forget_dn.jpg); } #member #p_member_register_03 .cd_in_box { height: 203px; width: 391px; background-image: url(images/add_ok_bg.jpg); background-repeat: no-repeat; padding-left: 300px; padding-top: 40px; } #member #p_member_register_03 .bd_in_box { height: 18px; width: 691px; background-image: url(images/add_ok_dn.jpg); } /*圖文搜尋列表*/ .system2 { padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeeee; } .sub_tit { color: #007aa7; font-size: 15px; font-weight: bold; background-repeat: no-repeat; background-position: left center; padding-left: 20px; width: 72%; margin-bottom: 5px; height: 25px; padding-top: 10px; } .sub_tit1 {background-image: url(images/icon_05.jpg); } .sub_tit2 { background-image: url(images/icon_06.gif); border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #aeaeae; } .sub_tit3 { background-image: url(images/icon_10.gif);} .sub_tit4 { background-image: url(images/icon_12.gif); border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #aeaeae; } /*------------有兩種寫法------event_news store_kist----------*/ #list_page ul{ margin-right: 10px; margin-left: 10px; } #list_page p { color: #666666; line-height: 1.2; width: 75%; } #list_page a { color: #069; } #list_page a:hover{ color: #F30; } #list_page label { padding-right: 10px; color: #333333; padding-bottom: 30px; } #list_page li { line-height: 1.2; padding-top: 2px; padding-bottom: 2px; } #list_page li img{ height: 111px; width: 148px; } #list_page .row { background-color: #f7f7f7; } #list_page .pic { height: 111px; width: 148px; float: right; border: 1px solid #cccccc; padding: 5px; _right: 40px; clear: right; background-color: #FFFFFF; margin: 5px; } #list_page .list_box { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; } #service #epaper_order_box { height: 46px; border: 1px solid #e4e4e4; position: relative; background-image: url(images/epaper_box_bg.jpg); background-repeat: repeat-x; background-position: 10px center; background-color: #FFFFFF; padding-top: 12px; padding-right: 2px; padding-bottom: 3px; padding-left: 140px; } #epaper #epaper_order_box .epic { background-image: url(images/epaper_icon.jpg); background-repeat: no-repeat; height: 71px; width: 110px; position: absolute; top: -4px; left: 20px; } /*圖片靠左的頁面*/ #video #list_page .pic { float: left; _right: 40px; width: 120px; height: 75px; padding-top: 15px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #article #list_page .pic ,#bolg #list_page .pic { float: left; margin-right: 10px; } /*列表內頁共用*/ .list_view .pic { float: left; border: 1px solid #CCCCCC; padding: 5px; background-color: #FFFFFF; margin-right: 15px; margin-bottom: 10px; } .list_view .sub_tit { width: 97%; margin-bottom: 10px; } .list_view p { line-height: 1.7; color: #666666; } .list_view { padding-top: 10px; } #about .pic { margin-right: 15px; margin-bottom: 15px; margin-top: 20px; } #about h2 { font-size: 15px; color: #666666; text-align: center; margin-bottom: 10px; } #about .c1 li { display: block; } #about .mark { padding-left: 10px; background-image: url(images/icon_08.jpg); background-repeat: no-repeat; background-position: left 22px; margin-left: 10px; padding-bottom: 3px; } #about1_2 li{ margin-bottom: 10px; padding-left: 20px; background-image: url(images/icon_02.jpg); background-repeat: no-repeat; background-position: 5px 5px; } #about4 img{ margin-bottom: 20px; } #about4 p.color_green { font-size: 15px; margin-bottom: 10px; display: block; } #association3 h2 { font-size: 18px; text-align: center; padding-bottom: 15px; padding-top: 7px; } #association3 .pic { margin-right: 10px; margin-bottom: 10px; } /*----------------------*/ .about_tag{ height: 37px; margin-bottom: 10px; } .about_tag li{ display: inline; } .about_tag li a{ font-size: 15px; color: #6681be; background-image: url(images/tag.jpg); background-repeat: no-repeat; height: 30px; width: 135px; display: block; float: left; text-decoration: none; text-align: center; padding-top: 7px; padding-right: 10px; padding-left: 10px; } .about_tag li a:hover{ background-image: url(images/tag_a.jpg); color: #ff881f; }.about_tit { font-size: 15px; color: #2ab2d4; background-image: url(images/line.jpg); background-position: left 27px; background-repeat: no-repeat; height: 20px; padding-top: 10px; padding-bottom: 5px; padding-left: 10px; margin-bottom: 5px; font-weight: bold; } .about_tag li.select a{ background-image: url(images/tag_a.jpg); color: #ff881f; }.about_tit { font-size: 15px; color: #2ab2d4; background-image: url(images/line.jpg); background-position: left 27px; background-repeat: no-repeat; height: 20px; padding-top: 10px; padding-bottom: 5px; padding-left: 10px; margin-bottom: 5px; font-weight: bold; } .about_info .left_box { float: left; width: 270px; padding-top: 10px; } .about_info .right_box { float: right; font-size: 13px; padding-right: 10px; width: 420px; line-height: 1.5em; color: #333; padding-top: 25px; } .about_info .right_box h3 { padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; font-size: 15px; color: #F30; } .about_info .left_box li{ text-align: center; margin-bottom: 20px; } .about_info .left_box img{ background-image: url(images/pic_bg.jpg); background-repeat: no-repeat; background-position: left bottom; padding: 10px; height: 182px; width: 242px; } .about_info .mark { padding-left: 10px; background-image: url(images/icon_08.jpg); background-repeat: no-repeat; background-position: left 22px; margin-left: 10px; padding-bottom: 3px; color: #900; } .about_info2 img{ float: left; background-image: url(images/pic_bg.jpg); background-repeat: no-repeat; background-position: left bottom; padding: 10px; margin-right: 10px; margin-bottom: 10px; height: 181px; width: 245px; } .about_info2 { font-size: 13px; line-height: 1.5em; } /*投票頁面*/ #vote #vote_tit { background-image: url(images/icon_10.gif); background-repeat: no-repeat; text-align: left; padding-left: 25px; padding-bottom: 5px; } #vote .other_vote { margin-top: 10px; margin-bottom: 20px; } #vote .other_vote li { } #vote .other_vote li a { color: #666666; text-decoration: none; } #vote .other_vote li a:hover { color: #FDA251; text-decoration: underline; } #vote .other_tit { color: #89661c; background-image: url(images/icon_09.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb; margin-bottom: 10px; padding-bottom: 2px; padding-top: 3px; } #vote .other_tit a{ color: #F00; } #vote .other_vote li { padding-top: 2px; padding-bottom: 2px; } .voteview_icon { background-image: url(images/icon_11.gif); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 25px; display: block; } #traffic .center { font-size: 15px; text-align: center; line-height: 2em; color: #FF5B14; } #traffic h3 { background-color: #FFF4F0; padding: 7px; margin-bottom: 5px; margin-top: 15px; } #video h2 a{ background-image: url(images/icon_11.jpg); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 20px; } #video_dia h2{ font-size: 15px; color: #007AA7; display: block; padding-left: 20px; margin-bottom: 10px; padding-top: 2px; text-align: center; } #video_dia .info { background-image: url(images/video_view_07.jpg); width: 665px; background-color: #F3F3F3; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding-top: 70px; background-repeat: no-repeat; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } #video_dia .mv{ text-align: center; margin-bottom: 15px; } /*----店家 店家快訊--*/ .bad { background-image: url(images/store_hd.jpg); height: 46px; width: 745px; } #store_meg_list .hd_box { background-image: url(images/store_meg_list.jpg); background-repeat: no-repeat; height: 37px; } #store_meg_list{ padding-bottom: 5px; } #store_meg_list .text ul { padding-bottom: 7px; padding-left: 10px; padding-top: 8px; } #store_meg_list .text { background-color: #edf2e5; padding-bottom: 5px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #989586; border-bottom-color: #989586; border-left-color: #989586; } #store_meg_list .text li{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; font-weight: normal; background-image: url(images/icon_01.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; } #store_meg_list .text li a{ color: #7f7e7e; text-decoration: none; } #store_meg_list .text a:hover { color: #007aa7; font-weight: bold; } /*店家 優惠卷下載*/ #conpon_list{ margin-bottom: 10px; margin-top: 10px; } #conpon_list .imgfix { float: left; padding-right: 5px; padding-left: 5px; background-image: url(images/copu_list.jpg); height: 111px; width: 115px; background-repeat: no-repeat; background-position: center center; } #conpon_list .more{ position: absolute; top: 10px; right: 12px; } #conpon_list .text ul { width: 320px; float: right; } #conpon_list li{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; height: 15px; padding-top: 3px; color: #999999; padding-bottom: 3px; } #conpon_list li a{ color: #7f7e7e; text-decoration: none; background-image: url(images/icon_02.jpg); background-repeat: no-repeat; background-position: 3px center; padding-left: 15px; display: block; } #conpon_list li a:hover { color: #CD8EDF; background-color: #EFEFF1; } /*本月主打星*/ #store_list { margin-bottom: 10px; } #store_list li .left_box{float: left; margin-top: 5px; margin-bottom: 5px;} #store_list li .right_box{ float: right; width: 275px; } #store_list li .pic { border: 4px solid #dfdfdf; height: 129px; width: 146px; } #store_list .wide_tit { background-image: url(images/ad_list_widg_tit.gif) } #store_list .title a { font-size: 15px; color: #FF601E; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FCD0A1; margin-bottom: 7px; margin-top: 7px; text-decoration: none; display: block; font-weight: bold; } #store_list a.more { color: #EB4D0C; } #store_list .tabmd2 .more{ position: absolute; top: 10px; right: 12px; } #store_list .hd_box{ background-image: url(images/ad_widg_hd.jpg); height: 52px; background-repeat: no-repeat; } #store_list .cd_box{ background-image: url(images/ad_widg_cd.jpg); background-repeat: repeat-y; padding-right: 10px; padding-left: 10px; } #store_list .dn_box{ background-image: url(images/ad_widg_dn.jpg); height: 8px; background-repeat: no-repeat; } /*店家 本月主打星*/ #store_list_moon { margin-bottom: 10px; } #store_list_moon .hd_box { background-image: url(images/store_fun_list.jpg); height: 40px; position: relative; margin-bottom: 10px; } #store_list_moon .hd_box .more{ position: absolute; top: 10px; right: 12px; } #store_list_moon ul{} #store_list_moon li img{ border: 3px solid #cdcdcd; } #store_list_moon li p{ padding-top: 10px; } #store_list_moon li p a{ color: #7e7e7e; text-decoration: none; } #store_list_moon li p a:hover{ color: #ff881f; text-decoration: none; } #store_list_moon li { display: block; float: left; width: 135px; margin-right: 5px; margin-left: 5px; } /*店家 好店大大推*/ #store_list_fun{} #store_list_fun ul{ background-image: url(images/store_list3.jpg); background-repeat: no-repeat; height: 167px; padding-left: 104px; >background-position: left 0px; } #store_list_fun a{ color: #666666; text-decoration: none; background-image: url(images/li.jpg); background-repeat: repeat-x; padding-top: 7px; padding-bottom: 7px;display: block; background-position: left bottom; } #store_list_fun a:hover{ color: #FF7709; } /*店家 人氣店家*/ #store_list_top{ margin-top: 10px; } #store_list_top .hd_box{ background-image: url(images/store_list4_hd.jpg); background-repeat: no-repeat; height: 51px; } #store_list_top .cd_box{ background-image: url(images/store_list4_cd.jpg); background-repeat: repeat-y; } #store_list_top .bd_box{ background-image: url(images/store_list4_bd.jpg); height: 7px; } #store_list_top .text{ margin-top: 10px; } #store_list_top a{ color: #48852a; text-decoration: none; background-image: url(images/li.jpg); background-repeat: repeat-x; padding-top: 5px; padding-bottom: 5px; display: block; padding-left: 30px; background-position: bottom; } #store_list_top a:hover{ color: #FF7709; } #store_list_top ul{ margin-right: 15px; margin-left: 15px; padding-top: 5px; padding-bottom: 10px; } #store_list_top li{background-repeat: no-repeat; background-position: 5px 5px; } #store_list_top li.num1{ background-image: url(images/num1.jpg); } #store_list_top li.num2{ background-image: url(images/num2.jpg);} #store_list_top li.num3{ background-image: url(images/num3.jpg);} #store_list_top li.num4{ background-image: url(images/num4.jpg);} #store_list_top li.num5{ background-image: url(images/num5.jpg);} #store_list_top li.num6{ background-image: url(images/num6.jpg);} #store_list_top li.num7{ background-image: url(images/num7.jpg);} #store_list_top li.num8{ background-image: url(images/num8.jpg);} #store_list_top li.num9{ background-image: url(images/num9.jpg);} #store_list_top li.num10{ background-image: url(images/num10.jpg);} #store_meg li { background-image: url(images/icon_06.gif); background-repeat: no-repeat; background-position: 5px 11px; padding-top: 7px; padding-bottom: 7px; padding-left: 25px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; } #store_meg li a{ color: #FF4C01; } #store_meg li a:hover{ color: #1D51A4; } #government .table2 img { margin-bottom: 5px; } #government h3 a { color: #38854F; font-size: 15px; background-image: url(images/icon_06.gif); background-repeat: no-repeat; background-position: 5px 10px; display: block; padding-left: 25px; padding-top: 7px; padding-bottom: 7px; } #government { color: #666; } #government li { background-image: url(images/li.jpg); background-repeat: repeat-x; background-position: bottom; padding-top: 7px; padding-bottom: 7px; } #government .info { padding-left: 27px; } #government img { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 25px; } #download li a { color: #38854F; font-size: 15px; margin-right: 10px; } #download li a:hover { color: #F60; } #download { color: #666; } #download li { background-image: url(images/017-030.gif); background-repeat: no-repeat; background-position: 5px 7px; padding-left: 25px; padding-top: 7px; padding-bottom: 7px; } #download .info { margin-top: 15px; } #download img { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 25px; } #guestbook table tr td { } #guestbook_dia h1 { background-color: #ff881f; color: #FFF; padding: 5px; margin-bottom: 5px; } #guestbook_dia .em { text-align: right; } #guestbook_dia .shd { font-size: 15px; font-weight: bold; background-color: #E8E8E8; padding: 5px; margin-bottom: 10px; margin-left: 7px; } #guestbook_dia li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; padding: 7px; } #guestbook_dia .row { background-color: #F7F7F7; } #guestbook_dia #guestbook_post{ margin-top: 15px; } #guestbook_post .hd_box { background-image: url(images/service_forum_view_03.jpg); height: 28px; width: 709px; margin-right: auto; margin-left: auto; } #guestbook_post .cd_box { background-image: url(images/service_forum_view_05.jpg); background-repeat: repeat-y; padding: 10px; } #guestbook_post .bd_box { background-image: url(images/service_forum_view_11.jpg); background-repeat: no-repeat; height: 16px; } #vote #vote_tit { font-size: 15px; color: #333; font-weight: bold; margin-top: 7px; margin-bottom: 7px; background-color: #f7f7f7; padding-top: 7px; padding-bottom: 7px; background-position: 5px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #EBEBEB; border-bottom-color: #EAEAEA; } #vote ul li { padding: 7px; float: left; text-align: center; } #vote .shd { font-size: 15px; font-weight: bold; color: #666; padding: 7px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #C30; } #vote ul li.row{ background-color: #F7F7F7; } #vote .off { background-image: url(images/vote_bar_empty.gif); background-repeat: repeat-x; height: 18px; } #vote .on { height: 18px; background-image: url(images/vote_bar_on.gif); } #privacy li{ padding: 7px; } #privacy h1 { color: #C00; padding: 7px; } #googlemap { color: #333; } #googlemap #g_left { float: left; width: 200px; } #googlemap #g_left .hd { border: 1px solid #DFDFDF; } #googlemap #g_left .hd h2 { background-image: url(images/gmap_hd.jpg); border: 1px solid #FFF; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; padding-left: 20px; background-position: left bottom; background-repeat: no-repeat; } #googlemap #g_left .text { padding: 8px; } #googlemap #g_store li a { color: #06C; } #googlemap #g_store li { margin-right: 5px; display: block; padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; } #googlemap #g_store li img{ float: left; margin-right: 7px; } #smap { background-image: url(images/map_sbg.jpg); background-repeat: repeat-x; height: 100%; width: 200px; border: 1px solid #b7b7b7; } #smap #sideleft .dis li { background-image: none; padding-left: 0px; } #smap #sideleft .dis img { float: left; padding: 2px; border: 1px solid #a6a69c; margin-right: 5px; } #smap #b1 a { display: block; float: left; padding-top: 5px; padding-right: 6px; padding-bottom: 5px; padding-left: 6px; } #smap #b1 { padding-bottom: 13px; } #gmap { background-image: url(images/map.jpg); background-repeat: no-repeat; height: 600px; width: 730px; position: relative; border: 1px solid b7b7b7; } #gmap #shows { background-image: url(images/map_02.gif); background-repeat: no-repeat; height: 180px; width: 375px; position: absolute; left: 160px; top: 164px; } #smap #b2 { padding-bottom: 13px; } #smap #b3 { padding-bottom: 13px; } #tmap { background-image: url(images/map_03.jpg); background-repeat: no-repeat; padding: 5px; height: 300px; width: 673px; border: 1px solid #b7b7b7; background-position: center center; margin-top: 15px; }#login p { line-height: 2em; font-size: 15px; } #login{ font-size: 15px; line-height: 2em; } #login a { color: #FF540C; margin-right: 10px; } .fimgview img{ height: 150px; width: 200px; }