@charset "utf-8";
/* CSS Document */
/* Noto Sans 思源黑體 */
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
/*html5*/
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
display: block
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/* base */
html,
body,
ul,
li,
dl,
dt,
dd,
form,
image {
margin: 0;
border: 0;
padding: 0;
/*list-style: none;*/
}
img {
border: 0;
}
body,
div,
dl,
dt,
dd,
ul,
ul li,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
select,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
-webkit-text-size-adjust: none;
/*解決Chrome 12px以下字級*/
}
h1, h2, h3, h4, h5, h6 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 1;
color: inherit;
text-rendering: optimizelegibility;
}
/**/
body{
background-color: #407868;
color: #000;
font-size: 0.9375rem;
overflow-x: hidden;
font-family:Microsoft JhengHei, 微軟正黑體, Arial, Helvetica, sans-serif;
}
body * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body sub, body sup {
line-height: 0;
position: relative;
vertical-align: baseline;
}
body sup {
top: -0.25em;
}
body sub {
bottom: -0.25em;
}
ul{
list-style-type: none;
}
img{
border: none; vertical-align: bottom;
}
input{
vertical-align: middle;
height:24px;
font-size:0.8125rem;
font-family: Arial, Helvetica, sans-serif;
}
i,em{ font-style:normal}
input.input,input.original,input.correct{
border: 1px solid #ddd; padding: 1px; background: #FFF;
}
.input:hover,select:hover,.input:focus,.inputfocus{
background-color:#f4fff4;
}
select,textarea{
font-family: Arial, "Times New Roman", Verdana;
font-size: 0.8125rem;
height:24px;
border: 1px solid #d1d1d1;
text-align: left;
margin:5px 0;
border-radius: 5px;
height: 34px;
}
input.wrong{border:1px solid #c00; padding:1px}
strong{padding-right:5px;}
a{
color:#333;
text-decoration:none;
}
a:hover{
color:#666;
text-decoration: underline;
}
div.all{ width:100%; height:100%; text-align:center; overflow:hidden }
li .y1{color:#600; margin:0px auto ;width:250px;}
#dialog_a,#dialog_b{ overflow:hidden}
/* clearfix */
.cmn_clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.cmn_clearfix { display:inline-block; }
/*\*/
* html .cmn_clearfix { height:1%; }
.cmn_clearfix { display:block; }
/*--- the end---- */
/*=====header=====*/
#header{
width:100%;
height:100px;
/* background: #407868; */
position: relative;
}
#header:after{
position: absolute;
content: "";
background: url(/javax.faces.resource/bg_music.svg.jsf?ln=images) repeat-x;
background-size: inherit;
background-position: left top;
width: 100%;
height:100%;
opacity:1;
top:0;
z-index:-1
}
#header .headerInfo{
width:1100px;height:100px; margin:0px auto;
}
#header .headerInfo a{
width:347px;height:100px; display:block; margin:left; text-align:center;
}
#header .header_right {
position: absolute;
width: auto;
height: 100px;
top: 0;
right: 0px;
}
/*=====menu=====*/
#menu{ width:100%; height:45px;background-color: #2b584b; overflow:visible; }
#menu .menuInfo{width: 100%;max-width:1400px;height:39px; margin:0px auto;}
#menu .menuInfo .left{float: left;color:#ffffff;}
#menu .menuInfo .left a{font-size:0.9375rem !important;color:#DEEFB7;}
#menu .menuInfo .left a:hover {color:#FF6;}
.btn_menuA {float: left;
background: url(/javax.faces.resource/menu_a.gif.jsf?ln=images) no-repeat;
width: 124px;
height: 39px;
display: block;
margin-left:0px;
}
.btn_menuA a{
background: url(/javax.faces.resource/menu_a2.gif.jsf?ln=images) no-repeat;
}
.btn_menuA:hover{ background:url(/javax.faces.resource/menu_a3.gif.jsf?ln=images) no-repeat;}
.btn_menuA:active{ background:url(/javax.faces.resource/menu_a2.gif.jsf?ln=images) no-repeat;;}
.btn_menuB {
background: url(/javax.faces.resource/menu_b.gif.jsf?ln=images) no-repeat;
width: 151px;
height: 39px;
display: block;
margin-left:130px;
}
.btn_menuB a{
background: url(/javax.faces.resource/menu_b2.gif.jsf?ln=images) no-repeat;
}
.btn_menuB:hover{ background:url(/javax.faces.resource/menu_b3.gif.jsf?ln=images) no-repeat;}
.btn_menuB:active{ background:url(/javax.faces.resource/menu_b2.gif.jsf?ln=images) no-repeat;;}
#menu .menuInfo .right{float: right;color: #FFF; margin-top:10px;
font-size:0.8125rem;}
#menu .menuInfo .right form{
white-space: nowrap;
}
#menu .menuInfo .right a {
color: #DEEFB7;text-decoration: none; font-size: 0.875rem;
}
#menu .menuInfo .right a:visited {
text-decoration: underline;
}
#menu .menuInfo .right a:hover {
color:#FF6;
text-decoration: underline;
}
/*=====sitemap=====*/
#sitemap{ width:100%; height:25px;overflow:hidden;background-color: #2a3633; display: flex;}
#sitemap .sitemapInfo{width:1390px;height:25px;margin:0px auto; text-align:left; margin-top:8px; letter-spacing:0px; }
#sitemap .sitemapInfo .txt{color:#ffd918;margin-left:0px; font-size: 0.875rem; font-weight: normal;}
/*=====content=====*/
#xsnazzy { /* height: 100%; */
border: 1px solid #b9b9b9;
border-radius: 10px;
overflow: hidden;}
#xsnazzy p {padding:0 ;color:rgb(34, 34, 34); font-size: 0.875rem;}
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 5px; letter-spacing:1px;}
#xsnazzy h1 { color: #6f541e;
font-size: 1.4em;
/* text-align: center; */
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: #e1e1e1 1px solid;}
#xsnazzy h2 { margin:5px 0 5px 7px;
font-size:0.8125rem;
color: rgb(240, 96, 0);
border:0;
font-weight: normal;
}
#xsnazzy h3 {
margin: 10px 0;
padding: 5px 0;
font-size: 1.0625rem;
color: #2c8021;
border: 0;
font-weight: 600;
}
#xsnazzy h3.awards{
padding: 10px 20px 10px 40px;
position: relative;
width: auto;
background: #9e7139;
color: #fff;
display: inline-block;
border-radius: 0px 5px 0 5px;
margin: 0 0 15px;
}
#xsnazzy h3.awards:after{
content: "";
position: absolute;
left: 8px;
top: 5px;
width: 25px;
height: 25px;
background: url(/javax.faces.resource/ico_awards.png.jsf?ln=images) repeat-x;
}
#xsnazzy h3.awards .ch_title{
display: block;
}
#xsnazzy h3.awards .en_title{
display: none;
}
#xsnazzy h4{
margin: 10px 0;
padding: 5px 0;
font-size: 1rem;
color: rgb(176 15 15);
border: 0;
font-weight: bold;
}
.xcontent {display:block; background:#FFF; /* border:0 solid #b5b5b5; */ border-width:0 1px;padding:20px 20px 20px 20px;}
.xtop, .xbottom {display:block; background:transparent; font-size:0.0625rem; display: none;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFF; border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5;}
.xb1 {margin:0 5px; background:#b5b5b5;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
#content{ width:100%;background-color:#2a3633;padding: 20px 18px 30px;}
#contentInfo{ width: 100% !important;
max-width: 1440px;
padding: 15px 15px 20px;
background: #f4f4f4;
border-radius: 10px;
display: flex;
justify-content: space-between;
justify-content: center;
margin: 0px auto;
}
#content table{
font-size: 0.9375rem;
}
/* #entirePage #contentInfo{
background: rgb(248 255 234);
} */
#entirePage #contentInfo{
/* width: 450px !important; */
}
#entirePage #contentInfo #loginForm{
display: inline-block;
width: 100%;
background: #fff;
}
#entirePage #content{
/* padding-top: 0; */
padding-bottom: 60px;
position: relative;
}
#entirePage #content:before{
position: absolute;
content: "";
background: url(/javax.faces.resource/bg_music_top.svg.jsf?ln=images) repeat-x;
background-size: inherit;
background-position: left bottom;
width: 100%;
height: 70px;
opacity: 0.5;
bottom: 0;
left: 0;
}
#entirePage .ui-dialog{
border: 1px solid #c59b6c;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
form#form{
font-size: 0.875rem;
}
#content .ui-widget{
font-size: 0.9375rem;
color: #333333;
}
#content .iti.iti--allow-dropdown input[type=text]{
padding-left: 52px;
}
#contentBox{
width: 100%;
}
#contentBox p,#contentBox_index p{margin:10px 0 0 0;line-height:28px;padding-left: 1px;padding-bottom:6px; display: inline-block;
width: 100%; }
#content #contentInfo #contentBox_index{
display: inline-block;
width: calc(100% - 350px);
height: 100%;
text-align: left;
}
#content #contentInfo #contentBox_index #j_idt52 {
font-size: 1em;
padding: 0;
background: #fff;
height: calc(100% - 0px);
margin: 0 !important;
border: 1px solid #b9b9b9;
}
#content #contentInfo #contentBox_index #j_idt52 legend.ui-fieldset-legend {
display: inline-block;
width: calc(100% + 2px);
font-size: 1.2em;
margin-bottom: 0px;
margin-left: -1px;
background: #407868;
color: #fff984;
border-radius: 4px 4px 0 0;
border: none;
text-align: center;
text-shadow: none;
box-shadow: none;
padding: 6px 0 6px;
font-weight: bold;
}
#content #contentInfo #contentBox_index #j_idt52 .ui-fieldset-content {
background: #fff;
height: calc(100% - 0px);
box-shadow: inset 0px 0px 0px 5px #d0d0d0, 0px 0px 0px 0px #d0d0d0;
padding: 15px 20px 45px 20px;
min-height: 350px;
}
#contentNav{ float:right;width:275px;overflow:hidden;position:relative; margin:0px;padding:0px;}
#content #contentInfo #contentNav {
width: 350px;
margin-left: 20px;
}
@media screen and (max-width: 960px) {
#contentInfo{
flex-direction: column;
}
#content #contentInfo #loginForm,
#content #contentInfo #contentBox_index {
display: inline-block;
width: calc(100% - 0px);
}
#content #contentInfo #contentNav{
width: 100%;
margin: 15px 0 0;
}
#content #contentInfo #loginForm #contentBox_index #xsnazzy .xcontent{
height: 380px !important;
}
#content #contentInfo #contentBox_index #j_idt52 .ui-fieldset-content{
min-height: inherit;
}
}
#contentNavInfo{padding:0px; text-align: left;}
#contentNavInfo h1{padding:0px;border-bottom:#e1e1e1 1px solid;}
#contentNavInfo p{ margin:10px 0; line-height:28px;}
#contentNavInfo #contentNavBox{
color: #868686;
font-size: 0.875rem;
background: #ffffff;
padding: 10px 10px;
border-radius: 9px;
border: 1px solid #b9b9b9;
height: 100%;
}
#contentNavInfo #contentNavBox a{
color:#bf2415 !important
}
/* a11y：側欄區塊標題由 h3 改 h2.a11y-side-title（標頭不跳級），font-size 補回 h3 的 UA 預設 1.17em */
#contentNavInfo #contentNavBox h2.a11y-side-title{font-size:1.17em;}
#contentNavInfo #contentNavBox h3,
#contentNavInfo #contentNavBox h2.a11y-side-title{
color: #fff984 !important;
text-decoration: none !important;
width: 100%;
padding: 7px 10px;
background: #407868;
border-radius: 5px;
}
/* a11y：側欄純連結不是標頭（moda HM1130104E），h4 改 div.a11y-side-link；補回全域 h1-h6 規則給的 margin/粗體/行高 */
#contentNavInfo #contentNavBox div.a11y-side-link{margin:10px 0;font-weight:bold;line-height:1;}
#contentNavInfo #contentNavBox h4,
#contentNavInfo #contentNavBox div.a11y-side-link{
font-size: 0.875rem;
padding: 0 0 0 5px;
color: #868686;
}
#contentNavInfo #contentNavBox h4 a,
#contentNavInfo #contentNavBox div.a11y-side-link a{
color: #926941 !important;
font-size: 0.9375rem;
}
#contentNavInfo #contentNavBox p{
font-size: 0.875rem;
padding: 0 0 0 5px
}
#contentNavBox p.t1{
margin:0px 0; font-size:0.875rem;
line-height:20px; font-family: palatino, tahoma, Arial, Verdana;
}
#contentNavBox .r1{
margin:10px 0; padding:0px;
}
.dw_a {background: url(/javax.faces.resource/dw_a.gif.jsf?ln=images) no-repeat;width: 262px;height: 32px;display: block;}
.dw_a a{background: url(/javax.faces.resource/dw_a.gif.jsf?ln=images) no-repeat;}
.dw_a:hover{ background:url(/javax.faces.resource/dw_as.gif.jsf?ln=images) no-repeat;}
.dw_a:active{ background:url(/javax.faces.resource/dw_a.gif.jsf?ln=images) no-repeat;}
.dw_b {background: url(/javax.faces.resource/dw_b.gif.jsf?ln=images) no-repeat;width: 262px;height: 32px;display: block;}
.dw_b a{background: url(/javax.faces.resource/dw_b.gif.jsf?ln=images) no-repeat;}
.dw_b:hover{ background:url(/javax.faces.resource/dw_bs.gif.jsf?ln=images) no-repeat;}
.dw_b:active{ background:url(/javax.faces.resource/dw_b.gif.jsf?ln=images) no-repeat;}
.dw_c {background: url(/javax.faces.resource/dw_c.gif.jsf?ln=images) no-repeat;width: 262px;height: 32px;display: block;}
.dw_c a{background: url(/javax.faces.resource/dw_c.gif.jsf?ln=images) no-repeat;}
.dw_c:hover{ background:url(/javax.faces.resource/dw_cs.gif.jsf?ln=images) no-repeat;}
.dw_c:active{ background:url(/javax.faces.resource/dw_c.gif.jsf?ln=images) no-repeat;}
.t01{color: #C00;font-size: 0.9375rem;vertical-align: bottom;}
.line {display: block;height:10px;margin:10px 0 20px 0;border-bottom:#e1e1e1 1px solid; line-height:30px;}
/*=====帳號密碼=====*/
.login_form{
background: #FFFFFF;
margin: 0 auto 0;
height: 300px;
overflow: auto;
padding: 20px 20px 20px;
width: 450px;
overflow:hidden;
border: 1px ;
/* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); */
}
.login_box {
display: block;
position: absolute;
width: auto;
height: 120px;
margin: 10px 10px 10px 10px;
text-align: left;
}
.login_form .a01{
position: absolute;
width: 261px;
height: 35px;
line-height:28px;
}
.login_form .a02{
position: absolute;
width: 261px;
height: 35px;
top:50px;
line-height:28px;
}
.login_form .a03{
position: absolute;
top:100px;
line-height:32px;
text-align: left;
}
.login_img {
background-color: #407868;
cursor: pointer;
width: 85px;
height: 85px;
display: block;
margin:0px 0 0 280px;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
text-align: center;
color: #28003F;
font-weight: bold;
border: 1px solid #b9b9b9;
}
.login_tab_txt {position: absolute;display: block;top:170px;left:0px;}
#loginBox li{float:left; list-style:none;display: inline; margin:5px 0px;padding:0px;font-size:0.8125rem;color:#000;text-align:right;}
li.AButton{margin:5px 0px;text-align:center;margin:5px 0 20px 0;}
li.AButton a{ text-align:center; width:80px;color: #fff; border:1px solid #fff; background-color:#dd731d; display:block; padding:8px;font-size:0.8125rem; font-weight:bold;position:relative;}
li.AButton a:hover{ color:#fff; border:1px solid #d4d4d4; background-color:#6b6b6b;text-decoration: none;}
.form_left{ width:259px;margin:10px 0 0px 20px;text-align:right;}
.cbox{
margin:10px 0 10px 20px;
}
.unlogin_form {
width:95%;
padding: 0;
}
.unlogin_form p .f_label {
float: left;
font-size: 0.9375rem;
line-height: 24px;
text-align: right;
width: 200px;
padding-top: 5px;
color: #333333;
}
.unlogin_form .acts{
margin: 0;
text-align: center;
}
.unlogin_form .acts .blue_btn{
margin: 1px;
}
.ui-selectbooleancheckbox .ui-chkbox-box{
width: 18px !important;
height: 18px !important;
border-radius: 3px !important;
border: 1px solid #b684c1;
}
.ui-radiobutton .ui-radiobutton-box{
width: 18px !important;
height: 18px !important;
border-radius: 50% !important;
border: 1px solid #b684c1;
}
#content .ui-spinner .ui-spinner-input{
padding-right: 1.4em !important;
}
#content .ui-spinner .ui-spinner-button{
background: #b4830b;
}
#content .ui-calendar .ui-datepicker-trigger{
background: #b4830b;
border-color: #b4830b;
padding: 2px 0 4px;
}
#content .ui-chkbox-box.ui-state-active,
.ui-dialog .ui-chkbox-box.ui-state-active,
.ui-radiobutton-box.ui-state-active {
background-color: #b4830b;
}
.ablum_img{
float: left;height:80px;
margin: 0px 20px 0 0px;
}
.ablum_txt{height:80px;
margin: 0px 0 20px 140px;
}
#certificateArea button,
.lvbox button,
.lvboxb button{
height: 32px;
}
.unlogin_form p .txt_input {
width: 250px;
}
.unlogin_form p .warning {
color: #DD3C10;
}
.unlogin_form p .hint {
color: #999;
display: block;
font-size: 0.8125rem;
margin-left: 200px;
padding-top: 5px;
}
.unlogin_form p .hint2 {
color: #999;
display: block;
font-size: 0.8125rem;
}
.unlogin_form p .hint2s{
color: #999;
display: block;
font-size: 0.8125rem;
margin-left: 200px;
}
.unlogin_form p .hint3 {
color: #999;
display: block;
font-size: 0.8125rem;
position: absolute; margin: 0px 0px 0px 150px;
}
.unlogin_form p .hint4 {
color: #999;
font-size: 0.8125rem; height:80px;
margin: 0px 0px 0px 20px;
}
.unlogin_form p .hint5 {
color: #999;
display: block;
font-size: 0.8125rem;
margin-left: 150px;
}
/* album-producer over-30-min checkbox: align under the producer input column (same 200px offset as .hint).
Must be a block div (NOT inside ) — p:selectBooleanCheckbox renders a block div that would break out of a
/. */
.unlogin_form .over30_row {
display: block;
margin-left: 200px;
}
.unlogin_form .over30_row .ui-chkbox {
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
@media only screen and (max-width: 925px) {
.unlogin_form p .f_label{
width: 100% !important;
text-align: left;
}
.unlogin_form p .hint,
.unlogin_form p .hint2s{
margin-left: 0;
}
.unlogin_form .over30_row{
margin-left: 0;
}
}
/*=====報名資料_表演場所_團體個人=====*/
div.ui-panel{border: 0 none;}
div.ui-panel-content.ui-widget-content{border: 1px solid #a8a8a8;border-radius: 5px; padding: 0;}
.ads_a div.ui-panel-content.ui-widget-content span {
display: none;
margin-left: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 60px;
}
div.ui-panel.ui-panel-content {
padding: 0;
}
.ads_a div.ui-panel-content {
padding: 0;
}
.ads_a div.ui-panel{
padding: 0;
}
/*填寫作品形式*/
input#form\:workNumber_input.ui-inputfield{
height: 20px;
}
button.ui-button-icon-only{
margin: 0 0 0 3px;
}
button#form\:addBtn.ui-button{
margin: 0 0 5px 0;
}
div.ui-messages-warn{
height: 24px;
}
div.ui-messages-error{
height: 24px;
}
/*上傳圖片*/
div.ui-messages-warn{
height: 24px;
}
div.ui-messages-error{
height: 24px;
}
div.ui-messages-info{
height: 24px;
}
/*歌曲表單欄位*/
input#form\:songTable:0:songNameIT.ui-inputfield{
padding: 0px;
}
table#form\:workType1.ui-widget {
font-family: Arial,sans-serif;
font-size: 0.8125rem;padding: 0;
}
td.ui-editable-column{
padding: 0; font-size: 0.8125rem;
}
div#form\:songTable.ui-datatable
{margin: 0;padding: 0; font-size: 0.8125rem;
}
.ui-datatable table {
border-collapse: collapse;
}
span#form\:songTable:0:j_idt95.ui-cell-editor{ width: 500px;}
/*曲數Spinner*/
input#form\:workNumber_input.ui-spinner {
width:60px;
}
input#form\:workNumber_input.ui-spinner-input {
width: 30px;
}
/* Calender */
input#form\:publishDate_input.ui-inputfield {
width: 80px; padding: 0px;height: 24px;
}
span.rb{
margin: 0px 15px 0px 0px;
color: #333333;
vertical-align: text-top; line-height:20px;
}
.unlogin_form p {
}
.unlogin_form p.acts {
margin-left: 150px;
}
.unlogin_form p.acts .blue_btn{
min-width: 100px;
}
/* .blue_btn {
font-weight: normal;
background:rgb(117, 47, 0);
background:-webkit-gradient(linear,0% 0,0% 100%,from(rgb(117, 47, 0)),to(rgb(117, 47, 0)),color-stop(.5,rgb(107, 0, 0)),color-stop(.501,rgb(107, 0, 0)));
background:-moz-linear-gradient(top,rgb(107, 0, 0),rgb(36, 0, 23) 50%,rgb(36, 0, 23) 50.1%,rgb(107, 0, 0));
background:linear-gradient(top,rgb(107, 0, 0),rgb(107, 0, 0) 50%,rgb(107, 0, 0) 50.1%,rgb(107, 0, 0));
-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
-o-box-shadow:0 0 2px rgba(0,0,0,0.5);
box-shadow:0 0 2px rgba(0,0,0,0.5);
border:1px solid rgb(117, 47, 0);
padding:3px 10px;margin: 0px 5px 0px 0px;
display:inline-block;
color:#fff34A !important;
cursor:pointer;
text-align:center;font-size: 0.8125rem;
line-height: 20px;
}
.blue_btn a{
color:#ffffff!important;
}
.blue_btn:hover {
background:rgb(51, 0, 0);
background:-webkit-gradient(linear,0% 0,0% 100%,from(rgb(51, 0, 0)),to(rgb(51, 0, 0)),color-stop(.5,rgb(36, 0, 0)),color-stop(.501,rgb(36, 0, 0)));
background:-moz-linear-gradient(top,#1e1e1e,#3c3c3c 50%,#3c3c3c 50.1%,#1e1e1e);
background:linear-gradient(top,rgb(36, 0, 0),rgb(36, 0, 0) 50%,rgb(36, 0, 0) 50.1%,rgb(36, 0, 0));
border:1px solid rgb(36, 0, 0);
color:#fff34a;
text-decoration: none;
}
.blue_btn:active {
background:rgb(80, 0, 0);
background:-webkit-gradient(linear,0% 0,0% 100%,from(rgb(80, 0, 0)),to(rgb(80, 0, 0)),color-stop(.5,rgb(60, 0, 0)),color-stop(.501,rgb(60, 0, 0)));
background:-moz-linear-gradient(top,rgb(60, 0, 0),rgb(60, 0, 0) 50%,rgb(60, 0, 0) 50.1%,rgb(60, 0, 0));
background:linear-gradient(top,rgb(60, 0, 0),rgb(60, 0, 0) 50%,rgb(60, 0, 0) 50.1%,rgb(60, 0, 0));
border:1px solid transparent;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
-o-box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
color:#fcff00;
} */
.bgray_btn {
background:#b3b3b3;
background:-webkit-gradient(linear,0% 0,0% 100%,from(#b3b3b3),to(#b3b3b3),color-stop(.5,#9e9e9e),color-stop(.501,#9e9e9e));
background:-moz-linear-gradient(top,#9e9e9e,#9e9e9e 50%,#9e9e9e 50.1%,#9e9e9e);
background:linear-gradient(top,#e4e4e4,#e4e4e4 50%,#e4e4e4 50.1%,#e4e4e4);
-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
-o-box-shadow:0 0 2px rgba(0,0,0,0.5);
box-shadow:0 0 2px rgba(0,0,0,0.5);
border:1px solid #b3b3b3;
padding:3px 10px;
display:inline-block;
color:#fff;
cursor:pointer;
text-align:center;
}
.gray_btn {
background:#b3b3b3;
background:-webkit-gradient(linear,0% 0,0% 100%,from(#b3b3b3),to(#b3b3b3),color-stop(.5,#9e9e9e),color-stop(.501,#9e9e9e));
background:-moz-linear-gradient(top,#9e9e9e,#9e9e9e 50%,#9e9e9e 50.1%,#9e9e9e);
background:linear-gradient(top,#e4e4e4,#e4e4e4 50%,#e4e4e4 50.1%,#e4e4e4);
-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
-o-box-shadow:0 0 2px rgba(0,0,0,0.5);
box-shadow:0 0 2px rgba(0,0,0,0.5);
border:1px solid #eee;
padding:3px 10px;
display:inline-block;
color:#fff;
cursor:pointer;
text-align:center;
}
.gray_btn:hover {
background:#818181;
background:-webkit-gradient(linear,0% 0,0% 100%,from(#bfbfbf),to(#bfbfbf),color-stop(.5,#818181),color-stop(.501,#818181));
background:-moz-linear-gradient(top,#818181,#818181 50%,#818181 50.1%,#818181);
background:linear-gradient(top,#818181,#818181 50%,#818181 50.1%,#818181);
border:1px solid #eee;
}
.gray_btn:active {
background:#818181;
background:-webkit-gradient(linear,0% 0,0% 100%,from(#bfbfbf),to(#bfbfbf),color-stop(.5,#818181),color-stop(.501,#818181));
background:-moz-linear-gradient(top,#818181,#818181 50%,#818181 50.1%,#818181);
background:linear-gradient(top,#818181,#818181 50%,#818181 50.1%,#818181);
border:1px solid transparent;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
-o-box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
}
.lview_btn {
background:#b3b3b3;
background:-webkit-gradient(linear,0% 0,0% 100%,from(#b3b3b3),to(#b3b3b3),color-stop(.5,#9e9e9e),color-stop(.501,#9e9e9e));
background:-moz-linear-gradient(top,#9e9e9e,#9e9e9e 50%,#9e9e9e 50.1%,#9e9e9e);
background:linear-gradient(top,#e4e4e4,#e4e4e4 50%,#e4e4e4 50.1%,#e4e4e4);
-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
-o-box-shadow:0 0 2px rgba(0,0,0,0.5);
box-shadow:0 0 2px rgba(0,0,0,0.5);
border:1px solid #eee;
padding:3px 10px;
display:inline-block;
color:#fff;
cursor:pointer;
text-align:center;
}
.lview_btn:hover {
background:#818181;
background:-webkit-gradient(linear,0% 0,0% 100%,from(#bfbfbf),to(#bfbfbf),color-stop(.5,#818181),color-stop(.501,#818181));
background:-moz-linear-gradient(top,#818181,#818181 50%,#818181 50.1%,#818181);
background:linear-gradient(top,#818181,#818181 50%,#818181 50.1%,#818181);
border:1px solid #eee;
}
.lview_btn:active {
background:#818181;
background:-webkit-gradient(linear,0% 0,0% 100%,from(#bfbfbf),to(#bfbfbf),color-stop(.5,#818181),color-stop(.501,#818181));
background:-moz-linear-gradient(top,#818181,#818181 50%,#818181 50.1%,#818181);
background:linear-gradient(top,#818181,#818181 50%,#818181 50.1%,#818181);
border:1px solid transparent;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
-o-box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset;
}
/*=====移動歌曲====*/
div.ui-panel-content ui-widget-content{
}
div.ui-panel-content.ui-widget-content span{
display: block;
overflow: hidden;
width: 100%;text-overflow:ellipsis;
white-space: nowrap;
margin: 0 0px !important;
padding: 5px;
min-width: 110px;
}
.ui-panel-content.ui-widget-content span.s01{
display: block;
margin-left: 10px;
overflow: hidden;
width: 60px; text-overflow:ellipsis;
white-space: nowrap;
}
fieldset#bestForkSingleAwardFieldset.ui-fieldset.ui-widget.ui-widget-content{
height: auto; min-height:100px; margin-top: 10px;
}
.ui-fieldset.ui-widget.ui-widget-content .s02{ min-height:100px; height:auto; margin-top: 10px;
}
.ui-fieldset.ui-widget.ui-widget-content.ui-corner-all.ui-droppable{margin-top: 10px;min-height:100px;
}
.ui-fieldset.ui-widget.ui-widget-content.ui-corner-all{margin-top: 10px;min-height:100px; }
/*=====歌曲資料====*/
.song_box{
margin: 0px 0 0 15px;
}
table.song_main {
width: 100%; margin:10px 0 0 14px;border:1px solid #eee;
}
table.song_main td {
padding: 4px 0px 4px 5px;
border-bottom: 1px whiteSmoke solid;
}
caption, th, td {
font-weight: normal;
text-align: left;padding: 2px 5px;
}
table.song_main .off{
text-align: center;
}
table.song_main .on{
text-align: center;
font-weight: bold;
color: #666;
}
table.song_main tr.bg_grey {
line-height:30px;
height:26px;
border-bottom:#e6e6e6 1px solid;
background-color: #E4E4E4;
}
table.song_main tr.bga {
background: #FAFAFA;
line-height:30px;
height:26px;border-bottom:#e6e6e6 1px solid;
}
table.song_main tr.bgb {
line-height:30px;
border-bottom:#e6e6e6 1px solid;
height:26px;
background-color: #EEEEEE;
}
table.song_main .txt{
height:26px;
}
/**/
#header .logo{
position: relative;
}
#header .logo .logo_num{
/* GIMA17: 改為純文字流式（不再 absolute + 大字疊在 logo 上） */
display: inline-block;
vertical-align: middle;
font-family: Microsoft JhengHei, 微軟正黑體, Arial, Helvetica, sans-serif;
font-weight: 600;
font-size: 6em;
color: #fff;
margin: 0 14px 0 4px;
padding: 0;
line-height: 1;
}
#contentBox #editDialogId .custom-textarea{
display: inline-block;
width: 100%;
height: 120px;
min-height: 80px;
max-height: 260px;
overflow-y: auto;
resize: vertical !important;
box-sizing: border-box;
}
#contentBox #editDialogId table .title-column{
width: 130px;
}
#contentBox #editDialogId table tr:nth-last-child(-n+3) .title-column {
height: 80px;
}
/*=====rg=====*/
.top{display: block;background-color: #F3F3F3; padding:10px 18px; border-radius: 5px;}
p.top01{
color:#768a7b;
display: block;
}
#content .top .top01{
margin-top: 10px;
margin-bottom: 10px;
}
p.top01 a{
color:#CC0000;
margin: 10px 0 0 0;
}
.addrw_img {
position: absolute;
width: 160px;
height: 60px;
display: block;
margin: 0px 0 10px 0;
background: linear-gradient(to right top, #b4830b 0, #e8b55f 100%);
border-radius: 6px;
color: #fff !important;
padding: 5px 10px;
border: 1px #fff solid;
box-shadow: 2px 2px 10px 0px #d7a443;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.addrw_img:hover {
position: absolute;
width: 160px;
height: 60px;
display: block;
margin: 0px 0 10px 0;
background: linear-gradient(to right top, #e8b55f 0, #b4830b 100%);
border-radius: 6px;
color: #fff !important;
padding: 5px 10px;
border: 1px #fff solid;
box-shadow: 2px 2px 10px 0px #d7a443;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.addrw_img:before{
content: "+新增報名作品";
font-family:Microsoft JhengHei, 微軟正黑體, Arial, Helvetica, sans-serif;
position: relative;
display: inline-block;
width: 100%;
font-weight: bold;
white-space:nowrap;
}
.addrw_img:after{
content: "Create Application";
font-family: Arial, Helvetica, sans-serif;
position: relative;
display: inline-block;
width: 100%;
font-weight: bold;
white-space:nowrap;
top: -5px;
}
.addrw_img a{background: url(/javax.faces.resource/btn_add.gif.jsf?ln=images) no-repeat;}
.addrw_img:hover{ /* background:url(/javax.faces.resource/btn_adds.gif.jsf?ln=images) no-repeat; */}
/* 跟 addrw_img 同色系（金/橘 gradient + 陰影）但給 modal 等行內位置用：
- 不寫 position:absolute / fixed width，靠內容撐
- 不用 :before/:after 寫死文字（modal 內按鈕文字走 i18n key）
給 signup_a01 新增作品 modal 的「新增空白資料」按鈕（5/28 加）*/
.addrw_btn {
display: inline-block;
padding: 8px 24px;
background: linear-gradient(to right top, #b4830b 0, #e8b55f 100%);
color: #fff !important;
border-radius: 6px;
border: 1px #fff solid;
box-shadow: 2px 2px 10px 0px #d7a443;
font-weight: bold;
text-decoration: none;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.addrw_btn:hover {
background: linear-gradient(to right top, #e8b55f 0, #b4830b 100%);
color: #fff !important;
text-decoration: none;
}
table.remind_main {
width: 100%;
}
table.remind_main td {
padding: 4px 0px 4px 5px;
border-bottom: 1px whiteSmoke solid;
}
caption, th, td {
font-weight: normal;
text-align: left;padding: 4px 5px;
}
table.remind_main .off{
text-align: center;
}
table.remind_main .on{
text-align: center;
font-weight: bold;
color: #666;
}
table.remind_main tr.bg_grey {
background: #FAFAFA;
line-height:30px;
height:26px;
}
table.remind_main .txt{
height:26px;
}
.ui-fileupload-files .ui-fileupload-row button.ui-button{
cursor: pointer;
position: relative;
width: auto;
background: rgb(110, 64, 120);
transition: all 0.5s ease-out 0s;
white-space: nowrap;
text-decoration: none;
text-shadow: none;
color: rgb(255, 255, 255) !important;
padding: 5px 20px !important;
border: none !important;
box-shadow: none !important;
border-radius: 5px !important;
font-size: 0.9375rem !important;
margin: 3px 1px 3px 0px;
display: inline-flex;
align-items: center;
width: auto;
/* min-width: 90px; */
justify-content: center;
padding: 2px 12px !important
}
.ui-fileupload-files .ui-fileupload-row button.ui-button:hover{
background: rgb(125, 37, 37);
color: rgb(255, 255, 255);
border: none;
box-shadow: none;
transition: all 0.5s ease-out 0s;
text-decoration: none;
}
.del_icon {background: #b4830b url(/javax.faces.resource/icon_del.png.jsf?ln=images) center center; background-repeat: no-repeat;
width: 15px;
height: 15px;
margin: 0 auto;
padding: 12px;
display: inline-block;
border-radius: 5px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
.del_icon a{background: url(/javax.faces.resource/icon_del.png.jsf?ln=images) no-repeat;}
.del_icon:hover{ background: #7d2525 url(/javax.faces.resource/icon_dels.png.jsf?ln=images) no-repeat center center;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
.upload_icon {background-image: url(/javax.faces.resource/upload-icon-hover.png.jsf?ln=images);background-repeat: no-repeat; width: 15px;height: 15px;display: block;margin: 0 auto;}
.upload_icon a{background: url(/javax.faces.resource/upload-icon-hover.png.jsf?ln=images) no-repeat;}
.upload_icon:hover{ background:url(/javax.faces.resource/upload-icon-normal.png.jsf?ln=images) no-repeat;}
/*=====step=====*/
.step_top{margin:0 0 20px 0px;}
#iden{ height: 35px;font-size:0.9375rem; color:#548e00;margin:0 0 0 0;border-bottom:#e1e1e1 1px solid; }
.tip{ position: absolute; background-image: url(/javax.faces.resource/tip.gif.jsf?ln=images);
background-repeat: no-repeat;
width: 7px;
height: 4px;
display: block;
margin:0 0 0 15px;
}
.iden_box{
padding: 0 0 0 38px;
border: 1px #dadada solid;
border-radius: 10px 10px 0 0;
height: 35px !important;
background: none !important;
display: flex !important;
flex-wrap: wrap;
align-content: center;
}
.iden_box.active{
border-bottom: 1px #fff solid;
}
.iden_box:hover{
text-decoration: none;
}
.iden_box span{
display: inline-block;
width: 100%;
}
.iden_box span.tab_title_a{
font-size: 1rem;
font-weight: 500;
display: block;
}
.iden_box span.tab_title_b{
font-size: 1rem;
font-weight: 500;
display: none;
}
.iden_box:after{
content: "";
position: absolute;
width: 26px;
height: 20px;
left: 6px;
top: 7px;
background-size: contain !important;
}
.iden_box.iden_01a .tab_title_a,
.iden_box.iden_02a .tab_title_a,
.iden_box.iden_03a .tab_title_a{
color: #b4830b;
font-weight: bold;
}
.iden_box.iden_01b:hover .tab_title_a,
.iden_box.iden_02b:hover .tab_title_a,
.iden_box.iden_03b:hover .tab_title_a{
color: #b4830b;
font-weight: bold;
}
.iden_box.iden_01a:after,
.iden_box.iden_01b:hover:after{
background: url(/javax.faces.resource/iden_01a.gif.jsf?ln=images) no-repeat center center;
}
.iden_box.iden_01b:after{
background: url(/javax.faces.resource/iden_01b.gif.jsf?ln=images) no-repeat center center;
}
.iden_box.iden_02a:after,
.iden_box.iden_02b:hover:after{
background: url(/javax.faces.resource/iden_02a.gif.jsf?ln=images) no-repeat center center;
}
.iden_box.iden_02b:after{
background: url(/javax.faces.resource/iden_02b.gif.jsf?ln=images) no-repeat center center;
}
.iden_box.iden_03a:after,
.iden_box.iden_03b:hover:after{
background: url(/javax.faces.resource/iden_03a.gif.jsf?ln=images) no-repeat center center;
}
.iden_box.iden_03b:after{
background: url(/javax.faces.resource/iden_03b.gif.jsf?ln=images) no-repeat center center;
}
.iden_01a {position: absolute;background-image: url(/javax.faces.resource/iden_01a.gif.jsf?ln=images);background-repeat: no-repeat; width: 136px;height: 35px;display: block; margin:0 0 0 15px;}
.iden_01a a{background: url(/javax.faces.resource/iden_01a.gif.jsf?ln=images) no-repeat;}
.iden_01a:hover{ background:url(/javax.faces.resource/iden_01a.gif.jsf?ln=images) no-repeat;}
.iden_01b {position: absolute;background-image: url(/javax.faces.resource/iden_01b.gif.jsf?ln=images);background-repeat: no-repeat; width: 136px;height: 35px;display: block; margin:0 0 0 15px;}
.iden_01b a{background: url(/javax.faces.resource/iden_01a.gif.jsf?ln=images) no-repeat;}
.iden_01b:hover{ background:url(/javax.faces.resource/iden_01a.gif.jsf?ln=images) no-repeat;}
.iden_02a {position: absolute;background-image: url(/javax.faces.resource/iden_02a.gif.jsf?ln=images);background-repeat: no-repeat; width: 136px;height: 35px;display: block; margin:0 0 0 156px;}
.iden_02a a{background: url(/javax.faces.resource/iden_02a.gif.jsf?ln=images) no-repeat;}
.iden_02a:hover{ background:url(/javax.faces.resource/iden_02a.gif.jsf?ln=images) no-repeat;}
.iden_02b {position: absolute;background-image: url(/javax.faces.resource/iden_02b.gif.jsf?ln=images);background-repeat: no-repeat; width: 136px;height: 35px;display: block; margin:0 0 0 156px;}
.iden_02b a{background: url(/javax.faces.resource/iden_02a.gif.jsf?ln=images) no-repeat;}
.iden_02b:hover{ background:url(/javax.faces.resource/iden_02a.gif.jsf?ln=images) no-repeat;}
.iden_03a {position: absolute;background-image: url(/javax.faces.resource/iden_04a.png.jsf?ln=images);background-repeat: no-repeat; width: 136px;height: 35px;display: block; margin:0 0 0 298px;}
.iden_03a a{background: url(/javax.faces.resource/iden_04a.png.jsf?ln=images) no-repeat;}
.iden_03a:hover{ background:url(/javax.faces.resource/iden_04a.png.jsf?ln=images) no-repeat;}
.iden_03b {position: absolute;background-image: url(/javax.faces.resource/iden_04b.png.jsf?ln=images);background-repeat: no-repeat; width: 136px;height: 35px;display: block; margin:0 0 0 298px;}
.iden_03b a{background: url(/javax.faces.resource/iden_04a.png.jsf?ln=images) no-repeat;}
.iden_03b:hover{ background:url(/javax.faces.resource/iden_04a.png.jsf?ln=images) no-repeat;}
.title_box{margin:20px 0 20px 0px;}
.lvbox{
display: block;
width: 550px;
height: 24px;
margin: 0px 0 5px 0px;
}
.lvboxb{
display: block;
width: 450px;
height: 24px;margin:0px 0 5px 0px;
}
/*
.loadid { float:left;background-image: url(/javax.faces.resource/loada.gif.jsf?ln=images);background-repeat: no-repeat; width: 53px;height: 24px;display: block;}
.loadid a{background: url(/javax.faces.resource/loada.gif.jsf?ln=images) no-repeat;}
.loadid:hover{ background:url(/javax.faces.resource/loadb.gif.jsf?ln=images) no-repeat;}
.viewid { float:left;margin:0 0 0 2px;background-image: url(/javax.faces.resource/viewa.gif.jsf?ln=images);background-repeat: no-repeat; width: 53px;height: 24px;display: block; left:50px;}
.viewid a{background: url(/javax.faces.resource/viewa.gif.jsf?ln=images) no-repeat;}
.viewid:hover{ background:url(/javax.faces.resource/viewb.gif.jsf?ln=images) no-repeat;} */
.loadid { float:left; min-width: 53px; height: 24px;display: block;}
.viewid { float:left;margin:0 0 0 2px; min-width: 53px;height: 24px;display: block; left:50px;}
.del_member {position: absolute;background-image: url(/javax.faces.resource/icon_del.png.jsf?ln=images);background-repeat: no-repeat; width: 15px;height: 15px;display: block; margin:-15px 0 0 0px; right:50px;}
.del_member a{background: url(/javax.faces.resource/icon_del.png.jsf?ln=images) no-repeat;}
.del_member:hover{ background:url(/javax.faces.resource/icon_dels.png.jsf?ln=images) no-repeat;}
/*=====award=====*/
.title_box2{margin:10px 0 20px 10px;}
.award_abox{font-size:0.8125rem;}
/*=====531 add by vivi=====*/
.award_abox2_left {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
border: #ccc 1px solid;
border-left: 5px #9e7139 solid;
border-radius: 8px;
margin: 0 0 10px;
overflow: hidden;
width: 160px;
align-items: center;
}
.award_abox2_left .info_box,
.award_abox3_left .info_box{
display:block
}
.award_abox2_left .info_box_en,
.award_abox3_left .info_box_en{
display:none
}
#content .award_abox2_left img{
width: 40px;
height: 10%;
margin: 10px 10px;
}
#content .award_abox2_left p{
font-size: 1.25rem;
color: #000;
display: inline-block;
margin: 0;
font-weight: 500;
}
#content .award_abox2_left span{
font-size: 0.875rem;
color: #C00;
margin: -8px 0 0;
display: block;
}
.award_abox2_right {
display: block;
width: 100%;
}
.award_abox3{margin:0;padding: 0;display:block;height:100px;clear:both;}
.award_abox3_left {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
border: #ccc 1px solid;
border-left: 5px #9e7139 solid;
border-radius: 8px;
margin: 0 0 10px;
overflow: hidden;
width: 160px;
align-items: center;
}
#content .award_abox3_left img{
width: 40px;
height: 10%;
margin: 10px 10px;
}
#content .award_abox3_left p{
font-size: 1.25rem;
color: #000;
display: inline-block;
margin: 0;
font-weight: 500;
}
#content .award_abox3_left span{
font-size: 0.875rem;
color: #C00;
margin: -8px 0 0;
display: block;
}
.award_abox3_right{ float:left;width: 840px;display:block; margin:10px 0 0 0;
}
.award_abox4{ margin:0;padding: 0;display:inline-block;height:100%;clear:both; width:100%}
.aw01 { text-align:left;margin:10px 0;padding:5px;}
.award_abox4_left{ margin:0px 10px 0 0;width: 40%;display:block; float:left; min-height:780px;}
.award_abox4_right{ float:left;width: 59%;display:block; margin:0px 0 0 0; min-height:780px;}
.award_abox4_left .ui-fieldset-legend,
.award_abox4_right .ui-fieldset-legend{
color: #ffe55f;
text-shadow: none;
width: calc(100% + 32px);
border-radius: 5px 5px 0 0;
background: linear-gradient(to bottom, #709c80 0, #2b584b 100%);
margin: 0 -16px;
}
.award_abox4_left .ui-datalist-item .ui-panel,
.award_abox4_right .ui-datalist-item .ui-panel{
border: 1px solid #b4830b;
border-top: 10px solid #b4830b;
margin: 0 1px;
cursor: grab;
min-height: 81px;
}
.ui-datalist-item .ui-panel .ui-panel-titlebar .ui-panel-title{
margin:0
}
.ui-fieldset.ui-state-highlight{
background:#fff !important;
box-shadow: inset 0px 0px 19px #b4830b;
}
/* === GIMA17: per-song award dropdown cards === */
#singleAwardsPanel,
.song_award_cards,
.song_award_cards .ui-datalist-content,
.song_award_cards .ui-datalist-data {
display: block !important;
width: 100% !important;
max-width: 100%;
padding: 0;
margin: 0;
list-style: none;
float: none !important;
}
.song_award_cards .ui-datalist-item {
display: block !important;
width: 100% !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box;
background: transparent !important;
border: 0 !important;
}
.song_award_card {
box-sizing: border-box;
width: 100%;
border: 1px solid #b4830b;
border-top: 6px solid #b4830b;
border-radius: 5px;
margin: 0 0 12px 0;
padding: 14px 16px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
text-align: left;
}
/* B: assigned state (V2 pale gold bg + deeper gold border + reversed badge) */
.song_award_card.assigned {
background: #fdf7e3;
border-color: #8a6308;
}
.song_award_card.assigned .song_award_card_no {
background: #b4830b;
color: #fff;
}
.song_award_card_head {
display: block;
margin-bottom: 10px;
font-size: 1.0625rem;
line-height: 1.5;
text-align: left;
}
.song_award_card_no {
display: inline-block;
font-weight: bold;
color: #2b584b;
font-size: 1rem;
background: #f3ebd0;
padding: 2px 10px;
border-radius: 4px;
margin-right: 6px;
vertical-align: baseline;
}
.song_award_card_name {
color: #333;
word-break: break-word;
font-weight: 500;
vertical-align: baseline;
}
.song_award_card_body {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.song_award_card_label {
font-size: 0.9375rem;
color: #555;
flex: 0 0 auto;
min-width: 110px;
}
.song_award_card_select {
flex: 1 1 280px;
min-width: 240px;
max-width: 440px;
}
.song_award_card_select.ui-selectonemenu,
.song_award_card_select {
width: 100% !important;
min-width: 240px;
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
border: 1px solid #c6c6c6 !important;
border-top: 1px solid #c6c6c6 !important;
border-right: 1px solid #c6c6c6 !important;
border-bottom: 1px solid #c6c6c6 !important;
border-left: 1px solid #c6c6c6 !important;
border-radius: 4px !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
}
.song_award_card_select .ui-selectonemenu-label {
font-size: 0.9375rem;
padding: 8px 12px;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
color: #333 !important;
border: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
text-align: left !important;
filter: none !important;
}
.song_award_card_select .ui-selectonemenu-trigger,
.song_award_card_select .ui-selectonemenu-trigger.ui-state-default {
background: #f7f1de !important;
background-color: #f7f1de !important;
background-image: none !important;
border: 0 !important;
border-left: 1px solid #c6c6c6 !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
}
.song_award_card_select_panel.ui-selectonemenu-panel {
background: #fff !important;
border: 1px solid #b4830b !important;
}
.song_award_card_select_panel .ui-selectonemenu-items .ui-selectonemenu-item {
background: #fff !important;
background-image: none !important;
color: #333 !important;
padding: 8px 12px;
}
.song_award_card_select_panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover,
.song_award_card_select_panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-active,
.song_award_card_select_panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
background: #b4830b !important;
background-image: none !important;
color: #fff !important;
}
@media (max-width: 768px) {
.song_award_card { padding: 12px; margin-bottom: 10px; }
.song_award_card_head { gap: 8px; margin-bottom: 8px; }
.song_award_card_no { font-size: 0.875rem; }
.song_award_card_name { font-size: 1rem; width: 100%; flex-basis: 100%; }
/* C: hide label on mobile, dropdown takes full card width */
.song_award_card_body { flex-direction: column; align-items: stretch; gap: 0; }
.song_award_card_label { display: none; }
.song_award_card_select { width: 100%; max-width: 100%; flex: 1 1 100%; }
}
/* === GIMA17 A: Single award genre counter chip bar === */
.single_award_counter_bar {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 8px 0 12px 0;
padding: 8px 10px;
background: #fff;
border: 1px solid #d4b863;
border-radius: 4px;
}
.counter_chip {
display: inline-flex;
align-items: baseline;
padding: 3px 10px;
border-radius: 12px;
background: #f3ebd0;
color: #2b584b;
font-size: 0.8125rem;
line-height: 1.4;
white-space: nowrap;
transition: background 0.15s, color 0.15s;
}
.counter_chip .cc_name {
margin-right: 4px;
}
.counter_chip.has_picks {
background: #e6d28b;
color: #2b584b;
font-weight: 500;
}
.counter_chip.is_full {
background: #b4830b;
color: #fff;
font-weight: 600;
}
.counter_chip .cc_count {
font-weight: 700;
}
@media (max-width: 768px) {
.single_award_counter_bar { padding: 6px 8px; gap: 4px; }
.counter_chip { font-size: 0.75rem; padding: 2px 8px; }
}
/* === end GIMA17 A === */
/* === GIMA17 D: Album vs single genre mismatch warning bar === */
.single_award_warning_bar {
margin: 8px 0;
padding: 10px 14px;
background: #fef3c7;
border: 1px solid #f59e0b;
border-left: 4px solid #d97706;
border-radius: 4px;
color: #78350f;
font-size: 0.875rem;
line-height: 1.5;
}
@media (max-width: 768px) {
.single_award_warning_bar { font-size: 0.8125rem; padding: 8px 12px; }
}
/* === end GIMA17 D === */
/* === end === */
/*=====end=====*/
.award_abox p{
}
.01{
line-height:24px;
font-size:0.8125rem;
margin:0;
padding: 0;
display:block;
}
table.award_abox .txt{
height:28px;
}
.award_abox, th, td {
font-weight: normal;
text-align: left ;padding: 8px 5px;
}
.add_art {margin: 0;
padding: 0;
zoom: 1;}
.add_artist a{background: url(/javax.faces.resource/add_icon.gif.jsf?ln=images) no-repeat;}
.add_artist:hover{ background:url(/javax.faces.resource/add_icons.gif.jsf?ln=images) no-repeat;}
.add_artist {position: absolute;background-image: url(/javax.faces.resource/add_icon.gif.jsf?ln=images);background-repeat: no-repeat; width: 15px;height: 15px;display: block; margin:-18px 0 0 0px; left:270px;}
.add_artist a{background: url(/javax.faces.resource/add_icon.gif.jsf?ln=images) no-repeat;}
.add_artist:hover{ background:url(/javax.faces.resource/add_icons.gif.jsf?ln=images) no-repeat;}
.add_song {position: absolute;background-image: url(/javax.faces.resource/add_icon.gif.jsf?ln=images);background-repeat: no-repeat; width: 15px;height: 15px;display: block; margin:-18px 0 0 0px; left:465px;}
.add_song a{background: url(/javax.faces.resource/add_icon.gif.jsf?ln=images) no-repeat;}
.add_song:hover{ background:url(/javax.faces.resource/add_icons.gif.jsf?ln=images) no-repeat;}
.tokenarea {
padding-left: 2px;
}
.uiCloseButton {
cursor: pointer;
display: inline-block;
margin: 0;
padding: 0;
zoom: 1;
}
.uiToken {
background: #eceded;
border: 1px solid #9DACCC;
-webkit-border-radius: 2px;
color: #1C2A47;
cursor: default;
display: block;
float: left;
height: 18px;
margin: 0 4px 8px 0px;
padding: 0 3px;
position: relative;
white-space: nowrap;
}
.uiCloseButton {
background-image: url(/javax.faces.resource/del_s.png.jsf?ln=images);
background-repeat: no-repeat;
height: 15px;
width: 15px;
}
.uiCloseButtonSmall {
background-image: url(/javax.faces.resource/del_s.png.jsf?ln=images);
height: 11px;
margin-top: 1px;
width: 11px;
}
.uiToken .remove {
margin: 2px 0 -2px 1px;
outline: none;
}
/*=====footer=====*/
#footer{
width:100%;
height:100%;
margin:0; padding:0;
background-repeat: no-repeat;
background-position: center bottom;
position: relative;
padding-bottom: 50px;
background-position: center top;
}
#footer:after, #menu:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: linear-gradient(to right, transparent 0, #DEEFB7 50%, #DEEFB7 50%, transparent 100%);
position: absolute;
top: -1px;
}
#menu:before {
content: "";
display: block;
width: 100%;
height: 1px;
background: linear-gradient(to right, transparent 0, #DEEFB7 50%, #DEEFB7 50%, transparent 100%);
position: absolute;
bottom: -1px;
}
#footer:before{
content: "";
width: 100%;
height: 100px;
background: #407868 url(/javax.faces.resource/bg_music.svg.jsf?ln=images) repeat-x;
background-size: inherit;
background-position: left top;
z-index: -1;
opacity: 0.5;
position: absolute;
}
#footer .footerInfo{
width:1000px;margin:0px auto;
height:120px;
text-align:left;
color: #6f6f6f;
background-position: center bottom;
}
#footer .footerInfo {
margin: 0 auto !important;
}
#footer .footerInfo p{
margin:10px 0;
color:#ffffff;
font-size: 0.9375rem;
}
#footer .fbox {margin:0px 0 0 0;color:#ffffff; line-height: 30px;vertical-align: text-top; padding-top:15px; font-size: 0.9375rem;}
#footer .footerInfo .f01{ font-weight: bold;}
#footer .footerInfo a{
color:#DEEFB7;
font-size: 0.9375rem !important;
font-weight: bold;
}
#footer .footerInfo a:hover{
color:#FC3;
text-decoration: none;
}
/*公告區*/
#news ul li { display:inline;}
#news ul {list-style-type: disc;padding: 5px 30px 5px 30px;}
#news li{width: 600px;color: #000000;line-height: 30px;}
.n1{color: #000000;line-height: 30px;}
.n2{float: left;margin: 7px !important;}
/* modified by sam */
/*解决盒子在 其内部的直接子元素是浮动元素、子元素结束处没有做清除浮动的动作、盒子自身也不是浮动元素或已设定了高度的情况下高度不能自适应扩伸的问题*/
.apply,.apply .step1 {
margin:0px auto; zoom:1;
}
.apply:after,.apply .step1:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
/**/
.apply label em{ color:#c00}
.apply .login{ background-color:#f6f6f6; padding:3px 18px; height:30px; margin:0px auto; }
.apply .loginInfo{
width:420px; margin-top:0px; background-color:#FFF; border:#e1e1e1 1px solid; padding:10px 0;
}/* Sam added padding-top,paading-bottom */
/* Sam added