body				{ margin:0; padding:0; background:url("/polestar_images/home/header-1.jpg") no-repeat center top; }
body a				{ transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;
					  -moz-transition:0.5s all; -ms-transition:0.5s all; }
ul					{ padding:0; margin:0; }
h2,h3,h4,h5,h6,p	{ margin:0; }

/*
 * Header Styles
 */
.header-frame		{ min-height:160px; padding-top:7px; width:100%; }
.logo				{ float:left; width:290px; }
.logo-image			{ float:left; margin-right:8px; width:41px; height:40px; margin-top:6px;
					  background:url("/polestar_images/home/logo-white.png") no-repeat; }
.logo h2			{ float:left; font-family:"wklgothic", arial; color:white; font-size:24px; }
.logo h3			{ float:left; font-family:Tahoma, Geneva, sans-serif; color:#b4d2e5; font-size:16px; 
					  border-bottom:1px solid #a1909f; padding-bottom:3px; margin-bottom:3px; font-weight:bold; }
.logo h4			{ font-family:Arial, Helvetica, sans-serif; color:white; font-size:12px; 
					  background:url("/polestar_images/home/logo-pyo.png") no-repeat left bottom;
					  padding-bottom:5px; padding-left:6px; margin-left:44px; }
.logo a:hover		{ text-decoration:none; }
.logo a:hover h2	{ transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;
					  -moz-transition:0.5s all; -ms-transition:0.5s all; color:#ffedbc;  }
.logo a:hover h3	{ transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;
					  -moz-transition:0.5s all; -ms-transition:0.5s all; color:#d5a82b;  }
.logo a:hover h4	{ transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;
					  -moz-transition:0.5s all; -ms-transition:0.5s all; color:#ffedbc;  }
.langbtn			{ display:inline; float:right; margin-right:5px; background-color:#fdd361;
					  padding:2px 8px 2px 8px; border-radius:3px; cursor:pointer; margin-bottom:10px; }
.langbtn.set		{ color:#1f1423; }
.langbtn.unset		{ color:#774c70; }
.langbtn:nth-child(2)		{ font-family:"wklgothic", arial; font-size:11px; }
.langbtn:nth-child(1)		{ font-family:Arial, Helvetica, sans-serif; font-size:11px; }

/*
 * Navbar Styles
 */
.top-nav ul li a	{ color:white; padding:10px 10px; font-family:"wklgothic", arial; font-size:15px;
					  text-align:center; position:relative; }
.top-nav ul li label{ font-family:Tahoma, Geneva, sans-serif; font-size:10px; font-weight:normal; margin-top:7px;
					  color:#ab9ca7; }
.navspec			{ width:60px; }
.top-nav ul li span { float:left; height:46px; width:27px; display:inline-block; margin-right:5px;
					  background:url("/polestar_images/home/gnav-slash.png") no-repeat center top; }
.top-nav ul li.active a,
.top-nav ul li a:hover{	color:#f4bb36; }
.logo a				{ display:block; }
.top-nav:before,
.top-nav:after 		{ content:" "; display:table; }
.top-nav:after 		{ clear:both; }
nav 				{ position: relative; float:right; }
nav ul 				{ padding:0; float:right; }
nav li 				{ display:inline; float:left; position:relative; font-size:15px; }
nav a 				{ color:#fff; display:inline-block;	text-align:center; text-decoration:none; line-height:60%; }
nav a:hover			{ text-decoration:none;	color:#00A2C1; }
nav a#pull 			{ display:none; }

@media screen and (max-width: 768px) {
	nav 			{ height:auto; float:none; }
  	nav ul 			{ width:100%; display:block; height:auto; }
  	nav li 			{ width:100%; position:relative; }
  	nav li a 		{ border-bottom:1px solid #eee; }
  	nav a 			{ text-align:left; width:100%; text-indent:25px; }
}

@media only screen and (max-width: 768px) {
	nav 			{ border-bottom:0; float:none; }
	nav ul 			{ display:none;	height:auto; margin:0; background:#fff;	}
	nav a#pull 		{ display:block; position:relative;	color:#f26d7d; text-align:right; position:absolute; top:12px; }
	nav a#pull img	{ margin-right:2%; }
	.top-nav ul li a{ color:#2C3e50; padding:0em 0; margin-top:12px; }
	.top-nav ul li span { height:1px; width:0px; display:none; background:none; }
	.container		{ padding:0; }
}

@media only screen and (max-width: 320px) {
	nav 			{ float:none; }
	nav li 			{ display:block; float:none; width:100%; }
	nav li a 		{ border-bottom:1px dotted #576979; margin-top:12px; }
	.top-nav ul li span { height:1px; width:0px; display:none; background:none; }
	nav a#pull img	{ margin-right:10px; }
	.container		{ padding:0; }
}


/**
 * container frame
 */
 .pd-gallery-frame	{ clear:both; padding-bottom:20px; overflow:auto; }
 .container-frame	{ clear:both; width:100%; }
 .con-left			{ width:35%; background-repeat:repeat-y; padding-top:50px; vertical-align:top;
 					  background-image:url("/polestar_images/about/vertline.gif"); background-position:right top; }
 .con-right			{ width:64%; padding-top:50px; overflow:auto; vertical-align:top; }
 .con-icon			{ float:right; width:76px; height:76px; background-color:#d3b76a; background-repeat:no-repeat;
 					  background-image:url("/polestar_images/home/nav-products.png"); background-position:center center;
					  margin-left:1px; }
 .con-nav			{ float:right; margin-left:-77px; color:white; width:100%; text-align:right; }
 .con-nav a			{ color:white; }
 .con-nav h3		{ height:76px; background-color:#d3b76a; line-height:100%; }
 .con-nav label		{ font-family:"wklgothic", arial; font-weight:normal; font-size:24px; display:block; 
 					  padding-top:20px; padding-right:30px; }
 .con-nav span		{ font-size:18px; padding-right:33px; }
 .con-nav h4		{ background-color:#d3b76a; padding-top:10px; padding-bottom:10px; padding-right:30px;
 					  font-family:"wklgothic", arial; font-weight:normal; font-size:16px; margin-top:1px; font-weight:bold; }
 .con-nav h4:hover	{ cursor:pointer; text-decoration:underline; }
 .con-nav-active	{ background-repeat:no-repeat; background-position:right center;
 					  background-image:url("/polestar_images/about/active.png"); }
 .con-right h2		{ clear:both; background-color:#f7f4e3; width:240px; padding:15px; color:#6f6741; text-align:center;
 					  font-family:"wklgothic", arial; font-weight:normal; font-size:18px; }
					  

/**
 * Gallery
 */
 .pd-gallery		{ float:left; width:43%; margin-left:5px; margin-bottom:5px; cursor:pointer; }
 .pd-con			{ clear:both; padding:20px; font-family:"wklchongbong"; font-weight:normal;
 					  font-size:14px; text-align:justify; width:90%; color:#555555; line-height:130%; }
 .pd-con p			{ margin-bottom:10px; }
 .pd-con div		{ margin-bottom:10px; }
 .section-3			{ clear:both; width:100%; padding-top:30px; background-color:#f7f4e3; }
 .pd-gallery-frame	{ clear:both; padding-bottom:30px; padding-left:20px; overflow:auto; }
 .section-3 h3		{ clear:both; text-align:center; color:#6f6741; padding-bottom:20px;
 					  font-family:"wklgothic", arial; font-size:22px; font-weight:normal; }
 .pd-gallery-1		{ float:left; width:255px; height:255px; }
 .pd-thumb			{ float:left; border:12px solid white; cursor:pointer; margin-left:2px; margin-bottom:2px;
 					  width:125px; height:125px; }
 .pd-text			{ float:left; position:relative; left:98px; top:-155px; width:57px; height:57px; }
 
 
/*- Navigation -*/
 .pd-nav-frame		{ clear:both; width:100%; margin-top:20px; }
 .pd-nav-frame img 	{ border:5px solid white; float:left; }
 .lady-in-on		{ background:#fff; padding:10px 10px 10px 10px;  background-color:#eeeeee; }
 #flexiselDemo1 	{ display:none; }
 .nbs-flexisel-container { position:relative; max-width:100%; padding:2em 0; }
 .nbs-flexisel-ul 	{ position:relative; width:99999px; height:190px; margin:0px; padding:0px; list-style-type:none; 
 					  text-align:center; }
 .nbs-flexisel-inner{ overflow:hidden; width:600px; margin:0 auto; }
 .nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; }
 .nbs-flexisel-item > img { cursor:pointer; position:relative; }
 .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
					  width:32px; height:32px; position:absolute; cursor:pointer; z-index:100; }
 .nbs-flexisel-nav-left { left:0px;	background:url("/polestar_images/products/img-sprite.png") no-repeat -44px 0px; }
 .nbs-flexisel-nav-right { right:0px; background: url("/polestar_images/products/img-sprite.png") no-repeat -77px 0px; }

  
 
/**
 * Footer
 */
 footer				{ clear:both; width:100%; background-repeat:repeat-y; background-position:center top;
 					  background-image:url("/polestar_images/home/footer-bg.gif"); overflow:auto; }
 .footer-left		{ float:left; width:48%; padding-top:45px; padding-bottom:20px; }
 .footer-right		{ float:right; width:48%; padding-top:40px; padding-bottom:20px; }
 .footer-left img	{ margin-right:5px; }
 .footer-left h2	{ clear:both; width:256px; height:64px; cursor:pointer; background-repeat:no-repeat;
 					  background-image:url("/polestar_images/home/footer-logo.png"); }
 .footer-left h3	{ clear:both; color:white; font-size:16px; padding-top:30px;
 					  font-family:"wklgothic", arial; font-weight:normal; }
 .footer-left h4	{ clear:both; color:white; font-size:14px; padding-top:10px;
 					  font-family:"wklchongbong"; font-weight:normal; }
 .footer-left h5	{ clear:both; color:white; font-size:12px; padding-top:4px;
 					  font-family:Verdana, Geneva, sans-serif; font-weight:normal; }
 .footer-right p	{ clear:both; color:#b5b5b5; font-size:14px; line-height:120%;
 					  font-family:"wklchongbong"; font-weight:normal; }
 .footer-right input{ clear:both; border:1px solid #6a6a6a; color:#b5b5b5; width:100%; font-size:14px;
 					  font-family:"wklchongbong"; font-weight:normal; background-color:transparent;
					  margin-top:10px; padding:5px; }
 .footer-right textarea{ clear:both; border:1px solid #6a6a6a; color:#b5b5b5; width:100%; font-size:14px;
 					  font-family:"wklchongbong"; font-weight:normal; background-color:transparent;
					  margin-top:4px; padding:5px; height:100px; }
 .footer-right h3	{ clear:both; background-color:#f4bb36; border-radius:5px; text-align:center;
 					  color:#372b0e; font-family:"wklchongbong"; font-weight:normal;
					  font-size:14px; cursor:pointer; margin-top:6px; width:150px;
					  padding-top:9px; padding-bottom:9px; }

/************************************************************************************************************************
 * Mobile StyleSheet Area
 ************************************************************************************************************************
 */
@media (max-width:1280px){
	.top-nav ul li a{ padding:6px 6px; font-size:14px; }
	.top-nav ul li label{ font-size:10px; margin-top:7px; }
	.navspec		{ width:56px; }
	.top-nav ul li span { height:46px; width:27px; margin-right:5px; }
}

@media (max-width:1024px){
	.container		{ width:95%; }
	.top-nav ul li a{ padding:0px 0px; font-size:14px; }
	.top-nav ul li label{ font-size:9px; margin-top:7px; }
	.navspec		{ width:50px; }
	.top-nav ul li span { height:38px; width:22px; margin-right:5px; background-size:cover; }
}

@media (max-width:900px){
	.logo-image		{ width:32px; height:30px; background-size:cover; margin-left:10px; }
	.container		{ width:98%; }
	.top-nav ul		{ margin-top:10px; }
	.top-nav ul li a{ padding:0px 0px; font-size:14px; }
	.top-nav ul li label{ font-size:9px; margin-top:7px; }
	.navspec		{ width:50px; }
	.top-nav ul li span { height:38px; width:12px; margin-right:5px; background-size:cover; }
}

@media (max-width:768px){
	.navspec		{ width:auto; }

}

@media (max-width:640px){
	.logo-image		{ width:36px; height:34px; background-size:cover; margin-left:10px; }
	.logo h2		{ font-size:22px; }
	.logo h3		{ font-size:14px; }
	.logo h4		{ font-size:12px; }
 	.footer-left	{ clear:both; float:none; width:98%; padding-top:20px; margin:0 auto; }
 	.footer-right	{ clear:both; float:none; width:98%; padding-top:20px; margin:0 auto; }
	.con-left		{ clear:both; float:none; width:99%; margin:0 auto; }
	.con-right		{ clear:both; float:none; width:99%; margin:0 auto; }
	.con-icon		{ display:none; visibility:hidden; width:0; height:0; }
	.con-con		{ padding:20px; }
	.con-left		{ display:none; }
}

@media (max-width:480px){
	.col-md-6		{ float:none !important; margin:auto; }
}

@media (max-width:320px){
	.logo-image		{ width:32px; height:30px; background-size:cover; margin-left:10px; }
	.logo h2		{ font-size:20px; }
	.logo h3		{ font-size:12px; }
	.logo h4		{ font-size:12px; }
}