
.ui-btn {

}
a {
	text-decoration: none;
}
#logoPage {
	text-align:center;
	background:#FED73D;	
}

#logoPage .logo{
	margin-top:120px;
	text-align:center;	
}

.ui-mobile [data-role=header] {
	background:#fff url(../image/rainbow.jpg) repeat-x bottom left;
	border:0px;

}

.ui-mobile #loginPage {
	background:#FED73D;
}
.ui-mobile #loginPage .logo {
	text-align:center;
	padding:50px 0px;	
}

.ui-mobile #loginPage label {
	margin-bottom:10%;
}	

.ui-mobile #loginPage .loginBtn {
	background:#33ADFF;
	color:#fff;
}

.ui-mobile #loginPage [data-role=footer]{
	background:#FED73D;
	border:0px;

}
.ui-mobile [data-role=footer] img{
	vertical-align:middle;
	margin-right:5px;
}
.ui-mobile [data-role=footer] .ui-body {

}

.ui-mobile [data-role=footer] p{
font-size:10px; 
color:#000;
font-weight:normal;
margin-top:0px;
padding-left:2px;
margin-bottom:0px;


}

.transparentButton {
    background-color: transparent !important;
    border: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;


}

.ui-mobile .ui-header h1{
	text-align:left; 
	margin-left:10px;
}
.ui-mobile .ui-header h2 img{
	vertical-align: middle;
	width:50px;
}


.parentsTips{
	background:#92d6ff;
	font-size:0.8em;
	margin:-16px -15px 15px -15px;
	padding:8px;
	border-top:1px solid #72bae4;
	border-bottom:5px solid #72bae4;

}

.parentsTips img{
	vertical-align:middle;
}
.parentsTips #tips {
	text-shadow:none;
}

.banner {
	background:#fff;
	font-size:0.8em;
	margin:-16px -15px 10px -15px

}


#capJobPage .job_LB{
	background:#2DD6F6;
	color:#fff;
}
#capJobPage .job_B{
	background:#145DAC;
	color:#fff;
}

#capJobPage .job_G{
	background:#14A34B;
	color:#fff;	
}


#capJobPage .job_LG{
	background:#94DB50;
	color:#fff;	
}
#capJobPage .job_Y{
	background:#FABE12;
	color:#fff;	
}
#capJobPage .job_done,
#capJobPage .job_checking {
	background-color:#eee; 
	color:#999;
}


/*capHistoryPage*/

.movie-list thead th,
.movie-list tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.movie-list tbody th,
.movie-list tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.movie-list tbody tr:last-child th,
.movie-list tbody tr:last-child td {
    border-bottom: 0;
}
.movie-list tbody tr:nth-child(odd) td,
.movie-list tbody tr:nth-child(odd) th {
    background-color: #eeeeee; /* non-RGBA fallback  */
    background-color: rgba(0,0,0,.04);
}
.movie-list tbody td img{
	padding-right:5px;
}


/*TE*/
#tePage h4{
	color:#4f99fe;
}

#tePage .fcVideo{
	border:5px solid #37AE4A;
	border-radius:5px;
	background:#37AE4A;
}

#tePage #fc-collapsible {
    width: 100% !important; 
    margin-left: 0px !important; 
    border-width: 0px !important; 
    background-color: #37AE4A  !important;
    color:#fff;
    text-shadow:none;

}

#tePage #fc-collapsible h4 a {
    border-width: 0px !important; 
    background: #37AE4A  !important;
    color:#fff;
    text-shadow:none;
}




#te_courses .te_no,
#te_historyPage .te_no{
	padding-right:20px;
}
#te_courses .teType ul{
	margin-left:-40px;
}

#te_courses .teType ul li{
	display:inline;
}

#te_courses .courseName {
	display:inline-block;
}
#te_courses .coursesType {
	text-align:center;
}
#te_courses .coursesType img{
	display:block;
	vertical-align:middle;
}

#te_courses .classList li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: #000; /* Or a color you prefer */
}

#te_historyPage table td:nth-child(1){
	color:#fff;
	text-align:center;
	background:#ee4023;
}

#te_historyPage table td:nth-child(2){

}

/*---face Call (201712) --*/
#fcPage,
#fc_list,
#Online_Show,
#fc_songs,
#fc_teachers,
#fc_call, 
#fc_MAD{
	background:#fff;
	font-weight:none;
	text-shadow:none;
}
#fcPage [data-role=header],
#fc_list [data-role=header],
#fc_songs [data-role=header],
#fc_teachers [data-role=header],
#fc_call [data-role=header],
#fc_MAD [data-role=header]{
	border-bottom:1px solid #999;
}

#fcPage .icon,
#fc_list .icon,
#fc_songs .icon,
#fc_teachers .icon,
#fc_call .icon,
#fc_MAD .icon {
	height:30px; 
	vertical-align:middle;
}

#fcPage .title{	
	color:#2e981e;
	font-size:1.2em;
	margin:-20px -20px 0px -20px;
	padding:8px 20px;
	text-shadow:none;

}

#fcPage h4{
	background:#2e981e;
	color:#fff;
	text-shadow:none;
	padding:8px;
	margin-bottom:-2px;
}

#fc_MAD h4{
	border-bottom:2px solid #2e981e;
	padding-bottom:10px;
	color:#2e981e;
}

#Online_Show h3{
	border-bottom:2px solid #2e981e;
	padding-bottom:10px;
	color:#2e981e;
}

#fc_list h3{
	border-bottom:2px solid #2e981e;
	padding-bottom:10px;
	color:#2e981e;
}
#fc_list h3 img{
	height:25px;
	vertical-align:middle;
}

#fc_list h4{
	background:#eee;
	text-shadow:none;
}
#fc_list h4 img{
	height:30px; 
	vertical-align:middle;
}
#fc_list .crewPhoto {
	width:100%;	
	margin-top:-22px;
}
#fc_list .crewName{
	background:#333;
	color:#fff;
	text-align:center;
	padding:2px 0px;
	margin-top:-5px;
	text-shadow:none;
}

#fc_list .popularCrew a{
 	text-decoration: none;
}


#fc_list .faceCallBtn{
	background:#2e981e; 
	border-radius:12px;
	padding:20px;
	border:5px solid #fff;
}
#fc_list .faceCallBtn a{
	color:#fff;
	text-decoration: none;
}

#fc_list .faceCallBtn .txt{
	color:#fff;
	text-align:center;
	text-shadow:none;
}


#fc_list #fc-collapsible {
    width: 100% !important; 
    margin-left: 0px !important; 
    border-width: 0px !important; 
    background-color: #37AE4A  !important;
    color:#fff;
    text-shadow:none;
    margin-top:50px;

}

#fc_list #fc-collapsible h4 a {
    border-width: 0px !important; 
    background: #37AE4A  !important;
    color:#fff;
    text-shadow:none;
}




#fc_songs .title{
	background:#2e981e;
	color:#fff;
	font-size:1.2em;
	margin:-20px -20px 0px -20px;
	padding:8px 20px;
	text-shadow:none;

}

#fc_songs h3{
	border-bottom:2px solid #2e981e;
	padding-bottom:10px;
	text-align:center;
	color:#2e981e;	
}
#fc_history img,
#fc_MAD_history img{
	text-align:center;
	vertical-align:middle;
	margin:5px 0px 0px 5px;
}

#fc_history ,
#fc_MAD_history{
	margin-top:20px;
}

#songList li a{
	border-bottom:1px dotted #333;
	border-top:none;
	background:#fff;
	color:#666;
	text-shadow:none;	
}

#songList li a:hover{
	background:#eee;
}

#fc_history a,
#fc_MAD_history a{	
	background:#fff;
}

#fc_history a:hover,
#fc_MAD_history a:hover{
	color:#333;
	background:#eee;
}



#fc_teachers .title{
	background:#2e981e;
	color:#fff;
	font-size:1.2em;
	margin:-20px -20px 0px -20px;
	padding:8px 20px;
	text-shadow:none;
}

#fc_teachers .selectedRange,
#fc_songs .selectedRange{
	background:#b6dbb4;
	color:#2e981e;
	margin:0px -20px 0px -20px;
	padding:8px 20px;	
}

#fc_teachers h3{
	border-bottom:2px solid #2e981e;
	padding-bottom:10px;
	color:#2e981e;
	text-align:center;
}
#fc_teachers h3 img{
	height:25px;
	vertical-align:middle;
}

#fc_teachers h4{
	background:#eee;
	text-shadow:none;
}
#fc_teachers h4 img{
	height:30px; 
	vertical-align:middle;
}
#fc_teachers .crewPhoto {
	width:100%;	
}
#fc_teachers .crewName{
	background:#333;
	color:#fff;
	text-align:center;
	padding:2px 0px;
	margin-top:-5px;
	text-shadow:none;

}
#fc_teachers a{
	text-decoration: none;	
}

#fc_call .title{
	background:#2e981e;
	color:#fff;
	font-size:1.2em;
	margin:-20px -20px 0px -20px;
	padding:8px 20px;
	text-shadow:none;
}

#fc_call .call_content{
	margin-top:80px;
	text-align:center;
	vertical-align:middle;
}


#fc_call .crewPhoto {
	text-align:center;
}

#fc_call .spec{
	text-align:left;
	margin:0px 20px;
}


#fc_call .call_Btn{
	background:#2e981e;
	border-radius:12px;
	color:#fff;
	padding:5px 0px;
	text-align:center;
	margin:0px 10px;

}

#fc_call .call_Btn a{
	background:#2e981e;
	border-radius:12px;
	color:#fff;
	padding:5px 0px;
	text-align:center;
	border:none;

}




.full {/*額滿*/
	margin:0px 5px;

}
.retistedNote {/*字樣：今日已報名*/
	color:#ee4023;	
}
.retistedNote:hover {
	color:#fff;
}

.registerName {
	text-align:center;
	font-weight: bold;
	color:#ee4023;
}


/*Activity*/
#activityPage img{
	vertical-align:middle;
	margin-right:5px;
}
#activityPage p{
	padding-left:25px;
}
#actScreening .actPoster {
	padding-bottom:20px;

}
#actScreening .actPoster img {
	width:100%;
}


.location{
	background:url(../image/icon_location.png) no-repeat top left;
	padding-left:15px;
	padding-bottom:10px;
}

#actSignUp table,
#actSignUpPrint table {
	background-color:#f9f9f9;
}

#actSignUp table th,
#actSignUpPrint table th{
	width:20%;
	color:#969696;
	background-color:#ebebeb;
}
#actSignUp table td{
	width:80%;
}

#actSignUp .activityType,
#actSignUpPrint .activityType {
	color:#000;
}

#actSignUp .activityName,
#actSignUpPrint .activityName {
	color:#ee4023;
}
#actSignUp table th h3,
#actSignUpPrint table th h3{
	margin:0px;
	margin-top:-20px;

	color:#ee4023;
}


#actSignUp table th h5,
#actSignUpPrint table th h5{
	margin:0px;
}
#actSignUp table th h5 img,
#actSignUpPrint table th h5 img{
	vertical-align:middle;
	padding-right:5px;
}

#payment h4{

}


#actHistory table td:nth-child(1){
	color:#fff;
	text-align:center;
	background:#ee4023;
	text-shadow:none;

}
#actHistory table th:nth-child(2){
	width:10%;
}
#actHistory table th:nth-child(3){
	width:25%;
}
#actHistory table th:nth-child(4){
	width:10%;
}
#actHistory table th:nth-child(5){
	width:20%;
}
#actHistory table th:nth-child(6){
	width:5%;
}

#actHistory .note {
	color:#ee4023;
}
#actHistory table td {

}



/*活動電子票 eticketPage scanPage*/


#eticketPage .eticketInfo { 
	margin-bottom:15px;
	border:0px;
	border-bottom:1px dotted #666;
}
#eticketPage .eticketInfo .note{
	color:red;
	font-weight:bold;
	padding:0px 5px;
}
#eticketPage #myAct h2 img{
	vertical-align:middle;
	margin-right:5px;
}
#eticketPage #myAct p {
	margin-left:22px;
}

#scanPage{
	text-align:center;
}
#scanPage .qrCode img{
	width:100%;
	max-width:312px;
}

#scanPage .mySeatInfo{
	text-align:left;
	background:#eee;
	padding:5px;
	margin:5px;
}
#scanPage .mySeatInfo h4{
	margin-left:10px;
	background:#000;
	color:#fff;
	font-weight:normal;
	padding:5px;
}
#scanPage h3 img {
	vertical-align:middle;
	padding-right:5px;
}

#scanPage .mySeatInfo ul li{
	list-style-type:none;
	margin-left:-20px;
}
#scanPage .scanInfo{
	border:0px;
}
#scanPage .scanInfo span {
	color:red;
	font-size:1.5em;
}
#cardPage{
	text-align:center;
}

/*push notice 推播*/

#pushNoticePage [role = main]{

	margin:0px;
	padding:0px;
}

#pushNoticePage [data-role = tabs]{

	padding:0px;
	margin:0px;
}

#pushNoticePage [data-role = navbar]{

	vertical-align:top;
	margin-top:-20px;
	margin-bottom:-21px;

}
#pushNoticePage [data-role = navbar] ul li{

}


#pushNoticePage [data-role = listview] li{
	white-space:normal;
	border:none;	
	padding-left:30px;
	font-weight:normal;		
	border-bottom:1px solid #e6e6e6;
}

#pushNoticePage .note,
#pushDetailPage .note{
	color:#089edb;
	padding:0px 5px;
}

#pushNoticePage .noticeTime,
#pushDetailPage .noticeTime {
	color:#f0664a;
}
#pushNoticePage .pushContent{
	background:#fff;

}
#pushNoticePage .nonread{
	background:#f6f6f6 url(../image/ico_nonRead.png) no-repeat 5px 15px; 

}

#pushNoticePage .copyright{
	text-align:right;
	vertical-align:middle;
}

.pushNum {
	background:red;
	color:#fff;
	border-radius:99em;
	width:16px;
	height:16px;
	font-weight:normal;
	position:absolute;
	top:5px;
	left:45px;
	text-align:center;
	font-size:13px;
}


@media (min-width: 768px) { /* 橫式*/
	#logoPage .logo {
		margin-top:180px;
	}

	#loginPage .logo{
		

	}	


}	



@media (max-width: 480px) { /* 直式*/
	#logoPage .logo {
		margin-top:220px;
	}
	#loginPage .logo{
		margin-top:100px;

	}
	#fc_call .call_Btn img{
		width:90%;
	}		

}
body {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}