@import url( https://fonts.googleapis.com/earlyaccess/cwtexhei.css );
@import url( https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext );
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    <!--
    src: local('Material Icons')
        ,local('MaterialIcons')
        ,url('MaterialIcons.woff2') format('woff2')
        ,url('MaterialIcons.woff') format('woff')
        ,url('MaterialIcons.ttf') format('truetype');  
    -->
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    text-align: center; text-transform: none; letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    display: inline-block;
    vertical-align: text-top;
    cursor: pointer;
    
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

*{ 
    padding: 0px; margin: 0px;
    font-family: Roboto, 'Lato', 'Segoe UI', Monaco, Consolas, 'Courier New', 'Helvetica Neue', Arial, 'cwTeXHei', 'Microsoft YaHei', 'Microsoft JhengHei';
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    outline: 0px;
    background-color:transparent; border-color:transparent;
    text-rendering: optimizeLegibility;
    list-style: none;
}
html,body {
    margin: 0px; padding: 0px;
    width: 100%; height: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';    
}

h1,h2,h3,h4,h5,h6,h7,h8 { font-weight: 700; }
table { border-collapse: collapse; table-layout: fixed; }
iframe { overflow-x: hidden; width: 100%; height: 100%; border: 0px; }
label { cursor: pointer; }
select { width: 100%; border: 0px; }
input { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
input[type="checkbox"] { vertical-align: middle; } 
.DB { overflow: hidden; zoom: 1; display: inline-block; *display: inline; _display: inline; vertical-align: top; }
.FL { overflow: hidden; float: left; }
.FR { overflow: hidden; float: right; }
.AR { text-align: right; }
.AC { text-align: center; }
.Hidden { display: none; }
.TDWordWrap {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: pre-line;
}

.ColFixed {}
.ColFixed .Cols1 { width: calc( 100% - var(--ColRWDPadding)*2 ); }
.ColFixed .Cols2 { width: calc( ( 100% - var(--ColRWDPadding)*3 ) / 2 ); }
.ColFixed .Cols3 { width: calc( ( 100% - var(--ColRWDPadding)*4 ) / 3 ); }
.ColFixed .Cols4 { width: calc( ( 100% - var(--ColRWDPadding)*5 ) / 4 ); }
.ColFixed .Cols5 { width: calc( ( 100% - var(--ColRWDPadding)*6 ) / 5 ); }
.ColFixed .Cols6 { width: calc( ( 100% - var(--ColRWDPadding)*7 ) / 6 ); }

.ColRWD {}
.ColRWD .Cols1 { width: calc( 100% - var(--ColRWDPadding)*2 ); }
.ColRWD .Cols2 { width: calc( ( 100% - var(--ColRWDPadding)*3 ) / 2 ); }
.ColRWD .Cols3 { width: calc( ( 100% - var(--ColRWDPadding)*4 ) / 3 ); }
.ColRWD .Cols4 { width: calc( ( 100% - var(--ColRWDPadding)*5 ) / 4 ); }
.ColRWD .Cols5 { width: calc( ( 100% - var(--ColRWDPadding)*6 ) / 5 ); }
.ColRWD .Cols6 { width: calc( ( 100% - var(--ColRWDPadding)*7 ) / 6 ); }

.ColRWD .Cols61 { width: calc( ( 100% - var(--ColRWDPadding) ) / 6 - var(--ColRWDPadding) ); }
.ColRWD .Cols62 { width: calc( ( 100% - var(--ColRWDPadding) ) / 3 - var(--ColRWDPadding) ); }
.ColRWD .Cols63 { width: calc( ( 100% - var(--ColRWDPadding) ) / 2 - var(--ColRWDPadding) ); }
.ColRWD .Cols64 { width: calc( ( 100% - var(--ColRWDPadding)*3 ) - ( ( 100% - var(--ColRWDPadding) ) / 3 - var(--ColRWDPadding) ) ); }
.ColRWD .Cols65 { width: calc( ( 100% - var(--ColRWDPadding)*3 ) - ( ( 100% - var(--ColRWDPadding) ) / 6 - var(--ColRWDPadding) ) ); }
.ColRWD .Cols66 { width: calc( 100% - var(--ColRWDPadding)*2 ); }

.ColRWD .Cols41 { width: calc( ( 100% - var(--ColRWDPadding) ) / 4 - var(--ColRWDPadding) ); }
.ColRWD .Cols42 { width: calc( ( 100% - var(--ColRWDPadding) ) / 2 - var(--ColRWDPadding) ); }
.ColRWD .Cols43 { width: calc( ( 100% - var(--ColRWDPadding)*3 ) - ( ( 100% - var(--ColRWDPadding) ) / 4 - var(--ColRWDPadding) ) ); }
.ColRWD .Cols44 { width: calc( 100% - var(--ColRWDPadding)*2 ); }

.ShadowZ1 { 
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);
}
.ShadowZ2 {
    box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.10);
    -webkit-box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.10);
}

.Masker {
    position: fixed; top: 0px; left: 0px; z-index: 999999998;
    padding-top: 20%;
    overflow: hidden;
    width: 100%; height: 100%;
    color: #FFF; text-align: center;
    background: rgba( 0,0,0,0.5 );
    opacity: 0;
    transition: all var(--TransitionTime1); -moz-transition: all var(--TransitionTime1); -webkit-transition: all var(--TransitionTime1);    
}
.MaskerOpen {
    left: 0px;
    opacity: 1;
}