/*******wuyu*********************************************************************/

	/*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: 140%;
		color:#5e5e5e; 
		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 , #catalog_display h1 span , 
	.emailtitle , #menu-name {
		margin:10px 0 15px;
		width:100%;
		font-size:2.5em;
		line-height:150%;
		color:#0b3e75;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	#menu-name b , #general-content h1 span , .home-news h1 span , .home-about h1 span , .newpro h1 span {
		margin:5px 0 5px;
		width:100%;
		line-height:100%;
		font-size:0.5em;		
		color:#eebd54;
		text-align:center;
		float:left;
	}
	
	h2 , #search h1 , .post-title {
		margin:5px 0 10px;
		width:100%;
		font-size:1.75em;
		line-height:140%;
		color:#013f66;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	h3 , #search h2 {
		margin:5px 0;
		width:100%;
		font-size:1.5em;
		line-height:140%;
		color:#7da0be;
		font-weight:bold;
		float:left;
	}
	
	h4 {
		margin:5px 0;
		width:100%;
		font-size:1.25em;
		line-height:130%;
		color:#5e5e5e;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	h5 {
		margin:10px 0 5px;
		width:100%;
		font-size:1.12em;
		line-height:130%;
		color:#0b3e75;
		font-weight:bold;
		float:left;
	}
		

	/*link*/
	a {
		color: #0b3e75;
		-webkit-transition: color .5s, 
		background .5s;
		transition: color .5s, 
		background .5s;
		cursor:pointer;
	}
	
	a:hover {color:#7da0be;}
	
	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 , #news-content ul , dd ul , #detail_spec ul , .home-about ul {margin:5px 0;}		
		
	#general-content-main ul li , #news-content ul li , dd ul li , #detail_spec ul li , .home-about ul li {
		padding:0 0 5px 25px; 
		margin:0 0 5px; 
		width:calc(100% - 25px); 
		background: url(graphics/li.png) no-repeat left top 2px; 
		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 2px;
		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 ,
	.news-image img , .business-image img {
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	
	/*input*/
	input, textarea {
		padding:8px 5px; 
		border:1px solid #0b3e75; 
		border-radius:10px;
		float:left; 
	}
	
	input[type="submit"] , input[type="button"] {
		width:calc(100% - 0px); 
		color:#fff; 
		background: #0b3e75;
		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:#7da0be; 		
		border:1px solid #7da0be; 
	}
	
	input[type="text"] , input[type="textbox"] , input[type="password"] , 
	input[type="email"] , textarea  {
		width:calc(100% - 10px); 
		color:#0b3e75;	
		border:1px solid #0b3e75;  
		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:#0b3e75;   
		border:1px solid #0b3e75;
		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;
		background:#0b3e75;
		border-radius:10px;
	}
	
	.pageselection li.activepage a {color:#fff;}
	
	.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:#5e5e5e; 
  	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: #0b3e75;
		border:2px solid #0b3e75;
		border-radius:10px;
		float:left;
	}
	
	#LightBox1.box_content ul li a:hover {
		background:#7da0be;
		border:2px solid #7da0be;
	}

	#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 #0b3e75;
		position:fixed; 
		top:0; 
		z-index:100;
	}
	
	#header-body {
		margin:10px calc(50% - 640px);
		width:1280px;
	}
	
	
	/*logolink*/
	.logolink {
		width:145px;
		z-index:99;
	}
	
	.logolink img {
		width:130px;
		height:auto;
	}
	
	
	/*top-menu*/
	.top-menu {width:calc(100% - 190px);}	
	
	.top-menu img {
	 	margin:0 5px 0 0;
		width:25px;
	}
	
	
	/*member-icon*/
	#member-icon {
		margin:12px 0 0;
		width:calc(100% - 165px);
		text-align:right;
	}

	#member-icon > div {
		margin:0 15px;
		width:auto;
		display:inline-block;
		float:none;
	}
	
	#member-icon a {
		margin:0 0  0 15px;
		width:auto;
		display:inline-block;
	}
	
	#member-icon img {
		position:relative;
		top:-2px;
	}
	
	
	/*cart-content*/
	#cart-content {position:relative;}
	
	#member-icon #cart-content img {top:2px;}
		
	#cart-content a span {
		padding:0px 5px;
		font-size:0.75em;
		color:#fff;
		background:#0b3e75;
		border-radius:5px;
		position:absolute;
		top:-5px;
		right:-2px;
	}
	
	#cart-content:hover a span {background:#7da0be;}
	

	/*search-box*/
	.searchlink {
		margin:0px 0 0px 15px;
		width:150px;
	}	  
	
	.search-box {
		margin:5px 0 15px;
		width:calc(100% - 4px);
		color:#5e5e5e;
		border:2px solid #0b3e75;
		border-radius:5px;
		background:rgba(255,255,255,1);
	}
	
	.search-box input.textbox {
		padding:5px 5px 5px;
		width:calc(100% - 40px);
		color:#003151;
		border:none;
		border-radius:5px 0 0 5px;
		background:#fff;
	}
	
	.search-box input[type="submit"] {
		padding:5px 0px;
		width:30px;
		color:#fff;
		border:none;
		background: url(graphics/search.png) center center no-repeat;
		background-size:25px;
		border-radius:0;
		box-shadow:none;
	}
	
	.search-box input::-webkit-input-placeholder {color:#5e5e5e;}
	

	/*mainmenu*/
	#mainmenu {
		margin:20px 0 0;
		width:calc(100% - 190px);
		float:left;
		position: relative;
	}
	
	#mainmenu ul {
		width:100%;
		text-align:right;
		float:right;
	}	
	
	#mainmenu ul li {
		margin:0 10px;
		display:inline-block;	
	}
	
	#mainmenu ul li:last-child {margin:0 0 0 10px;}
		
	#mainmenu ul li a {
		padding:10px 15px;
		height:22px;
		font-weight:900;
		color:#5e5e5e;
		text-align:center;
		text-decoration:none;
		background: url(graphics/menu-h-w.png) left bottom repeat-x;	
		border-bottom:5px solid #fff;	
		float:left;
		position: relative; 
		overflow:hidden;
	}
	
	#mainmenu ul li a span {
		width:100%;
		float:Left;
	}
	
	#mainmenu ul li a span b {display:none;}
	
	#mainmenu ul li:hover a {		
		color:#0b3e75;
		border-bottom:5px solid #0b3e75;
		overflow:hidden;
	}
	
	#mainmenu ul li:hover a span {margin-top:-30px;}
	
	#mainmenu ul li:hover a span b {
		margin-top:10px;
		display:block !important;
	}	
		

	#mainmenu ul li a.active , #mainmenu ul li a.activemenu {
		color:#0b3e75;
		border-bottom:5px solid #0b3e75;
	}
	
	#mainmenu ul li ul li a.activemenu {
		color:#fff;
		border:none;		
  	background:#e5eef3;
	}
	
	.mainstart , .mainend {display:none !important;}


	
	/*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: #fff;
  	display: block; 
  }

 	#mainmenu ul li ul li {
 		padding:0px 0px;
 		margin:0px 0;
 		width:20%;
 		text-align:center;
 		float:left;
 	}
   
  #mainmenu ul li:last-child ul li , #mainmenu ul li ul li:last-child , #mainmenu ul li:last-child ul li:last-child {margin:0 0px;}
  
  #mainmenu ul li ul li a {
  	padding:15px 10px;
  	margin-top:0px;
  	width:calc(100% - 20px);
		height:auto;
		font-weight:400;
  	color:#0b3e75;
  	text-align:center;
  	border-bottom:none;
  	overflow:visible;
  	background:none;
  }

	#mainmenu ul > li ul li:hover a , #mainmenu ul > li:hover ul li a span , #mainmenu ul > li ul li:hover a span {
		margin-top:0px;
		color:#0b3e75;
	}
	
	#mainmenu ul li:hover ul li a , #mainmenu ul li ul li:hover a , 
	#mainmenu ul li ul li a.activemenu , #mainmenu ul li a.activemenu ul li {border-bottom:none;}
  
  #mainmenu ul li ul li:hover a {background:#f1f1f1;}
    
  #mainmenu ul li ul li:hover a {color:#fff;}
  
  #mainmenu ul li ul li ul , #mainmenu ul li ul li:hover > ul {display:none;}
 
	#mainmenu ul li  ul li a span b {
		margin:0;
		font-size:0.75em;
		color:#eebd54;
	}
	

	/*maincontent*/
	.maincontent {
		padding:0px calc(50% - 640px) 60px;
		margin:0px 0 0; 
		width:1280px;
	}	
	
	
	/*mainside*/
	#mainside {
		width:220px;
		margin:25px 30px 0 0;
	}	
	
	#menu-14806 #mainside {display:none;}	
	
	
	/*maincontent-body*/
	.maincontent-body {
		margin:25px 0 0;
		min-height:65vh; 
		text-align:justify;
	}
	
	#menu-14787 .maincontent-body , #menu-14811 .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;}
	

	/*menu-name*/
	#menu-name {		
		width:100%;
		text-align:center; 
	}	
	
	
	/*side-menu*/
	#side-menu {margin:35px 0;}
	
	#side-menu ul {background:#0b3e75;}
	
	#side-menu ul li {
		margin:0;
		width:100%;
		float:left;
	}
	
	#side-menu ul li a {
		padding:20px 15px;
		width:calc(100% - 30px);
		font-weight:900;
		color:#fff;
		background:#0b3e75;
		border-bottom:1px solid #fff;
		float:left;
	}
	
	#side-menu ul li a b {
		margin:0 0 0 15px;
		font-size:0.75em;		
	}
	
	#side-menu ul li a:hover {
		text-decoration:none;
		background:#eebd54;
	}
	
	#side-menu ul li ul {display:none;}
	
	#side-menu ul li ul li a {
		padding:5px 25px;
		width:calc(100% - 50px);  
		color:#fff; 
		background:#0b3e75;
	}
  
  #side-menu ul li ul li:hover a {color:#eebd54;}
	
	#side-menu ul li a.activemenu ,	#side-menu ul li a.active {background:#eebd54;}
	
	
	/*footer-box*/
	.footer-box {}
	
	.footer-box ul {}
	
	.footer-box ul li {
		margin:0 0;
		width:50%;
		font-size:1.75em;		
		font-weight:900;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, .9); 
		text-align:center;		
		float:left;
	}
	
	.footer-box ul li:first-child {
		background: url(graphics/select.jpg) no-repeat center top;
		background-size:100%;	
	}
	
	.footer-box ul li:last-child {
		background: url(graphics/contact.jpg) no-repeat center center;
		background-size:100%;	
	}
	
	.footer-box ul li:hover {opacity: .8;}
	
		
	.footer-box ul li a {
		padding:50px 0;
		width:100%;
		color:#fff;
		float:left;
	}
	
	.footer-box ul li span {
		margin:10px 0;
		width:100%;
		font-size:0.8em;		
		color:#eebd54;
		text-align:center;
		float:left;
	}
	
	
	/*footer*/
	#footer {
		padding:0 0 10px;
		color:#5e5e5e;
		background:#fff;
	}
	
	#footer a , #footer h3 {color:#5e5e5e;}
	
	#footer-body {
		margin:0px calc(50% - 640px);
		width:1280px;
	}
	
	.footer-body-left {
		margin:25px 0 10px;
		width:calc(100% - 630px);
	}
	
	.footer-body-center {
		margin:25px 10px;
		width:400px;
	}
	
	.footer-body-right {width:200px;}
	
	
	/*footer-body-left*/
	.slogolink {
		margin:0px 20px 0 0;
		width:130px;
	}
			
		
	/*footerstore*/
	.store-info {
		margin:0px 0;
		width:calc(100% - 150px);
	}
	
	.store-info > div {margin:5px 0 10px;}
	
	.store-info > div img {
		margin:0 5px 0 0;
		width:30px;
	}
	
	.store-info > div p {width:calc(100% - 35px);}
	
	
	/*bottom-menu*/
	#bottom-menu {}
	
	#bottom-menu ul {}
	
	#bottom-menu ul li {margin:0 0 10px;}
	
	#bottom-menu ul li#admin14806 , #bottom-menu ul li#admin14811 {display:None;}
	
	
	/*flogolink*/	
	.flogolink {
		margin:25px 0 0;
		width:160px;
	}
	
	.flogolink ul {
		margin:15px calc(50% - 90px) 0;
		width:180px; 
	}
	
	.flogolink ul li {
		margin:0 5px;
		width:35px;  
		float:left;
	}


	/*copyright*/
	.copyright {
		margin:5px 0 0;
		font-size:0.75em;
		color:#5e5e5e;
	}
	
	.copyright p {
		margin:0;
		text-align:center;
	}
	
	#footer .copyright a {color:#0b3e75;}
	
	
	/*totop*/
	.totop {
		width:50px;
		height:50px;
		position:fixed !important;
		right:15px;
		bottom:70px; 
		z-index:9999;
	}
	
	.totop a {
		width:100%;
		height:100%;
		background:#0b3e75 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:#7da0be url(graphics/totop.png) no-repeat center center;
		background-size:35px;
	}
		
	
	/*agree policy*/
	.policy {
		padding:20px 20px; 
		width:calc(100% - 40px);
		font-weight:bold; 
		text-align:left;
		border-top:1px solid #0b3e75; 		
		background:#f0f0f0;  
		position:fixed; 
		bottom:0; 
		left:0; 
		z-index:99999;  
		display:none;
	}
	
	.policy .policy-exit {
		margin-left:25px;
		padding:3px 0;
		width:100px; 
		color:#fff; 
		text-align:center;
		background:#eebd54; 
		cursor:pointer;  
		display:block; 
		float:right; 
		border-radius:5px;
	}
	
	.policy .policy-exit:hover {background:#e88325;}
	
	.policy p {
		width:calc(100% - 125px); 
		color:#5e5e5e;
	}
	
	.policy p a {color:#eebd54;}


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

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

	.theme-default {
		width:100%;
		position:absolute;
		top:0;
		left:0;
		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;
		/*display:none;*/
	}
	
	.theme-default .nivo-controlNav a {
		margin:0 10px !important;
		width:12px !important;
		height:12px !important;
		background:#0b3e75 !important;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
		border-radius:50%;
	}
		
	.theme-default .nivo-controlNav a.active {background:#eebd54 !important;}
	
	/*home-solgan*/
	.home-solgan {
		padding:15px;
		width:calc(100% - 30px);
		background:#f1f1f1;
	}
	
	.home-solgan h2 {color:#0b3e75;}
	
	.home-solgan h2 span {
		width:100%;
		color:#eebd54;
		float:left;
	}
	
	
	/*home-button-list*/
	.home-button-list {
		padding:30px calc(50% - 640px) 15px;
		width:1280px;
		background:#fff;
	}
	
	.home-button-list ul {}
	
	.home-button-list ul li {
		margin:0 10px ;
		width:calc(25% - 20px);
		text-align:left;
		float:left;
	}
	
	.home-button-list ul li a {
		padding:45px 20px 45px;
		width:calc(100% - 40px);
		font-size:1.75em;
		line-height:140%;
		color:#fff;
		font-weight:bold;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, .9);
		box-shadow:0 2px 6px rgba(0,0,0,.6);
		float:left;
	}
	
	.home-button-list ul li a span {
		width:100%;
		font-size:0.75em;
		float:left;
	}
	
	.home-button-list ul li:hover a {opacity: .8;}
	
	
	.home-button-list ul li:first-child a {
		background:url(/images/homebtn1.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button-list ul li:nth-child(2) a {
		background:url(/images/homebtn2.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button-list ul li:nth-child(3) a {
		background:url(/images/homebtn3.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button-list ul li:nth-child(4) a {
		background:url(/images/homebtn4.jpg) no-repeat left top;
		background-size:100%;
	}
	
			
	/*home-news*/
	.home-news {margin:15px 0 0px;}
	
	.home-news h1 {margin:15px 0 30px;}
			
	.home-news .listing-ul li.upc-more {
		margin:5px 0 15px;
		display:block;
	}
		
	
	/*newpro*/
	.newpro {
		padding:15px calc(50% - 640px) 30px;
		width:1280px;
		background:#fff;
	}
	
	.newpro h1 {
		margin:15px 0 10px;
		/*color:#fff;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, .9);*/
	}
	
	.newpro-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:#5e5e5e;
		background:url(graphics/arrow-l.png) no-repeat center center;
		background-size:100%;
		float:left;
	} 
	
	.next-product a {width:100%;
		height:160px;
		color:#5e5e5e;
		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%;
		color:#5e5e5e;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	
	#home-products-inner .item-name-content {color:#5e5e5e;}
	
	
	#index-product-more {margin:30px 0 0;}
	
	#index-product-more a {
		padding:5px 5px 6px;
		margin:0 calc(50% - 50px); 
		width:88px; 
		color:#0b3e75; 
		text-align:center;
		background: #fff;
		border:1px solid #0b3e75; 
		border-radius:10px;
		float:left;
		cursor: pointer;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	#index-product-more a:hover {
		color:#7da0be;
		background:#fff; 
		border:1px solid #7da0be;
	}
	
	
	/*home-about*/
	.home-about {
		padding:30px calc(50% - 640px) 45px;
		width:1280px;
		background:linear-gradient(to top, #fff , #f1f1f1);
	}
	
	
	/*article list*/	
	.listing-title , #news-list-bottom , #news-list-top , 
	#menu-14788 .listing-title li.listing-picture , #menu-14788 .listing-title li.listing-subject , 
	#menu-14788 .listing-title li.listing-date , #menu-14788 .listing-title li.listing-brief , 
	#menu-14822 .listing-title li.listing-picture , #menu-14822 .listing-title li.listing-subject , 
	#menu-14822 .listing-title li.listing-date , #menu-14822 .listing-title li.listing-brief {display:none;}
	
	.pspectable {
		margin:30px 0;
		color:#0b3e75;
		font-weight:900;
		text-align:center;
	}
	
	
	#news-list {
		margin:0px calc(50% - 640px);
		width:1280px;
	}
	
	#postingNotice {
		padding:0px 0px;
		margin:0 calc(50% - 640px);
		width:1280px;
		/*text-align:center;*/
		display:none;
	}

	#menu-14798 #postingNotice , #menu-14788 #postingNotice , #menu-14802 #postingNotice , #menu-14788 .listing-title , #menu-14822 .listing-title {display:block;}
	
	.listing-title {margin:30px 0px;}
	
	.listing-title select {
		margin:0 10px;
		width:288px;
	}
	
	
	.listing-ul {
		margin:0 15px 30px;
		width:calc(25% - 30px);
		border-radius:10px;
	}
	
	.listing-ul:hover {background:rgba(2, 86, 140, .1);}
	
	.listing-ul li {
		padding:0 10px;
		margin:0;
		width:calc(100% - 20px);
		text-align:center;
		float:Left;
	}
	
	.listing-ul li.upc-picture {
		padding:0 0px;
		width:100%;
	}
	
	.listing-ul li.new  {display:none;}
	
	.listing-ul li.upc-subject {margin:10px 0;}
	
	.listing-ul li.upc-subject a {
		padding:0px 0;
		width:100%;  
		font-size:1.5em; 
		line-height:140%;
		font-weight:bold;
		float:left;
	}
	
	.listing-ul li.upc-subject a:hover {} 		
	
	
	.listing-ul li.upc-category {margin:10px 0 0;}
	
	.listing-ul li.upc-category div {color:#7da0be;}
		
	.listing-ul li.upc-date {}
	
	.listing-ul li.upc-brief {margin:15px 0;}
	
	.listing-ul li.upc-brief a {color:#5e5e5e;}
	
	.listing-ul li.upc-more	{display:none;}
	
	
	.go-back , #back-to-list {margin:30px 0 0;}
	
	.listing-ul li.upc-more a , .go-back a , #back-to-list a {
		padding:5px 5px 6px;
		margin:0 calc(50% - 50px); 
		width:88px; 
		color:#0b3e75; 
		text-align:center;
		background: #fff;
		border:1px solid #0b3e75; 
		border-radius:10px;
		float:left;
		cursor: pointer;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.listing-ul li.upc-more a:hover , .go-back a:hover , #back-to-list a:hover {
		color:#7da0be;
		background:#fff; 
		border:1px solid #7da0be;
	}


	/*article detail*/
	.news-detail {margin:0px 0 0;}
	
	.news-detail .post-title , .news-detail h1 {margin:0 0 15px;}	
	
	#news-content-top , .news-detail .post-title div , .news-detail h1 div {display:none;}
			
	#news-content {
		margin:0px calc(50% - 400px);
		width:800px;
	}
	
	
	.news-detail .post-title p , .news-detail h1 p {margin:0;}
	
	.post-category {
		width:50%;
		color:#7da0be;
		text-align:left;
	}
	
	.post-date {
		width:50%;
		text-align:right;
		float:right;
	}
	
	#events-main-picture {
		margin:15px 0;
		text-align:center;
	}
	
	#gallery-imglist {margin:0 0 10px;}
	
	#gallery-imglist .imgbody {
		margin:0 5px 5px;
		width:calc(20% - 10px);
		text-align:Center;
		float:left;
	}
	
	#gallery-imglist .imgbody img {
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);		
	}
	
	.break-line , .itemnumbertag , .clearboth {display:none;}

	
	.article-quote {
		padding:10px 10px;
		margin:15px 0 30px;
		width:calc(100% - 20px);
		color:#fff;
		font-size:1.25em;
		text-align:Center;
		background:#0b3e75;
	}


	/*product list*/
	#cat-notice {
		padding:0px 0;
		margin:15px 0 25px;
		width:100%;
		font-weight:bold;
		text-align:center;
	}

	#menu-14806 #cat-notice {display:none;}
	
	#searchresult {margin:15px 0 0;}
	
	#catalog_display {margin:15px 0 0;}
	
	#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:460px;
		float:left;
	}
	
	.main-cat-list .product img , .cat-list .product img  , #search .product img , #catalog_display .catrow .product img , #main_picture img , .item-picture-content img {
		width:100% !important;
		border-radius:10px;
		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:#0b3e75;
		font-weight:bold;
		float:Left;
	}
	.item-name-content {
		margin:10px 0 5px;
		width:100%;
		font-size:1.25em;
		line-height:140%;
		color:#0b3e75;
		font-weight:bold;
		text-align:center;
		float:Left;
	}
	
	
	.main-cat-list .product .title a b {
		margin:0 0;
		width:100%;
		font-size:0.75em;		
		float:left;
	}
	
	.item-price-content {text-align:center;}
	
	.item-add-button-content .button a {
		padding:5px 5px 6px;
		margin:10px 0; 
		width:calc(100% - 10px); 
		color:#fff; 
		text-align:center;		
		background:#0b3e75; 
		border:1px solid #0b3e75;
		border-radius:10px;
		float:left;
		cursor: pointer;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.item-add-button-content .button:hover a {
		color:#7da0be;
		background:#fff; 
		border:1px solid #7da0be;
	}
	
	#searchresult .outofstock-button {
		margin:0;
		font-size:1.25em;
		text-align:Center;
	}
	
		
	.More_product {
		margin:15px 0;
		text-align:right;
		display:none;
	}
	
	.category-list {margin:10px 0 20px;}
	
	
	.cat-list {
		width:100%;
		float:left;
	}
	
	.cat-list h1 , .cat-list .itemnumbertag , #detail_spec h2 , #searchresult .briefdesc {display:none;}
	
	.cat-list .product , #list-product-listing-content .product {
		padding:0;
		margin:0 10px 30px;
		width:calc(25% - 20px) !important;
		min-height:500px;
	}
	
	#menu-14806 .cat-list .product {min-height:560px;}
	
	
	.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:#0b3e75;
		font-weight:bold;
		text-align:center;
		float:Left;
	}
	
	.main-cat-list .product:hover .title a , .cat-list .product:hover .title a , .product-main:hover .item-name-content , 
	.cat-list .product:hover .title a , #search .product:hover .title a , #catalog_display .catrow .product:hover .title a {color:#7da0be;}


	#searchresult .pricetag , #catalog_display .catrow .product .pricetag ul li {
		margin:0px 0 5px;
		width:100%;
		font-size:1em;
		color:#5e5e5e;
		text-align:center;
		float:Left;
	}	
			
	.product .pricetag ul li.ourprice , #catalog_display .catrow .product .pricetag ul li.ourprice {
		margin:5px 0 5px;
		font-weight:900;
		color:#BF5743;
	}
	
	
	#searchresult .button	input:hover {
		color:#7da0be;
		background:#fff; 
		border:1px solid #7da0be;
	}
	
	#catalog_display .item-qty {
		margin:0px 0 15px;
		width:100%;
	}	
	

	/*product detail*/
	#catalog_detail {width:100%;}

	#main_picture {
		margin:0 20px 0 0;
		width:330px;
	}
	
	#extra-picture , #list-product-listing-header , #caption , #searchresult .button {display:None;}
	
	#main_info {
		width:calc(100% - 350px);
		font-size:1.75em;
		font-weight:bold;
		line-height:140%;
		color:#7da0be;
		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_itemnumber {
		margin:0 0 15px;
		width:calc(100% - 350px);
		color:#013f66;
		float:right;
	}	
	
	#catalog_detail .pricetag {
		margin:0 0 15px;
		width:calc(100% - 350px);
		font-size:1.5em;
		font-weight:900;
		color:#0b3e75;
		float:right;
	}	
	
	#catalog_detail .pricetag ul li {
		margin:0 15px 0 0;
		width:auto;
		float:left;
	}
	
	#catalog_detail .pricetag ul li.ourprice {color:#BF5743;}	
	
	#catalog_detail .pricetag ul li.listprice {
		color:#5e5e5e;
		font-weight:400;
		text-decoration: line-through;
	}
	
		
	#catalog_detail .item-qty {
		margin:15px 0 15px;
		width:calc(100% - 350px);
		color:#013f66;
		float:right;
	}	
	
	#catalog_detail .item-qty select {
		margin:0 !important;
		width:calc(100% - 2px) !important;
	}
	
	.outofstock-button {
		margin:10px 0 0;
		width:100%;
		font-size:1.5em;
		font-weight:900;
		color:#BF5743;
	}
	
		
	#catalog_detail .shop {
		margin:0 0 15px;
		width:calc(100% - 350px);
		color:#013f66;
		float:right;
	}	
		
		
	.detail_briefdesc {
		margin:0 0 15px;
		width:calc(100% - 350px);
		float:right;
	}	
	
	#detail_other {
		margin:0 0 15px;
		width:100%;
		float:right;
	}
	
	#detail_other h2 {display:none;}
	
	#detail_spec {		
		margin:15px 0 15px;
		width:100%;
	}
	
	
	/*About*/			
	.about-text {margin:15px 0 30px;}
	
	.about-text .about-image {width:500px;}
	
	.about-text .about-info {
		margin:0 0 0 15px;
		width:calc(100% - 515px);
	}
	
	
	#general-content-main .about-ul ul {margin:10px 0 15px;}
	
	#general-content-main .about-ul ul li {
		padding:0 0 5px; 
		margin:0 10px 15px; 
		width:calc(33.3% - 20px); 
		font-size:1.25em;
		line-height:140%;
		font-weight:900;
		text-align:center;
		background:none;
	}
	
	#general-content-main .about-ul ul li a {
		width:100%;
		float:left;
	}
	
	#general-content-main .about-ul ul li a > div {
		padding:15px; 
		margin:0 calc(50% - 90px) 5px; 
		width:150px; 
		height:150px;
		background:#0b3e75; 
		border-radius:50%;
	}
	
	#general-content-main .about-ul ul li a > div img {
		margin:15px calc(50% - 60px); 
		width:120px; 
		float:left;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	
	#general-content-main .about-ul ul li:hover a > div img {transform: scaleX(-1);}
	
	.home-about h3 , #menu-14786 h3 {text-align:center;}
	
	#general-content-main .about-ul ul li a:hover p {color:#0b3e75;}
	
	
	.about-center {}
	
	.about-center .about-image {margin:30px 0 15px;}
	
	.about-center .about-image img {
		margin:0 5px 15px;
		width:calc(33.3% - 10px);
	}
	
	.home-about .about-center .about-info ul , #general-content-main .about-center .about-info ul {
		margin:10px calc(50% - 235px);
		width:470px;
	}
	 
	.home-about .about-center .about-info ul.about-center-ul li , #general-content-main .about-center .about-info ul.about-center-ul li {width:calc(50% - 25px);}
	

	.about-left , .about-right {
		margin:15px 15px 30px 0;
		width:calc(50% - 15px);
	}
	
	.about-right {margin:15px 0 30px 15px;}
		
		
	.about-left .about-image , .about-right .about-image {width:300px;}
	
	.about-left .about-info , .about-right .about-info {
		margin:0 0 0 15px;
		width:calc(100% - 315px);
	}


	/*Action*/	
	#menu-14808 .maincontent {
		padding:0px 0; 
		width:100%;
	}	
	
	.action1 , .action2 , .action3 , .action4 , .action5 {
		padding:0px calc(50% - 640px) 0px;
		margin:0px 0 0; 
		width:1280px;
	}	
	
	.action-text {margin:15px 0 30px;}
	
	.action-text .action-image {width:600px;}
	
	.action-text .action-image img {border-radius:10px;}
	
	.action-text .action-info {
		margin:0 0 0 15px;
		width:calc(100% - 615px);
		text-align:center;
	}
	
	.action-text .action-info p {
		font-size:1.12em;
		line-height:150%;
	}
	
	.action2 .action-text .action-image , .action4 .action-text .action-image {float:right;}
	
	.action2 .action-text .action-info , .action4 .action-text .action-info {margin:0 15px 0 0;}
	
	#general-content-main .action-ul ul {margin:15px 0 15px;}
	
	#general-content-main .action-ul ul li {
		padding:15px 0 15px; 
		margin:0 10px 15px; 
		width:calc(25% - 24px); 
		font-size:1.25em;
		line-height:140%;
		font-weight:900;
		text-align:center;
		background:none;
		border:2px solid #0b3e75; 
		border-radius:10px;	
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	
	#general-content-main .action-ul ul li > div {
		padding:15px; 
		margin:0 calc(50% - 90px) 5px; 
		width:150px; 
		height:150px;
		background:#f1f1f1; 
		border-radius:50%;
	}
	
	#general-content-main .action-ul ul li > div img {
		margin:15px calc(50% - 60px); 
		width:120px; 
		float:left;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	
	#general-content-main .action-ul ul li:hover > div img {transform: scaleX(-1);}
	
	#general-content-main .action-ul ul li h3 {text-align:center;}
		
		
	#general-content-main .action-step ul {margin:10px 0 0px;}
	
	#general-content-main .action1 .action-step ul {
		margin:10px calc(50% -  566px) 0;
		width:1132px;
	}
	
	#general-content-main .action-step ul li {
		padding:0 0 5px; 
		margin:0 5px 15px; 
		width:92px; 
		font-size:1.12em;
		font-weight:900;
		text-align:center;
		background:none;
	}
	
	#general-content-main .action-step ul li.pic-arrow {
		padding:20px 0px;
		width:35px;
	}
	
	#general-content-main .action-step ul li > div {
		padding:10px; 
		margin:0 calc(50% - 33px) 5px; 
		width:46px; 
		height:46px;
		background:#7da0be; 
		border-radius:50%;
	}
	
	#general-content-main .action-step ul li > div img {
		margin:5px calc(50% - 18px); 
		width:36px; 
		float:left;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}	
	
	
	.action2 {
		padding:45px calc(50% - 640px) 15px;
		margin:15px 0 0px;
		background:#e5ecf2;
	}
	
	#general-content-main .action2 .action-step ul {
		margin:10px calc(50% -  272px) 0;
		width:544px;
	}
	
	
	.action3 {
		padding:45px calc(50% - 640px) 15px;
		margin:0px 0 0px;
		background:linear-gradient(to top, #fff , #f1f1f1);
	}
	
	.action-sort {margin:15px 0 30px;}
	
	.action-sort .action-sort-image {width:600px;}
	

	.action-sort .action-sort-image img {border-radius:10px;}
	
	.action-sort .action-sort-info {
		padding:120px 0 0;
		margin:0 0 0 30px;
		width:calc(100% - 630px);
		text-align:left;
		position:relative;
	}
	
	.action-sort .action-sort-info p {
		font-size:1.12em;
		line-height:150%;
	}
	
	.action-sort-right .action-sort-image {float:right;}
	
	.action-sort-right .action-sort-info {margin:0 30px 0 0;}
		
	.action-number {
		width:250px;
		font-size:10em;
		line-height:100%;
		color:#e5ecf2;
	}
	
	.action-sort-right .action-number {
		float:left;
		position:absolute;
		top:0;
		left:0;
	}
	
	.action-sort-left .action-number {
		text-align:right;
		float:right;
		position:absolute;
		top:0;
		right:0;
		z-index:2;
	}
	
	.action-sort-all {
		padding:20px 0 0;
		width:calc(100% - 250px);
	}
	
	.action-sort-all h2 {text-align:left;} 
	
	.action-sort-all p {font-size:1.12em;}
	
	#general-content-main .action-sort-center ul {margin:30px 0 15px;}
	
	#general-content-main .action-sort-center ul li {
		padding:30px 10px 30px; 
		margin:0 5px 15px; 
		width:calc(20% - 66px); 
		min-height:60px;
		font-size:1.5em;
		line-height:130%;
		font-weight:900;
		text-align:center;
		background:#fff;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	#general-content-main .action-sort-center ul li.pic-arrow {
		padding:40px 0px;
		width:35px;
		min-height:auto;
		background:none;
		box-shadow: none;
	}	
	
		
	.action4 {
		padding:45px calc(50% - 640px);
		background:#fbf5e7;
	}
	
	.action4 .action-step {		
		margin:15px 0 0;
		padding:30px 0 10px;
		border-top:2px solid #eebd54;
		border-bottom:2px solid #eebd54;
	}
	
	#general-content-main .action-event ul {margin:40px 0 0;}
	
	#general-content-main .action-event ul li {
		padding:20px 20px 15px; 
		margin:0 10px 15px; 
		width:calc(50% - 60px); 
		min-height:180px;
		text-align:center;
		background:#fff;
		border-radius:10px;	
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	#general-content-main .action-event ul li.event-two {
		width:calc(50% - 60px);
		min-height:auto;
	}
	
	#general-content-main .action-event ul li > div {
		padding:10px 20px 15px; 	
		margin:15px 0 0;	
		width:calc(100% - 40px); 
		text-align:center;
		background:linear-gradient(to top, #fff , #f5e5bf);
		border-radius:10px;	
	}
	
	
	.action5 {padding:45px calc(50% - 640px) 30px;}
	
	
	/*News*/
	.news-left , .news-right {
		margin:20px 0px;
		width:100%;
	}
	
	.news-image {width:300px;}
	
	.news-right .news-image {float:right;}
		
	.news-info {
		margin:0 0 0 15px;
		width:calc(100% - 315px);
	}
		
	.news-right .news-info {margin:0 15px 0 0;}
	
			
	.info-link {
		padding:5px 5px 6px;
		margin:15px 0; 
		width:88px; 
		color:#0b3e75; 
		text-align:center;
		background: #fff;
		border:1px solid #0b3e75; 
		border-radius:10px;
		float:left;
		cursor: pointer;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.info-link:hover {
		color:#7da0be;
		background:#fff; 
		border:1px solid #7da0be;
	}
	
				
	/*Business*/
	#general-content-main .business-ul ul {margin:45px 0 15px;}
	
	#general-content-main .business-ul ul li {
		padding:0 0 5px; 
		margin:0 10px 15px; 
		width:calc(33.3% - 20px); 
		text-align:center;
		background:none;
	}
	
	#general-content-main .business-ul ul li a > div {
		padding:15px; 
		margin:0 calc(50% - 90px) 5px; 
		width:150px; 
		height:150px;
		background:#0b3e75; 
		border-radius:50%;
	}
	
	#general-content-main .business-ul ul li a > div img {
		margin:15px calc(50% - 60px); 
		width:120px; 
		float:left;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	
	#general-content-main .business-ul ul li:hover a > div img {transform: scaleX(-1);}
	
	#menu-14789 h3 {text-align:center;}	
	
	#general-content-main .business-ul ul li a p , #general-content-main .business-ul ul li a:hover p {color:#5e5e5e;}
	
		
	/*qa-list*/
	.qa-list {margin:10px 0;}
	
	dl {
		padding:0;
		margin:0;
		width:100%;
		float:left;
	}
	
	dt {
		padding:0;
		margin:15px 0 0;
		width:100%;
		background:#eebd54;
		float:left;
	}
	
	dt a {
		margin:10px 15px 10px;
		width:calc(100% - 30px);
		font-size:1.25em;
		line-height:140%;
		color:#fff;
		font-weight:bold;		
		word-break: break-word;
		float:left;
	}
	
	dt a:hover {color:#fff;}
	
	dt a span {
		margin:0 10px 0 0;
		font-weight:bold;
		color:#0b3e75;
	}
	
	
	dd {
		padding:5px 15px;
		margin:0 0 15px;
		width:calc(100% - 32px);
		word-break: break-word;
		text-align:left;
		border:1px solid #eebd54;
		float:left;
		display:none;
	}
	
	
	/*Contact*/	
	.contact {margin:15px 0;}
	
	.contact-left {
		width:50%;
		float:right;
	}
	
	.contact-left img , .contact-info ul li img {
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);		
	}
	
	.contact-right {
		margin:0 0;
		width:calc(50% - 0px);
	}
	
	.contact-right img {
		margin:0 calc(50% - 75px);
		width:150px;
	}
	
	#general-content-main .contact-right ul {
		margin:15px calc(50% - 170px);
		width:340px;
		text-align:left;
		float:left;
	}
	
	.contact-info {
		padding:25px 0 0;
		margin:30px 0 0;
		border-top:2px solid #0b3e75;
	}	
			

	#general-content-main .contact-info ul {}
	
	#general-content-main .contact-info ul li {
		padding:0 0 5px; 
		margin:0 10px 15px; 
		width:calc(33.3% - 20px); 
		text-align:center;
		background:none;
		float:left;
	}
	
	#general-content-main .contact-info ul li a {
		color:#5e5e5e;
		width:100%;
		float:left;
	}
	
	#general-content-main .contact-info ul li p {margin:10px 0;}
	
	#general-content-main .contact-info .info-link {
		padding:5px 5px 6px;
		margin:10px calc(50% - 65px); 
		width:118px; 
		color:#0b3e75;
	}
	
	#general-content-main .contact-info .info-link:hover {color:#7da0be;}
		
	
	.contact .contact-text {
		margin:0 0 0;
		width:50%;
	}	
	
	.contact .contact-text div {
		margin:15px calc(50% - 180px);
		width:360px;
		float:left;
	}
	
	.contact-text img {margin:15px 0 0;}
	
	.contact form {
		margin:0 0 35px;
		width:50%;
		float:Left;
	}
	
	.contact form div {}
	
	.contact .button {
		margin:40px 0 0;
		width:50%;
	}
		
	.contact #tssend {
		padding:8px 5px 9px;
		margin:15px 0; 
		width:calc(100% - 14px);
		text-align:center;
		color:#fff;
		background:#0b3e75; 
		border:1px solid #0b3e75;
		border-radius:10px;
		float:left;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.contact #tssend:hover {
		color:#0b3e75;		
		background: #fff;
		border:1px solid #0b3e75; 
	}	
	
	.contact .mstxtCaptchaDiv {margin:10px 0% !important;}
	
	
	/*txtCaptchaDiv*/
	.mstxtCaptchaDiv {
		margin:10px 25% !important;
		width:50% !important;
	}
	
	#mstxtInput {
		margin:0 0 10px;
		padding:5px !important;
		width:calc(100% - 14px) !important;
		border: 1px solid #0b3e75 !important;
	}
	
	img#msimgCaptcha {box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);}

	
	/*register*/
	.registerbody {
		margin:0px calc(50% - 300px);
		width:600px;
	}
	
	.registerbody > div {margin:0 0 15px;}
	
	.res_cell1 {
		margin:8px 0;
		width:15%;
		font-weight:900;
	}
	
	.res_cell2 {width:85%;}
	
	.username-note {
		margin:5px 0 0;
		width:100%;
		color:#0b3e75;
		float:left;
	}
	
	.news-subscribe , .res_cellbuttonleft {display:none;}
	
	.registerbody input[type="submit"] {
		margin:0;
		width:100%;
	}
	
	
	.res_footword {
		margin:0px calc(50% - 300px);
		width:600px;
		text-align:center;
		float:left;
	}
	
	.res_cellbuttonleft {display:none;}

	
	.registerbody .button a {
		padding:8px 5px 9px;
		margin:15px 25%;
		width:calc(50% - 14px);
		text-align:center;
		color:#fff;
		background:#0b3e75; 
		border:1px solid #0b3e75;
		border-radius:10px;
		float:left;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.registerbody .button a:hover {
		color:#0b3e75;		
		background: #fff;
		border:1px solid #0b3e75; 
	}	
	

	/*login*/
	#merx_userbutton , #menu-14804 #menu-name {display:none;}
	
	.login {
		margin:0px calc(50% - 300px);
		width:600px;
	}

	.login-body {}
	
	.logintype {}
	
	.logintype li {
		margin:0 0 10px;
		width:100%;
		float:Left;
	}
	
	.logintype li div span {
		padding:10px 5px;
		margin:0 calc(50% - 85px);
		width:160px;
		font-size:1.25em;
		font-weight:900;
		text-align:center;
		float:left;
	}


	.logintype li div#fb-login {
		background:#4268b3;
		cursor:pointer;
	}
	
	.logintype li div#fb-login span {
		color:#fff;
		background:url(graphics/fblogin.png) no-repeat center left 15px; 
		background-size:25px; 
	}


	.logintype li div#google_link_btn {
		width:calc(100% - 2px);
		background:#fff;
		border:1px solid #adadad;
		cursor:pointer;
	}

	.logintype li div#google_link_btn span {
		color:#5e5e5e;
		background:#fff url(graphics/gmaillogin.png) no-repeat center left 5px; 
		background-size:25px; 
	}
	
	
	.logintype li.orimslogin {
		margin:0px 0 10px;
		text-align:center;
	}
	
	
	.log01 > div {margin:0 0 15px;}
	
	.log01-tit {
		margin:8px 0;
		width:15%;
		font-weight:900;
	}
	
	.log01  input {
		margin:0;
		width:calc(85% - 14px);
		float:left;
	}
	
	.log01 .user-autologin input {
		margin:5px 5px 5px 0;
		width:15px;
		height:15px;
	}
	
	.log01 .user-autologin {
		margin:0 calc(50% - 45px) 15px;
		width:90px;
	}
	
	.log01-tit2 {width:calc(100% - 20px);}
	
	
	.log02 input[type="submit"] {
		margin:0;
		width:100%;
	}
	
	.log02 .submitbox {
		padding:8px 5px 9px;
		margin:0px 25%;
		width:calc(50% - 14px);
		text-align:center;
		color:#fff;
		background:#0b3e75; 
		border:1px solid #0b3e75;
		border-radius:10px;
		float:left;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
		
	#fb-login {display:none;}
	
	
	.loginLink {}
	
	.loginLink a {
		padding:8px 10px 9px;
		width:calc(50% - 34px);
		text-align:center;
		color:#fff;
		background:#0b3e75; 
		border:1px solid #0b3e75;
		border-radius:10px;
		float:left;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.loginLink a:first-child {margin:20px 10px 20px 0;}
	
	.loginLink a:last-child {margin:20px 0 20px 10px;}
	
	.log02 .submitbox:hover , .loginLink a:hover {
		color:#0b3e75;		
		background: #fff;
		border:1px solid #0b3e75; 
	}	

	
	/*forgetpassword*/
	.forgetpassword {
		margin:0px calc(50% - 300px);
		width:600px;
	}
	
	.forgetpassword .forgetTop {
		margin:8px 0;
		width:15%;
		font-weight:900;
		text-align:Center;
	}
	
	.forgetpassword .tbox {
		margin:0 0 10px 0;
		width:85%;
	}
		
	.forgetpassword .tbox input {
		padding:6px 5px;
		margin:0;
		width:calc(100% - 14px);
	}
	
	.forgetpassword .Bottom1 {width:100%;}
	
	
	.forgetsubmit {
		padding:8px 5px 9px;
		margin:0px 25%;
		width:calc(50% - 14px);
		text-align:center;
		color:#fff;
		background:#0b3e75; 
		border:1px solid #0b3e75;
		border-radius:10px;
		float:left;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.forgetsubmit:hover {
		color:#0b3e75;		
		background: #fff;
		border:1px solid #0b3e75; 
	}	
	

	.forgetBottom , .messagebox {display:none;}
	
	.message-sent {
		padding:10px;
		margin:0px 25%;
		width:calc(50% - 20px);
		color:#fff;
		font-weight:900;
		text-align:center;
		background:#0b3e75;
	}

	
	/*editinfo*/
	#edit-person-info {
		margin:0px calc(50% - 300px);
		width:600px;
	}
	
	.edituserbody {margin:10px 0;}
	
	#edit-person-info .main-button-div {margin:0 0 45px;}
	
	#edit-person-info .main-button-div input {
		margin:0;
		width:100%;
	}
	
	.edituserbody > div , #edit-person-info span.celledit {margin:0 0 15px;}
	
	#edit-person-info span.celledit {float:left;}

	
	/*shopping cart1*/
	#shoppingCart {}
	
	#shopping-steps {display:none;}
	
	
	.shoppingCartdetail {margin:10px 0 0;}	
	
	.cartheading > div {
		padding:5px 5px 7px;
		width:calc(20% - 10px);
		color:#fff;
		background:#0b3e75;
		text-align:center;
	}
	
	.shoppingCartpro {
		padding:5px 0;
		border-bottom:2px solid #0b3e75;
	}
	
	.shoppingCartpro > div {
		padding:5px;
		width:calc(20% - 10px);
		text-align:center;
	}
	
	.cart-name-content {}
	
	.cart-name-content ul {}
	
	.cart-name-content ul li {
		margin:0 0 5px;
		width:100%;
	}
	
	.cart-select-content a {
		margin:5px 0;
		width:100%;
		text-align:center;
		float:left;
	}
	
	.cart-name-content-name span {
		width:100%;
		text-align:center;
		float:left;
	}
	
	.cartbottom {
		color:#fff;
		background:#0b3e75;
	}
	
	.cartbottomprice {
		padding:5px 5px 7px;
		width:calc(80% - 10px);
		text-align:right;
	}
	
	.cartbottompricen {
		padding:5px 5px 7px;
		width:calc(20% - 10px);
		font-weight:900;
		text-align:center;
	}
	
	
	#shoppingCart .main-button-div {
		margin:30px 25%;
		width:50%;
	}
	
	#shoppingCart .main-button-div > .i-button {
		margin:0 1%;
		width:31.3%;
	}
	
	#shoppingCart .main-button-div > .i-button input {width:calc(100% - 14px);}
	
	#shoppingCart .main-button-div .button-top , .main-button-div .button-bottom {display:none;}


	#shopps {
		margin:20px 0 0;
		color:#7da0be;
		font-weight:900;
		text-align:center;
	}
	
	
	/*camp*/
	.promotiondiv {background:#e8d5a2;}
	
	.procartheading {
		padding:8px 5px;
		width:calc(100% - 10px); 
		font-weight:900;
		color:#0b3e75;
		text-align:Center;
		background:#eebd54;
	}
	
	.camp_select {
		padding:15px;
		width:calc(100% - 30px); 
	}
	
	.camp_select ul li {
		margin:0 0;
		width:100%; 
		float:left; 
	}
	
	.promotiondiv div.camp_select_desc  {
		padding:15px;
		margin:5px 15px 10px;
		width:calc(100% - 60px); 
		background:#e8c974;
	}
	
	.camp_couponNum , .Camp_Desc {
		padding:5px 15px;
		width:calc(100% - 30px);
	}
	
	#camp_couponNum_title {
		margin:8px 0;
		width:100px;
		font-weight:900;
		float:left;
	}
	
	.camp_couponNum input {
		margin:0;
		width:200px;
		float:left;
	}


	#camp_content {background:#e8d5a2;}
	
	#camp_content .cartheading .cart-name {
		padding:8px 5px;
		width:calc(100% - 10px); 
		font-weight:900;
		color:#0b3e75;
		text-align:Center;
		background:#eebd54;
		float:left;
	}
	
	#camp_content .camp_couponNum , #camp_content .Camp_Desc {
		padding:5px 0px 0;
		width:calc(100% - 0px);
	}
	
	#camp_content #camp_couponNum_title {
		margin:5px 0;
		width:100px;
		font-weight:900;
		float:left;
	}
	
	#camp_content .camp_couponNum input {
		margin:0;
		width:200px;
		float:left;
	} 	
	
	
  #camp_discount {
  	color:#BF5743;
  	border-top:2px solid #f0f0f0;
  }
  
  #camp_discount div.eventdiscountprice {
		padding:5px;
		width:calc(80% - 10px);
		text-align:right;
	}
	
  #camp_discount div.eventdiscountpricen  {
		padding:5px;
		width:calc(20% - 10px);
		font-weight:900;
		text-align:center;
	}  		
	  
	  
	/*shopping cart2*/
	#personal-info {}
	
	
	.editprofile {
		margin:15px calc(50% - 300px);
		width:600px;
	}
	
	.editprofile a {
		padding:8px 5px 9px;
		margin:0px 25%;
		width:calc(50% - 14px);
		text-align:center;
		color:#fff;
		background:#0b3e75; 
		border:1px solid #0b3e75;
		border-radius:10px;
		float:left;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.editprofile a:hover {
		color:#0b3e75;		
		background: #fff;
		border:1px solid #0b3e75; 
	}	
	
	
	.personalinfo {
		padding:0px calc(50% - 300px) 5px;
		margin:0 0 5px;
		width:600px;
	}
	
	.personalinfo > div {margin:0 0 15px;}
	
	.personalinfo > div .res_cell2 input {
		width:calc(100% - 14px);
		color:#989898;
		background:#f0f0f0;
	}
	
	#extra-panel-middle {
		padding:10px 0 0;
		border-top:2px solid #0b3e75;
	}
	
	.billinginfo  {
		padding:0px calc(50% - 300px) 0px;
		margin:0 0 5px;
		width:600px;		
	}
	
	.billinginfo > div {margin:0 0 15px;}
		
	.billinginfo .res_cell1 {
		margin:0;
		width:30%;
		font-weight:400;
	}
	
	.billinginfo .res_cell2 {width:70%;}
	
	
	.cart-setting , .personalinfo > div.cart-setting {margin:0px;}
	
	.select-delivery {margin:0px 0 0;}
	
	.select-delivery ul {}
	
	.select-delivery ul li {
		margin:0 0 15px;
		width:100%;
		float:left;
	}
	
	.select-delivery ul li span {
		margin:0 10px 0 0;
		float:left;
	}
	
	.select-delivery ul li .chooes , .select-delivery ul li .comment {
		margin:0 10px;
		width:auto;
	}	
	
	.select-delivery ul li .chooes , .select-delivery ul li#tcat-fee .comment {display:none;}
	
	.select-delivery ul li .shop_no {margin:5px 0;}
	
	.select-delivery ul li .shop_no span {
		margin:5px 0;
		width:15%;
	}
	
	.select-delivery ul li .shop_no input {width:calc(85% - 14px);}
	
	
	.invoice_options {
		padding:0px calc(50% - 300px) 15px;
		margin:0 0 10px;
		width:600px;
		border-bottom:2px solid #0b3e75;
	}
	
	.invoice_options span {
		width:calc(85% - 20px);
		float:left;
	}
	
	.invoice_options input[type="checkbox"] {width:15%;}
	
	.invoice_options #hidelayer {margin:15px 0;}
	
	.invoice_options #hidelayer > div {margin:0 0 15px;}
	
	.invoice_options #hidelayer span {
		margin:8px 0;
		width:15%;
		font-weight:900;
		float:left;
	}
	
	.invoice_options #hidelayer input {width:calc(85% - 14px);}
	
	
	.shippinginfo {
		padding:0px calc(50% - 300px) 10px;
		margin:0 0 10px;
		width:600px;
		border-bottom:2px solid #0b3e75;
	}
	
	#sameasbilling .res_cell1 {
		margin:0;
		width:85%;
		font-weight:400;
		float:right;
	}
	
	#sameasbilling .res_cell2 {
		width:15%;
		text-align:center;
	}
	
	.shippinginfo > div {margin:0 0 15px;}
	
	.shippinginfo > div .res_cell2 input {width:calc(100% - 14px);}
	
	
	.special_instructions {
		padding:0px calc(50% - 300px) 10px;
		margin:0 0 10px;
		width:600px;
	}
	
	.special_instructions textarea {margin:15px 0 0;}	
	
	.special_instructions .back {
		margin:0 1% 0 0;
		width:calc(32.3% - 14px);
	}
	
	.special_instructions .order_preview {
		margin:0 0 0 1%;
		width:calc(32.3% - 14px);
		float:right;
	}
	
	
	#checkout-info {
		margin:0 0 20px;
		font-weight:900;
		color:#7da0be;
		text-align:center;
	}


	/*shopping cart3*/
	#confirm-order {margin:5px 0 0;}	
	
	p.textcopy {
		padding:15px;
		width:calc(100% - 30px);
		text-align:center;
		background:#e8d5a2;
	}
	
	.user-info {
		margin:15px 0%;
		width:100%;
	}
	
	.ship-to {
		width:calc(50% - 3px);
		border:2px solid #e8d5a2;
		border-right:1px solid #e8d5a2;
	}
	
	.order-by {
		width:calc(50% - 3px);
		border:2px solid #e8d5a2;
		border-left:1px solid #e8d5a2;
	}
	
	.textcopytitle {
		padding:5px 0 7px;
		font-weight:bold;
		text-align:center;
		background:#e8d5a2;
	}
	
	.user-info .textcopy {
		padding:10px 15px;
		width:calc(100% - 30px);
	}
	
	.user-info .textcopy span {
		margin:0 10px 0 0;
		font-weight:900;
		float:left;
	}
	
	
	#receipt_content {
		padding:0 calc(50% - 300px);
		margin:0 0 15px;
		width:600px;
		text-align:center;
	}
	
	#receipt_content span , #payment-info span , #vendor-info span {
		margin:0 10px 0 0;
		font-weight:900;
	}
	
	
	#payment-info {
		padding:0 calc(50% - 300px);
		margin:0 0 5px;
		width:600px;
		text-align:center;
	}
	
	#vendor-info {
		padding:0 calc(50% - 300px);
		margin:0 0 20px;
		width:600px;
		text-align:center;
	}
	
	
	.customized-Text {
		padding:0px calc(50% - 300px);
		margin:0 0 15px;
		width:600px;
		text-align:center;
	}
	
	
	.comfirmdiv {
		padding:5px 0;
		border-bottom:2px solid #0b3e75;
	}
	
	.comfirmdiv > div {
		padding:5px;
		width:calc(20% - 10px);
		text-align:center;
	}
	
	
	.shippingfee {
		font-weight:900;
		background:#eebd54;
		border-bottom:2px solid #fff;
	}
	
	.shippingfeeprice {
		padding:5px;
		width:calc(80% - 10px);
		text-align:right;
	}
	
	.shippingfeepricen {
		padding:5px;
		width:calc(20% - 10px);
		text-align:center;
	}
	
	
	.cart-info {
		margin:0 0 20px;
		color:#7da0be;
		font-weight:900;
		text-align:center;
	}
	
	
	#checkout-buttons {
		padding:0px calc(50% - 300px) 10px;
		margin:0 0 10px;
		width:600px;
	}
	
	#checkout-buttons .back-button {
		margin:0 1% 0 0;
		width:calc(32.3% - 14px);
		float:left;
	}
	
	#checkout-buttons .confirm-button {
		margin:0 1% 0 0;
		width:calc(32.3% - 14px);
		float:right;
	}


	/*shopping cart4*/
	.order-confirm-info {text-align:center;}
	
	.order-confirm-info .order-confirm-info1 {
		padding:0 calc(50% - 400px);
		margin:0 0 25px;
		width:800px;
	}
	
	.order-confirm-info .order-confirm-info1 b {color:#0b3e75;}
	
	
	.home-button {display:none;}
	
	.home-button a {
		padding:5px 5px 6px;
		margin:15px 0; 
		width:88px; 
		color:#0b3e75; 
		text-align:center;
		background: #fff;
		border:1px solid #0b3e75; 
		border-radius:10px;
		float:left;
		cursor: pointer;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.home-button a:hover {
		color:#fff;
		background:#0b3e75; 
		border:1px solid #0b3e75;
	}
	
	
	/*order-history*/
	#order-listing {margin:10px 0 0;}
	
	.pspeccell {}
	
	#order-listing > div.pspeccell > div {
		padding:10px 5px;
		width:calc(20% - 10px);
		color:#fff;
		background:#0b3e75;
		text-align:center;
	}

	#order-listing > div {border-bottom:2px solid #0b3e75;}
	
	#order-listing > div > div {
		padding:10px 5px;
		width:calc(20% - 10px);
		text-align:center;
	}
	
	#order-listing > div > div a {
		padding:5px;
		margin:0px calc(50% - 50px);
		width:90px;
		text-align:center;
		float:left;
	}
	
	#order-listing > div > div a:hover {}

	#order-listing > div > div span a {
		padding:0;
		color:#7da0be;
		background:none;
	}
	
	#order-listing > div > div span a:hover {color:#0b3e75;}
	
	
	/*history-order-detail*/
	#order-detail {}
	
	#company-info {
		padding:15px;
		width:calc(100% - 30px);
		text-align:center;
		background:#e8d5a2;
		display:none;
	}
	
	
	.emailbody {margin:15px 0;}
	
	
	#order-detail-inner .Order-info {
		width:calc(50% - 3px);
		border:2px solid #e8d5a2;
		border-right:1px solid #e8d5a2;
	}
	
	#order-detail-inner .Shipping-info {
		width:calc(50% - 3px);
		border:2px solid #e8d5a2;
		border-left:1px solid #e8d5a2;
	}
		
	.Order-info b , .Shipping-info b {
		padding:5px 0 7px;
		width:100%;
		font-weight:bold;
		text-align:center;
		background:#e8d5a2;
		float:left;
	}

	.Order-info .textcopy , .Shipping-info .textcopy{
		padding:10px 15px;
		width:calc(100% - 30px);
	}
	
	.Order-info .textcopy span , .Shipping-info .textcopy span  {
		margin:0 10px 0 0;
		font-weight:900;
		float:left;
	}
	
	
	.order-id {
		padding:0 calc(50% - 300px);
		margin:10px 0 0px;
		width:600px;
		text-align:center;
	}
	
	.order-date {
		padding:0 calc(50% - 300px);
		margin:0px 0 0px;
		width:600px;
		text-align:center;
	}
	
	.order-payment-method {
		padding:0 calc(50% - 300px);
		margin:0px 0 0px;
		width:600px;
		text-align:center;
	}
	
	.order-delivery {
		padding:0 calc(50% - 300px);
		margin:0px 0 10px;
		width:600px;
		text-align:center;
	}
	
	
	#receipt-info {
		padding:0 calc(50% - 300px);
		margin:5px 0 10px;
		width:600px;
		text-align:center;
	}
	
	#receipt-info span , .order-id span , .order-payment-method span , .order-date span , .order-delivery span {
		margin:0 10px 0 0;
		font-weight:900;
	}
	
	
	.ordertable {
		padding:5px 0;
		margin:0 0 20px;
	}
	
	.ordertable > div > div {
		padding:5px;
		width:calc(25% - 10px);
		text-align:center;
	}
	
	.ttitle {
		color:#fff;
		text-align:center;
		background:#0b3e75;
	}
	
	.ttitle-top {display:none;}
	
	.odrderitem-h {
		padding:5px 0;
		border-bottom:2px solid #0b3e75;
	}

	.ordertable > div > div.shippingfeeprice , .ordertable > div > div.cartbottomprice {width:calc(75% - 10px);}
	
	.ordertable > div > div.shippingfeepricen , .ordertable > div > div.cartbottompricen {width:calc(25% - 10px);}
		
	.cart-name-content-number {
		width:100%;
		float:left;
	}
	
	.emailnote {
		margin:0 0 20px;
		color:#7da0be;
		font-weight:900;
		text-align:center;
	}
	
	
	/*ecpay*/
	.ECPay-order-info {position:fixed; top:0; left:0; height:100vh; z-index:99999; background:rgba(0,0,0,.8) !important;}
	
	#ECPayPayment {width:440px !important; padding:0 !important; margin:80px calc(50% - 220px) 0 !important; }
	.ecpay-pay-list-wrap {background:#fff !important; padding:0 !important; margin:0 !important; border-radius:10px;}
	.ecpay-pay-list {width:100%; padding:0 !important; margin:0 !important;}
	
	.ecpay-card-info-tab {}
	.ecpay-select-input {}
	.ecpay-cit-item-box {}
	
	.ecpay-pl-intro {}
	.ecpay-pl-radio {width:30px; margin:5px 5px 0 !important; float:left;}
	.ecpay-pl-type {width:calc(100% - 200px); float:left;}
	.ecpay-pl-icon-type {width:165px; float:right;}
	
	.ecpay-ci-txt {float:left;}
	.ecpay-ci-tip-box {width:15px; margin:5px 0 0 5px;}
	
	.ECPay-order-info h4 {text-align:left; margin:0; color:#036eb8;}
	.ecpay-pnb-list li {list-style-type: disc !important;}
	
	#PayProcess {width:440px; padding:0; margin:100px calc(50% - 220px) 0;}
	#PayProcess > div {background:#fff; margin:10px 0;}
	#btnPay {padding:10px; width:100%; border:2px solid #fdcf00; font-weight:bold;}

	#loading_pop {color:#fff;margin:10px 0;font-size:26px;text-align:center;}
	#close_pop {color:#fff;font-size:40px;text-align:right;width:440px;margin:0px calc(50% - 220px) 0; position:relative;top:70px;}


	
	
	
	
	
	
	
	
	
	/*1279*/
	@media screen and (max-width:1279px){	
	
	
	/*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:#0b3e75  !important;}
	
	#hamburger {top:2px !important;margin:0 0 0 8px !important;}
	
	
	/*artboard*/
	#artboard {position:relative;}
	
	/*header*/
	#header {position:static;}
	
	#header-body {
		margin:15px 15px;
		width:calc(100% - 30px);
	}	

	
	/*logolink*/
	.logolink {margin:40px calc(50% - 72.5px) 0;}
		

	/*top-menu*/
	.top-menu {
		width:calc(100% - 50px);
		position:fixed;
		top:0;
		right:0;
		z-index:99999;
	}	


	/*member-icon*/
	#member-icon {margin:7px 0 0;}

	#member-icon > div {margin:0 5px;}
		
		
	/*cart-content*/
	#cart-content {top:2px;}


	/*search-box*/
	.search-box {margin:1px 0 0px;}
	
		
	/*mainmenu*/
	#mainmenu {
		margin:0px 0 0;
		width:100%; 
		display:none;
	}
	
		
	/*maincontent*/
	.maincontent {
		padding:15px 15px 60px;
		margin:0px 0 0; 
		width:calc(100% - 30px);
	}		
	
		
	/*mainside*/
	#mainside {
		margin:0px 15px 0 0;
		width:220px;
	}	
	
	
	/*maincontent-body*/
	.maincontent-body {margin:0px 0 20px;}
	
	#menu-14787 .maincontent-body , #menu-14811 .maincontent-body {
		margin:0px 0 20px;
		width:calc(100% - 235px);
	}	
	
		
	/*footer*/	
	#footer-body {
		margin:0px 15px;
		width:calc(100% - 30px);
	}
		
		
	.footer-body-left {
		margin:25px 0 10px;
		width:calc(100% - 520px);
	}
	
	.footer-body-center {
		margin:25px 10px;
		width:300px;
	}
	
	.footer-body-right {width:200px;}
			

	/*home*/
	#home .maincontent {
		padding:0px 0 0px;
		margin:0px 0 0; 
	}	
	

	/*home-news*/
	.home-news {
		margin:0px 15px 0;
		width:calc(100% - 30px);		
	}
				
		
	/*newpro*/
	.newpro {
		padding:5px 15px 20px;
		width:calc(100% - 30px);
	}
	
	
	/*home-about*/
	.home-about {
		padding:15px 15px 0px;
		width:calc(100% - 30px);
		background:linear-gradient(to top, #fff , #f0f0f0);
	}
	
	
	/*home-button-list*/
	.home-button-list {
		padding:30px 15px 40px;
		margin:0 15px;
		width:calc(100% - 60px);
	}
	
		
	.home-button-list ul li:first-child a {
		background:url(/images/homebtn1.jpg) no-repeat left top;
		background-size:300px auto;
	}
	
	.home-button-list ul li:nth-child(2) a {
		background:url(/images/homebtn2.jpg) no-repeat left top;
		background-size:300px auto;
	}
	
	.home-button-list ul li:nth-child(3) a {
		background:url(/images/homebtn3.jpg) no-repeat left top;
		background-size:300px auto;
	}
	
	.home-button-list ul li:nth-child(4) a {
		background:url(/images/homebtn4.jpg) no-repeat left top;
		background-size:300px auto;
	}
	
					
	/*article list*/	
	#news-list {
		margin:0px 0px;
		width:100%;
	}
	
	#postingNotice {
		margin:0;
		width:100%;
	}

	
	/*product list*/
	.main-cat-list .product , #search .product , #catalog_display .catrow .product  {min-height:445px;}
		
		
	/*About*/		
	.about-left , .about-right {
		margin:15px 15px 30px 0;
		width:calc(50% - 15px);
		min-height:160px;
	}
	
	.about-right {margin:15px 0 30px 15px;}		
		
	.about-left .about-image , .about-right .about-image {width:250px;}
	
	.about-left .about-info , .about-right .about-info {width:calc(100% - 265px);}
	
	
	/*Action*/	
	#menu-14808 .maincontent-body {margin:0px 0 0px;}
	
	.action1 , .action2 , .action3 , .action4 , .action5 {
		padding:0px 15px 0px;
		width:calc(100% - 30px);
	}		

	.action-text .action-image {width:500px;}
	
	.action-text .action-info {width:calc(100% - 515px);}
	
	
	#general-content-main .action1 .action-step ul , #general-content-main .action2 .action-step ul {
		margin:10px 0 0;
		width:100%;
	}
	
				
	.action2 {
		padding:20px 15px 15px;
		margin:15px 0 0px;
	}
	
	#general-content-main .action-step ul li {
		margin:0 5px 15px; 
		width:calc(25% - 55px); 
	}
			
			
	.action3 {padding:20px 15px 15px;}
	
	.action-sort .action-sort-image {width:500px;}
	
	.action-sort .action-sort-info {
		padding:60px 0 0;
		width:calc(100% - 530px);
	}
	
	.action-number {
		width:220px;
		font-size:8em;
	}
	
			
	.action-sort-all {width:calc(100% - 220px);}
	
	#general-content-main .action-sort-center ul li {
		padding:30px 10px 30px; 
		margin:0 5px 15px; 
		width:calc(20% - 66px); 
		font-size:1.25em; 
		min-height:50px;
	}
			
	.action4 {padding:20px 15px;}
	
	#general-content-main .action-event ul li {min-height:210px;}
	
			
	.action5 {padding:15px 15px 20px;}
	
						
	/*News*/		
	.news-image {width:250px;}
	
	.news-info {
		margin:0 0 0 15px;
		width:calc(100% - 265px);
	}
	
	.news-right .news-info {margin:0 15px 0 0;}

	
	/*register*/
	.res_cell1 {
		width:100px;
		text-align:left;
	}
	
	.res_cell2 {width:calc(100% - 100px);}	


	/*login*/
	.log01-tit {
		width:100px;
		text-align:left;
	}
	
	.log01 input {width:calc(100% - 114px);}


	/*forgetpassword*/
	.forgetpassword .forgetTop {
		width:100px;
		text-align:left;
	}
		
	.forgetpassword .tbox {
		margin:0 0 10px;
		width:calc(100% - 100px);
	}
	
	
	/*shopping cart1*/
	#shoppingCart .main-button-div {
		margin:30px 10%;
		width:80%;
	}
	

	/*shopping cart2*/
	.select-delivery ul li .shop_no span {width:100px;}
	
	.select-delivery ul li .shop_no input {width:calc(100% - 114px);}
	

	.invoice_options span {width:calc(100% - 120px);}
	
	.invoice_options input[type="checkbox"] {width:100px;}
	
	.invoice_options #hidelayer span {width:100px;}
	
	.invoice_options #hidelayer input {width:calc(100% - 114px);}
	
	
	#sameasbilling .res_cell1 {width:calc(100% - 100px);}
	
	#sameasbilling .res_cell2 {
		width:100px;
		text-align:left;
	}	
	

	/*shopping cart3*/
	#checkout-buttons {
		padding:0 10%;
		width:80%;
	}


}

	
	
	
	
	
	
	
	
	
	/*1100*/
	@media screen and (max-width:1100px){		
		
	/*product list*/
	.main-cat-list .product , #search .product , #catalog_display .catrow .product  {min-height:400px;}

}

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

	/*mainside*/
	#mainside {display:none;}	
	
	
	/*maincontent-body*/		
	#menu-14787 .maincontent-body , #menu-14811 .maincontent-body {width:100%;}	
	
	
	/*footer*/
	.footer-body-left {width:70%;}

	.footer-body-center {
		margin:25px 0;
		width:30%;
		text-align:right;
	}
	
	.footer-body-right {width:100%;}		
	
	
	/*flogolink*/
	.flogolink p {display:none;}
	
	.flogolink {
		margin:25px calc(50% - 90px) 0;
		width:180px;
	}
	
	.flogolink ul {
		margin:0px 0;
		width:100%; 
	}


	/*copyright*/
	.copyright {margin:20px 0 0;}
				
	
	/*under-notice*/
	.under-notice {
		padding:15px;
		width:calc(100% - 30px);
	}
	
	
	/*newpro*/
	.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-list*/
	.home-button-list {
		padding:30px 15px 15px;
		margin:0;
		width:calc(100% - 30px);
	}


	.home-button-list ul li {
		margin:0 10px 20px;
		width:calc(50% - 20px);
	}
		
	.home-button-list ul li:first-child a {
		background:url(/images/homebtn1.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button-list ul li:nth-child(2) a {
		background:url(/images/homebtn2.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button-list ul li:nth-child(3) a {
		background:url(/images/homebtn3.jpg) no-repeat left top;
		background-size:100%;
	}
	
	.home-button-list ul li:nth-child(4) a {
		background:url(/images/homebtn4.jpg) no-repeat left top;
		background-size:100%;
	}
	
	
	/*article list*/
	.listing-title select {
		margin:0 5px;
		width:calc(25% - 20px);
	}
	
	
	.listing-ul {
		margin:0 10px 30px;
		width:calc(25% - 20px);
	}
	
		
	/*article detail*/
	#news-content {
		margin:0px 0;
		width:100%;
	}
	

	/*product list*/
	.main-cat-list .product , #search .product , #catalog_display .catrow .product  {min-height:380px;}


	/*About*/		
	.about-text .about-image {width:300px;}
	
	.about-text .about-info {width:calc(100% - 315px);}
	
	
	.about-left , .about-right {
		margin:15px 0;
		width:calc(100% - 0px);
		min-height:auto;
	}
		
	.about-left .about-image , .about-right .about-image {width:300px;}
	
	.about-left .about-info {width:calc(100% - 315px);}
	
	.about-right .about-image {float:right;}
	 
	.about-right .about-info {
		margin:0 15px 0 0;
		width:calc(100% - 315px);
	}
	
	
	/*Action*/		
	.action-text .action-image {width:350px;}
	
	.action-text .action-info {width:calc(100% - 365px);}
	
	
	#general-content-main .action-ul ul li {
		padding:15px 0 15px; 
		margin:0 10px 15px; 
		width:calc(50% - 24px); 
	}
	
	
	.action-sort .action-sort-image {width:350px;}
	
	.action-sort .action-sort-info {
		padding:0px 0 0;
		width:calc(100% - 380px);
	}

	.action-sort-right .action-sort-info .action-sort-text {float:right;}
			
	.action-number {width:165px;}
	
	.action-sort-text {width:calc(100% - 165px);}
		
	.action-sort-all {
		padding:0px 0 0;
		width:calc(100% - 165px);
	}
	

	#general-content-main .action-event ul li {min-height:230px;}
	
			
	/*shopping cart1*/
	#shoppingCart .main-button-div {
		margin:30px 0%;
		width:100%;
	}


	/*shopping cart3*/
	#checkout-buttons {
		padding:0;
		width:100%;
	}
	
	

	
}

	
	
	
	
	
	
	
	
	
	/*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;}	
	
	
	/*member-icon*/
	#member-icon {	
		margin:5px 10px 0;	
		width:calc(100% - 20px);
	}
	
		
	/*shopping*/
	#member-icon > div#shopping {
		padding:4.5px 0;
		margin:0 0;
		width:50%;
		text-align:center;
		background:#fff;
		border:2px solid #0b3e75;
		float:left;
		position:fixed;
		bottom:0px;
		left:0;
	}		
	
	
	/*search-box*/
	.searchlink {
		width:50%;
		background:#fff;
		position:fixed;
		bottom:0;
		right:0;
	}	
	
	.search-box {
		margin:0 0 0px;
		border-radius:0;
	}
	
	.search-box input.textbox {border-radius:0;}
	
	
	/*footer*/
	#footer {padding:0 0 55px;}
	
					
	/*totop*/
	.totop {
		right:10px;
		bottom:60px;
	}


	/*flash box*/
	.theme-default .nivo-controlNav {display:none;}
	
	
	/*newpro*/
	.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-title select {
		margin:0 5px;
		width:calc(50% - 20px);
	}
	
	
	.listing-ul {width:calc(50% - 20px);}
	
	
	/*product list*/
	.main-cat-list .catrow , #search .catrow , #catalog_display .catrow {width:100%;}
	
	.cat-list .product , #list-product-listing-content .product {
		margin:0 5px 30px;
		width:calc(50% - 10px) !important;
		min-height:630px;
	}
	
	#menu-14806 .cat-list .product {min-height:630px;}
	
		
	/*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_itemnumber , #catalog_detail .pricetag {
		width:100%;	
		text-align:Center;
	}	
	
	#catalog_detail .pricetag {
		font-size:1.25em;
		margin:0 0 10px;
	}
	
	#catalog_detail .pricetag ul li {
		display:inline-block;
		float:none;
	}
	
	
	#catalog_detail .item-qty {
		margin:10px calc(50% - 200px) 15px;
		width:400px;
	}	
	
	.outofstock-button {
		margin:5px 0 0;
		font-size:1.25em;
		text-align:center;
	}
	
	#catalog_detail .shop {
		margin:0 calc(50% - 200px) 15px;
		width:400px;
	}	
	
	
	.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*/	
	.home-about .about-center .about-info ul , #general-content-main .about-ul ul {margin:10px 0 0;}
	
	.home-about .about-center .about-info ul li , #general-content-main .about-ul ul li {
		margin:0 0px 20px; 
		width:calc(100% - 0px);
	}


	/*Action*/	
	.action-text .action-image {
		margin:0 0 10px;
		width:100%;
	}
	
	.action-text .action-info {
		margin:0 0;
		width:100%;
	}	
					
	#general-content-main .action-step ul li {
		margin:0 5px 15px; 
		width:calc(33.3% - 55px); 
	}
	
		
	.action-number {
		width:210px;
		font-size:10em;
	}

	.action-sort .action-sort-image {
		margin:0 0 10px;
		width:100%;
	}
	
	.action-sort .action-sort-info {
		padding:20px 0 0;
		margin:0 0;
		width:100%;
	}
	
	.action-sort-text {width:calc(100% - 210px);}
		
	.action-sort-all {
		padding:15px 0 0;
		width:calc(100% - 210px);
	}
		
	.action-sort h2 {text-align:left;} 
	
	#general-content-main .action-sort-center ul li {
		width:calc(33.3% - 75px); 
		min-height:35px;
	}
	
	
	#general-content-main .action-event ul li {
		padding:20px 15px 15px; 
		margin:0 0px 15px; 
		width:calc(100% - 30px); 
		min-height:auto;
	}
	
	#general-content-main .action-event ul li.event-two {
		margin:0 0px 15px;
		width:calc(100% - 30px);
	}
	
			
	/*News*/
	.news-left , .news-right {
		margin:15px 0px;
	}
				
	.news-image {width:100%;}
	
	.news-info , .news-right .news-info {
		margin:15px 0;
		width:100%;
	}
	
					
	/*Business*/
	#general-content-main .business-ul ul {margin:20px 0 15px;}
	
	#general-content-main .business-ul ul li {
		margin:0 0px 20px; 
		width:calc(100% - 0px);
	}
	

	/*register*/
	.registerbody , .res_footword {
		margin:0;
		width:100%;
	}
	
		
	/*login*/
	.login {
		margin:0px;
		width:calc(100% - 0px);
	}
	
	#home .login {
		margin:0px 15px;
		width:calc(100% - 30px);
	}
	
	
	/*forgetpassword*/
	.forgetpassword {
		margin:0;
		width:100%;
	}

	.message-sent {
		margin:0px;
		width:100%;
	}
	

	/*member*/
	#menu-13502 #general-content ul {width:100%;margin:25px 0%;}


	/*editinfo*/
	#edit-person-info {
		margin:0;
		width:100%;
	}
	
	
	/*shopping cart2*/	
	.editprofile {
		margin:15px 0;
		width:100%;
	}
	
	
	.personalinfo {
		padding:0 0 5px;
		width:100%;
	}
	
	
	.billinginfo {
		padding:0 0 0px;
		width:100%;
	}
	

	.invoice_options {
		padding:0 0 15px;
		width:100%;
	}


	.shippinginfo {
		padding:0 0 10px;
		width:100%;
	}

	.special_instructions {
		padding:0;
		width:100%;
	}
	

	/*shopping cart2*/	
	#receipt_content , #payment-info , #vendor-info , .customized-Text {
		padding:0 0;
		width:100%;
	}
	
	
		
	/*shopping cart4*/
	.order-confirm-info .order-confirm-info1 {
		padding:0 0;
		width:100%;
	}
	
	
	/*history-order-detail*/
	.order-id {
		padding:0;
		width:100%;
	}
	
	.order-date  {
		padding:0 ;
		width:100%;
	}
	
	.order-payment-method {
		padding:0 ;
		width:100%;
	}
	
	.order-delivery {
		padding:0 ;
		width:100%;
	}
	
	
	#receipt-info {
		padding:0 ;
		width:100%;
	}
		
		
	/*Contact*/	
	.contact-left {
		margin:0 0;
		width:100%;
	}
	
	.contact-left img {
		margin:0 calc(50% - 200px) 15px;
		width:400px;	
	}
	
	.contact-right {width:calc(100% - 0px);}
	
	#general-content-main .contact-right ul {margin:15px calc(50% - 170px) 0;}	
	

	.contact .contact-text {width:100%;}			

	.contact .contact-text div {
		margin:15px calc(50% - 200px);
		width:400px;
	}
	
	.contact form {
		margin:0px calc(50% - 200px);
		width:400px;
	}
	
	.contact .button {
		margin:0px 0 0;
		width:100%;
	}
	
	.contact .mstxtCaptchaDiv {margin:10px 25% !important;}
	
}

	
	
	
	
	
		



	
	
	/*640*/
	@media screen and (max-width:640px){		
	
	/*agree policy*/
	.policy .policy-exit {
		margin:0 calc(50% - 50px);
		width:100px; 
	}	
	
	.policy p {width:100%;}
	
	
	/*footer-box*/
	.footer-box ul li {
		width:100%;
		font-size:1.25em;	
	}
		
	.footer-box ul li a {padding:20px 0 10px;}
	
					
	/*footer-body-left*/
	.footer-body-left {width:100%;}
	
	.slogolink {display:none;}
			
	.footer-body-center {
		margin:5px 0 10px;
		width:100%;
		text-align:center;
	}
	
			
	/*footerstore*/
	.store-info {
		margin:0 calc(50% - 145px);
		width:290px;
	}
	
	.store-info > div {margin:5px 0;}
	
	.store-info h3 {text-align:center;}	
		
	
	/*bottom-menu*/
	#bottom-menu ul li {
		margin:0 0 10px;
		width:33.3%;
		float:left;
	}
	
	
	/*product list*/	
	.cat-list .product , #list-product-listing-content .product {min-height:550px;}
	
	#menu-14806 .cat-list .product {min-height:560px;}


	/*About*/		
	.about-text .about-image {width:100%;}
	
	.about-text .about-info {
		margin:10px 0 0;
		width:100%;
	}
		
	
	.about-left , .about-right {margin:15px 0;}
		
	.about-left .about-image , .about-right .about-image {width:100%;}
	
	.about-left .about-info , .about-right .about-info {
		margin:10px 0 0;
		width:100%;
	}

	
	/*Action*/	
	#general-content-main .action-ul ul li {width:calc(100% - 24px);}
		
	
	#general-content-main .action-step ul li {
		width:calc(50% - 45px);
		min-height:100px;
	}
			
	#general-content-main .action-step ul li.pic-arrow , #general-content-main .action-sort-center ul li.pic-arrow {width:25px;}	
	
	
	#general-content-main .action-sort-center ul li {
		width:calc(100% - 65px); 
		min-height:auto;
	}	
	
		
	.action-number {
		width:80px;
		font-size:4em;
	}
	
	.action-sort-text {width:calc(100% - 80px);}
		
	.action-sort-all {
		padding:0px 0 0;
		width:calc(100% - 80px);
	}
	
	.action-sort .action-sort-info {padding:0px 0 0;}
		
	
	/*Contact*/	
	#general-content-main .contact-info ul li {
		margin:0 0px 30px; 
		width:100%; 
	}
	
			
	/*register*/
	.res_cell1 {width:100%;}
	
	.res_cell2 {width:100%;}	
	
	
	/*login*/
	.log01-tit {width:100%;}
	
	.log01  input {width:calc(100% - 14px);}
	
	
	/*forgetpassword*/
	.forgetpassword .forgetTop {width:100%;}
		
	.forgetpassword .tbox {width:100%;}	
	

	/*shopping cart1*/
	.shoppingCartdetail {margin:0px 0 0;}	

	.cartheading > div {display:none;}
	
	.shoppingCartpro > div {width:calc(100% - 10px);}	
	
	.cart-pic-content a {
		margin:0 calc(50% - 150px);
		width:300px;
		float:left;
	}

	.shoppingCartpro > div.cart-select-content {
		margin:0 calc(50% - 150px);
		width:300px;
	}
	

	.cartbottomprice {width:calc(100% - 120px);}
	
	.cartbottompricen {width:100px;}
		
		
	#shoppingCart .main-button-div > .i-button {width:49%;}
	
	#shoppingCart .main-button-div > .i-button#sub-shop {margin:0 1% 0 0;}

	#shoppingCart .main-button-div > .i-button#sub-settle {margin:0 0 0 1%;}
	
		
	#shoppingCart .main-button-div > .i-button input {width:100%;}
	
	#sub-reshopcar {display:none;}


	/*camp*/
	.camp_couponNum input {width:300px;}
		
  
  #camp_discount div.eventdiscountprice {width:calc(100% - 120px);}
	
	#camp_discount div.eventdiscountpricen {width:100px;}
	
	
	/*shopping cart2*/	
	.special_instructions .back {
		margin:0 1% 0 0;
		width:49%;
	}
	
	.special_instructions .order_preview {
		margin:0 0 0 1%;
		width:49%;
	}
	
	
	/*shopping cart3*/
	.ship-to {width:calc(100% - 3px);}
	
	.order-by {width:calc(100% - 3px);}
	

	.comfirmdiv > div {
		padding:5px;
		width:calc(100% - 10px);
		ext-align:center;
	}
	
	.cart-qty-content:before {content:'數量：';}
	
	.cart-price-content:before {content:'單價：';}
	
	.cart-total-content > div:before , #confirm-order .cart-total-content:before {
		content:'總價：';
		display:inline-block;
	}
	

	.shippingfeeprice {width:calc(100% - 120px);}
	
	.shippingfeepricen {width:100px;}
	
	
	#checkout-buttons .back-button{
		margin:0 1% 0 0;
		width:49%;
	}
	
	#checkout-buttons .confirm-button {
		margin:0 0 0 1%;
		width:49%;
	}
	
	#checkout-buttons	input {width:100%;}
			
			
	/*order-history*/	
	#order-listing {margin:0px 0 0;}
	
	#order-listing > div.pspeccell > div {display:none;}
	
	#order-listing > div {padding:0 0 5px;}
	
	#order-listing > div > div {width:calc(100% - 10px);}


	.order-listing-itemno:before {content:'訂單號碼：';}
	
	.order-listing-date:before {content:'訂購日期：';}
	
	.order-listing-status:before {content:'訂單狀態：';}
		
	.order-listing-total:before {content:'訂單金額：';}	
		
		
	/*history-order-detail*/
	#order-detail-inner .Order-info ,#order-detail-inner .Shipping-info   {width:calc(100% - 3px);}
	
	
	.ordertable .ttitle {display:none;}
	
	.ordertable > div > div {width:calc(100% - 10px);}


	.ordertable > div > div.shippingfeeprice , .ordertable > div > div.cartbottomprice {width:calc(100% - 120px);}
	
	.ordertable > div > div.shippingfeepricen , .ordertable > div > div.cartbottompricen {width:100px;}
		
}

		



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

	/*logolink*/
	.logolink {
		width:100px;
		margin:45px calc(50% - 50px) 0;
	}
	
	.logolink img {width:100px;}
	
	
	/*member-icon*/
	#member-icon {margin:9px 0 0;}

			
	/*cart-content*/
	#member-icon > div#cart-content {
		margin:0 ;
		width:50px;
		height:40px;
		background:#fff;
		border-radius:50%;
		box-shadow:0px 0px 5px rgba(0,0,0,.5);
		float:left;
	}
	
	#cart-content {
		padding:4.5px 0;
		margin:0 0;
		position:fixed;
		top:90px;
		right:10px;
	}		
	
	#member-icon #cart-content a {margin:0 0;}
		
	.top-menu #cart-content img {
		margin:5px 10px 0;
		width:30px;
		float:left;
	}
	
	#cart-content a span {
		float:left;
		position:absolute;
		top:2px;
		right:-2px;
	}
	
	
	/*shopping*/
	#member-icon > div#shopping {display:none;}		
	
	
	/*search-box*/
	.searchlink {width:100%;}	
	
	.search-box {
		margin:0;
		width:calc(100% - 0px);
		border:none;
		border-top:2px solid #0b3e75;
	}
		
	
	
	/*bottom-menu*/
	#bottom-menu ul li {width:50%;}
		
		
	/*totop*/
	.totop {
		width:40px;
		height:40px;
		right:10px;
		bottom:50px; 
	}
	
	.totop a {
		background:#0b3e75 url(graphics/totop.png) no-repeat center center;
		background-size:30px;
	}
	
	
	/*newpro*/	
	#home-products-inner li {
		margin:0 0px !important;
		width:calc(100% - 0px);
		height:auto !important;
	}
	
	
	/*article list*/
	.listing-title select {
		margin:0 calc(50% - 200px);
		width:400px;
	}
	
	
	.listing-ul {
		margin:0 calc(50% - 200px) 30px;
		width:400px;
	}
	
	
	/*product list*/	
	.cat-list .product , #list-product-listing-content .product {min-height:550px;}
	
	#menu-14806 .cat-list .product {min-height:550px;}
	
	
	/*home-button-list*/
	.home-button-list ul li {
		margin:0 0px 15px;
		width:100%;
	}
	
		
	/*About*/		
	.home-about .about-center .about-info ul , #general-content-main .about-center .about-info ul {
		margin:10px 0;
		width:100%;
	}
	

}

	
	
	
	
	
	
	
	
	
	/*480*/
	@media screen and (max-width:480px){
		
	/*top-menu*/
	.top-menu img {
	 	margin:2px 5px 0 0;
		width:20px;
	}
	
	
	/*member-icon*/
	#member-icon img {
		position:relative;
		top:0px;
	}
	
	
	/*cart-content*/
	.top-menu #cart-content img {
		margin:5px 10px 0;
		width:30px;
	}
	
	
	/*article detail*/
	.post-category , .post-date {
		margin:0 0 10px;
		width:100%;
		text-align:center;
	}
	
	.post-category {margin:0 0 0px;}
	
		
	#gallery-imglist .imgbody {
		margin:0 5px 10px;
		width:calc(33.3% - 10px);
	}
	
		
	/*product list*/
	.main-cat-list .product , #search .product , .cat-list .product , 
	#list-product-listing-content .product , #catalog_display .catrow .product {
		margin:0 0 30px;
		width:100% !important;
		min-height:auto;
	}
	
	
	/*About*/			
	.about-center .about-image {margin:15px 0 0px;}
	
	.about-center .about-image img {display:none;}
	
	.home-about .about-center .about-info ul.about-center-ul li , #general-content-main .about-center .about-info ul.about-center-ul li {width:calc(100% - 25px);}
	
	
	/*camp*/	
	.promotiondiv div.camp_select_desc  {
		padding:15px 10px;
		margin:5px 0px 10px;
		width:calc(100% - 20px); 
	}
	
	.camp_couponNum , .Camp_Desc {
		padding:5px 0px;
		width:100%;
	}
	
	.camp_couponNum input {width:calc(100% - 114px);}

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

		
	/*top-menu*/
	.top-menu img {display:none;}
			

	/*member-icon*/
	#member-icon {	
		margin:10px 10px 0 0;	
		width:calc(100% - 10px);
	}
	
	#member-icon > div {margin:0 5px;}
	
	
	/*cart-content*/
	.top-menu #cart-content img {display:block;}
	
		
	/*home-button-list*/	
	.home-button-list {padding:15px 15px 20px;}
		
	.home-button-list ul li {width:calc(100% - 0px);}	
	
		
	/*article list*/
	.listing-title select {
		margin:0 0;
		width:100%;
	}
	
	
	.listing-ul {
		margin:0 0 30px;
		width:100%;
	}
		
	
	/*product detail*/
	#main_picture {
		margin:0 0 15px;
		width:100%;
	}
	
		
	#catalog_detail .pricetag ul li {
		margin:0 0;
		width:100%;
		float:left;
	}
	
	#catalog_detail .pricetag ul li.ourprice {margin:0 0 10px;}	

	
	#catalog_detail .item-qty {
		margin:5px 0 15px;
		width:100%;
	}	
	
	#catalog_detail .shop {
		margin:0 0 15px;
		width:100%;
	}	
	

	/*shopping cart1*/
	.cart-pic-content a {
		margin:0 0;
		width:100%;
	}

	.shoppingCartpro > div.cart-select-content {
		margin:0 0;
		width:100%;
	}
	
	.shoppingCartpro > div.cart-select-content select {width:calc(100% - 12px);}
	
	
	/*Contact*/	
	.contact-left img {
		margin:0 0 15px;
		width:100%;	
	}
	
	
	#general-content-main .contact-right ul {
		margin:15px 0 0;
		width:100%;	
		text-align:Left;
	}	
	

	.contact .contact-text div {
		margin:15px 0;
		width:100%;	
	}
	
	.contact form {
		margin:0px 0;
		width:100%;	
	}	
	
	.contact .mstxtCaptchaDiv {margin:10px 0% !important;}
		

	/*mstxtCaptchaDiv*/
	.mstxtCaptchaDiv {
		margin:10px 0% !important;
		width:100% !important;
	}
			
}

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

	
	

}