﻿/* Eric Meyer reset02.css */
html,body,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0; padding:0; border:0 none; vertical-align:baseline; font:14px/1 roboto_re,arial,sans-serif; color:#000000; font-weight:normal;}
div{margin:0; padding:0; border:0 none; vertical-align:middle; font:14px/1 roboto_re,arial,sans-serif; color:#000000; font-weight:normal;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:""; content:none;}
table {clear: both;width: 100%;color: #666;table-layout: auto;font-size: 12px;border-spacing: 0;word-wrap: break-word;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* base.css*/
html{overflow-y:scroll;}
a{text-decoration:none;}
hr{display:none;}
legend,caption{width:1px; height:1px; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-999px; overflow:hidden;}
button,label{cursor:pointer;}
img,td,th{vertical-align:middle;}
input, select{text-indent:5px; font-family:Arial;}
input[type="radio"] {vertical-align:middle; margin-right: 5px;}
input[type=number] {text-align: right;}

@media print {
    @page {
        size: auto; /* auto is the initial value */
        margin: 0mm; /* this affects the margin in the printer settings */
    }

    html {
        background-color: #FFFFFF;
        margin: 0px; /* this affects the margin on the html before sending to printer */
        width: 100%;
        height: 100%;
    }
    body {
        margin: 2% auto 0 auto; /*margin you want for the content for print*/
        width: 96%;
        height: 96%;
    }
}

/* popup common */
.modal{display:none; position:fixed; top:0; left:0; z-index:50; width:100%; height:100%; background:url(../images/bg_tran_black80.png) repeat;}
.layer_popup{position:fixed; top:-1000em; left:-1000em; z-index:100; background:#fff;}
.layer_popup .popup_header{height:50px; padding:0 40px; background:#222933; border-bottom:4px solid #2789e9;}
.layer_popup .popup_header h2{line-height:46px; color:#fff; font-size:26px; font-family:roboto_bo,arial,sans-serif; margin-top:0px;}
.layer_popup .popup_content{padding:32px 40px 0 40px;}
.layer_popup .popup_close{position:absolute; top:5px; right:5px; z-index:10;}
.layer_popup .popup_close a{display:block; width:17px; height:17px; text-indent:-1000em; overflow:hidden; background:url(../images/popup_close.gif) no-repeat; background-position:0 0;}
.layer_popup .popup_close a:hover{background-position:0 100%;}
.layer_popup .search_top{padding-bottom:20px;}
.layer_popup table.type1 tbody td > p{padding:3px 0;}
.layer_popup .center_btns{padding:30px 0 0 0;}

.modal50{display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 5000; width: 100%; height: 100%; opacity: .30; }

/* modal 97 */
.modal97{display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 6979; width: 100%; height: 100%; opacity: .50; }
.layer_popup97{display: none; z-index:7000; background:#fff; margin: 0; background: white; position:fixed; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) }
.layer_popup97 .popup_header97{height:40px; padding:0 20px; background:#222933; border-bottom:4px solid #2789e9;}
.layer_popup97 .popup_header97 h2{line-height:46px; color:#fff; font-size:20px; font-family:roboto_bo,arial,sans-serif;}
.layer_popup97 .popup_content97{padding:7px 20px 7px 20px;}
.layer_popup97 .popup_close97{position:absolute; top:14px; right:14px; z-index:6978; margin:0;}
.layer_popup97 .popup_close97 a{display:block; width:17px; height:17px; text-indent:-1000em; overflow:hidden; background:url(../images/popup_close.gif) no-repeat; background-position:0 0;}
.layer_popup97 .popup_close97 a:hover{background-position:0 100%;}

/* modal 99 */
.modal99{display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 8999; width: 100%; height: 100%; opacity: .50; }
.layer_popup99{display: none; z-index:9000; background:#fff; margin: 0; background: white; position:fixed; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); max-height:95%; max-width: 95%; overflow:auto; }
.layer_popup99 .popup_header99{height:40px; padding:0 20px; background:#222933; border-bottom:4px solid #2789e9;}
.layer_popup99 .popup_header99 h2{line-height:46px; color:#fff; font-size:20px; font-family:roboto_bo,arial,sans-serif;}
.layer_popup99 .popup_content99{padding:7px 20px 7px 20px;}
.layer_popup99 .popup_close99{position:absolute; top:14px; right:14px; z-index:8998; margin:0;}
.layer_popup99 .popup_close99 a{display:block; width:17px; height:17px; text-indent:-1000em; overflow:hidden; background:url(../images/popup_close.gif) no-repeat; background-position:0 0;}
.layer_popup99 .popup_close99 a:hover{background-position:0 100%;}

/* info_box */
.info_box strong {display:block; height:50px; padding:0 20px 15px 20px; background:#222933; border-bottom:4px solid #2789e9; line-height:46px;}
.info_box strong:before{content:"."; display:block; position:absolute; top:0; left:-16px; z-index:10; width:16px; height:12px; text-indent:-1000em; overflow:hidden; background:url(../images/arrow_info_popup.png) no-repeat 0 0;}
.info_box strong .bigtitle {color:#fff; font-size:18px; font-family:roboto_bo,arial,sans-serif;}
.info_box div {margin:10px 10px;}
.info_box table th {color: black;font-weight: bold;font-size: 14px;padding: 4px 5px;font-family: roboto_bo,arial,sans-serif;}
.info_box table td {color: black;font-size: 14px;padding: 2px 5px;}