﻿ @charset "utf-8";
/* CSS Document */

body {
	font-family: 新細明體,Times New Roman, Times, serif;
	margin: 0px;
	background-color: #f7f7f7;
	/*background-image: url(../images/bg.png);*/
	padding: 0px;
    overflow: auto !important;
}

entry {
    display: block;
}

pageview {
    display: block;
}

.pageview-modal, .loading-modal {
/*	display: block;
    z-index: 5;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;*/

    z-index: 1000 !important;
    box-sizing: border-box;
    background-color: rgb(51, 51, 51);
    background-color: rgba(51, 51, 51, 0.4);
    opacity: 0.4;
}

.loading-icon {
    z-index: 1051;
    color: black;
    background-color: white;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pageview-popup-list-win{
    z-index: 1010;
    position: fixed;
    //width: 100%;
    //left: 0px;
	margin: auto;
}

/*
    keep this if you apply angularjs ui for bootstrap.

    https://angular-ui.github.io/bootstrap/#!#getting_started
    
    Original Bootstrap's CSS depends on empty href attributes to style cursors 
    for several components (pagination, tabs etc.). But in AngularJS 
    adding empty href attributes to link tags will cause unwanted route changes. 
    This is why we need to remove empty href attributes from directive templates 
    and as a result styling is not applied correctly. The remedy is simple, 
    just add the following styling to your application:
*/
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }
