@charset "utf-8";
html, body { margin:0; padding:0; height:100%; }
#body{min-height:100%} 
#content{padding-bottom:1.9em} 
#footer{ margin-top:-1.9em;height:1.9em }


a { text-decoration:none; color:#3f3f3f;}
a:hover { text-decoration:underline; color:#75a516;}
a.board { text-decoration:none; color:#3f3f3f;}
a.board:hover { text-decoration:underline; color:#75a516;}

a.board_blue { text-decoration:none; color:#3f3f3f;}
a.board_blue:hover { text-decoration:underline; color:#008ad1;}

a.board_blue_l { font-size:14px; text-decoration:none; color:#3f3f3f;}
a.board_blue_l:hover { font-size:14px; text-decoration:underline; color:#008ad1;}

a.vendor { font-size:14px; text-decoration:none; color:blue;}
a.vendor:hover { font-size:14px; text-decoration:underline; color:blue;}

a.sitemap { text-decoration:none; color:#ffffff;}
a.sitemap:hover { text-decoration:none; color:#3f3f3f;}
a.sitemap02 { text-decoration:none; color:#3f3f3f;}
a.sitemap02:hover { text-decoration:none; color:#75a516;}


.rollover{float:center; margin-right:0px; cursor:pointer;}

table.empty{ 
	border-collapse:collapse; 
	text-align:left; 
	border:0px; 
	padding:0px; 
	border-spacing:0px 0px 0px 0px;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f;
}
table.empty2{ 
	border-collapse:collapse; 
	border:0px; 
	padding:0px; 
	border-spacing:0px 0px 0px 0px;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f;
}
table.empty2 td{ 
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}
table.empty5{ 
	border-collapse:collapse; 
	border:0px; 
	padding:5px; 
	border-spacing:5px 5px 5px 5px;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f;
}

table.regular{ 
	border-collapse:collapse; 
	text-align:left; 
	border:0px; 
	padding:0px; 
	border-spacing:2px 2px 2px 2px;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f;
}
table.regular td, th {	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
}

td.main_product_ttl{padding:0px; font:bold 11px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#c90202;}
td.main_product_nut{height:14px; padding:0px; font:normal 9px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;}
table.basic{ width:980px; border-collapse:collapse; text-align:center; border:0px; padding:0px;}
table.basic2{ width:700px; border-collapse:collapse; text-align:left; border:0px; padding:0px;}
td.basic{padding:0px;}
td.basic2{padding:0px; font:normal 13px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#3f3f3f;}
td.subttl{padding:0px; font:normal 15px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#3f3f3f;}
table.bottom{ border-collapse:separate; text-align:center;}
td.bottom{ padding:5px; text-align:center; }
td.main_logo{ padding:10px; text-align:center; }
table.main_menu{ border-collapse:separate; text-align:center; }
td.main_menu{ width:163px; height:25px; padding:0px; text-align:center; }
table.partners{ border-collapse:separate; text-align:left; border-spacing:15px; }
table.partners td{ padding:20px; font:normal 11px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#646363; text-align:left;}
table.product{ border-collapse:separate; text-align:left; background:#effdd6; border-spacing:15px; }
table.product td{ padding:20px; font:normal 11px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#646363; text-align:left;}
table.location{ border-collapse:separate; text-align:left; border-spacing:5px; }
td.local{ padding:20px; font:normal 16px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#75a516; text-align:left; }
td.locationttl{ padding:20px; font:bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#646363; text-align:left; }
td.location{ padding:20px; font:normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#646363; text-align:left;}
td.top{ padding:20px; font:bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#75a516; text-align:left; }
td.top a{ padding:20px; font:bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#75a516; text-align:left; }

table.board_min {
	width: 100%;
	border-collapse: collapse;
	font: normal 10px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.board_min td, th {	
	padding-left:3px;
	padding-right:3px;
	padding-top:0px;
	padding-bottom:0px;
	border: 1px solid #98bf21;
	height: 25px;
	word-break:break-all;
}
table.board_min th {
	border: 1px solid #98bf21;
	background-color:#A7C942;
	color:#ffffff;
	text-align: center;
}
table.board_min tr.alt td {
	color:#000000;
	background-color:#EAF2D3;
}

table.board {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.board td, th {	
	padding-left:3px;
	padding-right:3px;
	padding-top:0px;
	padding-bottom:0px;
	border: 1px solid #98bf21;
	height: 30px;
	word-break:break-all;
}
table.board th {
	border: 1px solid #98bf21;
	background-color:#A7C942;
	color:#ffffff;
	text-align: center;
}
table.board tr.alt td {
	color:#000000;
	background-color:#EAF2D3;
}

table.board2 {
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.board2 td, th {	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 1px solid #98bf21;
	height: 30px;
	word-break:break-all;
}
table.board2 th {
	border: 1px solid #98bf21;
	background-color:#A7C942;
	color:#ffffff;
	text-align: center;
}
table.board2 tr.alt td {
	color:#000000;
	background-color:#EAF2D3;
}

table.board01 {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.board01 td, th {	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 1px #98bf21;
	border-style: solid hidden solid hidden;
	height: 30px;
}
table.board01 th {
	background-color:#98bf21;
	color:#ffffff;
	text-align: center;
}

table.boardblue01 {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.boardblue01 td, th {	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 1px #0cc0f3;
	border-style: solid hidden solid hidden;
	height: 30px;
}
table.boardblue01 th {
	background-color:#0cc0f3;
	color:#ffffff;
}


table.board02 {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.board02 td, th {	
	border: 1px #98bf21;
	border-style: hidden hidden solid hidden;
	height: 30px;
}

table.boardblue02 {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.boardblue02 td, th {	
	border: 1px #0cc0f3;
	border-style: hidden hidden solid hidden;
	height: 30px;
}

table.boardgray01 {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.boardgray01 td, th {	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 1px #6f6f6f;
	border-style: solid hidden solid hidden;
	height: 30px;
}
table.boardgray01 th {
	background-color:#6f6f6f;
	color:#ffffff;
}


table.search_form {
	border-collapse: separate;
	border:0px; 
	padding:15px; 
	border-spacing:5px 5px; 
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.search_form td {	
	border: 0px;
	height: 30px;
}
table.search_form02 {
	width:100%;
	background:#f0f0f0;
	border-collapse: separate;
	border:0px; 
	padding:5px; 
	border-spacing:1px 1px; 
	font: normal 11px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.search_form02 td {	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 0px;
	height: 25px;
}

table.search_form02G {
	width:100%;
	background:#A7C942;
	border-collapse: separate;
	border:0px; 
	padding:5px; 
	border-spacing:1px 1px; 
	font: normal 11px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#ffffff;
}
table.search_form02G td {	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 0px;
	height: 25px;
}

table.search_form03 {
	width:;
	background:#f0f0f0;
	border-collapse: separate;
	border:0px; 
	padding:5px; 
	border-spacing:1px 1px; 
	font: normal 11px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.search_form03 td {	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 0px;
	height: 25px;
}


table.page_no {
	width:100%;
	border-collapse: separate;
	border:0px; 
	padding:5px; 
	border-spacing:5px 5px; 
	text-align:center;
}

table.insert_form {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f;
}
table.insert_form td, th {	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 1px solid #98bf21;
	height: 30px;
}
table.insert_form th {
	border: 1px solid #98bf21;
	background-color:#98bf21;
	color:#ffffff;
}

table.insert_form_blue {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f;
}
table.insert_form_blue td, th {	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 1px solid #0cc0f3;
	height: 30px;
}
table.insert_form_blue th {
	border: 1px solid #0cc0f3;
	background-color:#0cc0f3;
	color:#ffffff;
}



table.white {
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f;
}
table.white td, th {	
	border: 1px solid #ffffff;
}
table.white th {
	background-color:#ffffff;
	color:#ffffff;
}

table.white2 {
	border-collapse: collapse;
	border:0px; 
	padding:0px; 
	border-spacing:0px 0px 0px 0px;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:0em; letter-spacing:0px; color:#3f3f3f;
}
table.white2 td, th {	
	border: 0px solid #ffffff;
	height: 20px;
}
table.white2 th {
	background-color:#ffffff;
	color:#ffffff;
}


table.signform {
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#ffffff;
}
table.signform td, th {	
	border: 0px;
	height: 30px;
}
table.signform th {
	border: 0px;
	color:#ffffff;
	text-align: center;
	font: bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#ffffff;
}

table.emp_view {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f;
}
table.emp_view td, th {	
	border-top: 1px solid #98bf21;
	border-bottom: 1px solid #98bf21;
	border-left: 0px solid #98bf21;
	border-right: 0px solid #98bf21;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	word-break:break-all;
}
table.emp_view th {
	border-top: 1px solid #98bf21;
	border-bottom: 1px solid #98bf21;
	background-color:#98bf21;
	color:#ffffff;
}
table.emp_view td ref{
	font:normal italic 10px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#afafaf;
}

table.cn_view {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f;
}
table.cn_view td, th {	
	border-top: 1px solid #0cc0f3;
	border-bottom: 1px solid #0cc0f3;
	border-left: 0px solid #0cc0f3;
	border-right: 0px solid #0cc0f3;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	word-break:break-all;
}
table.cn_view th {
	border-top: 1px solid #0cc0f3;
	border-bottom: 1px solid #0cc0f3;
	background-color:#0cc0f3;
	color:#ffffff;
}
table.cn_view td ref{
	font:normal italic 10px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#afafaf;
}


td.admin_content{padding:10px;}
table.admin_left{ 
	width:80%; 
	border-collapse:separate; 
	}
table.admin_left th{
	height:25px;
	text-align:left; 
	border: 0px solid #98bf21;
	font: bold 13px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
	}
table.admin_left td{ 
	text-align:left; 
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
	}
table.admin_left td li{ 
	text-align:left; 
	font: bold 14px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.5em; letter-spacing:0px; color:#000000;
	}
table.admin_left td li.c{ 
	text-align:left; 
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.3em; letter-spacing:0px; color:#000000;
	}

table.tiny01 {
	width: 100%;
	border-collapse: collapse;
	font: normal 11px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.tiny01 td, th {	
	border: 1px solid #98bf21;
	height: 20px;
}
table.tiny01 th {
	border: 1px solid #98bf21;
	background-color:#A7C942;
	color:#ffffff;
	text-align: center;
}
table.tiny01 tr.alt td {
	color:#000000;
	background-color:#EAF2D3;
}
table.emp_tmp_menu {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.emp_tmp_menu td, th {	
	border: 0px solid #A7C942;
}
table.emp_tmp_menu th {
	background-color:#A7C942;
	color:#ffffff;
	height: 25px;
	text-align: left;
}
table.emp_tmp_menu th a { text-decoration:none; color:#ffffff;}
table.emp_tmp_menu th a:hover { text-decoration:none; color:#3f3f3f;}

table.emp_tmp_menu td {
	background-color:#a0a0a0;
	color:#ffffff;
	height: 20px;
}
table.emp_tmp_menu td a { text-decoration:none; color:#ffffff;}
table.emp_tmp_menu td a:hover { text-decoration:none; color:#ffffff;
	font: bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}


table.cn_tmp_menu {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.cn_tmp_menu td, th {	
	border: 0px solid #0cc0f3;
}
table.cn_tmp_menu th {
	background-color:#0cc0f3;
	color:#ffffff;
	height: 25px;
	text-align: left;
}
table.cn_tmp_menu th a { text-decoration:none; color:#ffffff;}
table.cn_tmp_menu th a:hover { text-decoration:none; color:#3f3f3f;}

table.cn_tmp_menu td {
	background-color:#a0a0a0;
	color:#ffffff;
	height: 20px;
}
table.cn_tmp_menu td a { text-decoration:none; color:#ffffff;}
table.cn_tmp_menu td a:hover { text-decoration:none; color:#ffffff;
	font: bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}


.clsBannerScreen {overflow: hidden;position: relative;height: 150px;width: 600px; border:1px solid #e1e1e1; cursor:pointer; clear:both;}
.clsBannerScreen .images {position:absolute; display:none; }
ul, li {list-style:none; margin:0; padding:0; font-size:10pt; text-align:center;}
.clsBannerButton {cursor:pointer;border-bottom:1px solid #ffffff; border-top:1px solid #ffffff;}
.clsBannerButton li {width:40px;float:left;border-right:0px solid #e1e1e1;padding:2px; text-align:center;}
.clsBannerButton li.fir {border-left:1px solid #e1e1e1;}

.clsBannerButton li.labelOverClass {font-weight:bold;}

span.pageno{width:20px; text-align:center; font: bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f; }
span.pageno_cur{width:20px; text-align:center; font: bold 14px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#75a516; }

span.pageno_blue{width:20px; text-align:center; font: bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f; }
span.pageno_blue_cur{width:20px; text-align:center; font: bold 14px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#008ad1; }

span.pageno_blue_s{width:15px; text-align:center; font: bold 10px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#3f3f3f; }
span.pageno_blue_cur_s{width:15px; text-align:center; font: bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#008ad1; }



span.ttl{ font:bold 18px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#75a516;}
span.ttl_blue{ font:bold 18px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#0cc0f3;}
span.ref{ font:normal italic 9px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#afafaf;}
span.ref a{ font:bold italic 9px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; text-decoration:underline; color:#004dcd;}
span.ref2{ font:normal italic 11px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#afafaf;}
span.ref3{ font:normal 11px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#afafaf;}
span.ref4{ font:bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#000000;}
span.ref4 a{ font:bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#000000;}
span.ref4 a:hover{ font:bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; text-decoration:underline; color:#75a516;}
span.ref5{ font:bold italic 13px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#6f6f6f;}
span.ttl01{ font:normal 16px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#75a516; }
span.ttl01b{ font:normal 16px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#000000; }
span.ttl02{ font:bold 16px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#ffffff; }
span.ttl03b{ font:normal 32px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#000000; }
span.ttl04{ font:bold 14px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#6f6f6f; }

span.txt_white{ font:normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#ffffff; }
span.warning{ font:normal 11px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:ff0303;}
span.atdn01{ font:bold 16px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#ffffff; }
span.atdn01 a{ font:bold 16px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#ffffff; text-decoration:none; }
span.atdn01 a:hover{ font:bold 16px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#75a516; text-decoration:none; }
span.clock{ font:bold 38px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0.5px; color:#595959;}
span.atdn02{ font:bold 20px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0.5px; color:#75a516;}
span.reminder01{ font:bold 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#e40202;}
span.reminder02{ font:normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#0096ff;}
span.vendor { font:normal 14px sans-serif, Helvetica, Arial;  color:blue;}

/*
border:1px solid #333333; 
td.basic{
border-style:dotted;
border-width:3px;
border-color:#000000;
padding:10px;
}
*/

input {
  border: 1px solid #bcbcbc;
  border-radius: 0px;
  -webkit-appearance: none;
  height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input.checkbox01 {
  border: 1px solid #bcbcbc;
  border-radius: 0px;
  -webkit-appearance: none;
  height: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input.chkbox4 {
  border: 1px solid #bcbcbc;
  border-radius: 0px;
  -webkit-appearance: none;
  height: 12px;
  width: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input.chkbox {
  border: 1px solid #ffbcbc;
  border-radius: 0px;
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

input.chkbox:checked {
  background-color: #bcbcbc;
}

input.chkbox:checked::after {
  content: '✖';
  color: white;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

input.chkbox2 {
  border: 1px solid #bcbcbc;
  border-radius: 0px;
  -webkit-appearance: none;
  height: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input.btn_basic {
  border: 1px solid #bcbcbc;
  border-radius: 0px;
  -webkit-appearance: none;
  height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}
input.btn_green {
  border: 1px solid #75a516;
  border-radius: 0px;
  background: #75a516;
  font:normal 14px sans-serif, Helvetica, Arial; margin:0; padding:10; line-height:1.4em; letter-spacing:0.5px; color:#ffffff;
  -webkit-appearance: none;
  height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}
input.btn_blue {
  border: 1px solid #008ad1;
  border-radius: 0px;
  background: #008ad1;
  font:normal 14px sans-serif, Helvetica, Arial; margin:0; padding:10; line-height:1.4em; letter-spacing:0.5px; color:#ffffff;
  -webkit-appearance: none;
  height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}
input.btn_lightred {
  border: 1px solid #eb675e;
  border-radius: 0px;
  background: #eb675e;
  font:normal 14px sans-serif, Helvetica, Arial; margin:0; padding:10; line-height:1.4em; letter-spacing:0.5px; color:#ffffff;
  -webkit-appearance: none;
  height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}
input.btn_green_s {
  border: 1px solid #75a516;
  border-radius: 0px;
  background: #75a516;
  font:bold 11px sans-serif, Helvetica, Arial; margin:0; padding:5; line-height:1.4em; letter-spacing:0.5px; color:#ffffff;
  -webkit-appearance: none;
  height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}
input.btn_blue_s {
  border: 1px solid #008ad1;
  border-radius: 0px;
  background: #008ad1;
  font:bold 11px sans-serif, Helvetica, Arial; margin:0; padding:5; line-height:1.4em; letter-spacing:0.5px; color:#ffffff;
  -webkit-appearance: none;
  height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}
input.btn_gray {
  border: 1px solid #b6b8b1;
  border-radius: 0px;
  background: #9d9d9d;
  font:bold 14px sans-serif, Helvetica, Arial; margin:0; padding:10; line-height:1.4em; letter-spacing:0.5px; color:#ffffff;
  -webkit-appearance: none;
  height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}
input.btn_gray_s {
  border: 1px solid #b6b8b1;
  border-radius: 0px;
  background: #9d9d9d;
  font:bold 11px sans-serif, Helvetica, Arial; margin:0; padding:5; line-height:1.4em; letter-spacing:0.5px; color:#ffffff;
  -webkit-appearance: none;
  height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}
button.btn_gray {
  border: 1px solid #b6b8b1;
  border-radius: 0px;
  background: #9d9d9d;
  font:bold 14px sans-serif, Helvetica, Arial; margin:0; padding:10; line-height:1.4em; letter-spacing:0.5px; color:#ffffff;
  -webkit-appearance: none;
  height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}
button.btn_gray_s {
  border: 1px solid #b6b8b1;
  border-radius: 0px;
  background: #9d9d9d;
  font:bold 11px sans-serif, Helvetica, Arial; margin:0; padding:5; line-height:1.4em; letter-spacing:0.5px; color:#ffffff;
  -webkit-appearance: none;
  height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}
.myButton_blue_l {
	-moz-box-shadow: 0px 0px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 0px 0px 0px #f0f7fa;
	box-shadow: 0px 0px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:30px;
	font-weight:bold;
	padding:16px 24px;
	text-decoration:none;
	text-shadow:0px 0px 0px #5b6178;
}

.myButton_blue_l:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
	color:#f0f0f0;
	text-decoration:none;
}
.myButton_blue_l:active {
	position:relative;
	top:1px;
	text-decoration:none;
}
.myButton_blue_l2 {
	-moz-box-shadow: 0px 0px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 0px 0px 0px #f0f7fa;
	box-shadow: 0px 0px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	line-height:1.0em;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:0px 0px 0px #5b6178;
}
.myButton_blue_l2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
	color:#f0f0f0;
	text-decoration:none;
}
.myButton_blue_l2:active {
	position:relative;
	top:1px;
	text-decoration:none;
}
.myButton_green {
	-moz-box-shadow: 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow: 0px 1px 0px 0px #a4e271;
	box-shadow: 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	line-height:1.0em;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:0px -1px 0px #528009;
}
.myButton_green:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
	color:#f0f0f0;
	text-decoration:none;
}
.myButton_green:active {
	position:relative;
	top:1px;
	text-decoration:none;
}

.myButton_pink {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButton_pink:hover {
	background-color:#eb675e;
}
.myButton_pink:active {
	position:relative;
	top:1px;
}



select {
	border: 1px solid #bcbcbc;
	height: 25px;
	box-sizing: border-box;
}
select2 {
  border: 1px solid #bcbcbc;
  border-radius: 0px;
  -webkit-appearance: none;
  height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea {
  border: 1px solid #bcbcbc;
  border-radius: 0px;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/**mobile**************************************************************************************/
table.emp_tmp_menu_m {
	width: 100%;
	border-collapse: collapse;
	font: normal 14px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.emp_tmp_menu_m td, th {	
	border: 0px solid #A7C942;
}
table.emp_tmp_menu_m th {
	background-color:#A7C942;
	color:#ffffff;
	height: 25px;
	text-align: center;
}
table.emp_tmp_menu_m th a { text-decoration:none; color:#ffffff;}
table.emp_tmp_menu_m th a:hover { text-decoration:none; color:#3f3f3f;}

table.emp_tmp_menu_m td {
	background-color:#a0a0a0;
	color:#ffffff;
	height: 20px;
}
table.emp_tmp_menu_m td a { text-decoration:none; color:#ffffff;}
table.emp_tmp_menu_m td a:hover { text-decoration:none; color:#ffffff;
	font: bold 14px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}



span.clock_m{ font:bold 22px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0.5px; color:#595959;}
span.name_m{ font:bold 16px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#595959; }
span.ref_r_m{ font:bold italic 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.4em; letter-spacing:0.5px; color:#e10000; }


/**chef**/
table.cn_tmp_menu_m {
	width: 100%;
	border-collapse: collapse;
	font: normal 14px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.cn_tmp_menu_m td, th {	
	border: 0px solid #0cc0f3;
}
table.cn_tmp_menu_m th {
	background-color:#0cc0f3;
	color:#ffffff;
	height: 25px;
	text-align: center;
}
table.cn_tmp_menu_m th a { text-decoration:none; color:#ffffff;}
table.cn_tmp_menu_m th a:hover { text-decoration:none; color:#3f3f3f;}

table.cn_tmp_menu_m td {
	background-color:#a0a0a0;
	color:#ffffff;
	height: 20px;
}
table.cn_tmp_menu_m td a { text-decoration:none; color:#ffffff;}
table.cn_tmp_menu_m td a:hover { text-decoration:none; color:#ffffff;
	font: bold 14px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}

/*

	inserted by komolo worker

*/

.pagenation_box
{
	position: relative;
	padding: 6px 8px ;
	text-align: center;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border:1px solid #aaa;
}
.pagenation_box:hover{
	background-color: #aaa;
}

.pagenation_active{
	border:1px solid #00ccff;
	background-color: #ddd;
}


.text_cut_overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.table-responsive {
	position:absolute;
	overflow-x: auto;

}

.clearfix::after {
			content: "";
			display: block;
			clear: both;
}

table.komolotable {
	width: 100%;
	border-collapse: collapse;
	font: normal 12px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
	table-layout: fixed;
}
table.komolotable td, th {	
	padding-left:3px;
	padding-right:3px;
	padding-top:0px;
	padding-bottom:0px;
	border: 1px solid #98bf21;
	height: 30px;
	word-break:break-all;
}
table.komolotable th {
	border: 1px solid #98bf21;
	background-color:#A7C942;
	color:#ffffff;
	text-align: center;
}
table.komolotable tr.alt td {
	color:#000000;
	background-color:#EAF2D3;
}

table.komolo_search_form {
	width:100%;
	max-width:1000px;
	background:#f0f0f0;
	border-collapse: separate;
	border:1px solid #000; 
	padding-top:5px; 
	padding-left:2px; 
	padding-bottom:5px; 
	padding-right:2px; 
	border-spacing:2px 2px; 
	font: normal 11px sans-serif, Helvetica, Arial; margin:0; padding:0; line-height:1.2em; letter-spacing:0px; color:#000000;
}
table.komolo_search_form td {	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 0px;
	height: 25px;
}

tr.tr_hovering:hover {
	background-color: #e0f0b2;
}
td.td_hovering:hover {
	background-color: #f0d6b2;
}

.komolo_fullwidth	{	width:100%; }
.komolo_emphasize	{	border:1px solid #ff0000  !important;	}
.komolo_emphasize_2x	{	border:2px solid #ff0000 !important;	}