html, body, div, span, 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;
        font-size:100%;
        font:inherit;
        vertical-align:baseline;
    }
    /* HTML5 display-role reset for older browsers */
	a {
		background:inherit;
		color:inherit;
		text-decoration:none;
	}
	article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
        display:block;
    }
    body {
        line-height:1;
		overflow-y:auto;
    }
    ol, ul {
        list-style:none;
    }
    blockquote, q {
        quotes:none;
    }
    blockquote::before, blockquote::after,
    q::before, q::after {
        content:'';
        content:none;
    }
    table {
        border-collapse:collapse;
        border-spacing:0;
    }    
    :focus {
        outline:none;
    }
	button::-moz-focus-inner,
	input[type='reset']::-moz-focus-inner,
	input[type='button']::-moz-focus-inner,
	input[type='submit']::-moz-focus-inner,
	input[type='submit']::-moz-focus-inner,
	input[type='file'] > input[type='button']::-moz-focus-inner {
		border:none;
	}
	
	html, body { height:100%; }
	body { overflow-y:scroll; }
		
	/*----------------*/
	/* add classes    */
	/*----------------*/
	.noselect {
		/* no select */
		-ms-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
	}
	.nodisplay {
		display:none;
	}
	.display_block {
		display:block;
	}

	/*----------------*/
	/* custom setting */
	/*----------------*/
	body {
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px; /* main size */
		-webkit-text-size-adjust:none; /* not auto adjust font-size in chrome! */
	}
    .header1 {
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.5em;
        text-align:left;
        margin:0;
        padding:0;
        color:#800000;
    }
    .header2 {
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.2em;
        color:rgba(45,45,45,1);
		position:relative;
    }
	
	#lay_flex_outer {
		background:rgba(245,245,245,1);
		display:flex;
		align-items:center;
		align-content:center;
		justify-content:center;
	}
	#lay_flex_inner {
		background:rgba(255,255,255,1);
		display:block;
		max-width:1400px;
		width:100%;
	}
	#lay_beforeheader {
		text-align:right;
	}
	#header_login {
		color:navy;
		float:right;
		font-size:1.2em;
		margin:-2.7em 4em 0 0;
		text-align:right;
	}
	#header_time {
		opacity: 1;
		
		-webkit-transition:opacity 1s ease 0s; /* transition-duration timing-function transition-delay */
		-moz-transition:opacity 1s ease 0s;
		-o-transition:opacity 1s ease 0s;
		-ms-transition:opacity 1s ease 0s;
		transition:opacity 1s ease 0s;
	}
	#img_exit {
		margin:1.3em 0 0 -3.5em;
		position:absolute;
		/* position:fixed; */
		width:2.2em;
		z-index:5;
	}
	#lay_header {
		background:rgba(245,245,245,1);
		border-bottom:2px solid rgba(0,0,160,1);
        color:navy;
		display:block;
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:3em;
		font-weight:900;
		padding:10px 0 10px 0;
		text-indent:.4em;
		text-shadow: 
			0 1px 0 #ccc,
			0 2px 0 #c9c9c9,
			0 3px 0 #bbb,
			0 4px 0 #b9b9b9,
			0 5px 0 #aaa,
			0 6px 1px rgba(0,0,0,.1),
			0 0 5px rgba(0,0,0,.1),
			0 1px 3px rgba(0,0,0,.3),
			0 3px 5px rgba(0,0,0,.2),
			0 5px 10px rgba(0,0,0,.25),
			0 10px 10px rgba(0,0,0,.2),
			0 20px 20px rgba(0,0,0,.15);
		height:38px;
		width:100%;
	}
	#lay_header a:active{
		color:rgba(100,175,255,1);
	}
	#lay_shadow { 
		background:rgba(0,0,0,.2);
		position:fixed;
		height:100%;
		width:100%;
		z-index:1;
	}
	#lay_container {
		border-bottom:1px solid #ccc;
		width:100%;
		opacity: 0.1;
		
		-webkit-transition:opacity .8s ease 0s; /* transition-duration timing-function transition-delay */
		-moz-transition:opacity .8s ease 0s;
		-o-transition:opacity .8s ease 0s;
		-ms-transition:opacity .8s ease 0s;
		transition:opacity .8s ease 0s;
	}
	#lay_container1 {
		margin-left:10em; /* width of the menu */
		border-left:1px solid #ccc;
		/* min-height:calc(100vh - 77px); */
		min-height:calc(100vh - 80px);
		overflow:hidden;
	}
	#lay_footer {
		color:silver;
		display:block;
		padding-top:0.2em;
		text-align:right;
	}

	#div_content {
		/* border:1px solid red; */
		color:#1C1C1C;
		font-size:1.2em;
		margin:.6em;
		min-height:31em;
		padding:0 .5em .5em .3em;
		text-align:justify;
	}
	#div_content_0 {
		float:left;
		/* border:1px solid red; */
		margin:-.1em 0 .1em .5em;
		height:0;
		overflow-y:visible;
		/* position:absolute; */
		width:31em;
	}
	#div_content_1 {
		/* border:1px solid red; */
		margin:-.1em .3em .1em 30.8em;
		/* min-height:10em; */
	}
	.div_text {
 		color:rgba(110,110,110,1);
        font-family:Arial, Helvetica, sans-serif;
		font-size:.93em;
        line-height:1.3;
        text-indent:0;
        text-align:justify;
	}

	.input_container {
		/* border:1px solid grey; */
		margin-right:.5em;
		padding-right:1.8em;
	}
	.input_text, .select_text {
		color:rgba(0,85,255,1);
		font-family:Arial,Helvetica,sans-serif;
		font-size:1em;
        margin-bottom:0.5em;
		position:relative;
    }
	.select_text {
		height:2.1em;
		padding:0 .2em .1em .2em;
		width:100%;
	}
    .input_text {
		border:1px solid #9C9C9C;
		/* border-radius:.2em; */
		padding:.2em;
        width:100%;
	}
	input.input_text { 
		height:1.5em; 
	}
	.input_text:focus{
		border:1px solid #EE7600;
	}
	textarea.input_text {
		overflow-x:hidden;
		/* resize:none; */
	}
	.input_textarea { 
		border: 1px solid rgba(135,206,250,1);
		/* border-radius:3px; */
		font-family: Courier, monospace;
		font-size: 10px;
		line-height: 100%;
		margin-bottom:10px;
		min-height: 5em;
		padding: 0 3px 0 3px;
		overflow-x: auto;
		overflow-y: auto;
		resize: vertical;
		position: relative;
		width: 100.3%;
	}
	.formula { 
		font-family: Courier, monospace;
		font-size:.8em;
		margin-bottom:2em;
		min-height: 15em;
		padding:2px;
		overflow-x: auto;
		overflow-y: auto;
		resize: vertical;
	}
	.img_copy_container {
		height:1px;
		text-align:right;
		position:relative;
		left:-.7em;
		top:.4em;
		z-index:1;
	}
	.img_copy {
		cursor:pointer;
		width:1em;
	}
		
	.frame_info {
		color:rgba(238,0,0,1);
		font-family:Arial, Helvetica, sans-serif;
		font-size:.9em;
        margin-bottom:0;
		overflow-y:hidden;
        text-align:center;
		visibility:hidden;
		width:100%;
		word-wrap:break-word;
		
		-webkit-transition:height .25s ease 0s; /* transition-duration timing-function transition-delay */
		-moz-transition:height .25s ease 0s;
		-o-transition:height .25s ease 0s;
		-ms-transition:height .25s ease 0s;
		transition:height .25s ease 0s;		
    }
	.frame_info#success {
		color:rgba(0,150,0,1);
	}
	.frame_info#attention {
		color:rgba(255,215,0,1);
	}
	
	#img_captcha {
		width:8em;
	}
    .input_button, .input_button_modal {
        color:rgba(79,79,79,1);
        cursor:pointer; /* default; */
 		font-family:Arial,Helvetica,sans-serif;
        font-size:1.2em;
        font-weight:normal;
        height:2em;
        margin:.1em 0 0 0;
        width:6.7em;
    }
	.input_button {
        background:rgba(245,245,245,1);
        border:1px solid #9C9C9C;
	}
	.input_button:active {
        color:rgba(120,120,120,1);
	}
	.input_button:hover {
        background:rgba(230,230,230,1);
	}
	.input_button:disabled {
		color:#9C9C9C;
        cursor:default;
	}
	.input_button_modal  {
        background:white;
        border:none;
	}
	.input_button_modal:hover, .input_button_modal:focus {
        background:rgba(245,245,245,1);
        border:1px solid #9C9C9C;
	}
	.ajax_error {
		opacity: 0;
		
		-webkit-transition:opacity 1s ease 0s; /* transition-duration timing-function transition-delay */
		-moz-transition:opacity 1s ease 0s;
		-o-transition:opacity 1s ease 0s;
		-ms-transition:opacity 1s ease 0s;
		transition:opacity 1s ease 0s;
	}
	#div_reportout {
		position:relative;
	}	
	.centerblock {
		/* border:1px solid red; */
		text-align:center;
		margin-top:100px;
		height:100px;
		width:300px;
		position:absolute;
		top:calc(50% - 50px);
		left:calc(50% - 150px);
	}
	
	.a_simple {
		/* color:rgba(25,84,230,1); */
		color:#1E90FF;
	}
	.a_simple:hover {
		color:#FF6347;
	}
	.a_simple:active {
		color:red;
	}
	
    .tab_out {
        border: solid 1px #B0C4DE;
		font-family: Arial Narrow, Arial, sans-serif;
        margin:0;
		text-align: center;
		width: 100%;
		position: relative;
    }
	.tab_out td {
        border: solid 1px #B0C4DE;
        /* font-size: 15px; */
		padding: 0 5px 0 5px;
	}    
	.tr_out_0 {
		background: #FFFAF0;
		font-weight: bold;
    }
    .tr_out_2 {
		background: #FFFAF0;
    }
	
    .form_modal { 
		background:white;
		border:2px solid rgba(135,206,250,1);
		color:rgba(110,110,110,1);
		display:none;
		margin:0 auto;
		width:25em;
		z-index:2;
		position:fixed;
		right:0;
		left:0;
	}
	.frm_modal_header {
		background:rgba(135,206,250,1);
		color:white;
		font-size:1.2em;
		font-weight:bold;
		margin-bottom:1.8em;
		padding:.5em .5em .65em .5em;
		text-align:left;
	}
	.frm_modal_container {
		padding:0 1.8em 2.1em 1.8em;
	}

	.feedback_button_label {
		opacity: 0;
		
		-webkit-transition:opacity 1s ease .2s;
		-moz-transition:opacity 1s ease .2s;
		-o-transition:opacity 1s ease .2s;
		-ms-transition:opacity 1s ease .2s;
		transition:opacity 1s ease .2s;
	}
	
	/*------------------*/
	/* steps & history  */
	/*------------------*/
    .step_of_step {
		/* border:1px solid black; */
        color:navy;
        font-family:Arial,Helvetica,sans-serif;
        line-height:150%;
        margin:2px 0 10px 6px;
    }
    .step_of_step a[accesskey='1'], .step_of_step a[accesskey='2'] {
		padding:2px 5px 3px 5px;
		border:1px solid grey;
		border-radius:3px;
    }
	.step_of_step a:hover {
		color:#FF6347;
	}
	.step_of_step a:active {
		color:red;
	}
	.step_of_step span.a_disabled {
		opacity:.3;
		padding:2px 5px 3px 5px;
	}
	.step_of_step .step {
		color:grey;
	}
	.step_of_step .between {
		font-family:Courier, Courier New, monospace;
	}
	.step_of_step .current {
		color:rgba(150,0,0,1);
	}
    #sidestep {
        font-family:Courier, Courier New, monospace;
		font-size:.9em;
        border-bottom:1px solid rgba(205,205,205,1);
        color:rgba(135,135,135,1);
        line-height:120%;
        margin:.5em 0 .8em 0;
        padding-bottom:.4em;
        /* white-space:nowrap; */
        white-space:pre;
    }

	/*----------------*/
	/* slide          */
	/*----------------*/
	.slide_container {
		/* border:1px solid green; */
        color:grey;
        line-height:1.2;
	}
	.slideref, .slideref_1  {
		/* border:1px solid green; */
		color:navy;
        font-family:Arial, Helvetica, sans-serif;
        /* font-size:.9em; */
		cursor:pointer;
		padding:0;
        text-align:left;
        visibility:hidden;
        margin-right:0.2em;
    }
    .slideref_1:hover, .slideref_1 span:hover {
        color:#FF6347;
    }
    .slideref_1:active, .slideref_1 span:active  {
        color:red;
    }
	/* .slideref_1 {
		margin-left:10px;
	} */
    .slidediv, .slidediv_1 {
		/* border:1px solid red; */
		margin:1px 1px;
        overflow:hidden;
        visibility:hidden;
		
		/* animation */
		-webkit-transition:height .25s ease .1s;
		-moz-transition:height .25s ease .1s;
		-o-transition:height .25s ease .1s;
		-ms-transition:height .25s ease .1s;
		transition:height .25s ease .1s;
    }
	/* .slidediv_1 {
		margin-left:10px;
	} */
    .slide_content_news_year  {
        font-size:1.1em;
        color:black;
    }
    .slide_content_news_date  {
        color:black;
    }
    .slide_content_number  {
        color:black;
    }
	
	/* ------------ */
	/* smart switch */
	/* ------------ */
	.trs_switch_label {
		cursor:pointer;
		display:table;
	}
	.trs_switch_span {
		display:table-cell;
		position:relative;
		left:5px;
		vertical-align:bottom;
	}
	.trs_switch {
		/* display:table-cell; */
		display:inline-block;
		height:16px;
		position:relative;
		width:26px;
		vertical-align:bottom;
	}
	.trs_switch input { 
		opacity:0;
		width:0;
		height:0;
	}
	.trs_slider {
		position:absolute;
		cursor:pointer;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#CFCFCF;
		-webkit-transition:.2s;
		transition:.2s;
	}
	.trs_slider::before {
		position:absolute;
		content:'';
		height:12px;
		width:12px;
		left:2px;
		bottom:2px;
		background-color:white;
		-webkit-transition:.2s;
		transition:.2s;
	}
	input:checked + .trs_slider {
		background-color:#63B8FF;
	}
	input:focus + .trs_slider {
		box-shadow:0 0 3px red;
	}
	input:checked + .trs_slider::before {
		-webkit-transform:translateX(10px);
		-ms-transform:translateX(10px);
		transform:translateX(10px);
	}
	.trs_slider.round {
		border-radius:8px;
	}
	.trs_slider.round::before {
		border-radius:50%;
	}

	/* Calculator */
    .div_calculator_in {
		border: solid 1px #B0C4DE;
		padding:2px 7px 0 0;
	}
	.input_calculator_in, .input_calculator_out  {
        font-family: Courier New, monospace;
        font-weight: bold;
    }
    .input_calculator_in, .input_calculator_out {
        font-size: 20px;
    }
    .input_calculator_in {
        border: none;
		line-height: 95%;
        min-height: 2.9em;
        padding: 0 3px 0 3px;
        overflow: hidden;
        resize: none;
		position: relative;
		top: 1px;
		width:100%;
    }
    .input_calculator_out {
		cursor:url('/img/tr/copy.cur'), pointer;
        border: solid 1px #B0C4DE;
		margin-bottom:15px;
        min-height: 1em;
		padding: 3px 6px 0 0;
        text-align: right;
    }
    .input_calculator_out_write {
		font-family: Arial, Helvetica, sans-serif;
        border: solid 1px #B0C4DE;
        font-size: 15px;
        overflow: visible;
        min-height: 1em;
        padding: 3px 3px 2px 3px;
    }

	@media 
	/* iPhone 4 */
	only screen 
	and (min-device-width :320px) 
	and (max-device-width :480px)
	and (-webkit-device-pixel-ratio:2),
	
	/* iPhone 5 */
	only screen 
	and (min-device-width :320px) 
	and (max-device-width :568px)
	and (-webkit-device-pixel-ratio:2),
	
	/* iPhone 6 */
	only screen 
	and (min-device-width :375px) 
	and (max-device-width :667px)
	and (-webkit-device-pixel-ratio:2),
	
	/* iPhone 6+ */
	only screen 
	and (min-device-width :414px) 
	and (max-device-width :736px)
	and (-webkit-device-pixel-ratio:2),
	
	/* iPhone X */
	only screen 
	and (device-width : 375px) 
	and (device-height : 812px) 
	and (-webkit-device-pixel-ratio : 3),
	
	/* Android high density */
	only screen
	and (min-resolution :163dpi)
	/* and (max-width :1080px)  */
	{
		#lay_flex_outer {
			display:block;
		}
		#lay_beforeheader {
			height:1px;
		}
		#img_exit {
			display:none;
		}
		#lay_header {
			border-bottom:10px solid rgba(100,175,255,1);
			font-size:7em;
			padding-left:0;
			text-align:center;
		}
		#lay_shadow.display_block {
			display:none;
		}
		#lay_container, #lay_footer {
			display:none;
		}
		#lay_container1 {
			margin-left:0;
		}
		#lay_footer {
			font-size:3em;
		}
		#div_content {
			font-size:3em;
			text-align:left;
		}
		#div_content_1 {
			display:none;
		}

	}