@charset "UTF-8";
/* CSS Document */

body {
	background-color: #282828;
}

.help_header {
	background-color: #444444;
	color: #eeeeee;
	padding: 20px 10px 10px;
	/*margin-bottom: 20px;*/
}

.help_header .title {
	text-align: center;
}
.help_header .icon_app {
	height: 48px;
	width: auto;
}
.help_header H2 {
	padding: 10px;
	margin: 0;
	color: #eeeeee;
}
h3 {
	color: #cceeff;
}
h4 {
	color: #eeeeee;
}

span.red {
	color: #00aaff;
}

p.titleVersion {
	color: #ffffff;
}

p.sla{
	margin: 10px 0px;
	color: #eeeeee;
	font-size: 12px;
	text-align: center;
}
.sla a {
	text-decoration: underline;
	color: #eeeeee;
}
.sla a:hover {}


/* .box {
	margin-left: 10px;	
} */
.box {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ffffff;
    border-radius: 5px;
	/*
    height: 200px;
	*/
}

.box h4, p {
	margin: 5px;
}
.box ul {
	margin: 10px 0px 10px 30px;		
}
.box ul li {
	padding-left: 0px;
	color: #eeeeee;	
}
.box ol {
	margin: 10px 0px 10px 30px;		
}
.box ol li {
	padding-left: 0px;
	line-height: 1.4;
	color: #eeeeee;
}

.caution h5 {
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #ffffff;
}
.caution p {
	margin-left: 30px;
	margin-top: -5px;
	margin-bottom: 40px;
}

.section {
	margin-top: 100px;
}

.screen_title {
	margin-top: 50px;
	margin-left: 20px;
	display: flex;
	/* align-items: center; */
	gap: 10px;
}
.icon_title {
	height: 40px;
	width: auto;
}
.screenshot {
	height: auto;
	width: 480px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

span.blue {
	color: #cceeff;
}

.command_table {
	margin-left: 20px;
	margin-right: 20px;
}

#qs .leading p {
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #ccccbb;
}
#qs .leading .notes {
	font-size: 14px;
	color: #999999;
	margin-top: 5px;
	margin-bottom: 5px;
}
#qs ol {
	counter-reset: item;
	list-style-type: none;
	margin: 10px 0px 10px 20px;		
}
#qs ol li {
	text-indent: -20px;
	padding-left: 20px;
	/*padding-left: 0px;*/
	line-height: 1.4;
	color: #eeeeee;
}
#qs ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /*padding-right: 5px;*/
  font-size: 24px;
  color: #eeeeee;
}
#qs ul {
	margin-top: 10px;
}
#qs ul li {
	color: #eeeeee;
	margin-left: 25px;
	line-height: 1.4;
}

#qs th {
	background-color: #444444;
	color: #eeeeee;
	padding: 10px 10px 10px 10px;
}
#qs th p {
	color: #eeeeee;
	font-weight: bold;
}
#qs td {
	background-color: #333333;
	color: #eeeeee;
	padding: 10px 10px 10px 10px;	
}
#qs td p {
	color: #eeeeee;
}
#qs .icon_menu {
	height: 48px;
	width: auto;
}
#qs .icon_button {
	height: 32px;
	width: auto;
}
#qs a {
	color: #cceeff;
	text-decoration: underline;
}
.icon_model {
	height: 18px;
	width: auto;
	margin-bottom: 4px;
}

#faq td.qua {
	width: 100%;
	padding: 15px 10px 15px 20px;
	background-color: #eeeeee;
	vertical-align: top;
}
#faq td.qua div {
	color: #eeeeee;
}
#faq td.ans {
	padding: 15px 10px 15px 20px;
	background-color: #eeeeee;
	vertical-align: top;
}
#faq td.qua:before {
	content: 'Q.';
	font-size: 30px;
	color: #eeeeee;
	position: relative;
	left: 0;
	
}
#faq td.ans:before {
	content: 'A.';
	font-size: 30px;
	color: #eeeeee;
	position: relative;
	left: 0;
}
#faq td span {
	color: #eeeeee;
	font-weight: 400;
}
#faq ul {
	padding-top: 10px;
}
#faq ul li {
	/*padding-top: 5px;	*/
	margin-left: 25px;
	line-height: 1.4;
}
#faq ol {
	counter-reset: item;
	list-style-type: none;

	padding: 10px 0px;
	/*text-indent: 4.0em;*/
}
#faq ol li {
	/*padding-top: 5px;	*/
	text-indent: -20px;
	padding-left: 20px;
	
	margin-left: 5px;
	line-height: 1.4;
}
#faq ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /*padding-right: 5px;*/
  font-size: 24px;
  color: #eeeeee;
}


.help_footer p.copyright{
	font-size: 12px;
	color: #eeeeee;
	text-align: right;
}


@media only screen and (max-width: 767px) {
	.block-pile tr,
	.block-pile th,
	.block-pile td {
		display: block;
		border: none;
	}
	.block-pile {
		/*border: solid 1px #cccccc;*/
		border-top: none;
	}
	.block-pile th {
		/*border-top: solid 1px #cccccc;*/
		width: 100%;
	}
	.block-pile td {
		/*border-top: dashed 1px #cccccc;*/
		/*border-bottom: dashed 1px #cccccc;*/
	}
}


/**************
  Media Query
**************/

/* Tablet View */

@media (min-width: 768px){
	#qs table {
		width: 100%;
	}
	#qs th {
		width: 20%;
	}
	#qs td.left {
		width: 20%;
	}
	#faq td.qua {
		width: 40%;
		padding: 20px 20px 20px 50px;
	}
	#faq td.ans {
		padding: 20px 20px 20px 50px;
	}

	.div_video_tutorial {
		/* display: inline-block; */
		display: block;
		/* margin: 10px 10px 10px; */
		margin: 30px auto 0px;
		/* padding-left: 5px; */
		width: 65%;
		/* width: 32.9%; */
	}

}

/* Desktop View */

@media (min-width: 1440px){}