@charset "utf-8";
/* CSS Document */

/* 全域設定 */
html, body {height:100%; background:url(nothing.txt) #f38cb2 fixed repeat-x; font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin:0; padding:0;}
img {border:0;}
ul {list-style:none; padding:0; margin:0;}
a {color:#515151; text-decoration:none; outline:none;}
a:hover {color:#000; text-decoration:underline;}
input, textarea, select {font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}

#Wrapper {width:100%; height:100%; background:url(../images/bg.gif) repeat-x;}

#Header {height:440px; background:url(../images/header/bg.gif) center top no-repeat;}
#Header .Frame {width:950px; margin:0 auto; position:relative;}
#Header .Frame .Countdown {top:0px; right:15px; position:absolute;}

#Content {width:950px; margin:0 auto; padding:0 0 45px;}
#Content:after {content:''; clear:both; display:block; visibility:hidden;}

#Menu {width:250px; float:left; padding:30px 0 0;}
#Menu ul {padding:0 0 0 38px;}
#Menu li a {width:190px; height:56px; display:block; text-indent:-9999px; background-repeat:no-repeat;}
#Menu li a:hover {background-position:bottom;}
#Menu li .Home { background-image:url(../images/menu/btn_home.gif);}
#Menu li .Retrospection { background-image:url(../images/menu/btn_retrospection.gif);}
#Menu li .Blog { background-image:url(../images/menu/btn_blog.gif);}
#Menu li .Shop { background-image:url(../images/menu/btn_shop.gif);}
#Menu li .Sticker { background-image:url(../images/menu/btn_sticker.gif);}

#Main {width:700px; height:410px; float:left;}
#Main .Fun li {float:left; position:relative;}
#Main .Fun li .Detail {top:98px; left:32px; position:absolute; width:161px;}
#Main .Fun li .Button {top:220px; left:95px; position:absolute;}
#Main .Fun li .Button a {width:101px; height:36px; display:block; background-image:url(../images/main/btn_more.gif); background-repeat:no-repeat;}
#Main .Fun li .Button a:hover {background-position:bottom;}
#Main .Retrospection {height:335px; position:relative;}
#Main .Retrospection .Sideshow {top:33px; left:50px; position:absolute;}
#Main .Retrospection .Sideshow ul {width:578px; height:302px; overflow:hidden;}
#Main .Retrospection .Sideshow li {float:left; padding:0 5px;}
#Main .Retrospection .btnLeft {top:134px; left:10px; position:absolute;}
#Main .Retrospection .btnLeft a {width:29px; height:46px; display:block; background-image:url(../images/main/btn_left.gif); background-repeat:no-repeat; text-indent:-9999px;}
#Main .Retrospection .btnLeft a:hover {background-position:bottom;}
#Main .Retrospection .btnRight {top:134px; left:638px; position:absolute;}
#Main .Retrospection .btnRight a {width:29px; height:46px; display:block; background-image:url(../images/main/btn_right.gif); background-repeat:no-repeat; text-indent:-9999px;}
#Main .Retrospection .btnRight a:hover {background-position:bottom;}
#Main .Shop {margin:33px 0 0 10px; width:576px; height:372px; background:url(../images/main/bg_shop.gif) no-repeat; position:relative;}
#Main .Shop .List {width:514px; height:208px; line-height:25px; top:54px; left:31px; position:absolute; overflow:auto;}
#Main .Shop .List li {width:494px; border-bottom:#bebebe solid 1px;}
#Main .Shop .List li:after {content:''; clear:both; display:block; visibility:hidden;}
#Main .Shop .List li div {float:left;}
#Main .Shop .List li .City {width:56px;}
#Main .Shop .List li .Name {width:150px;}
#Main .Shop .List li .Address {width:245px; padding-right:8px;}
#Main .Shop .List li .Map {width:35px; padding-top:5px;}
#Main .Shop .Online li {width:165px; height:60px; float:left; padding:0px 0; border:0px;}
#Main .Shop .Online li a {width:165px; height:60px; display:block; text-indent:-9999px; background-position:top center;}
#Main .Shop .Online li a:hover {background-position:bottom center;}
#Main .Shop .Subnav {line-height:32px; top:39px; right:-81px; position:absolute;}
#Main .Shop .Subnav li a {width:81px; height:32px; text-align:center; background:#505050; display:block; color:#fff; margin-bottom:3px;}
#Main .Shop .Subnav li a:hover, #Main .Shop .Subnav li .Current {background:#8fc41f; text-decoration:none;}
#Main .Sticker {padding:33px 0 0 10px; height:400px; position:relative;}
#Main .Sticker .Html {top:33px; left:185px; position:absolute;}
#Main .Sticker .Html .Header {width:170px; height:28px; line-height:28px; color:#fff; background:#3c3c3c; text-align:center; font-size:15px; font-weight:bold;}
#Main .Sticker .Html textarea {width:168px; height:328px; border:#fff 1px solid;}
#Main .Sticker #btnCopy {width:105px; height:33px; background:url(../images/main/btn_copy.gif); top:400px; left:217px; position:absolute;}
#Main .Sticker #btnCopy.hover {background-position:bottom;}
#Main .Sticker #btnCopy.active {background-position:bottom;}

#Footer {height:104px; background:#303030; border-bottom:#82b31c 8px solid;}
#Footer .Frame {width:950px; margin:0 auto; position:relative;}
#Footer .Frame .Logo {top:34px; left:108px; position:absolute;}
#Footer .Frame .Link {top:36px; left:252px; position:absolute; color:#808080;}
#Footer .Frame .Link a {color:#808080;}
#Footer .Frame .Leagal {top:55px; left:252px; position:absolute; color:#808080; font-size:11px;}