@charset "UTF-8";
/* Tag */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, p, img, hr { margin: 0px; padding: 0px; }
body { font-family:Tahoma, Geneva, sans-serif; font-size:13px; background-color:#EEE; color:#333; } img { border:0px; }
ul { list-style-type:none; list-style-position:inside; }
h2 { font-size:18px; } h3 { font-size:13px; }
a { text-decoration:none; color:#333; } a:hover { color:#B00; }
/*ID*/
#header { width: 960px; margin-left: auto; margin-right: auto; color:#EAEAEA; }
#header-logo { float:left; width:500px; }
#header-bg { background-color:#666; background-image:url(/img/shaodws_top.png); background-repeat:repeat-x; background-position:bottom; }
#logo-style { float:left; margin:10px; margin-left:0px; width:140px; }
#logo-caption { float:left; margin-top:19px; margin-left:5px; font-size:13px; color:#EEE; line-height:19px; text-shadow:#555 1px 1px; }
#logo-caption p strong { font-size:16px; } #logo-caption p span { margin-left:20px; }
#top-menu { float:right; width:400px; text-align:right; margin:10px; font-size:13px;  text-shadow:#555 1px 1px; }
#top-menu a { color: #EAEAEA; } #top-menu a:hover { color: #EAEAEA; text-decoration: underline; }
#content { width: 960px; margin-left: auto; margin-right: auto; margin-top:20px; }
#header #nav { padding-left:5px; background-color:rgb(185, 30, 30); }
#header #nav ul li { float:left; margin:5px; margin-right:40px; }
#header #nav ul li a { color:#FFF; font-weight:bold; text-decoration:none;  text-shadow:#666 1px 1px; } #header #nav ul li a:hover { color: #CCC; }
#main-promotion { background-color:#DDD; text-align:center; height:180px; }
#portfolio { width:650px; float:left; }
#portfolio-bg { background-color:#DDD; padding:10px; width:630px; }
#portfolio-heading { float:left; width:280px; margin-right:30px; }
#portfolio-heading h3 { padding-top:5px; padding-bottom:5px; }
#portfolio-heading a { color:#A00; font-weight:bold; } #portfolio-heading a:hover { text-decoration:underline; opacity: .9; }
#portfolio-list {float:left; width:320px; } #portfolio-list u li { margin-bottom:10px; }
#portfolio-link { margin-top:5px; color:#A00; } #portfolio-link a { color:#A00; } #portfolio-link a:hover { text-decoration:underline; }
#home-articles { width:280px; float:right; }
#home-last-articles { color:#B00; } #home-last-articles a:hover { text-decoration:underline; opacity: .9; }
#home-articles ul { margin-top:13px; line-height:16px; } #home-articles ul li { list-style-image:url(/img/icon/list-button.png); } #home-articles ul li a { font-size:12px; }
#footer-bg { background-color: #444; background-image:url(/img/shaodws_bottom.png); background-position:top; background-repeat:repeat-x; }
#footer { width: 960px; margin-left: auto; margin-right: auto; color: #CCC; padding-top:20px; padding-bottom: 20px; text-align:center; } #footer p { color: #AAA; }
#footer #nav { margin-bottom: 20px; } #footer #nav ul { width: 395px; margin-left: auto; margin-right: auto; } #footer #nav ul li { float:left; padding:0px 10px 0px 10px; line-height:15px; }
#footer #nav  a { color: #DDD; } #footer #nav a:hover { text-decoration: underline; }
#footer-address { margin-top: 10px; }
#home-service { float:left; width:260px; margin-top:20px; }
#how-to-buy {
	padding:10px;
	padding-left:65px;
	background-color:#DDD;
	background-image:url(/img/icon/how-to-icon.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:53px 40px;
	color: #B00;
	font-weight: bold;
	border-radius: 2px;
	border: solid 1px #CCC;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
#how-to-buy:hover { border: solid 1px #B00; background-color:#EEE; }
#main-service { margin-top:20px; line-height:22px; } #main-service p:hover { color: #B00; } #main-service p a:hover { text-decoration: underline; }
#all-article { margin-top:5px; font-weight:bold; text-align:right; } #all-article a { color:#B00; }
#fujiko-main-bg { float:left; width:620px; background-image: url(/img/fujiko/fujiko-main-bg.jpg); background-repeat:no-repeat; background-position:left top; height:310px; }
#fujiko-main-bg h1 { font-size: 30px; margin-top: 40px; color: #0257AC; text-shadow:0px 1px #CCC; }
#fujiko-main-menu { float:right; width:320px; margin-top:20px; }
#fujiko-main-caption { margin-top:3px; font-size:15px; color:#888; }
#fujiko-main-hcaption { font-size:18px; margin-top:20px; color:#555; font-weight:bold; text-shadow:0px 1px #DDD; }
#fujiko-main-pro1 { margin-top:3px; background-image:url(/img/fujiko/fujiko-at-promotion-bg.jpg); background-repeat:no-repeat; background-position:top; background-color:#FFF; padding-left:40px; }
#fujiko-main-pro1 h3 { padding-top: 50px; font-size: 30px; text-shadow: 0px 1px #CCC; padding-bottom:5px; color: #444; }
#fujiko-main-pro1 h3 span { color: #0257AC; }
#fujiko-main-pro1 p { font-weight: bold; font-size: 14px; color: #777; }
#fujiko-main-pro2 { background-image:url(/img/fujiko/fujiko-in-promotion-bg.jpg); background-repeat:no-repeat; background-position:top; background-color:#FFF; padding-left:40px; }
#fujiko-main-pro2 h3 { padding-top: 50px; font-size: 30px; text-shadow: 0px 1px #CCC; padding-bottom:5px; color: #444; }
#fujiko-main-pro2 h3 span { color: #0257AC; }
#fujiko-main-pro2 p { font-weight: bold; font-size: 14px; color: #777; }
#fujiko-main-pro3 { background-image:url(/img/fujiko/fujiko-ic-promotion-bg.jpg); background-repeat:no-repeat; background-position:top; background-color:#FFF; padding-left:40px; }
#fujiko-main-pro3 h3 { padding-top: 50px; font-size: 30px; text-shadow: 0px 1px #CCC; padding-bottom:5px; color: #444; }
#fujiko-main-pro3 h3 span { color: #0257AC; }
#fujiko-main-pro3 p { font-weight: bold; font-size: 14px; color: #777; }
#fujiko-pro1-detail { margin-top: 170px; }
#fujiko-pro1-detail div { width:266px; margin-right: 40px; margin-bottom:30px; float:left; }
#fujiko-pro1-detail div img { float: left; }
#fujiko-pro1-detail div div { margin:0px; float: right; width:195px; padding-top:5px; }
#fujiko-pro1-detail div div p { font-size: 13px; font-weight: normal; color:#444; margin-top:2px; }
#fujiko-pro1-detail2 { border-top: 1px solid #DDD; margin-right: 40px; padding-top: 30px; }
#fujiko-pro1-detail2 div { float: left; width: 440px; height: 160px; }
#fujiko-pro1-detail2 div div { float:left; width:160px; margin-left: 20px; }
#fujiko-pro1-detail2 div div h4 { font-size: 15px; } #fujiko-pro1-detail2 div div p { font-size: 13px; color: #444; font-weight: normal; margin-top:10px; }
#fujiko-pro1-detail2 div img { float: left; margin-left:10px; margin-top: 20px; }
#fujiko-pro2-detail { margin-top: 170px; margin-bottom:40px; } #fujiko-pro2-detail img { float:left; }#fujiko-pro2-detail div { float:left; margin-left:40px; width:390px; display:block; margin-top:40px; font-size:15px; color:#555;} #fujiko-pro2-detail div h4 { font-size:24px; margin-bottom:10px; } #fujiko-pro2-detail div p { font-weight: normal; }
#fujiko-pro3-detail { margin-top: 160px; padding-bottom:30px; }
#fujiko-pro3-detail div { width: 246px; float: left; margin-right: 40px; padding: 0px 10px; } 
#fujiko-pro3-detail div h4 { margin-top: 10px; font-size: 18px; text-shadow: 0px 1px #DDD; } #fujiko-pro3-detail div p { margin-top:5px; font-weight: normal; }
#kenpro-main-bg { float:left; width:620px; background-image: url(/img/kenpro/kenpro-main-bg.jpg); background-repeat:no-repeat; background-position:left top; height:310px; }
#kenpro-main-bg h1 { font-size: 30px; margin-top: 40px; color: #12831B; text-shadow: 0px 1px #CCC; }
#kenpro-main-bg p { margin-top:5px; font-weight: bold; color: #666; font-size:18px; }
#kenpro-main-menu { float:right; width:320px; margin-top:20px; }
#kenpro-main-pro1 { margin-top:3px; background-image:url(/img/kenpro/kenpro-eb-promotion-bg.jpg); background-repeat:no-repeat; background-position:top; background-color:#FFF; padding-left:40px; }
#kenpro-main-pro1 h3 { padding-top: 50px; font-size: 30px; text-shadow: 0px 1px #CCC; padding-bottom:5px; color: #444; }
#kenpro-main-pro1 h3 span { color: #12831B; }
#kenpro-main-pro1 p { font-weight: bold; font-size: 14px; color: #777; }
#kenpro-pro1-detail { margin-top: 170px; }
#kenpro-pro1-detail p { font-weight: normal; color: #555; width:320px; padding-top:10px; color: #555; line-height: 24px; margin-bottom: 15px; }
#kenpro-pro1-detail ul li { padding-left: 12px; background-image:url(/img/icon/list-green-icon.png); background-repeat: no-repeat; background-position: leftt; margin-bottom:5px; }
#kenpro-pro1-detail ul li a { color: #12831B; font-weight: bold; } #kenpro-pro1-detail ul li a:hover { text-decoration:underline; }
#kenpro-pro1-detail2 { width:880px; }

/*Class*/
.clear { clear:both; }
.margin-bottom { margin-bottom: 40px; }
.margin-top { margin-bottom: 40px; }
.home-product { float:left; width:328px; height:100px; margin-left:20px; margin-top:20px; border-style:solid; border-width:1px; border-color:#CCC; border-radius:5px; background-color:#FAFAFA; }
.home-product-img { float:left; position: absolute; }
.home-product-content { float:right; text-align:right; padding:10px; font-size:13px; color:#999; }
.home-product-content p strong { font-size:26px; color:#444; }
.home-product-detail { margin-top:16px; font-size:13px; color:#C00; }
.home-product-detail a { font-size:13px; color:#C00; text-decoration:none; }
.home-product-detail a:hover { text-decoration:underline; }
.portfolio-content { width:320px; height:81px; margin-bottom:10px; }
.portfolio-content a img { float:left; padding-right:5px; }
.portfolio-content a img:hover { opacity: .9; }
.portfolio-content p { margin-top:5px; }
.footer-nav-border { border-left:solid 1px #CCC; }
.fujiko-icon { 
	float:left;
	width:138px;
	height:118px;
	margin-left:20px;
	margin-top: 20px;
	color:#555;
	border:1px solid #CCC;
	text-align:center;
	border-radius: 3px;
	background-color:  #FFF;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
.fujiko-icon:hover { border:1px solid #0080C0; background-color: #EEE; color: #0080C0; }
.fujiko-icon img { margin-top: 5px; }
.fujiko-pro1-detail2-2 { margin-left:20px; padding-left:40px; }
.h-shadow { background-image:url(/img/fujiko/left-shadow.png); background-repeat: no-repeat; background-position:left top; }
.botton-shadow { height:10px; background-image:url(/img/fujiko/bottom-shadow.png); background-repeat:no-repeat; background-position:top; margin-bottom: 20px; }
.kenpro-icon { 
	float:left;
	width:138px;
	height:118px;
	margin-left:20px;
	margin-top: 20px;
	color:#555;
	border:1px solid #CCC;
	text-align:center;
	border-radius: 3px;
	background-color:  #FFF;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
.kenpro-icon:hover { border:1px solid #12831B; background-color: #EEE; color: #12831B; }

#content
{ margin-left: 5px; 
  margin-right: 15px;
  width: 740px;
  height: auto;
  padding: 0px;
  overflow: hidden;
} 

/* column 1 - contains sidebar items */
#column1
{
	width: 207px;
	float: left;
	padding: 16px 0px 15px;
}
/*บทความ*/
.clear { clear: both; }
.article-content{ width:740px; margin:15px; }
.image-align{ text-align:center;}
.text-align { text-indent: 40px; line-height: 20px; font-size: 13px; float:left; }
.breadcrumb{
	line-height:18px;
	padding-bottom:15px;
}

.breadcrumb a{
	font-weight:normal;
}

.breadcrumb a:hover{
	color:#FF3C3C !important;
	text-decoration:underline  !important;
}

.header-article{
	font-size:16px;
	font-weight: bold;
	border-bottom:3px solid #E0A800;
	padding-bottom:5px;
}
.article-list { margin-left: 20px; }
.article-list li{
	list-style-type:disc !important;
	color:#CCC;
	padding-bottom: 5px;
}

.article-list li a:hover{
	color:#FF3C3C !important;
	text-decoration:underline  !important;
}

.article-detail-title{
	width:500px;
	margin:10px 5px 10px 5px;
	text-align:left;
}

.article-detail-title-desc{
	font-size:12px;
	margin-left:5px;
}


/* column 2 - page content */
#column2
{
	text-align: justify;
	width: auto;
	float: right;
	padding: 12px 14px 15px 19px;
	width: 515px;
}

#column2 #portfolio-heading-style h1 {
	font-size:20px;
	color:#666;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	margin:0px;
	padding:0px;
	text-align:left;
	letter-spacing:normal;
}

.menu-header { font-size: 13px; color: #FFF; font-weight: bold; padding: 0px; line-height: normal; }
.sidebaritem a, #column2 a, .sidebaritem a:hover, #column2 a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
}