* { margin:0px; padding:0px; font-family:Arial} a { text-decoration:none} #news_bar_title a,#column_title a { color:#fff; } #banner_detail a,#news_title a,#news_index_title a,#news_index_desc p a ,#news_desc p a,#article_print a,#path01 a,#column_index_name a,#column_box_title a,#column_box_desc a,#article div a,#more_news a {color:#004568} /*body {background:#f1f1f1}*/ body{background:url(images/bg.png) #ffbc20 top repeat-x} a:hover { color:#ffbc20} ul, li { margin:0px;padding:0px;list-style:none} h1,h2,h3,h4,#shortcut_title,#shortcut_title a,#left_side li a, .tab_menu li {font-family: Arial Unicode MS, "微軟正黑體", "新細明體", "細明體";} h1 {font-size:25px;color:#fb7c37} h2,h4,#event_title {font-size:18px;color:#fb7c37; } h3 {font-size:28px;color:#fb7c37; } h4 {margin:10px 0px;} p,a,#sale_location,p ul li {font-size:14px; color:#777;} .error {font-size:14px; color:#ff1515;font-weight:bold} .ui-dialog p, .blackfcolor p, p.blackfcolor {color:#000;} img{border:0;} #container_big {margin:auto; height:800px; width:1000px;background:url(images/container_bg.png) no-repeat} #container,#header ,#main { width:980px;} #container { margin:auto;} #header,#header_top,#logo,#shopping_icon,#menu,#banner ,#main,#event_shortcut,#news_shortcut,#shopping_news_shortcut,#shortcut_line ,#main , #shortcut_title,#shortcut_detail,#shortcut_content,#shortcut_img,#shortsut_detail, #left_side,#main_content,#main_content2,#right_side,#vide_group,#vide_item, #panel,.panel_head,#event_date,#event_title,#event_img,#event_desc,#event_desc2, #product_cat,#product_cat_img,#product_cat_name, #product,#product_img,#product_name,#product_price,#news_desc, #footer,#footer_copyright {float:left} #header {height:200px; background:#fff} #header_top,#logo {height:100px} #shopping_icon {width:970px;height:18px;text-align:right; background:#fff} /*menu*/ #menu { margin:0px auto; height:60px; width:980px; background:#f8f8f8;position:relative; top:0px; z-index:4} #menu ul {float:left;height:60px;width:auto;} #menu ul li {float:left; width:auto;height:60px;line-height:59px;background:url(images/menu_bg.png); border-right:1px solid #eee/*#ffc6a6*/} #menu ul li.no {width:auto;border-right:0px solid #eee !important } #menu ul li.first {width:125px !important;} #menu ul li a {padding:21px 42px; /*color:#fb7c37; color:#dc9a32; */ color:#fb7c37; font-weight:bold; } #menu ul li a:hover {color:#fb7c37} #menu ul li.select,#menu ul li:hover {background:url(images/menu_bg_over.png) #fff; } #menu ul li:hover ul {display:block; } .dropdown {position:absolute;top:60px;z-index:100; display:none;} .dropdown li {border-bottom:1px solid #eee;clear:left;text-align:center;width:144px !important } /*menu2*/ #menu2 { margin:0px auto; height:60px; width:980px; background:#f8f8f8;position:fixed; top:0px;display:none; z-index:5} #menu2 ul {float:left;height:60px;width:auto;} #menu2 ul li {float:left; width:auto;height:60px;line-height:59px;background:url(images/menu_bg.png); border-right:1px solid #eee} #menu2 ul li.no {width:auto;border-right:0px solid #eee !important } #menu2 ul li.first {width:125px;} #menu2 ul li a {padding:21px 42px; color:#fb7c37; font-weight:bold; } #menu2 ul li a:hover {color:#fb7c37} #menu2 ul li.select,#menu2 ul li:hover {background:url(images/menu_bg_over.png) #fff; } #menu2 ul li:hover ul {display:block; } .dropdown2 {position:absolute;top:60px;z-index:100; display:none;} .dropdown2 li {border-bottom:1px solid #eee;clear:left ;text-align:center;width:144px !important } #menu2_add {float:left;background:url(images/menu2_add.png); width:980px; height:10px;} #banner {height:410px;width:978px; border:0px solid #ddd; background:#fff } #banner_header {width:980px;height:90px; text-align:center;margin:15px auto 5px auto;overflow:hidden; text-overflow:ellipsis;} #banner_detail {width:600px; height:50px; margin:10px auto;overflow:hidden; text-overflow:ellipsis; line-height:17px;} #main {/*margin-bottom:30px;*/height:auto} #event_shortcut,#news_shortcut,#shopping_news_shortcut {width:310px;} #event_shortcut,#news_shortcut,#shopping_news_shortcut {margin:0px 8px;margin-bottom:20px;} #shortcut_content {width:305px; height:300px;overflow:hidden; border:2px dotted #dc9a32;box-shadow: 0px 0px 10px #bbb; background:#} #shortcut_title {background:url(images/title_bar.png); width:304px;} #shortcut_title,#shortcut_title a { font-size:25px;margin:20px 0px 10px 0px ;padding-left:5px;color:#fff/*#fb7c37*/} #shortcut_img {height:150px; width:280px; } #shortcut_img,#shortcut_detail {margin:15px 15px 0px 15px } #shortcut_detail {width:280px; height:auto/*height:75px*/} #shortcut_detail h1 {font-size:18px; margin:5px 0px; } #shortcut_detail p {font-size:14px;height:auto;/*max-height:63px;*/ line-height:20px; overflow:hidden; color:#000;} #shortcut_line {height:10px;width:300px;display:bolck;border-bottom:1px dotted #9999FF} /*left side*/ #left_side {width:210px;min-height:500px; background:url(images/left_side_bg.png)} #left_side ul {margin-top:20px;} #left_side ul li {width:170px; background:#780404; height:45px;margin:0px 20px; border-bottom:2px dotted #e46916;box-shadow: 1px 2px 3px #444;margin-bottom:10px;} #left_side ul li:hover {width:170px; background:#e46916; height:45px;margin:0px 20px; border-bottom:2px dotted #780404;box-shadow: 1px 2px 3px #444;margin-bottom:10px;} #left_side ul li a {line-height:45px;padding-left:20px; font-weight:bold;font-size:16px;color:#fff/*ffa516*/} /*main*/ #main {height:auto;background:url(images/main.png) #fff} #main_content {width:550px;min-height:500px; margin:0px 10px 10px 0px; background:url(images/main_bg.png) no-repeat} #main_content2 {width:760px;min-height:500px; margin:0px 10px 10px 0px; background:url(images/main_bg.png) no-repeat} #content {margin:20px;} #content h1, #content h2 {margin:5px 0px;} #content h1 {color:#831611} #content h2, {border-bottom:2px solid #6dbb33} #content h3 {border-bottom:2px solid #6dbb33} #content p {line-height:25px;} #path {margin-bottom:20px;} #path,#path a {font-size:12px;line-height:25px; color:#aaa} #right_side {width:210px;} #vide_group {width:550px;margin-left:15px; } #vide_item {width:175px; height:200px; display:bolck; margin:3px;} #event_date,#event_img {width:150px} #event_title,#event_title{width:560px; } #news_desc, #event_desc {width:540px; padding:10px;} #event_desc2 {width:720px;} #event_date p,#event_img img {padding:7px 0px 0px 10px;} #event_date {height:37px;max-width:120px;margin-right:30px; overflow:hidden} #event_title {/*height:37px;*/color:#831611;max-width:538px;margin-right:30px; overflow:hidden} #event_title {padding-top:10px;} #event_desc p,#event_desc2 p {height:80px;overflow:hidden} #form {width:730px;border:1px dotted #9999FF} /*product*/ #product_cat {width:231px; height:250px;margin:10px; background:#fff5e1; border:2px dotted #dc9a32;box-shadow: 0px 0px 10px #bbb;} #product_cat:hover {width:231px; height:250px;margin:10px; background:#fff5e1; border:2px dotted #dc9a32;box-shadow: 0px 0px 10px #bbb;} #product_cat_img {width:215px; margin:10px; height:180px; background:#fff;} #product_cat_name {width:235px;text-align:center} #product_cat_name a {font-size:20px; font-weight:bold;color:#f8630f } #product {width:216px; height:300px;margin:10px; background:#fff5e1; border:2px dotted #dc9a32;box-shadow: 0px 0px 10px #bbb;} #product:hover {width:216px; height:300px;margin:10px; background:#fff5e1; border:2px dotted #dc9a32;box-shadow: 0px 0px 10px #bbb;} #product_img {width:200px; margin:10px; height:150px; background:#fff;} #product_name,#product_price {width:220px;} #product_name p {height:50px; overflow:hidden;} #product_price p {height:28px; font-size:18px;color:#83a837; overflow:hidden;} #product_name p,#product_price p {text-align:center;color:#dc9a32;color:#f8630f } #product_name a {font-size:14px; font-weight:bold; } #product_price #btn_add {margin-left:42px;} #shopping_list {border-collapse:collapse;text-align:center} #shopping_list, #shopping_list td {border: 1px solid #add260;} #shopping_list td.no {border: 0px solid #add260 !important;} #shopping_list td.title {color:#fff; padding:10px;} #sale_location td { padding:5px 0px;} /*footer*/ #footer_big {width:1000px;float:left;margin:auto} #footer { height:110px;border-top:2px solid #ddd; width:980px;margin-left:10px;color:#999; background:#fff} #footer a { color:#999; font-size:12px; text-decoration:none;} #footer a:hover { color:#bbb; } #footer_content ul li { float:left; margin-right:20px; color:#fff} #contact { float:right} #footer_copyright { float:left;padding:30px 0px 0px 20px; width:100%;text-align:center;font-size:12px;} .left ,.right{float:left; width:980px;} #footer .right {width:900px;} /*-------------element--------------------*/ /*tab*/ .tab {width:720px; margin:20px 0px} .tab_menu {clear:both;} .tab_menu li {float:left; text-align:center; cursor:pointer; list-style:none; padding:10px 30px; margin-right:4px; background:#F1F1F1; border:1px solid #99c440; color:#83a837; border-bottom:none;} .tab_menu li.hover {background:#83a837; color:#fff} .tab_menu li.selected {color:#FFF; background:#ffa516;} .tab_box {clear:both; border:1px solid #ffb744; height:auto;} .hide {display:none} .highlight {background:#f1f1f1} /*panel */ #panel {width:718px;height:auto;border:2px dotted #dc9a32;margin-bottom:20px;box-shadow: 0px 0px 10px #bbb; } .panel_head {width:718px;height:auto;cursor:pointer;background:url(images/panel_bg.png) #ffa516; /*background:#e5ffff*/} .panel_head p {color:#fff/*color:#dc9a32*/} .content {display:none; float:left; width:100%;} /*btn*/ #btn_apply {background:url(images/btn_apply.png); width:140px;height:40px;} #btn_add {background:url(images/btn_add.png); width:140px;height:40px;} #btn_reset {background:url(images/btn_reset.png); width:140px;height:40px;} #btn_send {background:url(images/btn_send.png); width:140px;height:40px;} .fb_icon {position:relative;float:right;top:-40px; } /*page*/ #pagination-flickr {border:0; margin-left:250px; padding:0;} #pagination-flickr li {border:0; margin:0; padding:0;font-size:14px;list-style:none; float:left } #pagination-flickr a {border:solid 1px #DDDDDD;margin-right:2px;} #pagination-flickr .previous-off,#pagination-flickr .next-off {color:#666666;display:block;float:left;font-weight:bold;padding:3px 4px;} #pagination-flickr .next a,#pagination-flickr .previous a {font-weight:bold;border:solid 1px #FFFFFF;} #pagination-flickr .active{color:#ff0084;font-weight:bold;display:block;float:left;padding:4px 6px;} #pagination-flickr a:link,#pagination-flickr a:visited {color:#0063e3;display:block;float:left;padding:3px 6px;text-decoration:none;} #pagination-flickr a:hover{border:solid 1px #666666;}