/* Empty. Add your own CSS if you like */

/*@font-face {
  font-family: "loginFont";
  src: url("https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Sans") format("opentype");
}*/

@import url('http://fonts.googleapis.com/earlyaccess/notosanstc.css');
.vertical-text {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);

    /*-ms-transform-origin: 18% 100%;
    -webkit-transform-origin: 18% 100%;
	transform-origin: 18% 100%;*/

    /*-ms-transform-origin: 18% 100%;
    -webkit-transform-origin: 18% 100%;*/
	/*transform-origin: 18% 100%;*/
    -ms-transform-origin: 50px 80px;
    -webkit-transform-origin: 50px 80px;
    transform-origin: 50px 80px;
}

.vertical-text2 {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);

    -ms-transform-origin: 1% 100%;
    -webkit-transform-origin: 1% 100%;
	transform-origin: 1% 100%;
}

#memberCode1 {
    font-size: 3vh;
    left:23%;
    /*padding-bottom: 2em;*/
    padding-bottom: 1em;
    color:white!important;
    position:relative;
    padding:2px;
    text-align:left;
    top:12vh;
    line-height: 4vh;
}

[nav-bar-transition] [nav-bar="active"] .bar, [nav-bar-transition="ios"] [nav-bar="entering"] .bar {
    background: transparent;
    background-color: #3E50B4;
    box-shadow: 0px 3px 3px #a2a2a2;
    height:56px;
}

/*[nav-bar-transition="android"] [nav-bar="active"] .bar, [nav-bar-transition="android"] [nav-bar="entering"] .bar {
    background: transparent;
    background-color: #3E50B4;
    box-shadow: 0px 3px 3px #3E50B4;
}*/

[nav-bar-transition] .title, [nav-bar-transition="ios"] .buttons, [nav-bar-transition="ios"] .back-text {
    color:white;
    font-size: 20px;
    font-weight: 100;
    /*font-family: 'Noto Sans';*/
    font-family: 'Noto Sans TC';
    
}
/*[nav-bar-transition="android"] .title, [nav-bar-transition="android"] .buttons, [nav-bar-transition="android"] .back-text {
    color:white;
    font-size: 26px;
    font-weight: 100;
}*/
.langBtn{
    background:transparent;
    border:none;
    color:white;
    font-family: 'Noto Sans TC';
}
.loginPg{
    background-color:#F2F2F2;
    font-family: 'Noto Sans TC';
}
.loginCard{
    background-color:white;
    padding:2vh;
    box-shadow: 1px 1px 1px #FFFFFF;
    font-family: 'Noto Sans TC';
}
.loginBtn{
    width: 100%;
    position: relative;
    font-weight: bold;
    box-shadow: 1px 1px 1px #33CC5F;
    font-family: 'Noto Sans TC';
}
.loginInput{
    padding:0;
    border:0;
    border-bottom:1px solid;
    border-color:grey;
    font-family: 'Noto Sans TC';
    
}
.titleInput{
    padding:0;
    border:0;
    border-bottom:1px solid;
    border-color:grey;
    font-family: 'Noto Sans TC';
}
/*.input{
    border-bottom:1px solid;
    border-color:grey;
    width:100%;
    margin:0;
}*/
.loginInput :focus{
    border-bottom:2px solid;
    width:100%;
    border-color:#3E50B4;
    z-indexc:999;
}
.item-checkbox .checkbox {
    position: absolute;
    top: 38%;
    right: 8px;
    left: -6px;
    z-index: 3;
    margin-top: -21px;
    font-family: 'Noto Sans TC';
}
.item-checkbox {
    padding-left: 40px;
    padding-top:0px;
    font-family: 'Noto Sans TC';
}
.registerBtn{
    font-weight: bold;
    box-shadow: 1px 1px 1px #28B5F5;
    font-family: 'Noto Sans TC';
}
/*.checkbox input, .checkbox-icon {
    position: relative;
    width: 25px;
    height: 25px;
    display: block;
    border: 0;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
}*/
.registerPad{
    padding:10px;
    /*margin-top: 30px;*/
}

.eventImg{
    width:100%;
    height:100%;
    border-radius:2%;
    box-shadow: 1px 1px 1px rgba(17,17,17,0.25);
}
.eventName{
    background: transparent;
    position: relative;
    top: -25px;
    background-color: rgba(17,17,17,0.4);
    width: 96.5%;
    left: 2%;
    color: white;
    border-radius: 2%;
    font-size: 16px;
}
.checkPointText{

}

.bar .title {
    display: block;
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    left: 5vh !important;
    z-index: 0;
    overflow: hidden;
    margin: 0 10px;
    min-width: 30px;
    height: 100%;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 500;
    line-height: 44px;
    text-align: left;
}

.padding{
    padding-top:20px;
}

.tabs-top > .tabs, .tabs.tabs-top {
    top: 63px;
    padding-top: 0;
    background-position: bottom;
    border-top-width: 0;
    border-bottom-width: 1px;
}