body {
font-family: 微軟正黑體, 新細明體, Arial, sans-serif;
font-size: 1.0rem;
}

#ctl00_ContentPlaceHolder1_tName {
color: #FFFFFF;
font-weight: bold;
}

#ctl00_ContentPlaceHolder1_lblend {
color: #CC0000;
font-size: 0.75rem;
}

.content_title {
width: 150px;
text-align: left;
font-weight: bold;
}

/* .tr-atb-x .content_title{
width:auto;	
} */
#content_input #span_qualify {
color: #666666;
font-size: 0.75rem;
}

#content_input .desc {
color: #666666;
font-size: 14px;
padding: 5px;
}

#content_input #ctl00_ContentPlaceHolder1_tCount1A {
color: #CC0000;
font-size: 14px;
}

.content_icon .vicon {
background: url(../img/edit_icon.jpg);
width: 11px;
height: 11px;
display: block;
}

#content_group_side {
border-bottom: 1px dashed #cccccc;
padding: 10px 5px;
}

.group_title {
color: #D66704;
font-weight: bold;
font-size: 16px;
}

.group_icon .vicon {
background: url(../img/group_icon.png) no-repeat;
width: 20px;
height: 20px;
display: block;
float: left;
padding-right: 10px;
}

tr.selected {
background-color: #34affd;
}

////////////////////////////////////////////////////////////

#ctl00_ContentPlaceHolder1_Btable1 {}

#ctl00_ContentPlaceHolder1_Btable1 #ctl00_ContentPlaceHolder1_Btable1_table {
border: 1px solid #CECECE;
table-layout: fixed;
}

#tr_back {
font-size: 1.1em;
}

#ctl00_ContentPlaceHolder1_Btable1 .tr_main_x #td_content {
width: 100%;
padding: 10px;
}

#ctl00_ContentPlaceHolder1_Btable1 .tr_main_x #td_content #tr_row>td {
border-bottom: 1px solid #ccc;
}

#ctl00_ContentPlaceHolder1_Btable1 .input-col {
float: left;
padding: 10px;
}

/*
#ctl00_ContentPlaceHolder1_Btable1 .content_icon{
width:30px;
}
*/

/* #ctl00_ContentPlaceHolder1_Btable1 .content_title{
text-align:left;
font-size:1.0rem;
width:auto;
} */

#ctl00_ContentPlaceHolder1_Btable1 .tr_header td {
width: 100%;
height: 35px;
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
border-top: 1px solid #CECECE;
background-color: #fd9706;
}

#ctl00_ContentPlaceHolder1_Btable1 .tr_header #tr_header_desc {
color: #000000;
font-size: 14px;
}

#ctl00_ContentPlaceHolder1_Btable1 .tr_header #tr_header_desc a {
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}

#ctl00_ContentPlaceHolder1_Btable1 .tr_header #tr_header_desc a:hover {
text-decoration: underline;
}

.tr_footer td {
width: 100%;
border: 0px;
text-align: right;
}

#content .desc {
font-size: 14px;
color: #fb8f0f;
margin: 5px;
white-space: normal;
text-align: right;
width: 200px;
display: block;
text-align: left;
}

.table-echelon-x {
table-layout: fixed;
cursor: pointer;
}

.table-echelon-x tr:hover {
background-color: #fec264;
}

.table-echelon-x .table-echelon-td-x {
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
}

.table-echelon-x .echelon-disable-x {
color: #CCCCCC;
}

.myButton {
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
background-color: #ffec64;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #ffaa22;
display: inline-block;
cursor: pointer;
color: #333333;
font-family: arial;
font-size: 15px;
font-weight: bold;
padding: 6px 24px;
text-decoration: none;
text-shadow: 0px 1px 0px #ffee66;
}

.myButton:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0);
background-color: #ffab23;
}

.myButton:active {
position: relative;
top: 1px;
}

.myButton:disabled {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc), color-stop(1, #ccc));
background: -moz-linear-gradient(top, #ccc 5%, #ccc 100%);
background: -webkit-linear-gradient(top, #ccc 5%, #ccc 100%);
background: -o-linear-gradient(top, #ccc 5%, #ccc 100%);
background: -ms-linear-gradient(top, #ccc 5%, #ccc 100%);
background: linear-gradient(to bottom, #ccc 5%, #ccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#ccc', GradientType=0);
background-color: #ccc;
border: 1px solid #ccc;
color: #fff;
text-shadow: 0px 0px 0px;
}

.myButton2 {
-moz-box-shadow: inset 0px -3px 7px 0px #29bbff;
-webkit-box-shadow: inset 0px -3px 7px 0px #29bbff;
box-shadow: inset 0px -3px 7px 0px #29bbff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
background: -moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa', GradientType=0);
background-color: #2dabf9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #0b0e07;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: arial;
font-size: 15px;
padding: 2px 20px;
text-decoration: none;
text-shadow: 0px 1px 0px #263666;
}

/*
.myButton2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
background-color:#0688fa;
}*/
.myButton2:active {
position: relative;
top: 1px;
}

.vExport {
-moz-box-shadow: inset 0px -3px 7px 0px #29bbff;
-webkit-box-shadow: inset 0px -3px 7px 0px #29bbff;
box-shadow: inset 0px -3px 7px 0px #29bbff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
background: -moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa', GradientType=0);
background-color: #2dabf9;
text-shadow: 0px 1px 0px #263666;
}

.vExport:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
background: -moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: -webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: -o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: -ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9', GradientType=0);
background-color: #0688fa;
}

.vDelete {
-moz-box-shadow: inset 0px 1px 0px 0px #d0451b;
-webkit-box-shadow: inset 0px 1px 0px 0px #d0451b;
box-shadow: inset 0px 1px 0px 0px #d0451b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315', GradientType=0);
background-color: #d0451b;
text-decoration: none;
text-shadow: 0px 1px 0px #854629;
}

.vDelete:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #2dabf9));
background: -moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background: -webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background: -o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background: -ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b', GradientType=0);
background-color: #bc3315;
}

.vLogin,
.vLogout {
-moz-box-shadow: inset 0px 1px 0px 0px #850000;
-webkit-box-shadow: inset 0px 1px 0px 0px #850000;
box-shadow: inset 0px 1px 0px 0px #C70063;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #850000));
background: -moz-linear-gradient(top, #C70063 5%, #850000 100%);
background: -webkit-linear-gradient(top, #C70063 5%, #850000 100%);
background: -o-linear-gradient(top, #C70063 5%, #850000 100%);
background: -ms-linear-gradient(top, #C70063 5%, #850000 100%);
background: linear-gradient(to bottom, #C70063 5%, #850000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C70063', endColorstr='#850000', GradientType=0);
background-color: #C70063;
text-decoration: none;
text-shadow: 0px 1px 0px #854629;
color: #FFF;
font-weight: bold;
}

.vLogin:hover,
.vLogout:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #850000), color-stop(1, #C70063));
background: -moz-linear-gradient(top, #850000 5%, #C70063 100%);
background: -webkit-linear-gradient(top, #850000 5%, #C70063 100%);
background: -o-linear-gradient(top, #850000 5%, #C70063 100%);
background: -ms-linear-gradient(top, #850000 5%, #C70063 100%);
background: linear-gradient(to bottom, #850000 5%, #C70063 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#850000', endColorstr='#C70063', GradientType=0);
background-color: #490728;
}

.uploaded-file-remove {
cursor: pointer;
text-decoration: underline;
font-size: 0.75rem;
}

#ctl00_ContentPlaceHolder1_Btable1 .input-col {
font-size: 1.1rem;
}

#ctl00_ContentPlaceHolder1_Btable1 .content_title {
font-size: 1.1rem;
color: #074bb0;
text-align: left;
width: auto;
}

#ctl00_ContentPlaceHolder1_Btable1 .tr_header .content_title {
color: #fff;
}

#ctl00_ContentPlaceHolder1_Btable1 .input-col .subitem_title {
padding: 5px;
}

#table_ct002_volunteer_data .content_title {
width: 150px;
}

#ct002_desc {
color: #000;
margin: 15px 10px;
}

/*
#ctl00_ContentPlaceHolder1_Btable1 .input-col input[type="text"]{
width:200px;
border: 1px solid #BBBBBB; //改變外框
background: #fff; // 背景色
// 邊角圓弧化，不同瀏器覧設定不同
-moz-border-radius:3px; // Firefox
-webkit-border-radius: 3px; // Safari 和 Chrome
border-radius: 3px; // Opera 10.5+
}
.fieldInput{
width:90%;
border: 1px solid #BBBBBB; //改變外框
background: #fff; // 背景色    
-moz-border-radius:3px; // Firefox
-webkit-border-radius: 3px; // Safari 和 Chrome
border-radius: 3px; // Opera 10.5+
} 
*/
#ctl00_ContentPlaceHolder1_Btable1 .input-col input[type="text"] {
display: block;
width: 200px;
height: 25px;
padding: 6px;
font-size: 0.9rem;
line-height: 1.42857143;
color: #707070;
background-color: #ffffff;
background-image: none;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
border: 1px solid #BBBBBB;
margin: 1px;
}

.fieldHeader {
width: 100%;
display: block;
}

.fieldInput {
display: block;
width: 90%;
height: 10px;
padding: 6px;
font-size: 1.0rem;
color: #707070;
border: 1px solid #000000;
background-color: #feebbe;
}

.fieldInput.numInput {
background-color: #d2f3fd;
}

.volunteer_disable_title {
font-size: 1.2em;
}

.subitem_checked::after {
content: "請拖拉排序";
cursor: pointer;
color: #104ead;
}

.user_input_order_list {
color: #104ead;
}

.ui-sortable-helper {
border: 1px dashed #104ead;
}

.input-add-url-button {
display: block;
width: 150px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
background-color: #007dc1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 0.8125em;
padding: 9px 12px;
text-decoration: none;
text-align: center;
}

.input-add-url-button:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1', GradientType=0);
background-color: #0061a7;
}

.input-add-url-button:active {
position: relative;
top: 1px;
}

.input-add-url-button.disabled {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc), color-stop(1, #ccc));
background: -moz-linear-gradient(top, #ccc 5%, #ccc 100%);
background: -webkit-linear-gradient(top, #ccc 5%, #ccc 100%);
background: -o-linear-gradient(top, #ccc 5%, #ccc 100%);
background: -ms-linear-gradient(top, #ccc 5%, #ccc 100%);
background: linear-gradient(to bottom, #ccc 5%, #ccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#ccc', GradientType=0);
background-color: #ccc;
cursor: default;
pointer-events: none;
}

.delete-add-url-button {
display: block;
position: relative;
top: -17px;
left: 180px;
}

.qq-url-edit,
.qq-url-remove {
font-size: 0.75em;
margin-left: 7px;
}

.subitem-desc-x {
font-size: 0.7em;
color: #aaa;
}

.volunteer-list-ctl-x .btn {
padding: 5px;
font-size: 0.9em;
}

#header_hint_1 {
font-size: 1.1em;
color: #006bfc;
}

#login_info {
display: none;
position: fixed;
left: 0px;
bottom: 20px;
padding: 10px 12px;
text-align: center;
font-size: 0.875em;
background-color: #1F6E98;
color: #FFFFFF;
cursor: pointer;
z-index: 9527;
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
}

#login_info a {
padding: 10px 5px;
font-size: 0.875em;
color: #FFFFFF;
cursor: pointer;
text-decoration: underline;
}

.user_input_verify_email {
float: left;
}

.user_input_verify_email #input_send_verify_email{
float: left;
}

.user_input_verify_email #btn_send_verify_email{
float: left;
padding: 5px;
margin: 5px;
}

.user_input_verify_email #verify_email_status {
line-height: 40px;
font-size: 1.0em;
color: #BF3131;
}

@media screen and (max-device-width: 480px) {
#ctl00_ContentPlaceHolder1_Btable1 #content_left_side {
width: 100%;
float: left;
}

#ctl00_ContentPlaceHolder1_Btable1 #content_left_side .content_title {
width: 80%;
}

#ctl00_ContentPlaceHolder1_Btable1 {
font-size: 120%;
}

#ctl00_ContentPlaceHolder1_Btable1 .input-col .user_input {
width: 90%;
font-size: 120%
}

#ctl00_ContentPlaceHolder1_Btable1 .input-col input[type="text"] {
width: 200px;
}
}


#verify_email_status {
font-size: 1.0em;
padding: 0 5px;
color: #365486;    
}
#btn_send_verify_email {
margin: 10px;
}