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

/* 全域設定 */
html, body {height:100%; background:url(nothing.txt) #f38cb2 fixed; font:12px 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 Arial, Verdana, sans-serif;}

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

/* 標頭 */
#Header {width:930px; height:184px; margin:0 auto; background:url(../images/header/bg.gif) no-repeat; position:relative;}
#Header .Nav {bottom:0px; right:18px; position:absolute;}
#Header .Nav li {float:left; text-indent:-9999px; margin-right:6px;}
#Header .Nav li a {width:125px; height:47px; display:block; background-repeat:no-repeat;}
#Header .Nav li a:hover {background-position:bottom;}
#Header .Nav .NavRules a {background-image:url(../images/header/nav_rules.gif);}
#Header .Nav .NavList a {background-image:url(../images/header/nav_list.gif);}
#Header .Nav .NavSubmit a {background-image:url(../images/header/nav_submit.gif);}
#Header .Nav .NavHome a {width:79px; height:33px; margin-top:14px; background-image:url(../images/header/nav_home.gif);}
#Header .Countdown {top:0px; right:28px; position:absolute;}

/* 內文 */
#Main {width:930px; min-height:100%; _height:100%; background:#fff url(../images/main/bg.gif) no-repeat top; margin:0 auto; padding:0 0 35px; position:relative;}
#Main .Subheader {width:795px; height:88px; margin:0 auto; position:relative; border-bottom:#a02264 4px solid;}
#Main .Subheader .Title {top:56px; left:4px; position:absolute;}
#Main .Subheader .Search {top:56px; right:210px; position:absolute;}
#Main .Subheader .Search .Keyword {width:162px; height:16px; line-height:16px; border:#ccc solid 1px; margin-right:3px; color:#959595;}
#Main .Subheader .Search .btnGo {vertical-align:middle; *margin-top:-4px; /*margin-top:-1px\9;*/}
#Main .Subheader .Sort {top:56px; right:2px; position:absolute;}
#Main .Subheader .Sort .Head {color:#484848; padding-top:2px\9; _padding-top:1px 0 -1px;}
#Main .Subheader .Sort li {float:left; line-height:21px; margin-right:2px;}
#Main .Subheader .Sort li a {width:65px; color:#484848; display:block; text-align:center; text-decoration:none; padding-top:2px\9; _padding-top:1px 0 -1px;}
#Main .Subheader .Sort li a:hover, #Main .Subheader .Sort li .Current {color:#fff; background:url(../images/main/btn_sort.gif) no-repeat;}

#Main .List {width:832px; min-height:747px; _height:747px; margin:48px auto 0;}
#Main .List:after {content:''; clear:both; display:block; visibility:hidden;}
#Main .List .Error {width:718px; margin:48px auto 0; text-align:center;}
#Main .List .Item {width:186px; height:217px; padding:0 11px 32px; background:url(../images/main/list_item_bg.gif) no-repeat center top; position:relative; float:left;}
#Main .List .Item .Thumb {width:160px; height:120px; top:13px; left:24px; position:absolute;}
#Main .List .Item .Thumb a img {opacity:0.8; filter:alpha(opacity:80);}
#Main .List .Item .Thumb a:hover img {opacity:1; filter:alpha(opacity:100);}
#Main .List .Item .Name {width:100px; height:14px; top:140px; left:24px; position:absolute; overflow:hidden;}
#Main .List .Item .ID {width:60px; height:14px; top:140px; right:24px; position:absolute; text-align:right;}
#Main .List .Item .Num {font-size:18px; color:#fff; width:60px; height:14px; top:166px; right:39px; position:absolute; text-align:right;}
#Main .List .Item .Sticker {width:47px; height:41px; top:-19px; right:27px; position:absolute; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main/list_item_sticker.png', sizingMethod='scale'); background-image:url(../images/main/list_item_sticker.png); _background:none;}

#Main .Pic1 {top:158px; right:-68px; position:absolute;}
#Main .Pic2 {top:568px; left:-108px; position:absolute;}
#Main .Pic3 {top:42px; right:68px; position:absolute;}
#Main .Pic4 {top:348px; left:95px; position:absolute;}

#Main .Pager {width:930px; margin:0 auto; text-align:center;}
#Main .Pager .Current {font-weight:bold; margin:0 3px;}
#Main .Pager a {margin:0 3px;}

#Main .Submit {width:718px; margin:48px auto 0;}
#Main .Submit:after {content:''; clear:both; display:block; visibility:hidden;}
#Main .Submit .Header {margin:0 0 15px; padding:0 2px;}
#Main .Submit .Frame1 {background:#eee; margin:0 0 28px; padding:12px; line-height:24px; color:#464646;}
#Main .Submit .Frame2 {background:#fffed9; margin:-18px 0 15px; padding:12px; line-height:24px;}
#Main .Submit .Frame2 .Code {border:#9f9f9f solid 1px; margin-right:5px; line-height:18px; height:18px;}
#Main .Submit .Frame2 img {vertical-align:middle; margin-top:-4px\9;}
#Main .Submit .Data {border:#9f9f9f solid 1px; margin-right:5px; line-height:18px; height:18px; margin-right:5px;}
#Main .Submit .Icon {color:#e4007f;}
#Main .Submit .Th {width:70px; text-align:right; vertical-align:top;}
#Main .Submit .Memo {color:#7d7d7d; line-height:18px;}
#Main .Submit .Desc {border:#9f9f9f solid 1px; width:600px; height:54px;}
#Main .Submit .Button {border-top:#a02264 solid 3px; padding:24px 213px 0;}
#Main .Submit .Button a {margin:0 10px; text-indent:-9999px; background-repeat:no-repeat; display:block; float:left; width:126px; height:59px;}
#Main .Submit .Button a:hover {background-position:bottom;}
#Main .Submit .Button .Preview  {background-image:url(../images/main/btn_preview.gif);}
#Main .Submit .Button .Send  {background-image:url(../images/main/btn_send.gif);}
#Main #loading {vertical-align:middle; margin-left:5px;}
#Main .Submit #name {width:200px;}
#Main .Submit #pname {width:200px;}
#Main .Submit #address {width:320px;}
#Main .Submit #t1 {width:32px;}
#Main .Submit #t2 {width:110px;}
#Main .Submit #t3 {width:55px;}
#Main .Submit #phone {width:110px;}
#Main .Submit #email {width:200px;}
#Main .Submit #title {width:140px;}
#Main .Submit #con {width:590px;}
#Main .Submit .Code {width:140px;}
#Main .Submit .Source {width:570px; margin-top:-25px; _margin-top:-23px; position:relative; left:100px;}
#Main .Submit .Source li {float:left; line-height:26px; width:190px;}
#Main .Submit .Source .Min {width:114px;}

#Main .Rules {width:718px; margin:48px auto 0;}
#Main .Rules:after {content:''; clear:both; display:block; visibility:hidden;}
#Main .Rules .Introduction {margin:0 0 38px; line-height:24px; font-size:13px;}
#Main .Rules .Header {margin:0 0 15px; padding:0 2px;}
#Main .Rules .Frame1 {margin:0 0 48px; padding:12px 48px; line-height:22px; color:#464646;}
#Main .Rules .Frame2 {margin:0 0 48px 390px; padding:6px 12px; line-height:22px; color:#464646; width:300px;}
#Main .Rules  ul {list-style:decimal;padding:0 0 0 25px;}
#Main .Rules .Head {font-size:13px; font-weight:bold; color:#000;}
#Main .Rules .Button {border-top:#a02264 solid 3px; padding:24px 213px 0;}
#Main .Rules .Button a {margin:0 10px; text-indent:-9999px; background-repeat:no-repeat; display:block; float:left; width:126px; height:59px;}
#Main .Rules .Button a:hover {background-position:bottom;}
#Main .Rules .Button .Submit  {background-image:url(../images/main/btn_submit.gif);}
#Main .Rules .Button .View  {background-image:url(../images/main/btn_view.gif);}

/* 標尾 */
#Footer {width:100%; height:118px; background:url(../images/footer/bg.gif) repeat-x; text-align:center;}

/* 作品展示 */
#Showbox {width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:100; _position:absolute; _top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2); _margin-top:0; _height:expression(documentElement.clientHeight); visibility:hidden;}
#Showbox .Overlaybg {width:100%; height:100%; background:url(../images/showbox/overlay.png); left:0px; right:0px; position:absolute; _background:#000; _filter:alpha(opacity:60); _height:expression(documentElement.clientHeight);}
#Showbox .Frame {width:478px; height:541px; top:49%; left:50%; margin-top:-260px; margin-left:-239px; position:absolute;}
#Showbox .Frame .Background {width:478px; height:541px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showbox/bg.png', sizingMethod='scale');}
#Showbox .Frame .ID {top:-19px; right:25px; position:absolute; color:#959595; text-align:right;}
#Showbox .Frame .Title {top:4px; left:12px; position:absolute; color:#fff; line-height:28px; font-size:13px;}
#Showbox .Frame .Title span {color:#445d0d;}
#Showbox .Frame .Name {top:4px; right:38px; position:absolute; color:#fff; line-height:28px; font-size:13px; text-align:right;}
#Showbox .Frame .Name span {color:#445d0d;}
#Showbox .Frame .Photo {width:460px; height:345px; top:34px; left:9px; position:absolute; padding-bottom:10px;}
#Showbox .Frame .Desc {width:460px; top:390px; top:394px\9; left:9px; position:absolute;}
#Showbox .Frame .Desc .Head {font-size:15px; color:#636363; font-weight:bold; border-bottom:#787878 solid 1px; padding:0 2px 2px; margin:0 0 6px;}
#Showbox .Frame .Desc .Detail {width:456px; color:#363636; line-height:16px; padding:0 2px;}
#Showbox .Frame .Viewed {top:499px;; left:20px; position:absolute; color:#fff; font-size:11px;}
#Showbox .Frame .Viewed span {color:#898989; font-size:10px\9;}
#Showbox .Frame .Voted {top:514px;; left:20px; position:absolute; color:#fff;}
#Showbox .Frame .Voted span {color:#e4007f; font-size:16px; font-weight:bold;}
#Showbox .Frame .btnVote {top:499px;; right:135px; position:absolute;}
#Showbox .Frame .btnVote a {width:105px; height:33px; display:block; background-image:url(../images/showbox/btn_vote.gif); background-repeat:no-repeat; text-indent:-9999px;}
#Showbox .Frame .btnVote a:hover {background-position:bottom;}
#Showbox .Frame .btnFriend {top:499px;; right:20px; position:absolute;}
#Showbox .Frame .btnFriend #btnFriendCopy {width:105px; height:33px; background-image:url(../images/showbox/btn_friend.gif); background-repeat:no-repeat; text-indent:-9999px;}
#Showbox .Frame .btnFriend #btnFriendCopy.hover {background-position:bottom;}
#Showbox .Frame .btnFriend #btnFriendCopy.active {background-position:bottom;}
#Showbox .Frame .btnBack {top:499px;; right:135px; position:absolute;}
#Showbox .Frame .btnBack a {width:105px; height:33px; display:block; background-image:url(../images/showbox/btn_back.gif); background-repeat:no-repeat; text-indent:-9999px;}
#Showbox .Frame .btnBack a:hover {background-position:bottom;}
#Showbox .Frame .btnOK {top:499px;; right:20px; position:absolute;}
#Showbox .Frame .btnOK a {width:105px; height:33px; display:block; background-image:url(../images/showbox/btn_ok.gif); background-repeat:no-repeat; text-indent:-9999px;}
#Showbox .Frame .btnOK a:hover {background-position:bottom;}
#Showbox .Frame .btnPre {top:100px; left:-83px; position:absolute;}
#Showbox .Frame .btnNext {top:100px; right:-83px; position:absolute;}
#Showbox .Frame .btnClose {top:-14px; right:-27px; position:absolute;}
#Showbox .Frame .btnClose a {width:54px; height:54px; display:block; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showbox/btn_close_off.png', sizingMethod='scale'); background-image:url(../images/showbox/btn_close.png); _background:none; cursor:pointer;}
#Showbox .Frame .btnClose a:hover {_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showbox/btn_close_on.png', sizingMethod='scale'); background-position:bottom; _background:none; cursor:pointer;}
#Showbox .Frame .pngImage {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

/* 得獎名單 */
#Winnerbox {width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:100; _position:absolute; _top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2); _margin-top:0; _height:expression(documentElement.clientHeight); /*visibility:hidden;*/}
#Winnerbox .Overlaybg {width:100%; height:100%; background:url(../images/showbox/overlay.png); left:0px; right:0px; position:absolute; _background:#000; _filter:alpha(opacity:60); _height:expression(documentElement.clientHeight);}
#Winnerbox .Frame {width:478px; height:594px; top:49%; left:50%; margin-top:-297px; margin-left:-239px; position:absolute;}
#Winnerbox .Frame .Background {width:478px; height:594px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showbox/bg_winner.png', sizingMethod='scale');}
#Winnerbox .Frame .Title {top:4px; left:12px; position:absolute; color:#fff; line-height:28px; font-size:13px;}
#Winnerbox .Frame .Content {width:420px; height:480px; top:45px; left:29px; position:absolute;}
#Winnerbox .Frame .btnPhoto {top:551px;; right:135px; position:absolute;}
#Winnerbox .Frame .btnPhoto a {width:105px; height:33px; display:block; background-image:url(../images/showbox/btn_photo.gif); background-repeat:no-repeat; text-indent:-9999px;}
#Winnerbox .Frame .btnPhoto a:hover {background-position:bottom;}
#Winnerbox .Frame .btnAll {top:551px;; right:20px; position:absolute;}
#Winnerbox .Frame .btnAll a {width:105px; height:33px; display:block; background-image:url(../images/showbox/btn_all.gif); background-repeat:no-repeat; text-indent:-9999px;}
#Winnerbox .Frame .btnAll a:hover {background-position:bottom;}
#Winnerbox .Frame .btnClose {top:-14px; right:-27px; position:absolute;}
#Winnerbox .Frame .btnClose a {width:54px; height:54px; display:block; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showbox/btn_close_off.png', sizingMethod='scale'); background-image:url(../images/showbox/btn_close.png); _background:none; cursor:pointer;}
#Winnerbox .Frame .btnClose a:hover {_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showbox/btn_close_on.png', sizingMethod='scale'); background-position:bottom; _background:none; cursor:pointer;}
#Winnerbox .Frame .pngImage {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}