@charset "utf-8";
/* CSS Document */
body { padding:0px; margin:0px; font-family:'sarabun', Arial, Helvetica, sans-serif; color:#000; font-size:25px; background:#171b22;}
body, html{height:100%; word-break: break-word;}
td, tr {word-break: break-word;}
a, a:link, a:visited {text-decoration:none; color:#7b9500; cursor:pointer; }
a:hover{ text-decoration: underline; color:#667b00; }
a img{border:none;}

/*
.f1 {font-size:16px;}
.f2 {font-size:20px;}
.f4 {font-size:26px;}
.f5 {font-size:33px;}
.f6 {font-size:42px;}
.f7 {font-size:54px;}
*/
input[type="submit"], input[type="button"], button { border-radius:5px; -moz-border-radius:5px; 
	-webkit-border-radius:5px; border:none; border-bottom:#849c15 3px solid; 
	padding:0px 15px 0px 15px; font-size:21px; font-family: 'sansNeue'; background:#bfdc36;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}
	
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea, input[type="date"]{ 
	border-radius: 5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border:1px solid #b3bcc9;  
	min-height:25px;
	font-size:21px;
	font-family:'sarabun', Arial, Helvetica, sans-serif;
	padding:3px;
	margin-bottom:2px; margin-top:2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type=text]:focus, textarea:focus ,input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus{
  box-shadow: 0 0 5px rgba(191, 220, 54, 0.5);
  border: 1px solid rgba(191, 220, 54, 0.5);
}
.btn a:focus input, .btn a:focus, .btn input:focus, input{outline: 0 !important; outline-style:none !important; }

/*select { font-size:17px;
	-moz-appearance:menulist;
    -webkit-appearance:menulist-button; 
    appearance:menulist-button;
	height:34px;
	max-height:34px;
	padding:3px;
	border-radius: 5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border:1px solid #e0e0e0;
	line-height: 30px;
	margin-bottom:2px; margin-top:2px;}*/
	
ul, li {/*list-style:none;*/ word-break: break-word;}
td {word-break: break-word;}
img, a{-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.0);
}
hr { border-top:#bebebe 1px solid; border-bottom:none;}

.mainbody { padding:6px; display:block;}
.mainbody .box {padding:10px; display:block; background:#fff; border-radius:5px; -moz-border-radius:5px; 
	-webkit-border-radius:5px; }
.minbox {min-height:150px;}

.nodata { color:#6c737d; font-family: 'sansNeue'; font-size:30px; height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center; }

/*--------Standard--------*/
.slide img { width:100%; max-width:500px;  vertical-align :bottom;}
.mgs1 {color:#fff; margin-bottom:6px; font-family: 'sansNeue';}
.mgs1 img{ vertical-align:middle;}

.mainbody .type{  width:30px; height:30px; display:inline-block; vertical-align:middle;}
.stView .mTitle { font-size:24px; font-family: 'sansNeue'; line-height:30px; margin-top:10px;}
.stView .sTitle { font-family: 'sansNeue'; color:#999; line-height:30px;}
.stBox td{ padding-top:30px;}
.stBox .hTitle { font-size:24px; font-family: 'sansNeue';}

.typeProduct .type{ background:url(../images/i_product.png) no-repeat center; background-size:30px;}
.typeProduct .hTitle, .typeProduct .mTitle{ color:#df8e00}
.typeSystem .type{ background:url(../images/i_system.png) no-repeat center; background-size:30px;}
.typeSystem .hTitle, .typeSystem .mTitle { color:#459c05;}
.typeGeneral .type{ background:url(../images/i_general.png) no-repeat center; background-size:30px;}
.typeGeneral .hTitle, .typeGeneral .mTitle { color:#469cd4}

.download { background:#2a313b; padding-top:20px; color:#fff}
.download td{ text-align:center;  }

.download .mTitle{font-size:24px; font-family: 'sansNeue'; color:#bfdc36}
.download .sTitle{font-size:21px; color:#fff}
.download .btn input, .download .btn button{ margin-top:20px; margin-bottom:50px;}
.btn input, .btn button{cursor:pointer; padding:0px 15px 0px 40px;
	background:#bfdc36 url(../images/i_pdf.png) no-repeat left; 
	background-size:20px; background-position:10px; width:146px; }




/*--------News--------*/

.nwView .mTitle { color:#7b9500; font-size:24px; font-family: 'sansNeue'; margin-bottom:10px; line-height:30px; margin-top:10px;} 
.nwView hr {margin: 30px auto; width:95%; }
.nwImg { margin-top:6px;}
.nwImg ul { margin:0; padding:0; text-align:center;}
.nwImg li{ display:inline-block; padding:0px 6px 0 6px; width:48%;}
.nwImg li:nth-of-type(2), .nwImg li:nth-of-type(4){ padding:0px 6px 0 0;} 
.nwImg li img {width:100%; max-width:1000px; border-radius:3px; -moz-border-radius:3px; 
	-webkit-border-radius:3px; }


/*--------Info--------*/
.infoTitle {color:#fff; padding:6px; font-family: 'sansNeue'; border-top:#000 1px solid; background:#2a313b;}
/*.load { margin-bottom:6px; font-family: 'sansNeue'; margin:10px auto;}
.load td{ vertical-align:top; text-align:center; padding:15px 5px;}
.load a{color:#7b9500;}*/
.load { text-align:center; line-height:45px; padding-top:15px; padding-bottom:25px;}


/*--------Form Question--------*/
.quest .mTitle { color:#7b9500; font-family: 'sansNeue'; margin-bottom:15px;}
.quest .frm td{ vertical-align:top; font-family: 'sansNeue'; padding:10px 0;}
.quest .frm input[type="text"], .quest .frm input[type="password"], .quest .frm input[type="email"], .quest .frm input[type="number"], 
.quest .frm input[type="tel"], .quest .frm textarea, .quest .frm input[type="date"]{ background:#f7f7f7; width:97%;}
.quest .frm td:nth-of-type(1) { width:20%; }

/*--------FAQ--------*/
.faqTitle .num {width:30px; height:30px;  border-radius:15px; -moz-border-radius:15px; 
	-webkit-border-radius:15px; background:#bfdc36; text-align:center; vertical-align:middle !important;
	margin-right:10px; margin-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:30px;}	
.faqTitle td {vertical-align:top; font-family: 'sansNeue'; }
.faq .box {margin-bottom:6px;}


/*--------Notice--------*/
.notice td, .notice .box {line-height:28px;}
.notice a { color:#000;}
.notice a:hover { text-decoration:none;}
.notice .bNews, .notice .bStand {font-family: 'sansNeue'; font-size:25px;}
.notice .bNews .img{ padding-right:10px; width:80px;}
.notice .bNews img { vertical-align:middle;}
.notice .bNews td { vertical-align:top;  /*line-height:28px;*/}
.notice .bNews tr:nth-of-type(1) td{ height:50px;}
.notice .twoRow {margin-top:0px; margin-bottom:2px;
   overflow: hidden;
   font-weight:inherit;
   /*text-overflow: ellipsis;
   -o-text-overflow: ellipsis;*/
   display: -webkit-box;
   max-height: 56px;
   height: 56px;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;}

/*.notice li { list-style:none; display:block;}*/
.notice .space {margin-bottom:25px;}
.notice .box { margin-bottom:6px;  }
.notice .mTitle {font-size:27px; font-family: 'sansNeue'; color:#bfdc36; margin-bottom:10px; }
.notice .mTitle img { margin-bottom:-3px;}
.notice .date { text-align:right; color:#6c737d; font-size:21px;}
.notice .txt_tas { color:#6c737d; font-size:21px; margin-top:-2px;}
.notice .txt_tas img { vertical-align:middle;}




/*PC Only*/
@media only screen and (min-device-width: 1024px) {
.pc-none{ display:none !important;}
.slide {  margin:20px auto 14px auto;}
}

/*tablet Only*/
@media only screen and (min-device-width: 641px) and (max-device-width: 1024px){
.pad-none{ display:none !important;}
.slide { margin:20px auto 14px auto;}
.nwImg li{ width:48%;}
}

/*Mobile Only |, only screen and (-webkit-min-device-pixel-ratio: 2)
@media only screen and (max-device-width : 640px){ */
@media only screen and (max-width : 640px){
body { font-size:21px;}
.phone-none{ display:none !important;}
.nwImg li{ width:96%; }
.nwImg li:nth-of-type(2), .nwImg li:nth-of-type(4){ padding:0px 6px 0 6px;} 

.minbox {min-height:300px;}

.quest .frm td {display:block; width:100%; padding:0;}
.quest .frm td:nth-of-type(1) {width:100%;}
.quest .frm td:nth-of-type(2) { padding-bottom:15px;}
.quest .frm tr:last-of-type td { text-align:center;}
.notice .mTitle {font-size:23px;}
.notice .bNews, .notice .bStand {font-family: 'sansNeue'; font-size:21px;}
.notice td, .notice .box {line-height:26px;font-size:21px !important;}
.notice .date {font-size:17px !important;}
.notice .txt_tas {font-size:17px;}
.notice .twoRow {
   max-height: 53px;
   height: 53px;
}
}