body{background:#ffffff;margin:0px;padding:0px;font-family: lilyupcregular,lilyupcbold,upclb-webfont,thaisanslite_r1,tahoma,sans-serif;min-width: 1200px; background:#ffffff;}
::selection{background:#b0b0b0;}




@font-face {
    font-family: 'lilyupcbold';
    src: url('fonts/lily/upclb-webfont.woff2') format('woff2'),
         url('fonts/lily/upclb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lilyupcregular';
    src: url('fonts/lily/upcll-webfont.woff2') format('woff2'),
         url('fonts/lily/upcll-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



.jork_clear{height:0;clear:both;}



.jork_mainsite{width:90%;
    margin-left: auto;
    margin-right: auto;
    min-width: 1200px;
	max-width:1200px;}


.jork_head{background: #254b7c;}

.jork_logo{   padding-top: 6px;
    padding-bottom: 6px;
    float: left;
    width: 66px;}

.jork_logo img{width: 100%;}





.jork_menu{     display: block;
    float: left;
    margin-top: 27px;
    margin-left: 42px;}

.jork_menu ul{     padding: 0px;
    margin: 0px;
    float: left;}

.jork_menu ul li{      float: left;
    list-style: none;
    margin-right: 67px;
    }

.jork_menu ul li a{   font-size: 27px;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;}

.jork_menu ul li a:hover{transition: 0.2s;text-decoration:underline;}


.jork_menu .nav-menu li a:hover, .jork_menu .nav-menu li.current-post-ancestor a, .jork_menu .nav-menu li.current-menu-parent a, .jork_menu .nav-menu li.current-post-parent a, .jork_menu .nav-menu li.current-menu-item a, .jork_menu .nav-menu li.current_page_item a {color:#ffffff;}







.jork_boxleft{    float: left;
    width: 21%;
    margin-top: 15px;}


.jork_menuleft{       display: block;
    float: left;}

.jork_menuleft ul{     padding: 0px;
    margin: 0px;
    float: left;}

.jork_menuleft ul li{   float: left;
    list-style: none;
    width: 100%;
    border-bottom: 2px dotted #254b7c;
	padding-bottom: 12px;
    padding-top: 13px;
    }

.jork_menuleft ul li a{   font-size: 24px;
    color: #254b7c;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;}

.jork_menuleft ul li a:hover{transition: 0.2s;text-decoration:underline;}



.jork_ftl{    width: 100%;
    margin-top: 15px;
    float: left;}

.jork_ftl ul{     padding: 0px;
    margin: 0px;
    float: left;}

.jork_ftl ul li{      float: left;
    list-style: none; width:100%; margin-bottom:10px;
    }

.jork_ftl ul li a{    display: block;
    height: 76px;
    overflow: hidden;}

.jork_ftl ul li a img{width:100%}




.jork_boxright{   float: left;
    margin-top: 20px;
    margin-left: 25px;
    width: 76%;}

.jork_texthead{    color: #254b7c;
    font-size: 38px;
    letter-spacing: 3px;
}




.jork_banner{width:100%;margin-top: 10px;}

.jork_banner img{width:100%;}




.jork_news{    margin-top: 20px;
    width: 100%;
    display: block;}


.jork_news .jork_headproduct{  display: block;
    margin-bottom: 25px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 226px;
    color: #254b7c;
    font-size: 38px;
    letter-spacing: 2px;}

.jork_news ul{       padding: 0px;
    margin: 0px;
    padding-top: 0px;
    display: block;
    width: 100%;
    float: left;}

.jork_news ul li{ width: 31.3%;
    float: left;
    margin-right: 18px;
    list-style: none;
    margin-bottom: 21px;}



.jork_news .jork_pic{width: 100%;
    display: block;
    height: 176px; }

.jork_news .jork_pic img{width: 100%;
    height: 100%; }

.jork_news .jork_text_head{font-size: 23px;
    text-decoration: none;
    display: block;
    width: 100%;
    font-weight: normal;
    color: #565656;
    text-align: center;
    text-transform: uppercase;
    margin-top: 11px;
    line-height: 23px;}


.crea_cat li a.img{width: 100%;
    display: block;
    height: 176px; }

.crea_cat li a.img img{width: 100%;
    height: 100%;}

.crea_cat li a.link{font-size: 24px; overflow: hidden;
    height: 46px; }



.crea_cat li a.link:hover{text-decoration: underline;}
.jork_news .jork_text_head:hover{text-decoration: underline;}


.jork_bpr{      width: 96%;
    background: #f5f5f5;
    padding: 1px 2% 2% 2%;
    display: block;    margin-top: 20px;}

.jork_bpr .jork_pra{margin-bottom: 25px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #484848;
    font-size: 29px;
    letter-spacing: 2px;
    margin-top: 30px;
    display: block;}

.jork_bpr img{    width: 100%;
    height: 440px;}






.jork_qa{    margin-bottom: 5px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #2b2b2b;
    font-size: 33px;
    letter-spacing: 2px;
    margin-top: 45px;
    display: block;}

.jorkpos{text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #2b2b2b;
    font-size: 28px;
    letter-spacing: 2px;
    display: block;}

.jorkposdetail{    text-decoration: none;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #2b2b2b;
    font-size: 26px;
    display: block;
    margin-top: 13px;}






.jork_footer{background: #254b7c;
    margin-top: 70px;
    padding-bottom: 18px;
    padding-top: 18px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;}


.jork_menu li {	 
}
.jork_menu a {
	 
}
.jork_menu a:hover {
	 
}
 
.jork_menu ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}
	.jork_menu ul.nav-menu,
	.jork_menu div.nav-menu > ul { 
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.jork_menu ul {
		margin: 0;
		text-indent: 0;
	}
	.jork_menu li a,
	.jork_menu li {
		display: inline-block;
		text-decoration: none;
	}  
	.jork_menu li.menu-item-13 a{border-right: none;padding-right:0px;} 
	
	.jork_menu li a {
  padding-bottom: 20px;
text-transform: uppercase;
white-space: nowrap;
font-weight: normal; 
	}

	.jork_menu li:first-child a {
 
}

	.jork_menu li a:hover {
		text-decoration: none;
		font-weight: normal;
	}
	.jork_menu li {
		background: url('../img/nav_border.gif') 0px 2px no-repeat;
		margin-top: 0px;		
		position: relative;
	}
	.jork_menu li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.jork_menu li ul ul {
		top: 0;
		left: 100%;
	}
	.jork_menu ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	

	.jork_menu .current-menu-item > a,
	.jork_menu .current-menu-ancestor > a,
	.jork_menu .current_page_item > a,
	.jork_menu .current_page_ancestor > a {
		 text-decoration: underline;
		font-weight: normal;
	}
 
.jork_menu ul.nav-menu,
	.jork_menu div.nav-menu > ul { 
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.jork_menu ul {
		margin: 0;
		text-indent: 0;
	}
	.jork_menu li a,
	.jork_menu li {
		display: inline-block;
		text-decoration: none;
	}
	 
	}
	 


	.jork_menu li {
		 padding-bottom: 18px;
		position: relative;
	}
	.jork_menu li li{padding-bottom: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;padding-left: 0px !important;
}
}
.jork_menu li.menu-item-has-children{background: url(img/sort_desc.gif) right 5px center no-repeat;}
.jork_menu li.menu-item-has-children ul li a{    padding: 0px 38px;    font-family: THSarabun,lilyupcregular,lilyupcbold,thaisans_neueregular, tahoma, Arial,sans-serif;
    margin: 0px;}
.jork_menu li.menu-item-has-children ul li.menu-item-has-children{background: url("images/icon_teaser_menu.gif") no-repeat 196px 25px #f8f7f5;}
	.jork_menu li:last-child{border-right: 0px solid #333;padding-right: 0px;}
	.jork_menu li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1999;
	}
	.jork_menu li ul ul {
		top: 0;
		left: 100%;
	}
	.jork_menu ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.jork_menu li ul li a {background: #254b7c;
    display: block;
    line-height: 2.181818182;
    padding: 3px 10px;
    padding: 0.571428571rem 0.714285714rem;
    width: 372px;
    font-size: 24px;
    white-space: normal;
    font-weight: normal !important;
    color: #ffffff;
    border-bottom: 1px solid #cecece;
    border-right: none;
    line-height: 25px;
    padding: 12px 32px !important;
 
	}
	.jork_menu li ul li a:hover {		 
		 text-decoration: underline;
	}
	.jork_menu .current-post-ancestor > a,
	.jork_menu .current-menu-parent > a,
	.jork_menu .current-post-parent> a,
	.jork_menu .current-menu-item > a,
	.jork_menu .current-menu-ancestor > a,
	.jork_menu .current_page_item > a,
	.jork_menu .current_page_ancestor > a {
		 text-decoration: none;
		font-weight: normal;
	}

	.jork_menu .sub-menu .current-post-ancestor > a,
	.jork_menu .sub-menu .current-menu-parent > a,
	.jork_menu .sub-menu .current-post-parent> a,
	.jork_menu .sub-menu .current-menu-item > a,
	.jork_menu .sub-menu .current-menu-ancestor > a,
	.jork_menu .sub-menu .current_page_item > a,
	.jork_menu .sub-menu .current_page_ancestor > a {
		 
	}
	.jork_menu .current-post-ancestor > a span,
	.jork_menu .current-menu-parent > a span,
	.jork_menu .current-post-parent> a span,
	.jork_menu .current-menu-item > a span,
	.jork_menu .current-menu-ancestor > a span,
	.jork_menu .current_page_item > a span,
	.jork_menu .current_page_ancestor > a span {
		  
	}



strong, b, p strong, p b, span strong, span b, strong span, b span, div strong, div b{color: #8f0000;
    font-weight: bold;
    font-size: 25px;}




.kpm{    margin-top: -10px;}

.kpm u{    text-decoration: none;
    float: left;
    width: 100%;
    margin-top: -24px;
    margin-bottom: 20px;}

.kpm u li{text-decoration: none;    width: 100%;
    float: left;
    list-style: none;
    margin-left: 0px;}

.kpm u li b{ 
    color: #8f0000;
    font-weight: bold;
    font-size: 24px;
    display: block;
    float: left;
    width: 260px;}

.kpm u li span{display: block;
    float: left;}





.kp_gal{        margin-top: -27px;
    margin-bottom: 21px;
    float: left;
    width: 100%;}


.kp_gal li{       float: left;
    list-style: none;
    width: 31.8%;
    margin-right: 20px;
    margin-bottom: 20px;}

.kp_gal a{  display: block;
    background: #ffffff;
    width: 100%;
    float: left;
    height: 217px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ccc;}

.kp_gal a img{   max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;}

.kp_gal .text_headproduct_in{    display: block;
    color: #3b3b3b;
    font-size: 27px;
    text-decoration: none;
    text-transform: uppercase;
    clear: both;
    padding-top: 11px;
    text-align: center;}


.end { margin-right: 0px !important;}



.bfd_title{border-bottom: 4px solid #254b7c !important;
    margin-bottom: 20px;
    font-size: 36px;
    display: block;}