@charset "utf-8";
/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, textarea, p, blockquote, th, td {padding: 0; margin: 0;}
table {border-collapse:collapse; border-spacing:0;}
address, caption, cite, code, dfn, em, th, var {font-weight: normal; font-style: normal;}
caption, th {text-align: left;}
fieldset, img {border: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%;}
a, a:link, a:visited, a:hover, a:active {text-decoration: none;} 
ol, ul {list-style: none;} 
input, textarea, select, button {font-size: 100%; font-family: inherit;}

/* CSS Document */
body{
    font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
}

a{color:#666;}
a:hover{color:#000;}

#wrapper{
    width:960px;
	margin:0 auto;
	color:#666;
	line-height:1.5;
}
.bg-pages{background:url(../images/bg_m.jpg) repeat-y;}

#header{
    margin:0;
	height:98px;
	background-color:#e1017b;
}
#container{padding:10px; color:#595959;}
#primary{float:left; color:#464444; width:642px;}
#secondary{float:right; width:300px; position:relative;}

#footer{
    background:url(../images/bg_footer.jpg) no-repeat bottom;
	text-align:center;
	padding:65px 0 10px;
	margin-top:30px;
}
#footer a{color:#129d2d;}
#footer a:hover{color:#333;}
#footer .left{margin-left:300px;}
#footer .right{margin-right:70px;}
#footer .right span{color:#adadad;}

.space{clear:both; line-height:0; zoom:1;}
.left{float:left;}
.right{float:right;}

/* Index
-------------------------------------------------------------------------------------------------*/
#index-nav, #index-main, #index-push{height:380px; overflow:hidden;}
#index-nav{width:205px; float:left;}
#index-main{width:521px; float:left;}
#index-push{width:234px; float:right;}

.index-list{width:535px; background:url(../images/index/index_24.jpg) no-repeat; vertical-align:top;}
.index-list li{margin:18px 0 0 10px; float:left; width:120px; text-align:center;}
.index-list li div{padding:10px; background-color:#fff; border:#ddd 1px solid; margin-bottom:8px; height:80px; width:80px;}
.index-list li p{line-height:1.5; color:#5f5f5f;}
.index-list li p span, .success-song span, .bg-list span{color:#e07e00;}
.index-list li p strong, .success-song strong{color:#668400; font-weight:normal;}
.index-list li p strong a{color:#668400;}

/* Share
-------------------------------------------------------------------------------------------------*/
.s-name{background:url(../images/share/form_16.jpg) no-repeat; padding:32px 0 3px 175px;}
.s-story{background:url(../images/share/form_17.jpg) no-repeat; padding:30px 0 0 98px;}
.s-info{background:url(../images/share/form_25.jpg) no-repeat; padding:60px 0 120px 132px;}
.s-name p, .s-story p{margin-top:7px;}
.s-info p{margin-top:6px;}
.btn-center{text-align:center; padding:10px 0; margin-bottom:30px;}
.btn-center img{margin:0 15px;}

.input-s, .input-m, .select-s{border:#d5d5d5 1px solid; height:20px; line-height:20px;}
.input-s{width:118px;}
.input-m{width:400px;}
.select-s{width:100px;}
.text-story{border:#d5d5d5 1px solid; height:120px; width:600px; margin-bottom:8px;}

/* Success
-------------------------------------------------------------------------------------------------*/
.success-img{float:left; background:url(../images/success/success_05.jpg) no-repeat; width:326px; height:343px; position:relative;}
.success-img .default-img{position:absolute; top:72px; left:73px; width:220px; height:220px; z-index:4; text-align:center;}
.success-img .bg-picture{background:url(../images/success/picture.png) no-repeat; z-index:5; position:absolute; top:0; left:0; width:326px; height:343px;}
.success-img p{position:absolute; top:53px; left:260px; color:#660b00; z-index:6; font-weight:bold;}

.success-txt{float:right; width:634px; font-family:"微軟正黑體"; font-size:125%; background:url(../images/success/bg_txt.jpg) no-repeat;}
.success-txt td{vertical-align:top;}
.success-song{/*background:url(../images/success/success_08.jpg) no-repeat;*/ height:69px; padding-left:36px; line-height:1.8;}
.success-story{/*background:url(../images/success/success_10.jpg) no-repeat;*/ min-height:150px; padding-left:36px; padding-right:70px;}
.sstory-txt{/*height:85px; overflow-y:auto;*/ padding-right:5px; padding-bottom:20px; line-height:1.5;}

/* List
-------------------------------------------------------------------------------------------------*/
.bg-search{background:url(../images/list/list_09.jpg) no-repeat; width:167px; vertical-align:top; padding:13px 0 0 14px;}
.input-search{height:18px; line-height:18px; width:155px; border:0px; background-color:#fff; _margin-top:-4px;}
.bg-list{background:url(../images/list/list_14.jpg) no-repeat top; padding-left:60px; font-family:"微軟正黑體";}
.bg-list li{width:130px; float:left; margin:20px 20px;}
.bg-pics{background:url(../images/list/bg_picture.gif) no-repeat; margin:0; height:141px; width:100px; padding:3px 7px 0 8px; text-align:right; color:#660b00; font-weight:bold; line-height:2; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.bg-list p{color:#668400; font-weight:bold; line-height:1.2; margin:3px 0;}
.bg-list b{color:#b40000;}

.see-more img{margin-top:5px;}
.see-more a img{
	opacity:.60;
	filter:alpha(opacity=60);
	filter: “alpha(opacity=60)”;
}
.see-more a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
	filter: “alpha(opacity=100)”;
} 

/* menu */
#share-subject {height:47px;}
#share-subject li {float:left;}
#share-subject a {display:block; background:url(../images/list/share_subject.jpg) no-repeat; height:47px;}
#share-subject .sub01 a {width:111px; background-position:0 0;}
#share-subject .sub02 a {width:153px; background-position:-111px 0;}
#share-subject .sub03 a {width:157px; background-position:-264px 0;}
#share-subject .sub04 a {width:158px; background-position:-421px 0;}
#share-subject .sub05 a {width:177px; background-position:-579px 0;}

#share-subject.all .sub01 a, #share-subject .sub01 a:hover{background-position:0 -47px;}
#share-subject.cry .sub02 a, #share-subject .sub02 a:hover{background-position:-111px -47px;}
#share-subject.love .sub03 a, #share-subject .sub03 a:hover{background-position:-264px -47px;}
#share-subject.heart .sub04 a, #share-subject .sub04 a:hover{background-position:-421px -47px;}
#share-subject.high .sub05 a, #share-subject .sub05 a:hover{background-position:-579px -47px;}

#order {height:51px;}
#order li {float:left;}
#order a {display:block; background:url(../images/list/order.jpg) no-repeat; height:51px;}
#order .or01 a {width:112px; background-position:0 0;}
#order .or02 a {width:111px; background-position:-112px 0;}

#order.time .or01 a, #order .or01 a:hover{background-position:0 -51px;}
#order.number .or02 a, #order .or02 a:hover{background-position:-112px -51px;}

.hide {font-size:0; line-height:0; color:#fff; text-indent:-5000px;}

/* CSS style pagination */
div.pagination{text-align:center; margin:20px 0;}
div.pagination a{
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #eaeaea;
}
div.pagination a:hover{
	border: 1px solid #831a1b;
	color: #831a1b;
}
div.pagination span.current {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #eaeaea;
	font-weight:bold;
	background-color:#eaeaea;
	color:#831a1b;
}
div.pagination span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #ccc;
	color:#999;
}

/* Sticker
-------------------------------------------------------------------------------------------------*/
.sticker-img{float:left; background:url(../images/sticker/sticker_02.jpg) no-repeat; width:211px; height:286px; padding:7px 0 0 151px;}
.sticker-txt{float:right; background:url(../images/sticker/sticker_03.jpg) no-repeat; width:598px; padding-top:5px;}
.sticker-txt p{margin-bottom:8px; margin-left:68px;}
.sticker-btn{margin-top:80px;}
.sticker-btn img{margin:0 10px;}

.sticker-done{float:right; background:url(../images/sticker/sticker_03_2.jpg) no-repeat; width:598px; padding-top:5px;}
.sticker-code{height:140px; width:470px; border:#ccc 1px solid; background:#fff;}

/* Detail
-------------------------------------------------------------------------------------------------*/
.recommend{color:#df0000; font-size:200%; font-weight:bold; height:37px; line-height:37px; text-align:center;}

/* Terms
-------------------------------------------------------------------------------------------------*/
.terms-box{background:url(../images/bg_m_top.jpg) no-repeat top; padding:20px 30px 10px 50px; line-height:1.8; font-family:"微軟正黑體";}
.terms-title a{color:#009ba5; margin-left:20px; font-size:125%; font-weight:bold; text-decoration:underline;}
.terms-title a:hover{color:#666; text-decoration:none;}

.terms-box h3{font-size:175%; color:#0047c9; margin-bottom:10px;}
.terms-box h4{font-size:125%; font-weight:bold; color:#333; background:url(../images/icon_terms.gif) no-repeat left center; padding-left:30px; margin-bottom:5px;}
.terms-box ol{list-style-type:decimal; padding-left:10px; margin-left:15px;}
.terms-box ul{list-style-type:disc; padding-left:10px; margin-left:15px;}
.terms-box strong{color:#660b00; font-size:108.3%;}

.table-terms{border-right:#aaa 1px solid; border-left:#aaa 1px solid;}
.allcenter{text-align:center;}
.table-terms td{border-bottom:#aaa 1px solid; /*border-right:#999 1px solid;*/ padding:5px;}
.table-terms td.terms-rows{background-color:#660b00;; color:#fff; font-size:108.3%;}

.to-top{border-bottom:#666 1px dashed; text-align:right; margin:20px 0; padding-right:10px; font-weight:bold;}

/* Winner
-------------------------------------------------------------------------------------------------*/
.monthly-winner{background:url(../images/winner/winner_07.jpg) no-repeat top; padding:0 280px 10px 82px; font-family:"微軟正黑體";}
.monthly-winner table{border-top:#999 1px solid; border-left:#999 1px solid; border-right:#999 1px solid;}
.monthly-winner td{border-bottom:#999 1px solid; padding:8px; font-size:108.3%;}
.monthly-winner td.mw-rows{background-color:#660b00; color:#fff;}
.monthly-winner strong{color:#000;}

.winner-box{padding:0 0 0 82px; font-family:"微軟正黑體"; font-size:108.3%;}
.winner-info{background:url(../images/winner/bg_winner.jpg) no-repeat top; padding:0 15px; text-align:center;}
.winner-info div{padding:20px 0 40px; text-align:center;}
.winner-info div p{color:#e07e00;}
.winner-info div p a{color:#e07e00;}
.winner-info div span{color:#668400;}
.winner-info div a{text-decoration:underline;}
.winner-info div a:hover{text-decoration:none; color:#000;}

/* 表單驗證
-------------------------------------------------------------------------------------------------*/
label.error, label.error{color:#f00;}
input.error{border:#f00 1px solid; color:#f00;}
select.error{border:#f00 1px solid; color:#f00;}
div.error{display:none;}
label.error{display:none;}

/*File uploader*/
.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}

/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}
.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}
.swfupload {
	vertical-align: top;
}