/*******RGK Wine*********************************************************************/


	
	/*reset css*/
	body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td {	
		padding: 0;
		margin: 0;
	}
	
	img {border: 0;}
	
	:focus {outline: 0;}
	
	h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
	
	input, button, textarea, select, optgroup, option {
		font-family: inherit;
		font-size: inherit;
		font-style: inherit;
		font-weight: inherit;
	}
	
	code, kbd, samp, tt {font-size: 100%;}


	/*purpose To enable resizing for IE */
	/*branch For IE6-Win, IE7-Win */
	/*	input*/
	button, textarea , input[type="submit"], input[type="button"]  { 
		-webkit-appearance: none; 
		-moz-appearance: none; 
		appearance: none;
	}
	
	ol, ul, li {list-style: none;}
	
	:link, :visited , ins {text-decoration: none;}
	
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
	

	/*HTML5 tag*/
	section, article, aside, footer, header, nav, main {display:block;}
	

	/*HTML5 display-role reset for older browsers*/
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	
	ol, ul {
		width: 100%;
		list-style: none;
		float:left;
	}
	
	blockquote, q {quotes: none;}
	
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
	
	table {
		border-collapse: collapse; 
		border-spacing: 0;
	}
	

	/*general*/
	html, body {
		width: 100%;
		height: 100%;
	}
	
	body {
		margin:0; 
		width:100%; 
		font-size:1em; 
		font-family:'Noto Sans TC', 'Microsoft JhengHei','Poppins','Arial', sans-serif; 
		line-height: 130%;
		color:#404040; 
		background:#fff;  
		cursor:default; 
		position:relative;
	}
	
	div , p , table { 
		padding:0; 
		margin:0px 0; 
		width: 100%; 
		float:left;
	}
	
	p {margin:5px 0; }
	
	
			
	/*title*/
	h1, .posting-title , .post-title , 	#catalog_display h1 span , 
	.emailtitle , #menu-name , .reg-search-title , 
	.search_criteria-title {
		margin:15px 0 25px;
		width:100%;
		font-size:2.5em;
		line-height:150%;
		color:#40281e;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	h2 , #search h1 {
		margin:5px 0 10px;
		width:100%;
		font-size:1.75em;
		line-height:140%;
		color:#ff7f00;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	h3 , #search h2 {
		margin:5px 0;
		width:100%;
		font-size:1.5em;
		line-height:140%;
		color:#d0b875;
		font-weight:bold;
		float:left;
	}
	
	h4 {
		margin:5px 0;
		width:100%;
		font-size:1.25em;
		line-height:130%;
		color:#404040;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	h5 {
		padding:0 0 15px;
		margin:10px 0 0;
		width:100%;
		font-size:1.12em;
		line-height:130%;
		color:#40281e;
		font-weight:bold;
		border-bottom:2px solid rgba(117,136,195,.1);
		float:left;
	}
		

	/*link*/
	a {
		color: #40281e;
		-webkit-transition: color .5s, 
		background .5s;
		transition: color .5s, 
		background .5s;
		cursor:pointer;
	}
	
	a:hover {color:#ff7f00;}
	
	a img {opacity: 1;}
	
	a img:hover {
	  opacity: .8;
	  -webkit-transition: opacity .5s;
	  transition: opacity .5s;
	 }

	.logolink a img:hover , #flash-box img:hover , #footer img:hover , 
	.searchlink a img:hover , .ul-news-picture a img:hover  {opacity: 1;}

	.printer , hr {display:none;}		


	/*ul*/
	ul {
		width:100%;
		float:Left;
	}
	
	ul li {margin:0 5px;}
	
	#general-content-main ul li , #news-content ul li , dd ul li , #detail_spec ul li {
		padding:0 0 5px 25px; 
		margin:0 0 5px; 
		width:calc(100% - 25px); 
		background: url(graphics/li.png) no-repeat left top; 
		background-size:20px;
		float:left;
	}

	#general-content-main ul li ul li , #news-content ul li ul li , dd ul li ul li , #detail_spec ul li ul li {
		background: url(graphics/li1.png) no-repeat left top;
		background-size:20px;
	}

	
	/*iframe img*/
	iframe {
		margin: 10px 0;
		width: 100%;
		max-width: 100% !important;
	}
	
	img {
		width: 100%;
		max-width: 100%;
		height: auto ;
		float:left;
	}
	
	.upc-picture img , #events-main-picture img , .about-image img {box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);}
	
	
	/*input*/
	input, textarea {
		padding:8px 5px; 
		border:none; 
		border-radius:10px;
		float:left; 
	}
	
	input[type="submit"] , input[type="button"] {
		width:calc(100% - 0px); 
		color:#fff; 
		background: #40281e;
		cursor: pointer;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	input[type="submit"]:hover , input[type="button"]:hover {
		background:#ff7f00; 
		border:none;
	}
	
	input[type="text"] , input[type="textbox"] , input[type="password"] , 
	input[type="email"] , textarea  {
		width:calc(100% - 10px); 
		color:#40281e;	
		border:none; 
		background: #fff;
	}
		
	textarea {height:100px;}
	
	input[type="radio"] ,	input[type="checkbox"] {
		margin:5px 5px 5px 0;
		width:15px;
		height:15px;
	}
	
	select { 
		padding:8px 5px;
		width:calc(100% - 0px); 
		color:#40281e;   
		border:none; 
		border-radius:10px;
		background: #fff;
		float:left;
	}
	
	#catalog_detail select {
		margin:0 5px;
		width:calc(100% - 10px);
	}


	/*pageselection*/
	#page-top {
		margin-bottom:25px;
		display:none;
	}
	
	#page-bottom {margin-top:25px;}

	.pageselection ul {
		width:100%;
		text-align:center;
		float:left;
	}
	
	.pageselection ul li {
		margin:5px;
		display:inline-block;
		float:none;
	}
	
	.pageselection ul li a {
		padding:0 5px;
		display:block;
	}
	
	.pageselection li.activepage {
		padding:5px 5px;
		color:#fff;
		font-weight:900;
		background:#40281e;
		border-radius:10px;
	}
	
	.pageselection li a:hover {text-decoration:underline;}

	.pageselection ul li.page-word  {display:none;}
	
	
	/*messagebox*/
	.messagebox {
		margin:0 25% 15px;
		width:50%;
		text-align:Center;
	}
	
	.messagebox_title , .messagebox_content {display:none;}
	
	
	/*pop up*/
	#grayBG1 {
		width:100%; 
		height:100%;
		background:rgba(0,0,0,.8);
		position:fixed; 
		z-index:999; 
		top:0; 
		left:0;
	}
	
  #LightBox1.box_content {
  	padding:20px 25px;
  	margin-left:0;
  	width:250px; 
  	z-index:1000;  
  	color:#494949; 
  	text-align:center;
  	background:#fff;  
  	position:fixed; 
  	left:calc(50% - 150px); 
  	top:25vh; 
  }
	
	#LightBox1.box_content ul {
		padding:0; 
		margin:15px 0 0;
	}
		
	#LightBox1.box_content ul li {
		padding:0; 
		margin:0;
		width:100%;
	}
	
	#LightBox1.box_content ul li a {
		padding:5px 10px;
		margin:0 calc(50% - 50px);
		width:80px;
		font-weight:500;
		color:#fff;	
		background: #40281e;
		border:2px solid #40281e;
		border-radius:10px;
		float:left;
	}
	
	#LightBox1.box_content ul li a:hover {
		background:#ff7f00;
		border:2px solid #ff7f00;
	}

	#LightBoxContent {
		padding-top:15px;
		min-height:50px; 
	}
	
	.box_content a {text-decoration:none;}
	
	#LightBoxContent .message {font-weight:900;}
	
	.warning {display:none;}
		
	
	/*frame layout*/
	#artboard {}
	
	/*header*/
	#header {
		background:#fff; 
		border-bottom:1px solid #d0b875;
		position:fixed; 
		top:0; 
		z-index:100;
	}
	
	#header-body {
		margin:15px calc(50% - 640px);
		width:1280px;
	}
	
	
	/*logolink*/
	.logolink {
		width:220px;
		z-index:99;
		float:left;
	}
	
	.logolink img {
		width:100%;
		height:auto;
	}


	/*mainmenu*/
	#mainmenu {
		margin:5px 0 0;
		width:calc(100% - 260px);
		float:left;
		position: relative;
	}
	
	#mainmenu ul {
		width:950px;
		float:right;
	}	
	
	#mainmenu ul li {
		margin:0 10px;
		float:left;	
	}
	
	#mainmenu ul > li a {
		padding:10px 15px;
		font-weight:900;
		color:#404040;
		border:2px solid #fff;
		text-decoration:none;
		background: url(graphics/menu-h-w.png) left bottom repeat-x;		
		float:left;
		position: relative; 
	}

	#mainmenu ul > li a:hover {
		color:#796861;
		border:2px solid #796861;
	}

	#mainmenu ul > li a.activemenu {
		color:#796861;
		border:2px solid #796861;
	}
	
	#mainmenu ul > li ul li a.activemenu {
		color:#fff;
		border:none;		
  	background:#d0b875;
	}
	
	.mainstart , .mainend {display:none !important;}

	#mainmenu ul li#menu14637 , #mainmenu ul li#menu14640 , #menu li#menu14640 {display:none;}
	
	
	/*css for dropdown menu */
  #mainmenu ul li ul {
  	padding:0; 
  	margin:0px; 
  	text-align:left;
  	position:absolute; 
  	top:45px;
  	left:0;
  	display:none;
  	z-index:99;  	
		box-shadow:0px 0px 5px rgba(0,0,0,.5);
  } 
  
  #mainmenu ul li:hover > ul {
  	padding:0; 
  	margin:0 ;
  	width: 100%;
  	background: #796861;
  	display: block; 
  }

 	#mainmenu ul li ul li {
 		padding:0px 0px;
 		margin:0px 0;
 		width:20%;
 		text-align:center;
 		float:left;
 	}
 
 	#mainmenu ul li ul li:first-child {border-top:none;}
  
  #mainmenu ul li ul li a {
  	padding:20px 10px;
  	width:calc(100% - 20px);
  	color:#fff;
  	text-align:center;
  	border:none;
  	background:none;
  }
  
  #mainmenu ul li ul li a:hover {
  	border:none;
  	background:#d0b875;
  }
    
  #mainmenu ul li ul li:hover a {color:#fff;}
  
  #mainmenu ul li ul li ul , #mainmenu ul li ul li:hover > ul {display:none;}
 

	/*search-box*/
	.searchlink {
		margin:10px 0 15px 10px;
		width:30px;
		float:right;
	}

	#menu-14647	.maincontent-body {
		width:100%;
		text-align:center;
	}
	  
	.search-box {
		margin:5px calc(50% - 200px) 15px;
		width:394px;
		color:#404040;
		border:3px solid #40281e;
		background:rgba(255,255,255,1);
	}
	
	.search-box input.textbox {
		padding:13px 5px 10px;
		width:calc(100% - 50px);
		font-size:1.25em; 
		color:#404040;
		border:none;
		background:none;
	}
	
	.search-box input[type="submit"] {
		padding:12px 5px;
		width:40px;
		color:#fff;
		border:none;
		background: url(graphics/search.png) right 5px top 7px no-repeat;
		background-size:35px;
		box-shadow:none;
	}
	
	.search-box input::-webkit-input-placeholder {color:#404040;}
	

	/*maincontent*/
	.maincontent {
		padding:0px calc(50% - 640px) 60px;
		margin:150px 0 0; 
		width:1280px;
	}	
	
	
	/*mainside*/
	#mainside {
		width:220px;
		margin:25px 30px 0 0;
	}	
	
	/*maincontent-body*/
	.maincontent-body {
		margin:25px 0 0;
		min-height:65vh; 
		text-align:justify;
	}
	
	#menu-14640 .maincontent-body {
		margin:25px 0 0;
		width:calc(100% - 250px);
	}	

	#menu-14649 .maincontent-body {
		margin:25px 0 0;
		width:calc(100% - 250px);
	}	
	
	
	/*bannerbox*/
	.bannerbox {
		margin:0px 0 0;
		text-align:center;
		background:rgba(0,104,182,.2);
	 }
	
	.bannerbox .hbox-title {display:none;}
	
	.bannerbox .hbox-content {position:relative;}
	
	.bannerbox .hbox-content img {width:100%; height:auto;}
	
	.bannerbox .hbox-content p {margin:0;}
	
	.bannerbox h1 {height:100%; margin:0px 0; width:100%; position:absolute; top:0px; text-shadow:0 0 5px white, 0 0 10px white, 0 0 15px white, 0 0 40px white, 0 0 50px white, 0 0 40px white, 0 0 50px white, 0 0 40px white, 0 0 50px white; display:flex; align-items:center;}
	
	.bannerbox h1 strong {width:100%; float:left;}
	
	.bannerbox h1 span {width:100%; float:left; font-size:24px;}	
	

	/*menu-name*/
	#menu-name {		
		width:100%;
		text-align:center; 
	}	
	
		
	/*top-navigation*/
	#top-navigation {
		margin:0px 0 15px;
		width:100%; 
		text-align:left; 
		letter-spacing:-8px;
	}
		
	#navigation-body a {
		margin:5px 0;
		width:auto; 
		color:#40281e;
		display:inline-block; 
		letter-spacing:normal;
	}
	
	#navigation-body a:hover {text-decoration:underline;}
	
	#navigation-body a:first-child {
		width:20px;
		background: url(graphics/home-nav.png) center top 2px no-repeat;
		background-size:15px;
	}
	
	#navigation-body a:first-child:hover {text-decoration:none;}
	
	#navigation-body span {
		margin:0 5px;
		width:20px;
		display:inline-block; 
		letter-spacing:normal; 
		background: url(graphics/arrow-nav.png) center top 3px no-repeat;
		background-size:15px;
	}
	
	#navigation-body span:nth-child(2) {margin:0 5px 0 0;}
	
	#navigation-body span span {display:none;}
	
	
	/*side-menu*/
	#side-menu {margin:35px 0;}
	
	#side-menu ul {background:#796861;}
	
	#side-menu ul li {
		margin:0;
		width:100%;
		float:left;
	}
	
	#side-menu ul li a {
		padding:20px 10px;
		width:calc(100% - 20px);
		font-weight:900;
		color:#fff;
		background:#796861;
		border-bottom:1px solid #fff;
		float:left;
	}
	
	#side-menu ul li a:hover {
		text-decoration:none;
		background:#d0b875;
	}
	
	#side-menu ul li ul {display:none;}
	
	#side-menu ul li ul li a {
		padding:5px 25px;
		width:calc(100% - 50px);  
		color:#5a5a5a; 
		background:#796861;
	}
  
  #side-menu ul li ul li:hover a {color:#d0b875;}
	
	#side-menu ul li a.activemenu ,	#side-menu ul li a.active {background:#d0b875;}
	
	
	/*footer*/
	#footer {
		padding:0 0 150px;
		color:#fff;
		background:#796861;
	}
	
	#footer a {color:#fff;}
	
	#footer-body {
		margin:0px calc(50% - 640px);
		width:1280px;
	}
	
	.footer-body-left {
		margin:25px 0 10px;
		width:calc(100% - 350px);
	}
	
	.footer-body-right {width:350px;}
	
	
	/*flogolink*/
	.flogolink {
		margin:40px calc(50% - 125px) 15px;
		width:250px;
	}
	
	.flogolink ul {
		margin:15px calc(50% - 67.5px) 0;
		width:135px; 
	}
	
	.flogolink ul li {width:35px; margin:0 5px; float:left;}
	
		
	/*footerstore*/
	#footer .store-list {
		margin:15px 15px 15px;
		width:calc(50% - 30px);
	}
	
	#footer .store-list	h3 {
		padding:0 0 15px;
		font-size:1.25em;
		color:#fff;
		border-bottom:1px solid #fff;
	}
	
	.store-info {margin:10px 0;}
	
	.store-info > div {margin:0 0 10px;}
	
	.store-info > div img {
		margin:0 5px 0 0;
		width:30px;
	}
	
	.store-info > div p {width:calc(100% - 35px);}
	
	
	/*copyright*/
	.copyright {
		margin:35px 0 0;
		font-size:0.75em;
	}
	
	.copyright p {
		margin:0;
		text-align:center;
	}
	
	
	/*totop*/
	.totop {
		width:50px;
		height:50px;
		position:fixed !important;
		right:15px;
		bottom:145px; 
		z-index:9999;
	}
	
	.totop a {
		width:100%;
		height:100%;
		background:#796861 url(graphics/totop.png) no-repeat center center;
		background-size:35px;
		border-radius:50%;
		box-shadow:0px 0px 5px rgba(0,0,0,.5);
		float:left;
	}
	
	.totop a:hover {
		background:#d0b875 url(graphics/totop.png) no-repeat center center;
		background-size:35px;
		box-shadow:0px 0px 10px rgba(0,0,0,.5);
	}
	
	
	/*nodrunk*/
	.nodrunk {
		padding:15px calc(50% - 500px) 15px;
		width:1000px;
		background:#000;
		border-top:1px solid #d0b875;
		position:fixed !important;
		right:0px;
		bottom:0px; 
		z-index:9999;
	}


	/*agree policy*/
	.policy {
		padding:20px 20px; 
		width:calc(100% - 40px);
		font-weight:bold; 
		text-align:left;
		border-top:1px solid #d0b875; 		
		background:rgba(64, 40, 30, 0.95);  
		position:fixed; 
		bottom:0; 
		left:0; 
		z-index:9999;  
		display:none;
	}
	
	.policy .policy-exit {
		margin-left:25px;
		padding:3px 0;
		width:100px; 
		color:#fff; 
		text-align:center;
		background:#d0b875; 
		cursor:pointer;  
		display:block; 
		float:right; 
		border-radius:5px;
	}
	
	.policy .policy-exit:hover {background:#796861;}
	
	.policy p {
		width:calc(100% - 125px); 
		color:#fff;
	}
	
	.policy p a {color:#d0b875;}


	/*home*/
	#home .maincontent {
		padding:0px 0 60px;
		margin:60px 0 0; 
		width:100%;
	}	
	
	/*flash box*/
	.nivo-prevNav , .nivo-nextNav {display:none !important;}
	
	#flash-box {}

	.defaultimg {
		width:100%;
		display:none;
	}
	
	#slider {}

	.theme-default {
		width:100%;
		position:relative;
		float:left;
	}
	
	.theme-default .nivoSlider {margin:0 !important;}
	
	.theme-default .nivo-controlNav {
		padding:0 0 8px !important;
		line-height:16px;
		text-align:center;
		position:absolute;
		bottom:10px;
		float:left;
		z-index:99;
	}
	
	.theme-default .nivo-controlNav a {
		margin:0 10px !important;
		width:12px !important;
		height:12px !important;
		background:#f4f4f4 !important;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
		border-radius:50%;
	}
		
	.theme-default .nivo-controlNav a.active {background:#d0b875 !important;}
	
	
	/*home-news*/
	.home-news {margin:30px 0;}
	
	.home-news h1 {margin:15px 0 10px;}

	.home-news .listing-ul {
		margin:0 15px 30px;
		width:calc(25% - 30px)
	}
	
	.home-news .listing-ul li {
		margin:0;
		float:Left;
	}
	
	.home-news .listing-ul li.new  {display:none;}
	
	.home-news .listing-ul li.upc-subject {
		margin:15px 0 10px;
		width:100%;
	}
	
	.home-news .listing-ul li.upc-subject a {
		padding:0px 0;
		width:100%;  
		font-size:1.5em; 
		line-height:140%;
		text-align:center;
		font-weight:bold;
		float:left;
	}
	
	.home-news .listing-ul li.upc-subject a:hover {} 		
		
	.home-news .listing-ul li.upc-date {
		margin:15px 0 0;
		width:50%;
		text-align:left;
	}
	
	.home-news .listing-ul li.upc-more {
		margin:5px 0 0;
		width:50%;
		text-align:center;
	}
	
	.home-news .listing-ul li.upc-more a {
		padding:10px 10px;
		margin:0;
		width:80px; 
		color:#fff; 
		text-align:center; 
		background:#40281e;
		border-radius:5px;
		float:right;    
	}
	
	.home-news .listing-ul li.upc-more a:hover {background:#ff7f00;} 
	
	
	/*home-hotproduct*/
	.home-hotproduct {
		padding:30px calc(50% - 640px) 60px;
		width:1280px;
		background:#796861;
	}
	
	.home-hotproduct h1 {
		margin:15px 0 10px;
		color:#fff;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, .9);
	}
	
	.hotproduct-body {padding:15px 0%;}	
	
	.pre-product , .next-product {
		margin-top:50px;
		width:50px;
		float:left;
		cursor:pointer;
	} 	

	.pre-product a {
		width:100%;
		height:160px;
		color:#fff;
		background:url(graphics/arrow-l.png) no-repeat center center;
		background-size:100%;
		float:left;
	} 
	
	.next-product a {width:100%;
		height:160px;
		color:#fff;
		background:url(graphics/arrow-r.png) no-repeat center center;
		background-size:100%;
		float:left;
	} 


	#product-container {
		width:calc(100% - 100px);
		position:relative; 
		zoom:1; 
	}
	
	#home-products-inner {
		width:100% !important; 
		float:left;
	}
	#home-products-inner ul {}	
		width:100%;
		height:auto;
	}
	
	#home-products-inner li {
		margin:0 15px !important;
		width:calc(25% - 30px);
		height:auto !important;
		text-align:center;
	}
	
	#home-products-inner li {
		width:calc(25% - 20px); 
		margin:0 10px !important; 
		text-align:center; 
		height:auto !important; 
	}
		
	#home-products-inner ul li img {width:100%;}
	
	#home-products-inner ul li a {		
		margin:10px 0 0;
		width:100%;
		font-size:1.25em;
		line-height:140%;
		color:#fff;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, .9);
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	
	/*home-about*/
	.home-about {}
	
	.about-img {width:800px;}
	
	.about-text {
		padding:30px 0 0;
		margin:0 30px;
		width:calc(100% - 860px);	
	}
	
	.about-text h1 {margin:20px 0 5px;}
	
	
	/*home-button*/
	.home-button {
		padding:70px calc(50% - 640px) 50px;
		width:1280px;
		background:#fff;
	}
	
	.home-button ul {}
	
	.home-button ul li {
		margin:0 0px ;
		width:calc(25% - 0px);
		text-align:left;
		float:left;
	}
	
	.home-button ul li a {
		padding:370px 20px 30px;
		width:calc(100% - 40px);
		font-size:1.75em;
		line-height:140%;
		color:#fff;
		font-weight:bold;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
		float:left;
	}
	
	.home-button ul li:hover a {box-shadow:0 2px 6px rgba(0,0,0,.8);}
	
	
	.home-button ul li:first-child a {
		background:url(/images/homebtn1.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button ul li:nth-child(2) a {
		background:url(/images/homebtn2.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button ul li:nth-child(3) a {
		background:url(/images/homebtn3.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button ul li:nth-child(4) a {
		background:url(/images/homebtn4.jpg) no-repeat left top;
		background-size:100%;
	}
	
			
	/*article list*/	
	.listing-title , #news-list-bottom , #news-list-top  {display:none;}
	
	
	#news-list {
		margin:20px calc(50% - 640px);
		width:1280px; 
	}
	
	#postingNotice {
		padding:15px 0px;
		margin:0 calc(50% - 640px);
		width:1280px;
		text-align:center;
	}
	
	#postingNotice ul {margin:0 0 15px;}
	
	#postingNotice ul li {
		margin:0 0;
		width:auto;
		display:inline-block;
	}
	
	#postingNotice ul li a {
		padding:0 15px;
		width:auto;
		font-size:1.25em;
		font-weight:bold;
		color:#796861;
		float:Left;
		border-right:2px solid #796861;
	}
	
	#postingNotice ul li.last-li a {border-right:none;}
	
	#postingNotice ul li a:hover {
		color:#d0b875;
		text-decoration:underline;
	}
	
	#menu-14645 #postingNotice , #menu-14642 #postingNotice {display:none;}
	
	
	.listing-ul {
		margin:0 15px 30px;
		width:calc(25% - 30px)
	}
	
	.listing-ul li {
		margin:0;
		float:Left;
	}
	
	.listing-ul li.new  {display:none;}
	
	.listing-ul li.upc-subject {
		margin:15px 0;
		width:100%;
	}
	
	.listing-ul li.upc-subject a {
		padding:0px 0;
		width:100%;  
		font-size:1.5em; 
		line-height:140%;
		text-align:center;
		font-weight:bold;
		float:left;
	}
	
	.listing-ul li.upc-subject a:hover {} 		
	
	
	.listing-ul li.upc-category {
		margin:20px 0 0;
		width:50%;
	}
	
	.listing-ul li.upc-category div {		
		padding:5px 10px;
		width:auto;
		color:#fff;
		background:#796861;
	}
	
	
	.listing-ul li.upc-date {
		margin:25px 0 0;
		width:50%;
		text-align:right;
	}
	
	
	.go-back , #back-to-list {margin:30px 0 0;}
	
	.go-back a , #back-to-list a {
		padding:10px 10px;
		margin:0 calc(50% - 50px);
		width:80px; 
		color:#fff; 
		text-align:center; 
		background:#40281e;
		border-radius:5px;
		float:left;    
	}
	
	.go-back a:hover , #back-to-list a:hover {background:#ff7f00;} 


	/*article detail*/
	.news-detail {margin:20px 0 0;}
	
	.news-detail .post-title , .news-detail h1 {margin:0 0 15px;}	
	
	.news-detail .post-title div , .news-detail h1 div {display:none;}
	
	.news-detail .post-title p , .news-detail h1 p {margin:0;}
	
	.post-date {
		margin:15px 0;
		text-align:right;
	}
	
	#events-main-picture {text-align:center;}
	
	#gallery-imglist {}
	
	#gallery-imglist .imgbody {
		margin:0 0 5px;
		width:12.5%;
		text-align:Center;
		float:left;
	}
	
	.break-line , .itemnumbertag , .clearboth {display:none;}
	
	#news-content {
		margin:20px calc(50% - 400px);
		width:800px;
	}


	/*product list*/
	#cat-notice {
		padding:30px 30px;
		margin:15px 0 30px;
		width:calc(100% - 60px);
		line-height:1.5em;
		background:rgba(121,104,97,.1);
	}
	
	.cat-brand-images {
		width:150px;
	}
	
	.cat-brand-text {
		margin:0 0 0 30px;
		width:calc(100% - 180px);		
	}

	
	#searchresult {margin:15px 0 0;}
	
	#catalog_display {}
	
	#catalog_display h1 {
		padding:0;
		margin:0 0 15px;
		font-size:1em;
	}
	
	#catalog_display h1 span {margin:0;}
	
	
	.main-cat-list {width:100%;float:left;}
	
	.main-cat-list .catrow , #search .catrow , #catalog_display .catrow {
		padding:0;
		margin:0;
		width:50%;
		float:left;
	}
	
	.main-cat-list .product , #search .product , #catalog_display .catrow .product {
		padding:0;
		margin:0 10px 30px;
		width:calc(50% - 20px) !important;
		min-height:300px;
		float:left;
	}
	
	.main-cat-list .product img , .cat-list .product img  , #search .product img , #catalog_display .catrow .product img , #main_picture img {
		width:100% !important;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.main-cat-list .product div , .main-cat-list .product div , .main-cat-list .product .title a ,
	.cat-list .product div , .cat-list .product div , .cat-list .product .title a , #catalog_display .catrow .product .title a {text-align:Center;}
		
	.main-cat-list .product .description , #search .product .description , #catalog_display .catrow .product .description {
		margin:0 !important;
	}
	
	.main-cat-list .product .title a {
		margin:5px 0;
		width:100%;
		font-size:1.5em;
		line-height:140%;
		color:#40281e;
		font-weight:bold;
		float:Left;
	}
	
	.main-cat-list .product:hover .title a , .cat-list .product:hover .title a {color:#ff7f00;}
		
	.More_product {
		margin:15px 0;
		text-align:right;
	}
	
	.category-list {margin:10px 0 20px;}
	
	
	.cat-list {width:100%;float:left;}
	
	.cat-list h1 , .cat-list .itemnumbertag , #detail_spec h2 {display:none;}
	
	.cat-list .product {
		padding:0;
		margin:0 10px 30px;
		width:calc(25% - 20px) !important;
		min-height:380px;
	}
	
	.cat-list .product .description {
		margin:0 !important;
	}
	
	.cat-list .product .title a , #search .product .title a , #catalog_display .catrow .product .title a {
		margin:5px 0;
		width:100%;
		font-size:1.25em;
		line-height:140%;
		color:#40281e;
		font-weight:bold;
		text-align:center;
		float:Left;
	}
	
	
	.single-cat .catrow .productimage {display:none;}
	
	.single-cat .catrow .title a {
		padding:15px 0;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.single-cat .catrow .title:hover a {
		color:#ff7f00 !important;
		box-shadow:0 2px 6px rgba(121,104,97,.3);
	}
	
	
	/*product detail*/
	#catalog_detail {width:100%;}
	
	#main_picture {
		margin:0 20px 0 0;
		width:330px;
		min-height:400px;
	}
	
	#extra-picture , #caption {display:None;}
	
	#main_info {
		width:calc(100% - 350px);
		font-size:1.75em;
		font-weight:bold;
		line-height:140%;
		color:#ff7f00;
		float:right;
	}
	
	#main_info span {
		margin:0 0 15px;
		width:100%;
		text-align:left;
		float:left;
	}
		
	
	.prod_exfield {
		margin:0 0 15px;
		width:calc(100% - 350px);
		font-size:1.25em;
		float:right;	
	}
	
	.prod_exfield span {
		margin:0 15px 0 0;
		color:#796861;
		font-weight:bold;
	}
	
		
	.detail_briefdesc {
		margin:0 0 15px;
		width:calc(100% - 350px);
		float:right;
	}	
	
	#detail_other {
		margin:0 0 15px;
		width:calc(100% - 350px);
		float:right;
	}
	
	#detail_other h2 {display:none;}
	
	#detail_spec {		
		margin:0 0 15px;
		width:calc(100% - 350px);
		float:right;
	}
	
		
	/*About*/
	.about-left , .about-right{margin:0 0 30px;}
		
	.about-image {width:500px;}
	
	.about-info {
		margin:0 0 0 30px;
		width:calc(100% - 530px);
	}
	
	.about-right .about-image {float:right;}
	
	.about-right .about-info {margin:0 30px 0 0;}
	
	
	/*qa-list*/
	.qa-list {}
	
	dl {
		padding:0;
		margin:0;
		width:100%;
		float:left;
	}
	
	dt {
		padding:0;
		margin:0 0 15px;
		width:100%;
		background:#d0b875;
		float:left;
	}
	
	dt a {
		margin:5px 15px 10px;
		width:calc(100% - 30px);
		font-size:1.75em;
		line-height:140%;
		color:#fff;
		font-weight:bold;
		float:left;
	}
	
	dt a:hover {color:#fff;}
	
	dd {
		padding:0;
		margin:0 0 15px;
		width:100%;
		float:left;
		display:none;
	}
	
	
	/*store-list*/
	.store-list {
		margin:15px 15px;
		width:calc(50% - 30px);
	}

	
	
	
	
	
	
	
	
	
	/*1279*/
	@media screen and (max-width:1279px){	

	/*header*/
	#header {position:relative;}
	
	#header-body {
		margin:15px 15px;
		width:calc(100% - 30px);
	}	

	
	/*logolink*/
	.logolink {
		margin:40px calc(50% - 110px) 0;
	}
	
	
	/*mainmenu*/
	#mainmenu {
		margin:0px 0 0;
		width:100%; 
	}
	
	
	/*search-box*/
	.searchlink {
		padding:7.5px;
		margin:0px 0;
		width:35px;
		background:#fff;
		border-radius:50%;		
		box-shadow:0px 0px 5px rgba(0,0,0,.5);
		position:fixed;
		bottom:210px;
		right:15px;
		z-index:9999;
	}	
			
	.searchlink:hover {
		background:#d0b875;
		box-shadow:0px 0px 10px rgba(0,0,0,.5);
	}
	
	
	/*maincontent*/
	.maincontent {
		padding:15px 15px 60px;
		margin:0px 0 0; 
		width:calc(100% - 30px);
	}		
	
		
	/*mainside*/
	#mainside {
		margin:0px 30px 0 0;
		width:220px;
	}	
	
	
	/*maincontent-body*/
	.maincontent-body {margin:0px 0 20px;}
	
	#menu-14640 .maincontent-body {
		margin:0px 0 0;
		width:calc(100% - 250px);
	}	
	
	#menu-14649 .maincontent-body {
		margin:0px 0 0;
		width:calc(100% - 250px);
	}	
	
		
	/*footer*/
	#footer {padding:0 0 140px;}
	
	
	#footer-body {
		margin:0px 15px;
		width:calc(100% - 30px);
	}
		
	.footer-body-left {width:calc(100% - 300px);}
	
	.footer-body-right {width:300px;}		
			

	/*home*/
	#home .maincontent {
		padding:0px 0 0px;
		margin:0px 0 0; 
	}	
	
	/*home-news*/
	.home-news {
		margin:15px 15px;
		width:calc(100% - 30px);
		
	}
	
	.home-news .listing-ul li.upc-date {
		margin:5px 0 0;
		width:100%;
		text-align:center;
	}
	
	.home-news .listing-ul li.upc-more {
		margin:10px 0 0;
		width:100%;
	}
	
	.home-news .listing-ul li.upc-more a {margin:0 calc(50% - 50px);}
		
		
	/*home-hotproduct*/
	.home-hotproduct {
		padding:10px 15px 30px;
		width:calc(100% - 30px);
	}
	
	
	/*home-about*/
	.about-img {display:none;}
	
	.about-text {
		padding:5px 15px 15px;
		margin:0 10%;
		width:calc(80% - 30px);
	}	
	
	
	/*home-button*/
	.home-button {
		padding:30px 15px 30px;
		margin:0 10%;
		width:calc(80% - 30px);
	}
	
	.home-button ul li:first-child a {
		background:url(/images/homebtn1.jpg) no-repeat left top;
		background-size: auto 100%;
	}
	
	.home-button ul li:nth-child(2) a {
		background:url(/images/homebtn2.jpg) no-repeat left top;
		background-size: auto 100%;
	}
	
	.home-button ul li:nth-child(3) a {
		background:url(/images/homebtn3.jpg) no-repeat left top;
		background-size: auto 100%;
	}
	
	.home-button ul li:nth-child(4) a {
		background:url(/images/homebtn4.jpg) no-repeat left top;
		background-size: auto 100%;
	}
	
				
	/*article list*/	
	#news-list {
		margin:0px 0px;
		width:100%;
	}
	
	#postingNotice {
		margin:0;
		width:100%;
	}
	
	.listing-ul li.upc-category {
		margin:15px 0 0;
		width:100%;
	}
	
	.listing-ul li.upc-category div {		
		padding:5px 10px 8px;
		margin:0 calc(50% - 80px);
		width:140px;
		text-align:center;
	}
	
	.listing-ul li.upc-date {
		margin:10px 0 0;
		width:100%;
		text-align:center;
	}
	
	
	/*article detail*/
	#news-content {
		margin:0px 0;
		width:100%;
	}
	
	
	/*product list*/	
	#cat-notice {
		padding:15px 15px;
		margin:15px 0 30px;
		width:calc(100% - 30px);
	}
	
	.cat-brand-images {
		margin:0 calc(50% - 100px) 15px;
		width:200px;
	}
	
	.cat-brand-text {
		margin:0 0;
		width:100%;		
	}

	
	.main-cat-list .product , #search .product , #catalog_display .catrow .product  {min-height:230px;}
		
	
	/*mm-menu*/
	.mm-page {
		width:100%;
		float:left;
	}
	
	.nav-header {
		padding:0 !important;
		background:#fff !important;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
		z-index:9999 !important;
	}
	
	#hamburger:before, #hamburger:after, #hamburger span {background:#40281e  !important;}
	
	#hamburger {top:2px !important;margin:0 0 0 8px !important;}
	

}

	
	
	
	
	
	
	
	
	
	/*1000*/
	@media screen and (max-width:1000px){	

	/*mainside*/
	#mainside {display:none;}	
	
	
	/*maincontent-body*/
	#menu-14640 .maincontent-body {width:100%;}	
	
	
	/*footer*/
	#footer {padding:0 0 150px;}
			
	.footer-body-left {width:100%;}
	
	.footer-body-right {width:100%;}		
	
	
	/*flogolink*/
	.flogolink {margin:0px calc(50% - 125px);}
	
	.flogolink p {display:none;}
	
	.flogolink ul {margin:0px calc(50% - 67.5px);}


	/*copyright*/
	.copyright {margin:20px 0 0;}
				
	
	/*nodrunk*/
	.nodrunk {
		padding:15px;
		width:calc(100% - 30px);
	}
	
	
	/*home-hotproduct*/
	.pre-product , .next-product {
		margin-top:70px;
		width:30px;
	} 	

	.pre-product a {
		height:96px;
		color:#fff;
		background:url(graphics/arrow-l.png) no-repeat center center;
		background-size:100%;
	} 
	
	.next-product a {width:100%;
		height:96px;
		background:url(graphics/arrow-r.png) no-repeat center center;
		background-size:100%;
	} 
	
	#product-container {width:calc(100% - 60px);}
	
			
	/*home-button*/
	.home-button {
		margin:0 0%;
		width:calc(100% - 30px);
	}
	
	.home-button ul li {width:calc(50% - 0px);}	
	
	.home-button ul li a {padding:300px 20px 30px;}
	
	.home-button ul li:first-child a {
		background:url(/images/homebtn1.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button ul li:nth-child(2) a {
		background:url(/images/homebtn2.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button ul li:nth-child(3) a {
		background:url(/images/homebtn3.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button ul li:nth-child(4) a {
		background:url(/images/homebtn4.jpg) no-repeat left top;
		background-size:100%;
	}

	
	/*About*/
	.about-left , .about-right {margin:0 0 40px;}
		
	.about-image {width:480px;}
	
	.about-info {
		margin:0 0 0 20px;
		width:calc(100% - 500px);
	}
		
	.about-right .about-info {margin:0 20px 0 0;}
	
		
	
}

	
	
	
	
	
	
	
	
	
	/*800*/
	@media screen and (max-width:799px){	
	
	/*title*/
	h1, .posting-title , .post-title , 	#catalog_display h1 span , 
	.emailtitle , #menu-name , .reg-search-title , 
	.search_criteria-title {
		margin:10px 0 10px;
		font-size:2em;
		line-height:150%;
	}
	
	h2 , #search h1 {
		margin:5px 0 10px;
		font-size:1.5em;
		line-height:140%;
	}
	
	h3 , #search h2 {
		margin:5px 0;
		font-size:1.25em;
		line-height:140%;
	}
	
	h4 {
		margin:5px 0;
		font-size:1.12em;
		line-height:130%;
	}
	
	h5 {
		padding:0 0 15px;
		margin:10px 0 0;
		font-size:1.12em;
		line-height:130%;
	}
	
	/*maincontent*/
	.maincontent {padding:15px 15px 15px;}	
	
	
	/*footer*/
	#footer {padding:0 0 130px;}
	
	/*search-box*/
	.searchlink {bottom:190px;}	
	
			
	/*totop*/
	.totop {bottom:125px;}


	/*flash box*/
	.theme-default .nivo-controlNav {display:none;}
	
	
	/*home-news*/
	.home-news .listing-ul {width:calc(50% - 30px)}
	

	/*home-hotproduct*/
	.pre-product , .next-product {display:none;} 	
	
	#product-container {width:100%;}
	
	#home-products-inner li {
		margin:0 10px !important;
		width:calc(50% - 20px);
		height:auto !important;
	}
	
	
	/*article list*/
	.listing-ul {width:calc(50% - 30px);}
	
	#postingNotice {padding:5px 0px;}
	
	#postingNotice ul li a {font-size:1.12em;}
	

	/*product list*/	
	.main-cat-list .catrow , #search .catrow , #catalog_display .catrow {width:100%;}
	
	.cat-list .product {width:calc(50% - 20px) !important;}
	
		
	/*product detail*/
	#catalog_detail {padding:0 0 15px;}
	
	#main_picture {
		margin:0 calc(50% - 200px) 15px;
		width:400px;
		min-height:auto;
	}
	
	#main_info {
		width:100%;
		font-size:1.5em;
	}
	
	#main_info span {text-align:center;}
	
	.prod_exfield {
		margin:0 0 15px;
		width:100%;	
	}
	
	.detail_briefdesc {
		margin:0 0 15px;
		width:100%;
	}	
	
	#detail_other {
		margin:0 0 15px;
		width:100%;
	}
	
	#detail_spec {		
		margin:0 0 15px;
		width:100%;
	}
	
			
	/*About*/
	.about-left , .about-right {margin:0 0 40px;}
		
	.about-image {width:100%;}
	
	.about-info{
		margin:0 0;
		width:100%;
	}
		
	.about-right .about-info {margin:0;}
	
	
	/*qa-list*/	
	dt a {font-size:1.5em;}


}

	
	
	
	
	
	
	
	
	
	/*600*/
	@media screen and (max-width:599px){

	/*logolink*/
	.logolink {
		width:200px;
		margin:45px calc(50% - 100px) 0;
	}
		

	/*footer*/
	#footer {padding:0 0 110px;}
	
	
	/*search-box*/
	.searchlink {
		padding:5px;
		width:30px;
		bottom:160px;
	}	
	
	
	/*totop*/
	.totop {
		width:40px;
		height:40px;
		bottom:105px; 
	}
	
	.totop a {
		background:#796861 url(graphics/totop.png) no-repeat center center;
		background-size:30px;
	}
	
	
	/*footerstore*/
	#footer .store-list {
		margin:15px 0;
		width:100%;
	}
	
		
	/*home-news*/
	.home-news .listing-ul {
		margin:0 calc(50% - 200px) 30px;
		width:400px;
	}
	
	
	/*home-hotproduct*/	
	#home-products-inner li {
		margin:0 0px !important;
		width:calc(100% - 0px);
		height:auto !important;
	}
	
	
	/*homeabout*/
	.about-img {display:none;}
	
	.about-text {
		padding:5px 15px 15px;
		margin:0 0%;
		width:calc(100% - 30px);
	}	
	
	
	/*home-button*/
	.home-button {
		margin:0 0%;
		width:calc(100% - 30px);
	}
	
	.home-button ul li {width:calc(100% - 0px);}	
	
	.home-button ul li a {padding:200px 20px 30px;}
	
	
	/*article list*/
	.listing-ul {
		margin:0 calc(50% - 200px) 30px;
		width:400px;
	}
	
	
	/*product list*/
	.main-cat-list .product , #search .product , .cat-list .product , #catalog_display .catrow .product {
		margin:0 calc(50% - 200px) 30px;
		width:400px !important;
		min-height:auto;
	}
	
	
	/*store-list*/
	.store-list {
		margin:15px 0;
		width:100%;
	}
	
	
	

}

	
	
	
	
	
	
	
	
	
	/*440*/
	@media screen and (max-width:440px){


	/*footer*/
	#footer {padding:0 0 100px;}
	
	
	/*search-box*/
	.searchlink {bottom:140px;}	
	
		
	/*totop*/
	.totop {bottom:85px;}
	
	
	/*home-news*/
	.home-news .listing-ul {
		margin:0 0 30px;
		width:100%;
	}
	
	
	/*home-button*/	
	.home-button ul li a {padding:150px 20px 30px;}
	
		
	/*article list*/
	.listing-ul {
		margin:0 0 30px;
		width:100%;
	}
		
	
	/*product list*/
	.main-cat-list .product , #search .product , .cat-list .product , #catalog_display .catrow .product {
		margin:0 0 30px;
		width:100% !important;
	}
	
	/*product detail*/
	#main_picture {
		margin:0 0 15px;
		width:100%;
	}
	
	
}

	
	
	
	
	
	
	
	
	
	/*320*/
	@media screen and (max-width:320px){


	/*footer*/
	#footer {padding:0 0 80px;}
	
	
	/*search-box*/
	.searchlink {bottom:130px;}	
	
		
	/*totop*/
	.totop {bottom:75px;}
	

}