/*ding-dian*/


	/*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 {
		 -webkit-appearance: none;  /* Safari  */
		  -moz-appearance: none; /* FireFox */ 
		  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 {
		height: 100%;
		width: 100%;
	}
	
	body {
		margin:0;
		width:100%;
		font:1em "Calibri","Microsoft JhengHei","Apple LiGothic";
		line-height: 140%;
		color:#2f2f2f;
		background:#fff;
		cursor:default;
	}
	
	div , p , table {
		padding:0;
		margin:0;
		width: 100%;
		float:left;
	}
	
	p {margin:5px 0;}

	span {}


	/*title*/
	h1 {
		margin:15px 0;
		width:100%;
		font-size:2.5em;
		line-height:130%;
		color:#5d422e;
		text-align:center;
		font-weight:bold;
		float:left;
	}
	
	h2 {
		margin:5px 0;
		width:100%;
		font-size:2em;
		line-height:130%;
		color:#e6ddd7;
		text-shadow:-1px 0 #000, 0 1px rgba(132,105,85,.8), 1px 0 rgba(132,105,85,.8), 0 -1px rgba(132,105,85,.8);
		text-align:center;
		font-weight:bold;
		float:left;
	}

	h3 {
		margin:0px 0 15px;
		width:100%;		
		font-size:1.75em;
		line-height:130%;
		color:#846955;
		font-weight:bold;
		float:left;
	}

	h4 {
		padding:0 0 0 10px;
		margin:5px 0;
		width:calc(100% - 15px);
		font-size:1.5em;
		line-height:130%;
		color:#5d422e;
		font-weight:bold;
		text-align:left;
		border-left:5px solid #5d422e;
		float:left;
	}
	
	h5 {
		margin:10px 0 0;
		width:100%;
		font-size:1.25em;
		line-height:130%;
		color:#846955;
		font-weight:bold;
		float:left;
	}
	
	
	/*link*/
	a {
		color: #846955;
		-webkit-transition: color .5s, background .5s;
		transition: color .5s, background .5s;
		cursor:pointer;
	}
	
	a:hover {color:#5d422e;}

	a img {opacity: 1;}
	
	a img:hover {opacity: .8;-webkit-transition: opacity .5s;transition: opacity .5s;}
	
	img:hover {box-shadow:0px 0px 5px rgba(122,105,85,.8); }
	
	#company-logo a img:hover , #flash-box img:hover , #foot-greeting a img:hover , 
	#home-hbox-2778 ul li img:hover , #home-hbox-2940 ul li img:hover {opacity: 1;}

	.printer , hr {display:none;}


	/*ul*/
	ul {
		width:100%;
		float:Left;
	}
	
	ul li {margin:0 5px;}
	
	
	#maincontent-body ul li {float:left;}
	
	
	/*iframe img*/
	iframe {
		margin: 10px 0;
		width: 100% !important;
	}
	
	img {
		height: auto ;
		max-width: 100%;
		box-shadow:0px 0px 5px rgba(122,105,85,.6);
	}
	
	#company-logo img , #flash-box img , #foot-greeting img , .contact-text img {box-shadow:none;}

	
	/*input*/
	input, textarea {
		padding:8px 5px;
		float:left;
		border:1px solid #846955;
		border-radius:5px;
	}
	
	input[type="submit"], input[type="button"] , input[type="reset"] {
		width:calc(100% - 0px);
		color:#fff;	
		background: #846955;
		cursor: pointer;-webkit-transition: background .5s;
		transition: background .5s;
	}
	
	input[type="reset"] {
		background:#e6ddd7;
		color:#846955;
	}
	
	input[type="submit"]:hover , input[type="button"]:hover , input[type="reset"]:hover {
		color:#fff;	
		background: #5d422e;
		border:1px solid #846955;
	}
	
	input[type="text"] , textarea {
		width:calc(100% - 12px);
		float:left;
	}
	
	input[type="radio"] ,	input[type="checkbox"] {
		margin:5px 5px 5px 0;
		width:15px;
		height:15px;
	}
		
	
	 /*All Pagination*/
	.pageselection {}
	
	.pageselection ul {
		margin-top:40px;
		width:100%;
		text-align:center;
		float:left;
	}
	
	.pageselection ul li {
		margin:5px 15px;
		list-style:none;
		display:inline-block;  
	}
	
	.pageselection ul li.activepage a {
		padding:5px 8px;
		color:#ffffff;
		background:#5d422e;  
	} 
	
	.pageselection ul li.activepage a:hover {
		color: #ffffff;
		background: #846955;
	}
	
	.pageselection ul li.page-word , #articledetail698045 .pageselection {display:none;}
	
	
	/*frame layout*/
	#artboard {
		background:#f9f5f2;
		min-height: 100%;
	}
	
	
	/*header*/
	#header {}
	
	#header-body {
		margin:0px calc(50% - 600px);
		width:1200px;
	}
	
	#home #header-body {
		margin:0px 0;
		width:100%;
	}
	
	
	/*greeting*/
	#greeting {}
	
	#home #greeting {margin:60px 0 0;}
	
	.htop {
		width:50px;
		height:50px;
		border-radius:5px;
		position:fixed;
		bottom:55px;
		right:55px;
	}
	
	.htop a {
		width:100%;
		height:100%;
		background:#e6ddd7 url(graphics/totop.png) left top no-repeat;
		background-size:100%;
		box-shadow:0px 0px 5px rgba(122,105,85,.6);
		float:Left;
	}
	
	
	/*content*/
	#content {}


	/*mainside*/
	#mainside {
		padding:0px calc(50% - 600px);
		margin:0;
		width:1200px;
		position:fixed;
		top:0;
		left:0;
		z-index:999;
		background:#fff;
		box-shadow:0px 0px 5px rgba(122,105,85,.8);
		border-bottom:2px solid #f9f5f2;
	}

	
	/*company-logo*/
	#company-logo {width:300px;}
	
	#company-logo .hbox-title {display:none;}
	
	#company-logo .hbox-body {}
	
	#company-logo a {
		margin:10px 0 0;
		width:100%;
		float:left;
	}
	
	
	/*mainmenu*/
	#mainmenu {
		margin:0px 0 0px 15px;
		width:calc(100% - 315px);
	}
	
	#mainmenu ul {}
	
	#mainmenu ul li {
		margin:0;
		width:12.5%;
		text-align:center;
		float:Left;
		position:relative;
	}
	
	#mainmenu ul li a {
		padding:33px 0;
		width:100%;
		font-weight:900;
		color:#5d422e;
		float:left;
	}
	
	#mainmenu ul li a:hover {
		color:#fff;
		background:#5d422e;
	}
	
	
	/*2nd and more Level Main Menu */
  #mainmenu ul li ul {
  	width:100%; 
  	display:none; 
  	position:absolute; 
  	top:82px; 
  	left:0px;
  	box-shadow: 0px 0px 5px rgba(122,105,85,.8);
  }
    
	#mainmenu ul li:hover > ul {
		padding:0; 
		margin:0; 
		width:200px;
		background:#f9f5f2; 
		display: block; 
		z-index:99;
	}
	
 	#mainmenu ul li ul li {
 		padding:0px;
 		margin:0;
 		width:100%;
 		text-align:center;
 	}
 	
  #mainmenu ul li ul li a {
  	padding:15px 10px; 
  	width:calc(100% - 20px);
  	color:#5d422e ;
  	display:block;   
  	text-align:center;
  }
    
  #mainmenu ul li ul li a:hover , #mainmenu ul li ul li ul li a:hover {color:#fff;}  
  
	
	/*maincontent*/
	#maincontent {	
		padding:60px calc(50% - 600px) 60px;
		margin: 50px 0 0;
		width:1200px;
		min-height:53vh;
	}
	
	#bodypages698045 #maincontent {	
		padding:60px 0 0px;
		width:100%;
		min-height:auto;
	}
	
	
	/*secondside*/
	#secondside {display:none;}


	/*foot-greeting*/
	#foot-greeting {
		padding:30px calc(50% - 600px) 25px;
		margin:0;
		width:1200px;
		background:#5d422e;
	}
	
		
	.left-footer {width:85%;}
	
	.down-company-logo {width:300px;}
	
	.down-company-logo img {margin:10px 0;}
	
	.footerinfo {
		margin:5px 0 5px 50px;
		width:calc(100% - 350px);
	}
	
	.footerinfo li {
		margin:0 0 15px 0;
		width:100%;
		color:#fff;
		float:Left;
	}
	
	.footerinfo li:last-child {margin:0}
	
	.footerinfo li img {
		margin-right:10px;
		width:25px;
		float:Left;
	}
	
	.footerinfo li p {
		margin:3px 0;
		width:calc(100% - 35px);
	}
	
	.footerinfo li a {color:#f9f5f2;}
	
	.footerinfo li a:hover {text-decoration:underline;}
	
	
	.right-footer {width:15%;}
	
	.dropmenu {}
	
	.dropmenu li {
		margin:0 5% 10px 0;
		width:85%;
		float:Left;
	}
	
	.dropmenu li:last-child {margin:0}
	
	.dropmenu li a {
		font-weight:900;
		color:#f9f5f2;
		float:right;
	}
	
	.dropmenu li a:hover {text-decoration:underline;}
	
	
	/*footer*/
	#footer {
		padding:20px calc(50% - 600px) 15px;
		margin:0;
		width:1200px;
		font-size:0.75em;
		text-align:Center;
		color:#5d422e;
		background:#f9f5f2;
		border-top:1px solid #846955;
	}
	
	#footer a {color:#5d422e;}
	
	#footer a:hover {text-decoration:underline;}


	/*articlelist*/
	.articlelist {}
	
	.main-subtitle , .linkbutton , #Quick-Reply {display:none;}
	
	.articlelist .main-body {}

	.smallart {
		margin:0px 0 10px;
		border-bottom:1px solid #846955;
	}
	
	.smallart td#smallartpic {display:none;}
	
	#smallarttxt {
		padding:5px 0 10px;
		width:100%;
		float:Left;
	}
	
	#smallarttxt a {color:#5d422e;}
	
	#smallarttxt a:hover {color:#846955;}
	
	#smallarttxt a span {color:#846955;}
	
	#smallarttxt a span:hover {color:#5d422e;}

	
	.articlelist .main-title h2 {
		font-size:1.75em;
		text-align:left;
	}
	
	
	/*albumlist*/
	#albumlist {}
	
	#albumlist .main-body {}
	
	#albumlist table {}
	
	#albumlist table tr {}
	
	#albumlist table tr:last-child {border-bottom:none;}
	
	#albumlist table td {
		padding:10px 10px 30px;
		width:calc(25% - 20px);
		float:Left;
	}
	
	#albumlist table td img {}
	
	#albumlist .main-title h2 {
		color:#846955;
		text-shadow:none;
		font-size:1.75em;
	}
	
	/*albumdetail*/
	#albumdetail {}
		
	#albumdetail h1 {display:None;}
	
	#albumdetail .main-title h2 {
		margin:15px 0;
		font-size:2.5em;
		color:#5d422e;
		text-shadow:none;
	}


	#albumdetail table {}
	
	#albumdetail table tr {}
	
	#albumdetail table tr:last-child {border-bottom:none;}
	
	#albumdetail table td {
		padding:10px 10px 30px;
		width:calc(25% - 20px);
		float:Left;
	}
	
	#albumdetail table td span {
		margin:10px 0;
		width:100%;
		color:#846955;
		text-align:Center;
		float:Left;
	}


	/*product-list-ad*/
	.product-list-ad {display:None;}


	/*product_list*/
	#product_list {}

	#product_list .main-body {}

	#product_list table {}
	
	#product_list table tr {border-bottom:1px solid #e6ddd7;}
	
	#product_list table tr:last-child {border-bottom:none;}
	
	#product_list table td {
		padding:10px 10px 30px;
		width:calc(25% - 20px);
		float:Left;
	}
	
	#product_list table td h2 {
		margin:10px 0;
		width:100%;
		color:#846955;
		font-size:1.25em;
		text-align:Center;
		text-shadow:none;
		float:Left;
	}
	
	#product_list table td .briefdesc {display:none;}
	
	
	/*product_detail*/
	#product_detail {
		margin:0px calc(50% - 400px);
		width:800px;
	}
	
	#product_detail h1 {display:None;}
	
	#product_detail .main-title h2 {
		margin:15px 0;
		font-size:2.5em;
		color:#5d422e;
		text-shadow:none;
	}
	
	
	#product_detail #imagecontainer {
		margin:10px 15px 10px 0;
		width:400px;
		text-align:Center;
	}	
	
	#product_detail #imagecontainer img {width:100%;}
	
	
	.pricetag , .main-title#descfull {display:None;}
	
	.briefdesc {
		margin:15px 0;
		width:calc(100% - 415px);
	}	
	
	.briefdesc table {}
	
	.briefdesc table tr td {padding:5px;}

	
	/*pop window*/
	body div#lbOverlay {}
	
  body div#lbMain {
  	width:90% !important;
  	height:90vh !important;
  	top:5vh !important;
  	bottom:5vh !important;
  	left:5% !important; 
  	right:5% !important; 
  }
 
 
  body div#lbOuterContainer {
  	padding:0 !important;
  	margin:0 !important;
  	width:90% !important;
  	height:85vh !important;  
  	left:5% !important; 
  	right:5% !important;  
  }
  
  body div#lbImageContainer, #lbIframeContainer, #lbInfoDisplay {
  	padding: 10px !important;
  	width:calc(100% - 20px) !important;
  	height:calc(100% - 20px) !important;
  }
	
	body div#lbImageContainer img {
		max-width:100% !important; 
		max-height:100% !important;
	}
	
	
	body div#lbDetailsContainer {
		padding:0 !important; 
		margin:0 5% !important;
		width:90% !important;  
		height:5vh !important;
	}
 	
 	body div#lbDetailsData {
 		padding:0 !important; 
 		margin:0 5% !important;
 		width:90% !important;  
 	}
 	
 	
 	body div#lbDetails {width: 50% !important;}

	body div#lbCaption {
		margin:0 10px !important;
		width:calc(100% - 20px) !important; 
	}

	body div#lbNumberDisplay {
		margin:0 10px !important;
		width:calc(100% - 20px) !important; 
	}


 	body div#lbBottomNav {
 		padding:0 !important; 
 		margin:0 !important;
 		width: 50% !important;
 	}

	body div#lbBottomNav a#lbClose {
		margin:0 10px;
		width: 70px !important; 
		height: 30px !important;
	}

	body div#lbBottomNav a#lbPlay , body div#lbBottomNav a#lbPause {
		margin:0 10px;
		width: 70px !important; 
		height: 30px !important;
	}

	body div#lbBottomNav a#lbResize {
		margin:0 10px;
		width: 70px !important; 
		height: 30px !important;
	}
	
	
	/*home*/
	#home #maincontent {
		padding:0px 0 0px;
		margin:-30px 0 0;
		width:100%;
		min-height:auto;
	}
	
	#homecontent {display:None;}
	
	/*header-slider*/
	#header-slider {
		margin:0px 0 0;
		float:none;
	}
	
	#header-slider img {
		width: 100%;
		height: auto; 
	}
	
	.bx-wrapper {
		height: auto;
		display:block;
	}
	
	.bx-controls-direction {display:none;}	
	
	.bx-wrapper .bx-viewport {
		border: none !important; 
		position:relative !important;
		top:0px !important;
		left: 0 !important;   
		z-index:0 !important;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager {
		text-align:center !important;
		position: absolute; 
		bottom:30px;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {
		width:30px !important;
		float:None !important;
		display:inline-block !important;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a {
  	background: #846955;
		float:left !important;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active,
	.bx-wrapper .bx-pager.bx-default-pager a:focus {
	  background: #5d422e;
	}
	
	
	/*home-hbox-2938*/
	#home-hbox-2938 {}
	
	#home-hbox-2938 .about-info {
		padding:0px calc(50% - 600px);
		margin:10px 0 50px;
		width:1200px;
	}
	
	#home-hbox-2938 .service-info {
		padding:40px calc(50% - 600px) 0;
		margin:0;
	}
	
	
	/*home-hbox-2937*/
	#home-hbox-2937 {
		padding:20px calc(50% - 600px);
		margin:10px 0 20px;
		width:1200px;
	}
	
	
	/*home-hbox-2940*/
	#home-hbox-2940 {
		padding:40px calc(50% - 600px);
		margin:10px 0 0px;
		width:1200px;
		background:#fff;
	}
	
	#home-hbox-2940 .home-hbox-title {display:none;}
	
	#home-hbox-2940 ul {}
	
	#home-hbox-2940 ul li {
		padding:15px calc(12.5% - 110px);
		margin:0;
		width:220px;
		font-size:1.25em;
		font-weight:900;
		text-align:left;
		border-radius:5px;
		float:left;
	}	
	
	#home-hbox-2940 ul li:hover {
		background:#f9f5f2;
	}
	
	#home-hbox-2940 ul li img {
		margin:0 0 0px;
		width:80px;
		box-shadow:none;
		float:left;
	}	
	
	#home-hbox-2940 ul li p {
		padding:0 0 0 20px;
		margin:30px 0 0px;
		width:calc(100% - 100px);
		font-size:1.25em;
		color:#5d422e;
	}	
	
	
	/*about*/
	.focus {
		padding:0px calc(50% - 600px);
		margin:10px 0 30px;
		width:1200px;
	}
	
	.focus li {
		padding:65px 0 55px;
		margin:0 calc(12.5% - 90px);
		width:180px;	
		font-size:1.5em;
		font-weight:900;
		color:#fff;
		text-align:center;
		background:#5d422e;
		border-radius:50%;
		box-shadow:0px 0px 15px #846955; 
	}
  
  .focus li:hover {background:#846955;}
  
  .focus li span {
  	margin:0 0 15px;
  	width:100%;
  	font-size:1.25em;
  	font-weight:500;
  	float:left;
  }


	.about-info {
		padding:0px calc(50% - 600px);
		margin:30px 0 50px;
		width:1200px;
	}
	
	.about-img {
		margin:0 20px 0 0;
		width:50%;
	}
	
	.about-text {width:calc(50% - 20px);}

	.service-info {
		padding:45px calc(50% - 600px);
		width:1200px;
		background:#e6ddd7;
	}
	
	.service {
		margin:20px calc(50% - 300px);
		width:600px;
		text-align:center;
	}

	.service li {
		margin:0 15px 30px;
		width:calc(33.3% - 30px);	
		font-size:1.25em;
		font-weight:900;
		text-align:center;
	}	
	
	.service li img {
		margin:0 calc(50% - 90px) 10px;
		width:180px;
		box-shadow:none;
	}	
	
	.service li h5 {
		margin:0px 0 10px;
		font-size:1.12em;
	}
	
	
	/*newslist*/
	.tabs {}
	
	.tabs li {
		margin:0;
		width:33.3%;	
		font-size:1.25em;
		font-weight:900;
		text-align:center;	
	}
	
	.tabs li a:hover , .tabs li.active a {background:#5d422e;}
	
	.tabs li a {
		padding:10px;
		width:calc(100% - 20px);	
		color:#e6ddd7;
		background:#846955;
		float:left;
	}
	
	
	.tab_content li {
		padding:10px;
		margin:0;
		width:calc(100% - 20px);
		border-bottom:2px solid #e6ddd7;
		float:left;
	}
	
	
	.tab_content li table td.alist {
		width:calc(100% - 150px);
		float:left;
	}
	
	.tab_content li table td.alist h2 {
		color:#846955;
		font-size:1.25em;
		text-shadow:none;
		text-align:left;
	}
	
	.tab_content li table td.alistdate {
		padding:5px 0 0;
		width:150px;
		text-align:right;
		float:left;
	}
	
	
	/*done*/
	#ApListMenu {margin:10px 0;}
	
	#ApListMenu li.ApListSubMenu {
		margin:0 10px 25px;
		width:calc(33.3% - 20px);
		float:left;
		overflow:hidden;
		position:relative;
	}
	
	#ApListMenu li.ApListSubMenu {} 
	
	#ApListMenu li table {width:100%;}
	
	#ApListMenuName{
		margin:auto;
		width:100%;
		height:35px;
		font-size:1.5em;
		font-weight:bold;
		text-align:center;
		position:absolute;
		top:0;
		bottom:0;
	}
	
	#ApListMenuName a {
		color:#fff;
		text-shadow:-1px 0 #000, 0 1px rgba(132,105,85,.8), 1px 0 rgba(132,105,85,.8), 0 -1px rgba(132,105,85,.8);
	}
	
	#ApListPic {
		padding:0;
		width:100%;
		height:300px;
		text-align:center;
		background:-webkit-linear-gradient(#5d422e,#846955);
		background:-o-linear-gradient(#5d422e,#846955);
		background: -moz-linear-gradient(#5d422e,#846955);
		background: linear-gradient(#5d422e,#846955);
		overflow:hidden;
		display:inline-block;
	}
	
	#ApListPic img {
		margin:auto;
		width:auto;
		height:100%;
		-webkit-filter:brightness(.5);
		display: block;
	}
	
	li.ApListSubMenu:hover #ApListPic img,li.ApListSubMenu2:hover #ApListPic img {-webkit-filter:brightness(1);}
	
		
	/*experience*/
	.albumdetail37113 {}
	
	.albumdetail37113 table {margin:15px 0;}
	
	#albumdetail.albumdetail37113 table td span span {
		padding:5px 5px 3px;
		margin:0 calc(50% - 50px) 10px;
		width:90px;
		color:#e6ddd7;
		font-weight:900;
		background:#846955;
		border-radius:5px;
		float:left;
	}
	
	
	/*jobs*/
	.job-info {
		width:100%;
	}
	
	.job-img {
		margin:0 0 0 20px;
		width:50%;
		float:right;
	}
	
	.job-text {width:calc(50% - 20px);}


	.jobs {margin:15px 0;}
	
	.jobs li {
		margin:0 0 15px 0;
		width:100%;
		float:Left;
	}
	
	.jobs li:last-child {margin:0}
	
	.jobs li img {
		margin-right:10px;
		width:25px;
		box-shadow:none;
		float:Left;
	}
	
	.jobs li p {
		margin:3px 0;
		
		width:calc(100% - 35px);
	}
	
  
	/*contact*/
	.contact-info {
		margin:15px 0 10px 30px;
		width:calc(50% - 30px);
		float:right;
	}
	
	.contact-info ul li {
		margin:0 0 15px 0;
		width:100%;
		float:Left;
	}
	
	.contact-info ul li:last-child {margin:0}
	
	.contact-info ul li img {
		margin-right:10px;
		width:25px;
		box-shadow:none;
		float:Left;
	}
	
	.contact-info ul li p {
		margin:3px 0;
		width:calc(100% - 35px);
	}
	
	
	.contact-info ul li a {color:#2f2f2f;}

	.contact-info ul li a:hover {text-decoration:underline;}
	
	
	.contact-form {
		margin:15px 0 ;
		width:50%;
	}
	
	.contact-form table {margin:15px 0 0;}
	
	.contact-form table td {padding:0 0 15px;}
	
	.contact-form table td.td-button input {width:150px;}
	
	.contact-form table td.td-button input#send {float:right;}
	
	
	
	
	
	
	
	
	
	
		
	/*1279*/
	@media screen and (max-width:1279px){
	
	/*header*/	
	#header-body {
		margin:0px 15px 0;
		width:calc(100% - 30px);
	}	
	
	
	/*greeting*/
	#home #greeting {margin:50px 0 0;}
	
	
	.htop {
		bottom:30px;
		right:35px;
	}
	
	
	/*mainside*/
	#mainside {
		padding:40px 15px 0;
		width:calc(100% - 30px);
	}
	
	
	/*company-logo*/
	#company-logo {
		margin:0px calc(50% - 150px);
		width:300px;
	}


	/*mainmenu*/
	#mainmenu {
		margin:0px 0;
		width:100%;
		display:none;
	}
	
	#mainmenu ul li {width:100%;}
	
	#mainmenu ul li a {padding:15px 0;}
		

	/*maincontent*/
	#maincontent {	
		padding:40px 15px 60px;
		margin:50px 0 0;
		width:calc(100% - 30px);
	}
	

	/*foot-greeting*/
	#foot-greeting {
		padding:30px 15px 25px;
		width:calc(100% - 30px);
	}
	
	
	/*footer*/
	#footer {
		padding:20px 15px 15px;
		width:calc(100% - 30px);
	}
	
	
	/*home-hbox-2938*/
	#home-hbox-2938 {}
	
	#home-hbox-2938 .about-info {
		padding:0px 15px;
		margin:10px 0 50px;
		width:calc(100% - 30px);
	}
	
	#home-hbox-2938 .service-info {
		padding:40px 15px 0;
	}
	
		
	/*home-hbox-2937*/
	#home-hbox-2937 {
		padding:20px 15px;
		width:calc(100% - 30px);
	}
	
	
	/*home-hbox-2940*/
	#home-hbox-2940 {
		padding:40px 15px;
		width:calc(100% - 30px);
	}
	
		
	#home-hbox-2940 ul li {
		padding:15px calc(25% - 110px);
		width:220px;
	}
		

	/*about*/
	.focus {
		padding:0px 15px;
		width:calc(100% - 30px);
	}


	.about-info {
		padding:0px 15px;
		margin:30px 0 50px;
		width:calc(100% - 30px);
	}
	
	.service-info {
		padding:45px 15px;
		width:calc(100% - 30px);
	}
		
	
	/*done*/	
	#ApListMenu li.ApListSubMenu {
		margin:0 calc(25% - 150px) 25px;
		width:300px;
	}
	
	#ApListPic {
		padding:0;
		width:100%;
		height:250px;
	}
							
							
	/*hamburger*/
  .bx-pager {display:none;}
  
	.nav-header {
		position:fixed; 
		z-index:9999 !important; 
		float:left;
	}
	
	.mm-page {
		width:100%; 
		float:left;
	}
	
  #hamburger {width:auto !important;}	
  
	#hamburger:before {background:#e6ddd7 !important;}
	
	#hamburger:after {background:#e6ddd7 !important;}
	
	#hamburger span {background:#e6ddd7 !important;}	
	
	.nav-header {background:#5d422e !important;}
	
	
}
	
	
	
	
	
	
	
	
	
	
		
	/*1000*/
	@media screen and (max-width:1000px){
		
	/*greeting*/
	.htop {
		width:40px;
		height:40px;
	}
	
	
	/*maincontent*/
	#maincontent {
		padding:40px 15px 20px;
		min-height:auto;
	}
	

	/*foot-greeting*/
	.left-footer {width:100%;}

	
	.down-company-logo {
		margin:0 calc(25% - 150px);
		width:300px;
	}
	
	
	.footerinfo {
		margin:5px 0 5px 0px;
		width:50%;
	}
	
		
	.right-footer {
		width:100%;
		display:none;
	}

}
	
	
	
	
	
	
	
	
	
	
		
	/*800*/
	@media screen and (max-width:800px){
		
	/*iframe img*/
	iframe {height:350px;}
	
	
	/*foot-greeting*/	
	.down-company-logo {
		margin:0 calc(50% - 165px);
		width:330px;
	}
	
	
	.footerinfo {
		margin:5px calc(50% - 165px);
		width:330px;
	}


	/*home*/
	#home #maincontent {margin:-50px 0 0;}
	
	
	/*home-hbox-2938*/
	#home-hbox-2938 .about-info {margin:0px 0 30px;}
	
	#home-hbox-2938 .service-info {padding:20px 15px 0;}


	/*home-hbox-2937*/
	#home-hbox-2937 {
		padding:10px 15px;
		margin:0px 0 20px;
	}
	
	
	/*home-hbox-2940*/
	#home-hbox-2940 {padding:20px 15px;}
	
	
	/*albumlist*/
	#albumlist table td {
		padding:10px 10px 30px;
		width:calc(50% - 20px);
	}
	
	
	/*albumdetail*/
	#albumdetail table td {
		padding:10px 10px 30px;
		width:calc(50% - 20px);
	}
	

	/*product_list*/
	#product_list table td {
		padding:10px 10px 30px;
		width:calc(50% - 20px);
	}


	/*product_detail*/
	#product_detail {
		margin:0px 0;
		width:100%;
	}
		
	#product_detail #imagecontainer {
		margin:10px calc(50% - 200px) 10px;
		width:400px;
	}	
	
	.briefdesc {
		margin:5px 0 0;
		width:100%;
	}	
	
		
	/*about*/	
	.focus li {
		padding:40px 0 30px;
		margin:0 calc(12.5% - 65px);
		width:130px;	
		font-size:1.25em;
	}


	.about-info {margin:5px 0 30px;}
	
	.about-img {
		margin:0 0 10px;
		width:100%;
	}
	
	.about-text {width:100%;}

	.service-info {padding:25px 15px;}
		

	/*jobs*/
	.job-img {
		margin:0 0 15px;
		width:100%;
	}
	
	.job-text {width:100%;}


	/*contact*/
	.contact-info {
		margin:15px 0 15px;
		width:100%;
	}
	
	.contact-form {
		margin:0px 0;
		width:100%;
	}
	
}
	
	
	
	
	
	
	
	
	
	
		
	/*640*/
	@media screen and (max-width:640px){

	/*title*/
	h1 {font-size:2em;}
	
	h2 {font-size:1.75em;}

	h3 {font-size:1.5em;}

	h4 {font-size:1.25em;}
	
	h5 {font-size:1.12em;}	

		
	/*iframe img*/
	iframe {height:320px;}
			
	
	/*articlelist*/
	.articlelist .main-title h2 {font-size:1.5em;}
	
	
	/*albumlist*/
	#albumlist .main-title h2 {font-size:1.5em;}

	
	/*albumdetail*/
	#albumdetail .main-title h2 {font-size:2em;}	
	
	
	/*product_detail*/	
	#product_detail .main-title h2 {font-size:2em;}	
		
		
	/*about*/	
	.focus {margin:10px 0 10px;}
		
	.focus li {
		padding:65px 0 55px;
		margin:0 calc(25% - 90px) 20px;
		width:180px;	
		font-size:1.5em;
	}
	
	
	.service {
		margin:20px 0;
		width:100%;
	}

	.service li {
		margin:0 15px 15px;
		width:calc(50% - 30px);	
	}	


	/*newslist*/
	.tabs li {font-size:1em;}
	
	.tab_content li table td.alist {width:100%;}
	
	.tab_content li table td.alistdate {
		padding:0 0;
		width:100%;
		text-align:left;
	}
	
	
	/*done*/
	#ApListMenu li.ApListSubMenu {
		margin:0 calc(50% - 145px) 25px;
		width:290px;
	}
	
	#ApListPic {
		padding:0;
		width:100%;
		height:250px;
	}
	
	
}	
	
	
	
	
	
	
	
	
	
		
	/*480*/
	@media screen and (max-width:480px){
		
		
	/*iframe img*/
	iframe {height:280px;}
			
				
	/*company-logo*/
	#company-logo {
		margin:0px calc(50% - 145px);
		width:290px;
	}
	
	
	/*foot-greeting*/	
	.down-company-logo {
		margin:0 calc(50% - 145px);
		width:290px;
	}
	
	
	.footerinfo {
		margin:5px calc(50% - 145px) 15px;
		width:290px;
	}
	
	.footerinfo li img {
		margin:5px 10px 0 0;
		width:20px;
	}
	
	.footerinfo li p {
width:calc(100% - 30px);}
	
			
	/*albumlist*/
	#albumlist table td {
		padding:10px 10px 30px;
		width:calc(100% - 20px);
	}
	
	
	/*albumdetail*/
	#albumdetail table td {
		padding:10px 10px 30px;
		width:calc(100% - 20px);
	}
	

	/*product_list*/
	#product_list table td {
		padding:10px 10px 30px;
		width:calc(100% - 20px);
	}

	
	/*home-hbox-2940*/		
	#home-hbox-2940 ul li {
		padding:15px calc(50% - 110px);
		width:220px;
	}
	
	
	/*product_detail*/		
	#product_detail #imagecontainer {
		margin:10px 0 10px;
		width:100%;
	}	
	
	/*about*/	
	.focus li {
		padding:65px 0 55px;
		margin:0 calc(50% - 90px) 20px;
		width:180px;	
		font-size:1.5em;
	}
	

	.service li  {
		margin:0 15px 30px;
		width:calc(100% - 30px);	
	}	

	
	/*contact*/
	.contact-form table td.td-button input {margin:0 calc(50% - 75px) 15px;}
	
	.contact-form table td.td-button input#send {margin:0 calc(50% - 75px);}
	
	
}