﻿/*reset css*/
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}

/* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
    body {line-height: 1;}
    ol, ul {list-style: none;}
    blockquote, q {quotes: none;}
    blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
    table {border-collapse: collapse; border-spacing: 0;}
/**/        
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
	table {border-collapse:collapse;border-spacing:0;}
	fieldset,img {border:0;}
	address,caption,cite,code,dfn, th,var {font-style:normal;font-weight:normal;}
	ol,ul {list-style:none;}
	caption,th {text-align:left;}
	h1,h2,h3,h4,h5,h6 {}	
	q:before,q:after {content:'';}
	abbr,acronym {border:0;}
	pre{font-size: 1em ;}
	a {text-decoration: none;outline:none; color:#154990;cursor: pointer;}
  a:hover {color:#006ce6;}
	br{letter-spacing: normal;}
	:focus {outline: 0;}
	/*.nivo-directionNav {display:none;}
	.nivo-main-image {display:none;}
	.nivo-caption {}*/

	/*grayBG2*/
	#grayBG2 {
		background: rgba(0, 0, 0, .7);
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 9998;
	}
	#LightBox2.box_content {
		background: #ffffff;
		color: #585858;
		line-height: 20px;
		min-height: 280px;
		padding: 40px 20px;
		position: fixed;
		left: calc(50% - 325px);
		top: 10%;
		text-align: center;
		width: 610px;
		z-index: 99999;
	}
	.poptitle {color: #006598;font-size: 20px;width: 100%;}
	.popbody {font-size: 15px;margin: 15px 0 15px;width: 100%;}
	.popbody ul {margin: 0 auto;text-align: left;width: 370px;}
	.popbody li {margin: 8px 0;width: 100%;}
	.popbody li .information {
		background: #fc0;
		color: #fff;
		display: inline-block;
		font-weight: bold;
		line-height: 20px;
		margin-left: 5px;
		position: relative;
		text-align: center;
		text-shadow: 0 0 5px #111111;
		width: 20px;
		-webkit-border-radius: 100%;
			 -moz-border-radius: 100%;
						border-radius: 100%;
	}
	.popbody li .information div {
		display: none;
		height: 150px;
		padding: 30px 30px;
		position: absolute;
		right: 20px;
		top: 0;
		width: 360px;
	}
	.popbody li .info-serial div {
		background: rgba(0, 0, 0, .7) url(graphics/product-serial-number.jpg) center center no-repeat;
		background-size: 360px;
	}
	.popbody li .info-authentication div {
		background: rgba(0, 0, 0, .7) url(graphics/product-authentication-number.jpg) center center no-repeat;
		background-size: 360px;
	}
	.popbody li .information:hover div {display: block;}
	.popbody input.textbox {
		border: 1px solid #9b9b9b;
		float: none;
		font-size: 15px;
		height: 38px !important;
		padding: 0 6px !important;
		width: 318px !important;
	}
	.popbody .note {
		border-bottom: 8px solid #def4ff;
		border-top: 8px solid #def4ff;
		font-size: 11px;
		line-height: 20px;
		margin: 10px auto 0;
		padding: 5px 0;
		width: 90%;
	}
	.LightBoxbutton2 {text-align: center;width: 100%;}
	.LightBoxbutton2 li {line-height: 48px;}
	.LightBoxbutton2 li * {
		border: none;
		color: #ffffff;
		cursor: pointer;
		height: 48px;
		margin: 0 auto;
		width: 100px;
	}
	#login input[type="button"] {
		background: #006ba1;
		display: block;
		font: normal 17px "Microsoft JhengHei","PMingLiU";
	}
	.LightBoxbutton2 a {
		background: #c75900;
		display: block;
		font-size: 17px;
	}
	/*Bundle Download*/
	.bundle-download {line-height: 60px;margin: 0 auto 25px;width: 270px;}
	.bundle-download a {
		background: #0c618c;
		color: #ffffff;
		display: block;
		font-size: 24px;
		font-weight: bold;
	}
	.popbody span {color: #db3401;}
	/*Option Download*/
	.pop-model {
		color: #4b4b4b;
		font-size: 24px;
		margin: 0 0 25px;
		width: 100%;
	}
	.popbody ul span {
		background: url(graphics/icon-star.png) 4px center no-repeat;
		color: #c75900;
		display: block;
		margin: 5px 0 0;
		padding-left: 20px;
	}
	.popbody ul span a {color: #c75900;text-decoration: underline;}
	/*Option Download Checkout*/
	.option-checkout table, .option-history table {margin: 0 0 10px;text-align: center;width: 100%;}
	.option-checkout table th, .option-history table th {
		background: #ebebeb;
		color: #2c2c2c;
		font-weight: bold;
		text-align: center;
		padding: 5px 2px;
	}
	.option-checkout table td, .option-history table td {border-bottom: 1px solid #c0c0c0;font-size: 14px;padding: 8px 5px;}

	table .option-checkout-checkbox {width: 15px;}
	table .option-checkout-name, table .option-history-name {text-align: left;width: 280px;}
	table .option-checkout-name a, table .option-history-name a {color: #ba2300;}
	table .option-checkout-name span, table .option-history-name span {color: #c75900;display: block;}
	table .option-checkout-price, table .option-history-total {width: 75px;}
	table .option-checkout-date {}
	table .option-checkout-date span {color: #c75900;}
	.option-checkout-total {font-size: 25px;margin: 5px 0 20px;text-align: right;}
	.option-checkout-total span {color: #ba2300;}
	/**/
	.popbody .poptitle {border-top: 8px solid #def4ff;padding: 15px 0;}
	table .option-history-date {}
	table .option-history-receipt {min-width: 45px;}
	table .option-history-receipt a {background: #c75900;color: #ffffff;padding: 5px;}
	#LightBox2.box_content #checkout {list-style: none;margin: 1.5em 0 1em;}
	/*receipt*/
	#order-detail {margin: 2em auto;}
	#order-detail table {border-top:  8px solid #def4ff;margin: 0 0 2em;}
	#order-detail td {border-bottom: 1px solid #c0c0c0;padding: 8px 5px;}
	#order-detail .address_info .res_cell1, #order-detail .address_info .res_cell2, #order-detail .order_receipt .res_cell1 {
		color: #006598;
		text-align: right;
		padding: 8px 15px 8px 5px;
		width: 80px;
	}
	#order-detail table.order_detail-list {border: none;}
	#order-detail .order_detail-list .order_detail-list-header td {
		background: #ebebeb;
		border: none;
		color: #2c2c2c;
		font-weight: bold;
		padding: 5px 2px;
	}
	#order-detail .order_detail-list td {text-align: center;}
	#order-detail .order_detail-list .order-detail-total .res_cell1 {font-size: 25px;text-align: right;width: 75%;}
	#order-detail .order_detail-list .order-detail-total .res_cell2 {color: #ba2300;font-size: 25px;text-align: left;}
	/*download-area*/
	.download-area li {display: inline-block;width: auto;}
	.download-area li a {
		background: #006ba1;
		color: #ffffff;
		padding: 5px 10px;
	}
/*need login to download the file*/
	#download-error {
		background: url(graphics/logo.jpg) center top no-repeat;
		margin: 2em auto;
		max-width: 100%;
		padding: 80px 0 0;
		text-align: center;
		width: 600px;
	}
	#download-error .login-required {
		border-top:  8px solid #def4ff;
		color: #7c7c7c;
		font-size: 25px;
		padding: 1em 0 0;
	}
/**/
	#order-finish .main-body {
		font-size: 18px;
		text-align: center;
	}
	#order-finish .main-body b {
		color: #ba2300;
		font-size: 25px;
		text-align: center;
	}
	input[value="Pay"] {
		background: #fc0;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size: 18px;
		font-weight: bold;
		height: 48px;
		padding: 5px 25px;
		text-shadow: 0 0 5px #111111;
		text-transform: uppercase;
	}
/*****************************/
	body {overflow-x:hidden; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4; font-size:14px; color:#202020;}	
	body #artboard.lgid8 {font-family:arial;}
        
	#artboard {/*width:63.5%;*/ width:100%; margin:0 auto;}	
	#artboardbody {width:100%; float:left;}
	h1 {color:#7c7c7c; font-size:30px; border:1px solid #c0c0c0; border-left:none; border-right:none; margin:0px 0px 24px 0px; padding:15px 5px;line-height:40px;}
	h2 {color:#207ebc; font-size:22px; margin:20px 0;} 
	h3 {color:#783e00; font-size:20px; margin-bottom:10px;}
	/*header*/	
	header {width:100%; float:left; margin-top:10px;}
	headerbody {width:99%; margin-right:1%; min-width:610px; float:right; text-align:right;}
	header ul li {display:inline-block; }
	#links {width:50px; margin-top:2px; text-align:right;}
	#search {width:224px; margin-right:12px; padding:2px 0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#ededed url(graphics/search.png) no-repeat left center;}
	input.textbox {float:left; font-size:12px; color:#1f1f1f; width:124px; padding:2px 0 2px 20px; border:none; background:none;}
	.i-button#sub-seach {width:80px; float:left;}
	.i-button .main-button {text-align:center; font-family:"Ebrima"; font-size:12px; text-transform:uppercase; border:none; background:none; border-left:1px solid #666; cursor:pointer; width:80px;}
	#lang-search {width:280px; margin-right:10px;}
	p.countrytext {font-size:13px; margin-top:4px; padding-top:3px; color:#0961ad; margin-right:15px; width:auto; text-align:right; float:right;}
	button.global-searchbtn {font-size:13px; width:auto; float:right; font-family:"Ebrima"; color:#fff; padding:0 10px 2px 10px; height:24px; text-transform:uppercase; background:none; border:none; cursor:pointer; background:url(graphics/menubk.jpg) repeat-x bottom center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
	/*nav-global-header*/
	#nav-global-header {display:none; width:100%; float:left; max-height:398px; background:url(graphics/languagebk.jpg) repeat-x left top;}
	.global-close {cursor:pointer; width:90px; height:55px; padding:auto 10px; float:right; background:#d2ebf3;}
	a.global-close {font-size:12px; color:#79c7e2; width:auto; margin:auto;}
	a.global-close span {display:inline-block; margin:7px auto 0 5px; font-size:40px; color:#34aad2; font-weight:bold; font-family:"AvantGarde bk bt";}
	#container-local {width:1150px; margin:0 auto; padding-top:20px; min-height:100px; }
	.container-global-open {}
  #container-local img {width:100%; max-width:601px; height:auto; float:left;}
	ul.nav-global-select {width:auto; float:left; margin:2% 0 0 0;}
	ul.nav-global-select li {display:table; width:100%;}
	p.area-name {width:127px; float:left; background:#568baf; padding:3px 10px; text-align:center; border-radius: 3px; font-size:14px; font-family:"Ebrima"; color:#fff;}
	ul.nav-global-select li ul {width:auto; float:left; margin:2px 0 18px 20px;}
	ul.nav-global-select li ul li {width:auto; float:left; margin-right:10px;}
	ul.nav-global-select li ul li a {font-size:14px; color:#676767; font-family:"Ebrima","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
  #google-translator {width:auto; float:left;}
  #container-local #google-translator span {width:auto; float:none; margin-top:4px;}
  #container-local span a.goog-logo-link img {height:13px; width:37px; float:none;}
  .skiptranslate.goog-te-gadget {font-size:11px;}
  .skiptranslate.goog-te-gadget select {font-size:12px;}
  
  /*menu*/	
	#he-logo { margin-left:1%; width:auto; float:left;}
 
  /*main menu css configuration */ 
  #mainmenu {position:relative; z-index:999; width:100%; float:right;}
	#mainmenu-body {width:80%; float:right; margin-top:7px; text-align:right;}
  #mainmenu ul {width:auto; float:right;}
	#mainmenu ul li {position: relative; width:auto; float:left; text-align:center !important; margin:0 0px 0 1px;}
	#mainmenu ul li a {color:#1f1f1f; width:auto; float:left; text-align:center !important; display:block; font-size:16px; line-height:26px; padding:5px 20px;}      
  #mainmenu ul li a:active {background:#276eab; color:#fff !important;} 
  #mainmenu ul li a.activearrow {color:#276eab color:#fff !important; }
  #mainmenu ul li a:hover {background:#276eab; color:#fff !important;}
  #mainmenu .mainend {display:none;}
  #mainmenu .mainstart {display:none;}
  #undermenu-body li.adminend {display:none;}
  #mainmenu ul li#mainmenu-10128 {background:url(graphics/scart.png) no-repeat left center; text-align:center !important;}
  #mainmenu ul li#mainmenu-10128 a {padding:5px 20px 5px 36px;}
  #mainmenu ul li#mainmenu-10128 a:hover {background:#276eab url(graphics/scart-w.png) no-repeat left center;}
  /*css for dropdown menu*/
  #mainmenu ul li ul {position: absolute; z-index:99999; display:none; top:36px; right:0px; width:160px; border-top:3px solid #acacac; text-align:center !important;}
  #mainmenu ul li ul li {margin:0; display:block; background:#276eab; border-bottom:1px #fff solid; width:160px; text-align:center !important;}
  #mainmenu ul li ul li a {text-align:center !important; display:block; text-decoration:none; font-size:12px; width:120px; color:#fff !important;}
  #mainmenu ul li ul li:hover {}
  #mainmenu ul li ul li a:hover {background:none;}
  #mainmenu ul li#mainmenu-10128 ul {}
  #mainmenu ul li#mainmenu-10128 ul li {background:none;}
  #mainmenu ul li#mainmenu-10128 ul li a {padding:5px 20px; background:#276eab;}
  #mainmenu ul li#mainmenu-10128 ul li a:hover {background:#276eab;}
  #mainmenu ul li ul li ul {border:none; position:relative; padding:0px; margin:0px; left:0px; top:0px }
  #mainmenu ul li ul li ul li {border:none; background:#3a85c5;}
  #mainmenu ul li ul li ul li a {}
  #mainmenu ul li ul li ul li a:hover{}
  #mainmenu li.over ul,#mainmenu li.over ul li.over ul,#mainmenu li.over ul li.over ul li.over ul{display:block;}
  #mainmenu li.over ul li ul,#mainmenu li.over ul li.over ul li ul{display:block;}	
  
  /*#artboard.lgid3 - #mainmenu*/
  #artboard.lgid3 #mainmenu ul li ul {z-index:99;}
  #artboard.lgid3 #mainmenu ul li ul li {word-break: break-all;}
  /*#artboard.lgid4 - #mainmenu*/
  #artboard.lgid4 #mainmenu ul li ul {right:0px; width:180px;}
  #artboard.lgid4 #mainmenu ul li ul li {margin:0; display:block; background:#276eab; border-bottom:1px #fff solid; width:180px; text-align:center !important;}
  #artboard.lgid4 #mainmenu ul li ul li a {text-align:center !important; display:block; text-decoration:none; font-size:12px; width:140px; color:#fff !important;}
  /*#artboard.lgid4 - #mainmenu*/
  #artboard.lgid8 #mainmenu ul li a {font-family:arial;}
  
  /**/
	#content {width:68%; margin:0 16%; padding:20px 0 40px 0; float:left;}
	#maincentent {line-height:23px;}
	/*product search*/
	body#menu_10075 .productsearch {display:block !important;}
	.productsearch {text-align:right; width:auto; position:absolute; right:16%; margin-top:10px; float:right;}
	.productsearch form {width:auto; float:right;}	
	.productsearch select {padding:3px 2px; font-size:16px; color:#4e4e4e; background:#f2f2f2; border:none; margin-right:8px; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
	select.Category {width:190px; padding:5px 0;}   
	select.Model {width:190px; padding:5px 0;}
	.productsearch input {border:none; text-shadow:0px 0px 5px #666; float:right; padding:6px 16px; font-weight:bold; background:#c7713d; cursor:pointer; text-transform:uppercase; color:#fff; font-size:15px; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
  /**/
	index-news {width:100%; float:left; border:1px solid #c0c0c0; border-left:none; border-right:none; margin-bottom:19px;}
  index-newsbody {width:90%; padding:36px 5% 0 5%; float:left; height:185px; margin:9px 0; overflow:hidden; background:#505050 url(graphics/newsbk.jpg) no-repeat top center;}
  /*newstitle*/
  #index-news-top {text-align:right; padding:1.5% 1%; margin-right:5%; margin-top:9px; font-family:"Century Gothic"; background:url(graphics/newsbk.png) repeat top left; width:236px; height:auto; max-height:131px; float:left; -webkit-box-shadow:3px 3px 10px #000;	-moz-box-shadow:3px 3px 10px #000;	box-shadow:3px 3px 10px #000;}
  #artboard.lgid8 #index-news-top {margin-top:0px; font-family:arial;}
  #index-news-top strong {text-align:center; font-size:36px; color:#fff; display:block; font-weight:bold; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4; text-shadow:0px 0px 6px #000;}
  #artboard.lgid8 #index-news-top strong {font-family:arial;}
  #artboard.lgid8 #index-news-top strong span {font-family:arial;}
  #index-news-top strong span {display:block; font-size:14px; color:#303030; margin:3px auto 10px auto; text-shadow:none; font-weight:400;}
  #index-news-top span.more {display:block; background:#a83131; width:40%; min-width:138px; font-size:13px; font-weight:bold; padding:3px; margin:0 auto; text-align:center; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
  #index-news-top span.more a {color:#fff; display:block; text-shadow:0px 0px 3px #000;}
  /*#artboard.lgid2 - index-news*/
  #artboard.lgid2 #index-news-top strong {text-align:center; font-size:30px; color:#fff; display:block; font-weight:bold; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4; text-shadow:0px 0px 6px #000;} 
  /*#artboard.lgid3 - index-news*/
  #artboard.lgid3 #index-news-top strong {text-align:center; font-size:27px; color:#fff; display:block; font-weight:bold; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4; text-shadow:0px 0px 6px #000;} 
  /*#artboard.lgid4 - index-news*/
  #artboard.lgid4 #index-news-top strong {text-align:center; font-size:27px; color:#fff; display:block; font-weight:bold; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4; text-shadow:0px 0px 6px #000;} 
 
  /*news*/
  #textcontent {width:60%; float:left; margin-top:12px;}
  .home-news-date {width:15%; float:left; height:22px; margin-bottom:18px;}
  #artboard.lgid8 .home-news-date {height:20px;}
  .home-news-date a {font-size:18px; font-family:"Franklin Gothic book"; color:#b7e3ff;}
  .home-news-title {width:85%; float:right; height:22px; overflow:hidden; margin-bottom:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#fff;}
  #artboard.lgid8 .home-news-title {height:20px;}
  .home-news-title a  {font-size:18px; color:#fff;}
  /*qrcode*/  
  #qrcode {width:auto; float:right;} 
	#footermenu {width:100%; padding:0%; float:left;}
	.footermenubody {width:80%; float:left; padding:5px 0 15px 0;}
	.footermenubody ul li {float:left; text-align:center; width:18%; margin-right:2%; min-height:100px; }
	.footermenubody ul li a {color:#003d79; display:block; font-size:16px; font-weight:bold; margin-bottom:34px;}
	.footermenubody ul li ul li {width:100%; min-height:10px; float:left;}
	.footermenubody ul li ul li a {margin-bottom:16px; font-weight:400; font-size:14px; color:#060507;}	
  .alink {width:20%; float:right;}
  .alinkbody {width:310px; float:left; text-align:left;} 
  a.registration, a.contactus {margin-bottom:10px; display:block; }
  a.avisionshop {margin-top:-213px; width:auto; float:right;}  
  a.registration img, a.contactus img {max-width:95px; width:100%; height:auto;}
  a.avisionshop img {max-width:203px; width:100%; height:auto;}  
  /*#artboard.lgid2 - .alink*/
  #artboard.lgid2 .alink {display:none;}
  #artboard.lgid2 .footermenubody {width:100%; float:left; padding:5px 0 15px 0;}
  #artboard.lgid2 .footermenubody ul li {float:left; text-align:center; width:23%; margin:0 1%; min-height:100px;}
  #artboard.lgid2 .footermenubody ul li ul li {width:100%; min-height:10px; float:left;}
  /*#artboard.lgid3 - .alink*/
  #artboard.lgid3 .alink {display:none;}
  #artboard.lgid3 .footermenubody {width:100%; float:left; padding:5px 0 15px 0;}
  #artboard.lgid3 .footermenubody ul li {float:left; text-align:center; width:23%; margin:0 1%; min-height:100px;}
  #artboard.lgid3 .footermenubody ul li ul li {width:100%; min-height:10px; float:left;}
  /*#artboard.lgid4 - .alink*/
  #artboard.lgid4 .alink {display:none;}
  #artboard.lgid4 .footermenubody {width:100%; float:left; padding:5px 0 15px 0;}
  #artboard.lgid4 .footermenubody ul li {float:left; text-align:center; width:23%; margin:0 1%; min-height:100px;}
  #artboard.lgid4 .footermenubody ul li ul li {width:100%; min-height:10px; float:left;}
   
	/*footer*/	
	footer {width:98%; height:20px; padding:6px 1% 0 1%; float:left; background:url(graphics/footer.jpg) repeat-x bottom left; }	
	#undermenu {width:30%; float:left;}
	#undermenu ul li {display:inline; margin-right:3%;}
	#undermenu ul li a {color:#c8c8c8; font-size:13px;}
	#copyright {width:70%; text-align:right; float:right; color:#595959; font-size:11px;}
	#copyright span {color:#5a86bd; margin-right:20px;}	
	/*#artboard.lgid2 - #undermenu*/
	#artboard.lgid2 #undermenu {width:55%; float:left;}
	#artboard.lgid2 #copyright {width:45%;}
	/*home*/
  /*java*/
 
  /* #flash-box {position:relative; left:50%; margin-left:-1000px !important; width:2000px; float:left; border-top:1px solid #c0c0c0; margin:8px 0 0 0;}
  .slider-wrapper {width:2000px; float:left; text-align:center; text-align:center;}
  #slider {width:2000px; margin:0 auto; text-align:center;}
  .slider-wrapper img {width:2000px; height:auto !important; text-align:center; }*/
  #flash-box {position:relative; left:0%; margin-left:0px !important; width:100%; float:left; border-top:1px solid #c0c0c0; margin:8px 0 0 0;}
  .slider-wrapper {width:100%; float:left; text-align:center; text-align:center;}  
  #slider {width:100% !important; margin:0 auto; text-align:center;}
  .slider-wrapper img {width:100% !important; height:auto !important; text-align:center; }
  
  .nivo-caption {display:none !important; padding:10px; width:100%; height:100px; min-height:90px; max-height:100px;}
  .nivo-controlNav {z-index:100; position:relative; width:100%; max-width:2000px; margin-top:-40px; height:0px !important;}
  .nivo-slice, .nivo-box {display:none !important;}
  /*productlist*/
  productlist {width:100%; float:left; padding-bottom:18px; margin-bottom:20px; border-bottom:1px solid #c0c0c0;}
  productlist ul {width:98.5%; float:left; margin:0px 0px 0px 1.5%;}
	productlist ul li {width:19.3%; min-width:229px; height:290px; overflow:hidden; float:left; margin:0 10px 0px 0; background:#d0d0d0;}
	productlist ul li ul {width:100%; margin:0;}
	productlist ul li ul li {padding:0; margin:0; width:100%; height:auto; background:none;}
	productlist ul li ul li.recommend-img {width:100%; min-width:229px; height:290px; overflow:hidden; text-align:center;}
	productlist ul li ul li.recommend-img img {width:100%; max-width:229px; height:auto; }	
	productlist ul li ul li.recommend-info {background:#000; float:left; height:290px; width:92%; padding:0 4%; line-height:26px; overflow:hidden; filter:alpha(opacity=80);opacity:0.8; position:relative; top:-290px; z-index:100;}				
	productlist ul li ul li.recommend-info ul li.recommend-title {width:88%; font-size:20px; color:#fff; padding:3% 6%; text-align:right; float:left;}
  productlist ul li.recommend-brief {position:relative; width:100%; height:230px; overflow:hidden; float:left;} 
  productlist .morelink {position:absolute; bottom:0px; width:90%; float:left; padding:10px 1%; text-align:right; background:#000;}
  productlist .morelink a { padding:5px 15px; width:auto; float:right; background:#127d9f;}
	productlist .morelink a span { color:#fff; font-weight:bold; font-size:12px;}
	productlist ul li ul li a, productlist ul li ul li a:hover {color:#fff;}
 
  /*#artboard.lgid2 - li.recommend-title*/
	#artboard.lgid2 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:18px; color:#fff; padding:3.5% 4%; text-align:right; float:left;} 
	#artboard.lgid2 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:14px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:23px; float:left;}
	#artboard.lgid2 ul li.recommend-brief span {display:block; width:120px; float:right; text-align:center; margin-top:15px; background:#5a86bd; color:#fff; font-size:16px; padding:5px 0; }
	#artboard.lgid2 productlist ul#productlisttop li {overflow:hidden;}
	#artboard.lgid2 productlist ul li ul li.recommend-info {top:-48px}
	#artboard.lgid2 productlist ul li ul li.recommend-info img {display:none;}

  /*#artboard.lgid3 - li.recommend-title*/
	#artboard.lgid3 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:18px; color:#fff; padding:3.5% 4%; text-align:right; float:left;line-height:18px;} 
	#artboard.lgid3 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:14px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:18px; float:left;}
	#artboard.lgid3 ul li.recommend-brief span {display:block; width:120px; float:right; text-align:center; margin-top:15px; background:#5a86bd; color:#fff; font-size:16px; padding:5px 0; }
	#artboard.lgid3 productlist ul#productlisttop li {overflow:hidden;}
	#artboard.lgid3 productlist ul li ul li.recommend-info {top:-48px}
	#artboard.lgid3 productlist ul li ul li.recommend-info img {display:none;}
	
	/*#artboard.lgid4 - li.recommend-title*/
	#artboard.lgid4 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:18px; color:#fff; padding:4% 4%; text-align:right; float:left;line-height:18px;} 
	#artboard.lgid4 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:14px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:18px; float:left;}
	#artboard.lgid4 ul li.recommend-brief span {display:block; width:120px; float:right; text-align:center; margin-top:15px; background:#5a86bd; color:#fff; font-size:16px; padding:5px 0; }
	#artboard.lgid4 productlist ul#productlisttop li {overflow:hidden;}
	#artboard.lgid4 productlist ul li ul li.recommend-info {top:-48px}
	#artboard.lgid4 productlist ul li ul li.recommend-info img {display:none;}
	
	/*#artboard.lgid5 - li.recommend-title*/
	#artboard.lgid5 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:18px; color:#fff; padding:3.5% 4%; text-align:right; float:left;line-height:18px;} 
	#artboard.lgid5 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:14px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:18px; float:left;}
	#artboard.lgid5 ul li.recommend-brief span {display:block; width:120px; float:right; text-align:center; margin-top:15px; background:#5a86bd; color:#fff; font-size:16px; padding:5px 0; }
	#artboard.lgid5 productlist ul#productlisttop li {overflow:hidden;}
	#artboard.lgid5 productlist ul li ul li.recommend-info {top:-48px}
	#artboard.lgid5 productlist ul li ul li.recommend-info img {display:none;}
	
	/*#artboard.lgid6 - li.recommend-title*/
	#artboard.lgid6 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:18px; color:#fff; padding:1.5% 4%; text-align:right; float:left;line-height:18px;} 
	#artboard.lgid6 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:14px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:18px; float:left;}
	#artboard.lgid6 ul li.recommend-brief span {display:block; width:120px; float:right; text-align:center; margin-top:15px; background:#5a86bd; color:#fff; font-size:16px; padding:5px 0; }
	#artboard.lgid6 productlist ul#productlisttop li {overflow:hidden;}
	#artboard.lgid6 productlist ul li ul li.recommend-info {top:-48px}
	#artboard.lgid6 productlist ul li ul li.recommend-info img {display:none;}
	
	/*#artboard.lgid7 - li.recommend-title*/
	#artboard.lgid7 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:18px; color:#fff; padding:3.5% 4%; text-align:right; float:left;line-height:18px;} 
	#artboard.lgid7 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:14px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:18px; float:left;}
	#artboard.lgid7 ul li.recommend-brief span {display:block; width:120px; float:right; text-align:center; margin-top:15px; background:#5a86bd; color:#fff; font-size:16px; padding:5px 0; }
	#artboard.lgid7 productlist ul#productlisttop li {overflow:hidden;}
	#artboard.lgid7 productlist ul li ul li.recommend-info {top:-48px}
	#artboard.lgid7 productlist ul li ul li.recommend-info img {display:none;}
	 
	/*#artboard.lgid8 - li.recommend-title*/
	#artboard.lgid8 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:18px; color:#fff; padding:3.5% 4%; text-align:right; float:left;line-height:18px;} 
	#artboard.lgid8 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:14px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:18px; float:left;}
	#artboard.lgid8 ul li.recommend-brief span {display:block; width:120px; float:right; text-align:center; margin-top:15px; background:#5a86bd; color:#fff; font-size:16px; padding:5px 0; }
	#artboard.lgid8 productlist ul#productlisttop li {overflow:hidden;}
	#artboard.lgid8 productlist ul li ul li.recommend-info {top:-48px}
	#artboard.lgid8 productlist ul li ul li.recommend-info img {display:none;}
	
	/*#artboard.lgid9 - li.recommend-title*/
	#artboard.lgid9 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:18px; color:#fff; padding:3.5% 4%; text-align:right; float:left;line-height:18px;} 
	#artboard.lgid9 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:14px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:18px; float:left;}
	#artboard.lgid9 ul li.recommend-brief span {display:block; width:120px; float:right; text-align:center; margin-top:15px; background:#5a86bd; color:#fff; font-size:16px; padding:5px 0; }
	#artboard.lgid9 productlist ul#productlisttop li {overflow:hidden;}
	#artboard.lgid9 productlist ul li ul li.recommend-info {top:-48px}
	#artboard.lgid9 productlist ul li ul li.recommend-info img {display:none;}
	
	
	/*home end*/
	/*about avision-menu02*/	
	.aboutleft {width:95%; margin:0 auto; }
	.aboutleft p {line-height:26px; margin-bottom:20px;}
	.aboutright {width:95%; margin:30px auto;}
	.aboutright .about {width:398px; height:166px; margin-right:3%; float:left; padding:40px 30px 30px 30px; background:url(graphics/aboutusearthbk.jpg) no-repeat top left;}
	.aboutright iframe {width:max-width:600px; float:left; border:1px solid #bbb;}
	/*news-menu02-1*/
	table.pspectable {width:100% !important; }
	table.pspectable tr td {padding:10px; border-bottom:1px solid #ddd;}
	tr.pstitle {font-size:16px; background:#eee;}
	table.pspectable tr.pstitle td {padding:20px 10px;}
	.pstitle2, .pspeccell, .pspectable .main-body {display:none;}
	.pstitle1 {width:85%; text-align:left;}
  .pstitle3, .pspecd {width:15%; text-align:center;}
	table.pspectable .pspecd {font-size:14px;}
  .pspec {width:80%; text-align:left;}
	.pspec a {color:#3d76aa; display:block;}
  table.pspectable td.psfoot {padding-top:18px; text-align:center; border:none;}
	.psfoot a {color:#3d76aa; display:inline-block;}
  /*newslist*/
	p.post-date {display:block; margin-top:40px; margin-bottom:10px; padding:20px 10px; font-size:20px; border:1px solid #ddd; border-left:none; border-right:none;}
	p.go-back {background:#3d76aa; width:150px; margin:0 auto; font-weight:bold; text-transform:uppercase; }
	p.go-back a { color:#fff; display:block; padding:20px;}
	p.go-back:hover {background:#649ccf;}
	#posting-detail {width:100%; text-align:center;}
	#posting-detail img {/*width:100%; max-width:950px;*/ height:auto;}
	#autowidth img {width:100%; max-width:950px; height:auto;}
	
	#txtHint {color:red; font-size:10px;}
	
	/*catalog-menu04*/
 	#catalog_display.main-category {display:none;}
 	/*avision products*/
 	.avisionproducts {width:100%; text-align:center;}
 	.avisionproducts iframe {width:100%; height:450px; margin-bottom:15px;}
 	.avisionproducts p {margin-top:10px;}
  ul.productlist {width:100%;}
	ul.productlist li {width:19.2%; max-width:255px; text-align:center; float:left; margin:0 0.4%; background:#d0d0d0;}
	ul.productlist li span {display:block; padding:15px 10px; background:#333; font-size:16px; height:35px;}
  ul.productlist li a {color:#fff;}
  ul.productlist img {width:100%; max-width:229px; height:auto;} 	 
 	/*LIST*/
 	#stage {text-align:center; width:100%; float:left; margin-top:25px; padding-top:40px; background:url(graphics/proiconbk.jpg) no-repeat center top;} 	
 	/*.product {display:inline-table; width:16%; margin:0 4px 35px 4px; text-align:center;}*/
 	.product {display:inline-table; width:16%; float:left; margin:0 20px 35px 20px !important; text-align:center;}
 	.product img {max-width:245px; height:auto;}
 	.description {background:#5c84ac;}
 	.description a {color:#fff; font-size:15px; display:block; padding:5px 0;}
 	#loading {width:100%; float:left; text-transform:uppercase; text-align:center;}
 	span.loading {padding:8px 0; color:#333; font-weight:bold; background:url(graphics/load.png) no-repeat center top; -webkit-box-shadow: 0 0 12px 10px #fff; -moz-box-shadow: 0 0 12px 10px #fff; box-shadow: 0 0 12px 10px #fff;} 	
 	/*.product img {width:100%; height:auto; max-width:250px;}*/
  ul.producttop {width:100%; line-height:20px;}
  ul.producttop li {width:48%; float:left; margin:0 1%;}
  ul.producttop li.proimg {text-align:center;}
  ul.producttop li p {margin-bottom:15px;}
  ul.producttop li.proimg img {width:100% !important; height:auto; max-width:290px !important;} 
  /*catalog_detail*/
  #catalog_detail {width:100%; float:left;}
  #main_picture {width:20%; margin-left:10%; float:left; margin-top:20px; text-align:center;}
  #main_picture img {width:100%; height:auto; max-width:245px;}
  #picture-info {width:auto; margin-top:5px;}
  #picture-info a {display:block; color:#2b2b2b; min-width:100px; padding:3px 15px 3px 40px; font-size:15px;}
  #scanner-compare {width:100%; float:left; margin-bottom:4px; border:1px solid #b9b9b9; text-align:left; background:url(graphics/arrow-green.jpg) no-repeat center left;}
  #caption {width:100%; height:33px; float:left; border:1px solid #b9b9b9; text-align:left; background:url(graphics/arrow-green.jpg) no-repeat center left;}
  #basic_spec {margin-top:20px; line-height:24px; text-align:left; width:53%; padding:1% 3%; margin-left:1%; margin-right:10%; float:right; height:345px; overflow:auto; background:url(graphics/brief.jpg) repeat-x top left;}
  .prod-inner-title {text-align:left; padding:20px 0; color:#207ebc; font-size:22px; margin:20px 0; margin:0; width:100%; float:left;}
  p.detail_briefdesc {display:block; width:100%; float:left;}
  #spec-logos {width:80%; margin:40px 10% 0 10%; float:left; text-align:left; padding-bottom:25px; border-bottom:1px solid #ddd;}
  #spec-logos img {margin:0 3px;}
  #logos {width:80%; margin:0 10%; float:left; text-align:left; padding-top:25px; background:url(graphics/proiconbk.jpg) no-repeat center top;}
  #logos img {height:60px; width:auto; margin:0 3px;}
  #product-nav {width:80%; margin:65px 10% 0 10%; float:left; border-bottom:1px solid #c0c0c0;}
  #supply-tab {}
  #faq-tab {display:none;}
  .generaltab {cursor:pointer; width:auto; float:left; width:118px; padding-top:8px; height:26px; text-align:center; background:url(graphics/tab.jpg) no-repeat top left;}
  .generaltab:hover {background:url(graphics/tab-h.jpg) no-repeat top left;}  
  .activetab {cursor:pointer; width:auto; float:left; width:118px; padding-top:8px; height:26px; text-align:center; background:url(graphics/tab-h.jpg) no-repeat top left;}	
	.activetab a {color:#fff; font-weight:bold; font-size:15px;}
	.generaltab a {color:#fff; font-weight:bold; font-size:15px;}
  #detail_spec {width:80%; margin:0 10%; float:left; text-align:left; line-height:24px;}
  #detail_spec img {padding:15px 0; width:100%; max-width:350px !important; height:auto !important;}
  table.spec-table {width:100%;}
  table.spec-table tr td {padding:5px; border:1px dotted #878787;}
 	.spec-light-header {text-align:center; background:#d7ebfa; font-weight:bold; font-size:16px;}
  tr.spec-header {display:none;}
  table.spec-table tr.spec-light-header td {padding:7px 0px;}
 	tr.spec-main-header td, tr.spec-light-header td {}
 	#catalog_detail .td-header {background:#5186af; color:#fff; border-bottom:1px dotted #ddd;}
 	table.spec-table tr.spec-notes td {border:none !important; text-align:right; color:#953d03;}
  .prod-inner-content {margin:5px 1% 15px 1%; width:98%; float:left;}
  .download-pic {width:25%; float:left; text-align:center;}
  .download-pic a {border-radius:6px; color:#666; font-size:16px; border:2px solid #ddd; padding:6px 15px 6px 30px; background:url(graphics/download.png) no-repeat center left;}
  table.download-table {border-collapse:collapse; width:100%; border: #6eafe5 1px solid; border-right: 0;}
	.tr-header {background: #50a1d8; color: #fff;}
	tr.tr-header td {text-align: center; padding: 4px 2px;}
	.tr-odd {background:#d8eaf6; }
	.tr-even {background:#f6fbff; }
	tr.tr-odd td, tr.tr-even td {border: #6eafe5 1px solid; padding: 4px 2px; text-align:center;}
  td.f-download {width:10%;}
  td.f-download a {border-radius:6px; color:#666; font-size:16px; padding:6px 15px 6px 30px; background:url(graphics/download.png) no-repeat center left;cursor: pointer;}
  /**/
  #user-manual td.f-os, 
  #brochure td.f-os,
  #download-brochure td.f-os {display:none;}
  
  /*compare-scanners*/
  .prod-inner-content p {margin:0px 0 25px 0; color:#953d03;}
  table#compare-scanner {width:100%;}
  table#compare-scanner tr td {width:20%; text-align:center; line-height:26px;}
  table#compare-scanner .cat-name {padding:0; margin:0; background:none; background:#ddd; padding:5px 0; font-size:16px; width:100%; color:#034495; height:auto; float:left; text-align:center;}
  table#compare-scanner tr td.f-sc {padding:10px; border-right:1px solid #ddd; text-align:left; background:none;}
  table#compare-scanner img {width:100%; max-width:229px; height:auto;}
  #cat9.f-sc {border-left:1px solid #ddd;}
  .f-submit {border-top:1px solid #ddd; text-align:center; padding:15px 0;}
  input.b-submit {border:none; text-shadow:0px 0px 5px #666; padding:12px 60px; font-weight:bold; background:#b65922; cursor:pointer; color:#fff; font-size:16px; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
  input.b-submit:hover {background:#c7713d;}
  /**/
  .prod-inner-content {}
  #restart-button {margin-bottom:35px;}
  #compare-spec {line-height:26px;}
  #compare-spec tr td {border-bottom:1px solid #ddd; padding:10px;}
  #restart-button a {border:none; text-shadow:0px 0px 5px #666; padding:12px 60px; font-weight:bold; background:#b65922; cursor:pointer; color:#fff; font-size:16px; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
  #compare-spec-header {text-align:center; font-size:16px; color:#034495;}
  #compare-spec-header img {padding:5px; background:#fff; margin:6px;}
  .td-c0 {width:25%;}
  .td-c1 {width:25%; background:#eee;}
  .td-c2 {width:25%; background:#eef7ff;}
  .td-c3 {width:25%; background:#eee;}
  .diff-value td {border:1px solid #ddd;}
  td.td-header {font-size:15px; background:#4a83b9; color:#fff;}  
	/*download-menu05*/
  #download {width:100%; float:left;}
	#download .prod-inner-title {padding:0; margin:0; margin-bottom:20px; width:100%; float:left; color:#207ebc; font-size:22px; text-align:center;}
	#download form {width:100%; float:left; width:100%;}
	#selection-download {width:60%; margin:0 auto; border:1px solid #ddd; padding:20px 0px; border-radius:15px; background:#f1f1f1;}	
	.select-title {text-align:left; margin:15px 0; font-size:16px; color:#333; margin-bottom:10px; padding:10px; background:#d5e4ee;}
	.select-left {width:100%; text-align:center; padding:10px 0 25px 0;}
	.select-row {width:125px; display:inline-block; margin:0 10px;}
	.select-row select {width:125px; border:1px solid #7f9ebb; padding:3px 5px;}
	.select-row1 {width:100%; text-align:center; padding:10px 0 25px 0;}
	.select-row1 input {width:90%; max-width:260px; border:1px solid #7f9ebb; padding:5px 8px;}
	.select-right {width:100%; text-align:center;}
	input.select-button {border:none; text-shadow:0px 0px 5px #666; padding:12px 60px; font-weight:bold; background:#b65922; cursor:pointer; color:#fff; font-size:16px; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
  input.select-button:hover {background:#c7713d;}
	/*download-list*/
	#download-list {width:100%; margin:35px auto 0 auto; float:left; text-align:center;}
	#download-list .prod-inner-title {text-align:left;}
	#download-list tr {vertical-align:top; padding:0; margin:0;}
	#download-list img {width:auto; max-width:215px;}
	.compliance-table {width:100%; margin-top:15px;}
	.comliance-header {background: #d9eaf4;}
	.comliance-content {background: #50a1d8; }
	.comliance-header td,.comliance-content td {border:1px solid #adadad; text-align:center; padding:5px 3px; }
	.cat-name {padding:0; margin:0; text-align:center; background:url(graphics/cat_bottom.jpg) no-repeat top left; width:140px; margin-top:-5px; padding:12px 11px; height:18px; overflow:hidden; color:#fff;}
	#faq-tab, #supply-tab {}
	#product-info {}
	#product-info #prod-info-tab {width:100%;}
	#product-info .td-header {border-bottom:1px solid #fff; text-align:center;}
  #product-info .td-content {border-bottom:1px solid #fff;}
  #product-info table {border-collapse:collapse; background:#ddd; border:5px solid #ddd; margin-top:10px;}
  #product-info input.textbox {margin-bottom:10px; float:none; font-size:12px; color:#1f1f1f; width:124px; padding:3px; border:none; background:none; border:1px solid #888;}
  #product-info input.main-button {cursor:pointer;}
  #menu_10054 #detail_spec {width:100%; margin:35px auto 0 auto; float:left; text-align:center;}
  #menu_10054 #detail_spec #faq-menu {background:#bfdbf5;}
	#menu_10054 #detail_spec #faq-menu ul li {padding:0; margin:0; display:inline-block; padding:5px 15px; background:#9dcef5;}
	#menu_10054 #detail_spec #faq-menu ul li:hover {background:#6ab8ff;}
	#menu_10054 #detail_spec #faq-menu ul li a {display:block; color:#333;}
	#menu_10054 #detail_spec dt {font-weight: bold; background:#1e76bc; color:#fff; border-bottom:1px solid #fff; padding:8px 5px;}
	#menu_10054 #detail_spec dt a {display:block}
	#menu_10054 #detail_spec dt:hover {font-weight: bold; background:#6ab8ff; color:#fff; border-bottom:1px solid #1e76bc; padding:8px 5px;}
	#menu_10054 #detail_spec dd {background:#def0ff;}
	.dl-table {width:auto; margin:0 auto; margin-bottom:10px;}
	.dl-table tr td {vertical-align:top; }
	td.dl-pic {width:40%; text-align:center; }
	td.dl-pic img {width:100%; max-width:215px; height:auto;}
	td.dl-spec {width:60%;}
  table.download-table {width:100%;}
  .download-table-inner  tr td {padding:10px 5px; border:1px solid #ddd;}
  .down-header {width:30%; background:#51a1d8; padding:5px 3px 5px 45px; color:#fff; font-weight:bold;}
	.down-content {width:70%; padding:5px 3px 5px 20px;}
  .dl-table tr.down-even {background:#f6fbff;}
	.dl-table tr.down-odd {background:#d8eaf6;}
  a.download-link {border-radius:6px; color:#666; font-size:16px; padding:6px 15px 6px 30px; background:url(graphics/download.png) no-repeat center left;cursor: pointer;}
  a.download-link:hover {cursor: pointer;}
	/*search*/
	#searchresult #catalog_display {width:100%; float:left; text-align:center;}
	#searchresult #catalog_display .catrow {width:100%; float:left; text-align:center; padding:10px 0;}
	#searchresult #catalog_display .catrow .product {}
	#searchresult #catalog_display .description {margin:0; padding:0; min-height:20px;}
	#searchresult #catalog_display .description a {color:#fff;}
	#searchresult #catalog_display .productimage a img {width:100%; height:auto;}
	#searchresult .description .title {padding:3px 0; margin:5px 2px;}	 
	#searchresult h4 {display:none;} 
	.pageselection {width:98%; padding:5px 1%; float:left;}
  .pageselection ul {text-align:center;}
	.pageselection ul li {display:inline; padding:0 3px;}
	.pageselection ul li a {color:#565656;}
	.pageselection ul li a:hover {color:#0080c3;}
		
	/*registerbody*/
	.word_color {color:#bc1111;}
  .registerbody {padding:3px; width:100%; margin-top:10px;}
  .registerbody tr td {padding:10px 5px; background:#f6f6f6; border-bottom:2px solid #fff;}
	.registerbody tr td.res_cell5 {width:18%; background:#d1d1d1;}
	.registerbody tr td.res_cell6 {width:32%;}
	.registerbody tr td.res_cell6 input.res_textbox02 {width:97%; padding:5px 3px; border:1px solid #9f9f9f;}	
	.registerbody tr td.res_cell6 select {width:45%; padding:5px 3px; border:1px solid #9f9f9f;}
	.registerbody tr td.res_cell6 input.res_textbox1 {width:30%; padding:5px 3px; border:1px solid #9f9f9f;}
	.re-info {width:550px; /*margin:0 auto;*/ float:left;}
	.re-info span {color:#b20b0b;}
	.sample {font-size:13px;}
  .registerbody tr td input.res_textbox03 {width:40%; padding:5px 3px; border:1px solid #9f9f9f;}
	.registerbody .res_cellbuttonleft {background:none; text-align:center;} 
	.registerbody td.res_cellbutton input {margin-bottom:5px; border:none; text-shadow:0px 0px 5px #666; min-width:100px; padding:12px 10px; font-weight:bold; background:#b65922; cursor:pointer; color:#fff; font-size:16px; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
  .registerbody td.res_cellbutton input:hover {background:#c7713d;}
	td.res_cellbuttonleft input.res_button {background:#9a2800; margin-bottom:5px; border:none; text-shadow:0px 0px 5px #666; min-width:100px; padding:12px 10px; font-weight:bold; cursor:pointer; color:#fff; font-size:16px; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
	td.res_cellbuttonleft input:hover {background:#a73710;}

	.recaptcha {width:100%;}
	.g-recaptcha {width:305px; margin:0 auto;}
	

/*general page*/	
  /*sitemap*/
	.maptable {width:100%;}
	.mapmenu {background:url(graphics/mapmenu.jpg) repeat-x bottom left; height:20px; padding:5px 10px; font-size:15px; color:#fff; font-weight:bold;}
	.map-01 {background:#b2e5ea; height:20px; padding:5px 10px;}
	.map-02 {background:#d9eff1; height:20px; padding:5px 10px;}
	.maptable a {display:block;}
	.mapmenu:hover {background:url(graphics/mapmenu01.jpg) repeat-x bottom left;}
	.map-01:hover {background:#e2fcff;}
	.map-02:hover {background:#e2fcff;}
	.map-01 a {color:#565656;}
	.map-01 a:hover {color:#007c89;}
	.map-02 a {color:#565656;}
	.map-02 a:hover {color:#007c89;}
	.mapmenu a {color:#fff;}
	.mapmenu a:hover {color:#565656;}
	/*contactus*/
	.contact {margin-bottom:35px; width:100%; float:left; text-align:center;}
	ul.contact01, ul.contact02 {width:48%; margin:0 1%; float:left;}
	ul.contact01 li {width:100%; text-align:center; display:inline-table; margin:0 25px 25px 0; padding:6px; background:#ebebeb;}
	ul.contact02 h2 {margin:0; padding:0; margin-bottom:15px;}
	ul.contact02 li {margin-left:5%;}	
	ul.contact02 li strong {padding:0; margin:0; width:100%; display:block; font-weight:bold; color:#4b8116; margin-bottom:5px;}
  /**/
  .boxa {border-radius: 0px 0px 50px 0px;
-webkit-border-radius: 0px 0px 50px 0px;
-moz-border-radius: 0px 0px 50px 0px; 
  background:#eaf4fb; padding:15px; margin-bottom:15px;}
  
  
  /*brand history*/
  ul.history01 {width:100%; display:table; border:1px solid #ddd; border-left:none; border-right:none; background:#fefefe url(graphics/td-bk2.jpg) repeat-x bottom left;}
  ul.history01 li {width:auto; float:left; padding:10px 0; line-height:25px;}
  ul.history01 li.tablearea {width:15%; text-align:center; background:#0c426b; color:#fff; font-weight:bold;}
	ul.history01 li.table2info {width:82%; padding-left:3%; background:url(graphics/dot.jpg) no-repeat top left; color:#585858;}
  ul.history01 li.tablearea01 {width:15%; text-align:center; background:#fff; color:#fff; font-weight:bold;}
  
  
  /*Corporate Profile*/
  .cp01 {width:40%; float:left;}
	.cp02 {width:60%; float:left;}
	.cp03 {width:100%; float:left;}
	.cp01 img, .cp02 img, .cp03 img {width:100%; max-width:718px; height:auto;}
	.li-list { font-size:15px; font-size:13px; border-bottom:1px solid #ddd; color:#0f598d; padding:3px 10px;}
	.cor-img {margin-left:20px;}
	.corporate {width:95%; text-align:center; margin-top:4px;}
	.corporate01 {background:#e6dfc9; padding:5px 10px; font-size:15px;}
	/*#artboard.lgid3 - Corporate Profile*/
  #artboard.lgid3 .cp01 {width:40%; float:left;}
  #artboard.lgid3 .cp00 {width:60%; float:left;}
  .cp00 strong, .cp001 strong {font-weight:bold;}
  .cp00 p, .cp001 p {margin-bottom:15px;}
  #artboard.lgid3 .cp001 {width:100%; float:left;}
	#artboard.lgid3 .cp02 {width:100%; float:left; text-align:center;}
	#artboard.lgid3 .cp02 h2 {text-align:left;}
	/**/
  table.a20140924 {width:80%; margin:0 10%; border-top:3px solid #b8b8b8; border-bottom:3px solid #b8b8b8; border-right:1px solid #b8b8b8;}
	table.a20140924 tr td {padding:10px; border-bottom:1px solid #929292;}
	table.a20140924 td.ltitle {width:20%; font-size:14px; text-align:center; background:#398dc6; color:#fff;}
	table.a20140924 tr.atitle td {font-size:14px; background:#115d91; border-bottom:3px solid #b8b8b8; text-align:center; color:#fff;}
	table.a20140924 ul li {padding-left:15px; margin-bottom:10px; background:url(graphics/dot01.jpg) no-repeat top left;}
   /**/
   .ep01 {width:100%; float:left; text-align:center;}
   .ep01 img {width:100% !important; max-width:823px !important; margin:0 auto; height:auto;}

	/*about avision*/
	.com01 {width:55%; margin-right:5%; float:left;}
	.com02 {width:40%; float:right;}
	.founded {width:341px; height:242px; padding:15px 100px 0 30px; float:right; background:url(graphics/about.jpg) no-repeat top right;}
	.founded span {display:block; color:#713b00; font-size:17px; margin:15px 0;}
	.main-line {margin-top:15px; border-top:1px solid #a5a4a2; width:100%;}
  .com02 iframe {border:1px solid #bdb9b6; width:100%; float:right;}
  /*#artboard.lgid2 - .founded span*/
  #artboard.lgid2 .founded span {margin:10px 0; line-height:20px;}
  /*#artboard.lgid3 - .founded span*/
  #artboard.lgid3 .founded span {margin:10px 0; line-height:20px;}
  /*#artboard.lgid4 - .founded span*/
  #artboard.lgid4 .founded span {margin:10px 0; line-height:20px;}
  /*#artboard.lgid7 - .founded span*/
  #artboard.lgid7 .founded span {margin:10px 0; line-height:20px;}
  /**/
  .about-04 {text-align:center; }
  .about-04 table {text-align:left; width:80%; margin:0 10%;}
  .about-04 table tr td {vertical-align:top;}
  .about-04 img {width:100%; height:auto; max-width:1000px;}
  .about-04 table img {width:100%; height:auto; min-width:70px;} 
  /**/
  table.c01 {width:80%; margin:0 auto 45px auto; background:#f5fcff; border:3px solid #919191; border-bottom:2px solid #919191;}
  table.c01 tr td {padding:4px 0; border-bottom:1px solid #919191;}
  table.c01 .odd {font-size:15px; width:200px; background:#489ac5; color:#fff; border-right:3px solid #0e6d9e; font-weight:bold;}
  table.c02 {width:80%; margin:0 auto 45px auto;background:#f5fffc; border:3px solid #919191; border-bottom:2px solid #919191;}
  table.c02 tr td {padding:4px 0; border-bottom:1px solid #919191;}
  table.c02 .odd {padding:6px 0; border-bottom:3px solid #156e60; font-size:15px; background:#2b9383; color:#fff; font-weight:bold;}
  table.c02 .even {font-size:15px; background:#568780; color:#fff; font-weight:bold;}
  table.c04 {width:80%; margin:0 auto 45px auto;background:#f5fffc; border:3px solid #919191; border-bottom:2px solid #919191;}
  table.c04 tr td {padding:4px 0; border-bottom:1px solid #919191; text-align:center;}
  table.c04 .odd {padding:6px 0; border-bottom:3px solid #b4a68b; font-size:15px; background:#947a47 !important; color:#fff; font-weight:bold;}
  table.c04 .even {font-size:15px; background:#8d8d8d; color:#fff; font-weight:bold;}	
	/**/
	table.p20140924 {width:80%; margin:0 auto; border-top:3px solid #b8b8b8; border-bottom:3px solid #b8b8b8; border-right:1px solid #b8b8b8;}
	table.p20140924 tr td {padding:10px; border-bottom:1px solid #929292;}
	tr td.ltitle {background:#ac7941; color:#fff; text-align:center;}
	tr td.mtitle {background:#9e8a75; color:#fff; text-align:center;}
	table.p20140924 tr.ptitle td {font-size:14px; background:#885824; text-align:center; color:#fff; border-bottom:3px solid #b8b8b8;}
	table.p20140924 ul li {padding-left:15px; margin-bottom:10px; background:url(graphics/dot-1.jpg) no-repeat top left;}
	/**/
	.dscont h1 {width:100%; display:block; float:left;}
	.ds {width:80%; margin:0 10% 50px 10%; float:left; display:block; text-align:center;}
	.ds h2 {margin:20px 0;}
	.ds .ds01 {width:98%; float:left; padding:1% 0%; margin:10px 1%; background:#e0eff9; border-radius:10px;}
	span.dtitle {display:block; width:100%; margin:5px 0; padding:5px 0; background:#95cef1;}
	.ds .ds01 table {text-align:left; width:96%; margin:0 2%;}
	.ds01 table tr td {width:50%;}
	.ds01 ul {padding:0 5px;text-align:center;}
	.ds01 ul li {border-bottom:1px solid #95cef1; padding:3px 0;}
	.ds .ds00 {width:48%; float:left; margin:10px 1%; min-height:270px; background:#eee; border-radius:10px;}
	.ds .ds00 ul {padding:0 5%;}
	.ds .ds00 ul li {border-bottom:1px solid #95cef1; padding:3px 0;}	
	table.c05 {width:80%; margin:0 10% 50px 10%; float:left; background:#f5fffc; border:3px solid #919191; border-bottom:2px solid #919191;}
  table.c05 tr td {padding:4px; border-bottom:1px solid #919191; text-align:center;}
  table.c05 .odd {width:15%; border-bottom:3px solid #156e60; font-size:15px; background:#2b9383; color:#fff; font-weight:bold;}
  table.c05 .even {font-size:15px; background:#568780; color:#fff; font-weight:bold;} 
  .qalist {width:80%; margin:0 10% 50px 10%; float:left;}
	#qa-list-header {width:100%; float:left; border-bottom:1px solid #a3a3a3;}
  #qa-list-header ul li {cursor:pointer; display:inline; background:#747474; margin-right:1px; width:auto; float:left; padding:5px 10px; text-align:center;}
  #qa-list-header ul li span {font-size:14px; font-weight:bold; color:#fff;}
  #qa-list-header ul li#dt40.activeDT,
  #qa-list-header ul li#dt41.activeDT,
  #qa-list-header ul li#dt42.activeDT {background:#4e79a8;}
  .cont-inerbox #qa-list-header span {}
  #qa-list-content {width:96%; float:left; min-height:380px; background:#f4f4f4; padding:10px 2%;text-align:left;}
  .dd-content ul {margin-left:12px;}
  .dd-content ul li {margin-bottom:6px; list-style-type:disc;}
	/**/
	.dscont01 .ds {margin-top:25px;}
	.dscont01 .ds .ds01 {padding:1% 0% 3% 0%;} 
	.dscont01 .ds .ds00 {min-height:160px;}
	.pdfdownload {width:75%; margin:0px auto 20px auto;}
  .pdfdownload ul {width:100%; padding:30px 0; float:left; text-align:center; border:3px double #bbb;}
  .pdfdownload ul li {display:inline; margin:0 15px;}
	/**/
	table.c03 {width:80%; margin:0 10% 50px 10%; background:#f5fcff; border:3px solid #919191; border-bottom:2px solid #919191;}
  table.c03 tr td {padding:4px 0; border-bottom:1px solid #919191;}
  table.c03 .odd {font-size:15px; width:30%; background:#489ac5; color:#fff; border-right:3px solid #0e6d9e; font-weight:bold;}
  /**/
  .ds02 {width:80%; margin:0 10% 50px 10%;}
  .ds02 ul {width:48%; float:left; margin:0 1% 35px 1%;}
  .ds02 ul li {margin-bottom:6px; background:url(graphics/dot01.jpg) no-repeat left top; padding-left:25px;}
  .ds02 span {font-weight:bold;}
  .ds02 table tr td {width:50%;}
  .ds02 table ul {width:98%; margin:0 1%}
	/**/
	.dslh table {width:80%; margin:0 10% 50px 10%; text-align:center;}
	.dslh table tr td {padding:10px;}
	.dslh ul li {margin-bottom:10px; background:#487483; color:#fff; padding:4px 6px;}
 /**/ 
  .gh2015 table.c03 {width:100%; margin:0 auto 10px auto; background:#f5fcff; border:3px solid #919191; border-bottom:2px solid #919191;}
  .gh2015 table.c03 tr td {padding:4px 0; border-bottom:1px solid #919191;}
  .gh2015 table.c03 .odd {font-size:15px; width:250px; background:#489ac5; color:#fff; border-right:3px solid #0e6d9e; font-weight:bold;}
  .gh2015 .pdfdownload01 {margin:0 auto 25px auto; width:100%; text-align:right;}
  .gh2015 .pdfdownload01 li {display:inline; margin-left:15px;}
  .gh2015 table.c05 {width:100%; margin:0 auto 10px auto; background:#f5fffc; border:3px solid #919191; border-bottom:2px solid #919191;}
  .gh2015 table.c05 tr td {padding:4px 0; border-bottom:1px solid #919191;}
  .gh2015 table.c05 .odd {padding:6px 0; border-bottom:3px solid #156e60; font-size:15px; background:#2b9383; color:#fff; font-weight:bold;}
  .gh2015 .c06 {width:80%; margin:0 10% 50px 10%;}
	.gh2015 h3.gh3 {width:80%; margin:0 10%;}
	.gh2015 table.c04 {width:100%; margin:0 auto 45px auto;background:#f5fffc; border:3px solid #919191; border-bottom:2px solid #919191;}
  .gh2015 table.c04 tr td {padding:4px 0; border-bottom:1px solid #919191; text-align:center;}
  .gh2015 table.c04 .odd {padding:6px 0; border-bottom:3px solid #b4a68b; font-size:15px; background:#947a47 !important; color:#fff; font-weight:bold;}
  .gh2015 table.c04 .even {font-size:15px; background:#8d8d8d; color:#fff; font-weight:bold;}
  
  /*email form*/
  .form_pad {width:100%; margin:25px auto; border-top:5px solid #b3c7e0; border-bottom:5px solid #b3c7e0; }
	.form_pad tr td {padding:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd;}
	.form_pad tr td.rightodd {width:20%; background:#ddd; border-bottom:1px solid #fff;}
	.form_pad tr td.rightodd01 {border:none;}
	.form_pad input.form_gyline, .form_pad input.email {border:1px solid #c7c7c7; width:80%; padding:3px; height:25px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
	.form_pad textarea {border:1px solid #c7c7c7; width:95%; padding:3px; height:300px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
	.form_pad tr td.td-button {border:none; text-align:right; padding:10px 0;}
	input#send {padding:6px 35px; cursor:pointer;}
	
	/**/
	.ainlink {width:70%; margin:0 auto;}
	ul.inlink {width:100%; float:left; text-align:center;}
	ul.inlink li {display:inline-table; text-align:center; width:auto; margin:30px 1.5%;}
	ul.inlink li a {text-shadow:2px 2px 3px #666; padding:30px 40px; font-size:18px; color:#fff; font-weight:bold; background:#406aa9; box-shadow:1px 3px 6px #666; -webkit-box-shadow:1px 3px 6px #666; -moz-box-shadow:1px 3px 6px #666;  border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
	
/*logo info - img*/ 
	#menu_10104 #maincentent img, #menu_10105 #maincentent img, #menu_10106 #maincentent img, #menu_10107 #maincentent img, #menu_10108 #maincentent img, #menu_10109 #maincentent img, #menu_10110 #maincentent img, #menu_10111 #maincentent img, #menu_10112 #maincentent img, #menu_10113 #maincentent img, #menu_10114 #maincentent img, #menu_10137 #maincentent img {max-width:100% !important; height: auto !important; }
	
/*20160506 event banner*/
	.eventbanner {width:100%; height:auto; float:left; background:#ddd; text-align:center; margin-bottom:15px; min-height:350px;}
	
	ul.eventvideo {width:100%; height:auto; float:left; margin-bottom:15px;}
	ul.eventvideo li {width:32.3%; margin:0 0.5%; float:left; text-align:center;}
	ul.eventvideo span,
	ul.eventvideo iframe,
	ul.eventvideo a {display:block;}
	ul.eventvideo iframe {min-height:300px;}
	ul.eventvideo span {font-size:20px; color:#0c7db7; margin-bottom:5px; font-weight:bold;}
	ul.eventvideo a {background:#d73369; border-right:10px solid #9babb3; color:#fff; font-size:12px; padding-right:10px; margin-top:5px; text-align:right;}
  
  ul.eventadvt {width:100%; float:left; text-align:center;}
	ul.eventadvt li {width:49%; margin:0 0.5%; height:350px; float:left; background:#ddd; text-align:center;}

/*20161111 Accessories*/
	.prod-supply {width:100%; float:left; border-bottom:1px solid #ccc; padding:0 0 10px 0; margin:0 0 10px 0;}
	.prod-supply:last-child {border:none;}
	
	.supply-pic {width:auto; float:left; height:15%;border-right:1px solid #ccc;padding-right:2%;text-align:center;max-width:20%; }
	#detail_spec .supply-pic img {padding:0; margin:0; width:auto; max-height:100% !important;height:auto !important;}
  
	.supply-content {width:76%; padding-left:2%; float:left;}	
	
	.supply-content div {width:100%; float:left;}
	
	.supply-title {font-size:20px;margin-bottom:20px;color:#05539E;border-left:3px solid #ccc;padding-left:2%;}
	.supply-number {color:#fff;background:#254cc0;font-size:16px;float:left;width:26% !important;margin-bottom:15px;text-align:center;margin-right:2%;}
	.supply-brief {float:left;width:68% !important;padding-left:2%;}
	.supply-full {display:none;}


	/*綠色採購*/

	.greenbuy .c05 {margin-top:50px;border:none;background:none;width:100%;margin-left:0%;}
	.greenbuy .c05 .odd {width:25%;background:#5770a7;border-bottom:3px solid #213c83;}
	.greenbuy .c05 tr {border-left:2px solid #999;border-right:2px solid #999;background:#f5f5ff;}
	.greenbuy .c05 td {border-top:2px solid #999;border-bottom:2px solid #999;}
	.greenbuy .c05 span {display:block;font-size:10px;}
	.greenbuy .noru {text-align:right !important;background:none !important;border:none !important;}
	.greenbuy .noru span {font-size:14px;}
	.greenbuy .noru1 {background:none !important;border:none !important;}

	/*20170119企業社會責任*/
	ol　{margin:10px 0 ;}
	ol li {list-style-type:decimal;margin:10px 0 20px 20px;}
	ol li h4 {color:#000;font-size:14px;margin:0;}
	ol li	ul li {list-style-type:lower-roman;margin:10px 0 20px 20px;}
	ol li	ul li ul li {list-style-type:lower-alpha;margin:5px 0 10px 20px;}
	ol li	ul li ul li ul li {list-style-type:disc;margin:5px 0 5px 30px;}
	ul.c09li li {list-style-type:disc;margin:5px 0 5px 30px;}
	#menu_10192 h2 {font-size:16px;margin:0px 0;}
	#menu_10192 h2:hover {color:blue;text-decoration:underline;}
	table.c07 {width:60%; margin:20px 10% 20px 20%; background:#f5fcff; border:3px solid #919191; border-bottom:2px solid #919191;}
  table.c07 tr td {padding:4px 0; border-bottom:1px solid #919191;}
  table.c07 .odd {font-size:15px; width:40%; background:#6572d1; color:#fff; border-right:3px solid #0e1f9e; font-weight:bold;}
  
  table.c08 {width:70%; margin:20px 15% 20px 15%; background:#f5fcff; border:3px solid #919191; border-bottom:2px solid #919191;}
  table.c08 tr td {padding:4px 0; border-bottom:1px solid #919191;text-align:center;border-right:2px solid #919191;}
  table.c08 .odd {font-size:15px;  background:#568780; color:#fff; border-right:3px solid #156E60; font-weight:bold;width:25%;}
  table.c08 .even {font-size:15px;  background:#568780; color:#fff;  font-weight:bold;width:50%;}
  table.c08 .even1 {font-size:15px;  background:#568780; color:#fff;}
  table.c08 ul {width:77%;margin:0 auto 0 23%;text-align:left;}
  table.c08 ul li {list-style-type:disc;}
  
  table.c09 {width:70%; margin:20px 15% 20px 15%; background:#f5fcff; border:3px solid #919191; border-bottom:2px solid #919191;font-size:13px;}
  table.c09 tr td {padding:4px 0; border-bottom:1px solid #919191;text-align:center;border-right:2px solid #919191;width:9%;word-break: break-all;}
  table.c09 .odd {background:#b4d2ce; color:#000; font-weight:bold;width:24%;}
  table.c09 .even {background:#b4d2ce; color:#000; font-weight:bold;}
  
	/*20170125*/
	#menu_10157 .don li{list-style-type:disc;margin:5px 0 5px 30px;}
	
	
/*1200***************************************************************/	
	
	@media screen and (min-width: 1151px) and (max-width: 1680px) {	  
  #container-local img {width:100%; max-width:500px; height:auto; float:left;}
  ul.nav-global-select {width:auto; float:left; margin:1% 0 0 0;}
  #mainmenu-body {width:80%;}
  #mainmenu ul li a {padding:5px 10px;}      
  
  #index-news-top {margin-right:3%; margin-top:18px;}
  #textcontent {width:55%; margin-top:10px;}
  .home-news-date {width:20%; float:left;}
  .home-news-title {width:80%;}       		
	.footermenubody {width:73%; float:left; padding:5px 0 15px 0;}
	.footermenubody ul li {float:left; text-align:center; width:17%; margin-right:2%; min-height:100px; }
	.alink {width:27%; float:right;}
  .alinkbody {width:310px; float:left; text-align:left;} 
  /*#undermenu*/
  #undermenu {width:50%; float:left;}
	#copyright {width:50%;}
	/*#artboard.lgid2 - #undermenu*/
	#artboard.lgid2 #undermenu {width:55%; float:left;}
	#artboard.lgid2 #copyright {width:45%;}
	/*product search*/
	.productsearch select {font-size:16px;}
	select.Category {width:140px; padding:5px 0;}   
	select.Model {width:140px; padding:5px 0;}	
	/*#artboard.lgid3 - product search*/
	#artboard.lgid3 .productsearch {text-align:right; width:auto; position:absolute; right:16%; margin-top:13px; float:right;}
	#artboard.lgid3 .productsearch form {width:auto; float:right;}	
	#artboard.lgid3 .productsearch select {padding:3px 2px; font-size:14px; color:#4e4e4e; background:#f2f2f2; border:none; margin-right:8px; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
	#artboard.lgid3 select.Category {width:150px; padding:3px 0;}   
	#artboard.lgid3 select.Model {width:150px; padding:3px 0;}
	#artboard.lgid3 .productsearch input {border:none; text-shadow:0px 0px 5px #666; float:right; padding:3px 10px; font-weight:bold; background:#c7713d; cursor:pointer; text-transform:uppercase; color:#fff; font-size:14px; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
  /*productlist*/
	/*.product {display:inline-table; width:auto; margin:0 4px 35px 4px; text-align:center;}*/
 	.product {display:inline-table; width:auto; float:left; margin:0 10px 35px 10px !important; text-align:center;}
 	.product img {max-width:212px; height:auto;}
	productlist ul li {width:19.1%; min-width:190px; height:290px; float:left; margin:0 10px 0px 0; background:#d0d0d0;}
	productlist ul li ul li.recommend-img {width:100%; min-width:190px; height:290px; overflow:hidden; text-align:center;}	
  productlist ul li ul li.recommend-info ul li.recommend-title {width:88%; font-size:20px; color:#fff; padding:5% 6%; text-align:right; float:left;}
  /*#artboard.lgid2 - productlist*/
	#artboard.lgid2 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-weight:bold; color:#fff; padding:3% 6%; line-height:18px; text-align:right; float:left;}
  /*#artboard.lgid4 - productlist*/
  #artboard.lgid4 productlist ul li ul li ul li.recommend-brief {width:90%; color:#fff; padding:4.5% 5%; height:100%; overflow:hidden; line-height:21px; float:left;}
	
  /*catalog_detail*/
  #basic_spec {margin-top:20px; line-height:24px; text-align:left; width:46%; padding:1% 3%; margin-left:1%; margin-right:10%; float:right; height:345px; overflow:auto; background:url(graphics/brief.jpg) repeat-x top left;}   
  #main_picture {width:20%; margin-left:10%; float:left; margin-top:20px; text-align:center;}
  #main_picture img {width:100%; height:auto; max-width:210px;}
  
  /*#artboard.lgid1 - #mainmenu-body*/
  #mainmenu ul li ul li a {padding:5px 2%; text-align:center !important; display:block; text-decoration:none; font-size:12px; width:96%; color:#fff !important;}  
  /*#artboard.lgid2 - #mainmenu-body*/
  #artboard.lgid2 #mainmenu-body {width:80%; float:right;margin-top:7px; text-align:right;}
  #artboard.lgid2 #mainmenu ul li a {color:#1f1f1f; float:left; width:auto; padding:5px 10px; display:block; font-size:16px; line-height:26px;}    
  #artboard.lgid2 #mainmenu ul li ul li a {padding:5px 2%; text-align:center !important; display:block; text-decoration:none; font-size:12px; width:96%; color:#fff !important;}  
  /*#artboard.lgid3 - main menu*/ 
	#artboard.lgid3 #mainmenu ul li a {color:#1f1f1f; width:auto; float:left; text-align:center !important; display:block; font-size:16px; line-height:26px; padding:5px 10px;}      
  #artboard.lgid3 #mainmenu ul li ul li a {padding:5px 2%; text-align:center !important; display:block; text-decoration:none; font-size:12px; width:96%; color:#fff !important;}  
  /*#artboard.lgid4 - main menu*/ 
	#artboard.lgid4 #mainmenu ul li a {color:#1f1f1f; width:auto; float:left; text-align:center !important; display:block; font-size:16px; line-height:26px; padding:5px 10px;}      
  #artboard.lgid4 #mainmenu ul li ul li a {padding:5px 2%; text-align:center !important; display:block; text-decoration:none; font-size:12px; width:96%; color:#fff !important;}  
  /*#artboard.lgid7 - main menu*/ 
	#artboard.lgid7 #mainmenu ul li a {color:#1f1f1f; width:auto; float:left; text-align:center !important; display:block; font-size:16px; line-height:26px; padding:5px 8px;}      
  #artboard.lgid7 #mainmenu ul li ul li a {padding:5px 2%; text-align:center !important; display:block; text-decoration:none; font-size:12px; width:96%; color:#fff !important;}  
  
  /**/   
  td.f-download {width:18%;}  
  
 
  /*about avision*/
	.com01 {width:90%; margin:0% 5% 3% 5%; float:left;}
	.com02 {width:90%; margin:0% 5% 3% 5%; float:right;}
	.founded {width:40%; height:200px; padding:0 15px; margin-top:3%; text-align:center; border:6px solid #fff; float:left; background:#cce5f2; box-shadow:4px 4px 15px #404040;}
	.founded span {display:block; color:#713b00; font-size:17px; margin:15px 0;}
	.main-line {margin-top:15px; border-top:1px solid #a5a4a2; width:100%;}
  .com02 iframe {border:1px solid #bdb9b6; width:50%; float:right;}
  /*#artboard.lgid2 - .founded span*/
  #artboard.lgid2 .founded span {margin:15px 0; line-height:auto;}
   /*?????E???*/
	table.c03 {width:100%; margin:0 0% 50px 0%;}
  table.c03 .odd {width:50%; background:#489ac5; color:#fff; font-weight:bold;}
 
  /*#artboard.lgid3 - avision products*/
	#artboard.lgid3 ul.productlist li {word-break: break-all; margin:0 0.3%;}
  ul.productlist li span {display:block; padding:15px 10px; background:#333; font-size:14px; line-height:20px; height:35px;}
  
  /*#artboard.lgid3 - li.recommend-title*/
	#artboard.lgid3 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:18px; color:#fff; padding:3.5% 4%; text-align:right; float:left;line-height:18px;} 
	#artboard.lgid3 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:14px; color:#fff; padding:7% 6%; height:100%; overflow:hidden; line-height:18px; float:left;}

	
	/*#artboard.lgid7 - li.recommend-title*/
	#artboard.lgid7 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:18px; color:#fff; padding:3.5% 4%; text-align:right; float:left;line-height:18px;} 
	#artboard.lgid7 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:14px; color:#fff; padding:7% 6%; height:100%; overflow:hidden; line-height:18px; float:left;}

	/*#artboard.lgid9 - li.recommend-title*/
	#artboard.lgid9 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:18px; color:#fff; padding:3.5% 4%; text-align:right; float:left;line-height:18px;} 
	#artboard.lgid9 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:14px; color:#fff; padding:7% 6%; height:100%; overflow:hidden; line-height:18px; float:left;}

  /*compare-scanners*/
  table#compare-scanner .cat-name {display:block; height:50px; width:98%; padding:5px 1%; font-size:15px;}
  
  /*???????l*/
	.ainlink {width:100%; margin:0 auto;}
	ul.inlink {width:100%; float:left; text-align:center;}
	ul.inlink li {display:inline-table; text-align:center; width:auto; margin:30px 1%;}
	ul.inlink li a {text-shadow:2px 2px 3px #666; padding:30px 40px; font-size:18px; color:#fff; font-weight:bold; background:#406aa9; box-shadow:1px 3px 6px #666; -webkit-box-shadow:1px 3px 6px #666; -moz-box-shadow:1px 3px 6px #666;  border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
	
  /*logo info - img 
	#menu_10104 #maincentent img, #menu_10105 #maincentent img, #menu_10106 #maincentent img, #menu_10107 #maincentent img, #menu_10108 #maincentent img, #menu_10109 #maincentent img, #menu_10110 #maincentent img, #menu_10111 #maincentent img, #menu_10112 #maincentent img, #menu_10113 #maincentent img, #menu_10114 #maincentent img, #menu_10137 #maincentent img {width: 100% !important; height: auto !important; }
	*/
	/**/

	.supply-pic {max-width:20% !important; }
	#detail_spec .supply-pic img {max-width:100% !important;}
	.supply-content {max-width:74%; }	

	/*20170119企業社會責任*/
	table.c07 {width:80%; margin:20px 10% 20px 10%;}
  table.c07 .odd {font-size:15px; width:40%;}
  
  table.c08 {width:90%; margin:20px 5% 20px 5%; }
  table.c08 .odd {width:25%;}
  table.c08 .even {width:50%;}
  table.c08 ul {width:85%;margin:0 auto 0 15%;text-align:left;}

  
  table.c09 {width:90%; margin:20px 5% 20px 5%;}
  table.c09 tr td {width:9%;}
  table.c09 .odd {width:24%;}

  
	}	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*800***************************************************************/	
	
	@media screen and (min-width: 800px) and (max-width: 1150px)   {	 
  
 
  #mainmenu-body {width:auto;}
  #mainmenu ul {width:100%; float:right;}
  #mainmenu ul li a {font-size:15px; padding:5px 5px;}  
  #mainmenu ul li ul {right:0px;}  
  #mainmenu ul li ul {position: absolute; display:none; top:36px; right:0px; width:130px; border-top:3px solid #acacac;}
  /*
  #mainmenu ul li ul li {width:130px;}
  #mainmenu ul li ul li a {width:100px;}
  */
  #mainmenu ul li#mainmenu-10128 {padding:0; margin:0; background:none;}
  #mainmenu ul li#mainmenu-10128 a {padding:5px 15px;}
  #mainmenu ul li#mainmenu-10128 a:hover {color:#1f1f1f; background:#276eab; color:#fff;}  
  #mainmenu ul li#mainmenu-10128 ul {padding:0; margin:0;}
  #mainmenu ul li#mainmenu-10128 ul li {background:none;}
  #mainmenu ul li#mainmenu-10128 ul li a {background:#276eab; color:#fff;}
  #mainmenu ul li#mainmenu-10128 ul li a:hover {background:#276eab; color:#fff;}
  /*#artboard.lgid1 - mainmenu*/
  #mainmenu-body {width:auto; float:right; margin-top:7px; text-align:right;}
  #mainmenu ul li a {color:#1f1f1f; width:auto; float:left; display:block; font-size:15px; line-height:26px; padding:5px 5px;}      
  #mainmenu ul li ul {width:150px;}
  #mainmenu ul li ul li {width:150px;}
  #mainmenu ul li ul li a {padding:5px 2%; text-align:center !important; display:block; text-decoration:none; font-size:12px; width:96%; color:#fff !important;}
  
  /*#artboard.lgid2 - mainmenu*/
  #artboard.lgid2 #mainmenu-body {width:auto; float:right; margin-top:7px; text-align:right;}
  #artboard.lgid2 #mainmenu ul li a {color:#1f1f1f; width:auto; float:left; display:block; font-size:15px; line-height:26px; padding:5px 5px;}      
  #artboard.lgid2 #mainmenu ul li ul {width:150px;}
  #artboard.lgid2 #mainmenu ul li ul li {width:150px;}
  #artboard.lgid2 #mainmenu ul li ul li a {padding:5px 2%; text-align:center !important; display:block; text-decoration:none; font-size:12px; width:96%; color:#fff !important;}
   /*#artboard.lgid3 - mainmenu*/
  #artboard.lgid3 #mainmenu ul li a {color:#1f1f1f; width:auto; float:left; display:block; font-size:15px; line-height:26px; padding:5px 5px;}      
  #artboard.lgid3 #mainmenu ul li ul {width:150px;}
  #artboard.lgid3 #mainmenu ul li ul li {width:150px;}
  #artboard.lgid3 #mainmenu ul li ul li a {padding:5px 2%; text-align:center !important; display:block; text-decoration:none; font-size:12px; width:96%; color:#fff !important;}
  /*#artboard.lgid4 - #mainmenu*/
  #artboard.lgid4 #mainmenu ul li a {color:#1f1f1f; width:auto; float:left; display:block; font-size:15px; line-height:26px; padding:5px 5px;}      
  #artboard.lgid4 #mainmenu ul li ul {right:0px; width:180px;}
  #artboard.lgid4 #mainmenu ul li ul li {margin:0; display:block; background:#276eab; border-bottom:1px #fff solid; width:180px; text-align:center !important;}
  #artboard.lgid4 #mainmenu ul li ul li a {text-align:center !important; display:block; text-decoration:none; font-size:12px; width:170px; color:#fff !important;}
  /*#artboard.lgid7 - #mainmenu*/
  #artboard.lgid7 #mainmenu ul li a {color:#1f1f1f; width:auto; float:left; display:block; font-size:14px; line-height:26px; padding:5px 5px;}      
  #artboard.lgid7 #mainmenu ul li ul {right:0px; width:180px;}
  #artboard.lgid7 #mainmenu ul li ul li {margin:0; display:block; background:#276eab; border-bottom:1px #fff solid; width:180px; text-align:center !important;}
  #artboard.lgid7 #mainmenu ul li ul li a {text-align:center !important; display:block; text-decoration:none; font-size:12px; width:170px; color:#fff !important;}
  /*#artboard.lgid8 - #mainmenu*/
  #artboard.lgid8 #mainmenu ul li a {padding:5px 3px;}
  
  #index-news-top {padding:2% 0.5% 2% 0.5%; width:20%; margin-right:2%; float:left; margin-top:3px;}
  #artboard.lgid8 #index-news-top strong {font-size:30px;}
  #textcontent {width:auto; max-width:77%; margin-top:5px; float:left;}
  .home-news-date {width:20%; float:left;}
  .home-news-title {width:80%; float:left;}  
  #qrcode {display:none;}   
  .footermenubody {width:65%; float:left; padding:5px 0 15px 0;}
  .alink {width:35%; overflow:hidden; float:left;}
	footer {width:98%; height:18px; padding:1px 1% 0 1%;}
	#undermenu {width:50%; font-size:12px;}
	#undermenu ul li {display:inline; margin-right:2%;}
	#copyright {width:50%; margin-top:1px;}
	#copyright {font-size:9px;}
	#copyright span {color:#5a86bd; margin-right:0px;}	
	/*#artboard.lgid2 - #undermenu*/
	#artboard.lgid2 #undermenu {width:50%; float:left; font-size:10px;}
	#artboard.lgid2 #copyright {width:50%; font-size:9px;}   
	#artboard.lgid2 #copyright span {color:#5a86bd; margin-right:0px;}	
	#artboard.lgid2 #undermenu ul li {display:inline; margin-right:1%;}
	#artboard.lgid2 #undermenu ul li a {color:#c8c8c8; font-size:12px;}
	#container-local {width:800px; margin:0 auto; padding-top:20px; min-height:100px; }
	.container-global-open {}
  img.globalmap {display:none;}
	ul.nav-global-select { padding-bottom:15px;}
	ul.nav-global-select li {width:57%; float:left;}
	ul.nav-global-select li.area2,
	ul.nav-global-select li.area4,
	ul.nav-global-select li.area6 {width:43%; float:left;}	
	ul.nav-global-select li ul li {width:100%; float:left; }
	ul.nav-global-select li ul {width:100%; float:left; padding:0; margin:0; margin:5px 0 8px 0; display:block;}
	ul.nav-global-select li ul li {width:auto; float:left; margin-right:15px;}
	/*productlist*/
	/*.product {display:inline-table; width:auto; margin:0 4px 35px 4px; text-align:center;}*/
	.product {display:inline-table; width:16%; float:left; margin:0 4px 35px 4px !important; text-align:center;}
 	
 	.product img {max-width:180px; height:auto;}
	ul.producttop {width:100%; line-height:20px;}
  ul.producttop li {width:98%; float:left; margin:0 1% 25px 1%;}
  ul.producttop li.proimg {text-align:center;}
  ul.producttop li p {margin-bottom:15px;}	
	productlist ul li {width:18.65%; min-width:115px; height:290px; float:left; margin:0 10px 0px 0; background:#d0d0d0;}
	productlist ul li ul li.recommend-img {width:100%; min-width:140px; height:290px; overflow:hidden; text-align:center;}
	productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:14px; font-weight:bold; color:#fff; padding:7% 6%; text-align:right; float:left;}
	productlist ul li ul li ul li.recommend-brief {width:88%; background:#ddd font-size:13px; color:#fff; padding:6%; height:200px; overflow:hidden; line-height:23px; float:left;}
 
	productlist ul li.recommend-brief {position:relative; width:100%; height:230px; overflow:hidden; float:left;} 
  productlist .morelink {position:absolute; bottom:0px; width:90%; float:left; padding:7px 1%; text-align:right; background:#000;}
  productlist .morelink a { padding:5px 15px; width:auto; float:right; background:#127d9f;}
	productlist .morelink a span { color:#fff; font-weight:bold; font-size:12px;}
	
	/*avision products
	ul.productlist li span {display:block; padding:15px 10px; background:#333; font-size:15px; height:45px;}*/
	/*#artboard.lgid2 - productlist*/
	#artboard.lgid2 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:14px; font-weight:bold; color:#fff; padding:7% 6%; line-height:18px; text-align:right; float:left;}
	#artboard.lgid2 productlist ul li ul li ul li.recommend-brief {width:88%; font-size:13px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:17px ; float:left;} 
	
	/*#artboard.lgid4 - productlist*/
  #artboard.lgid4 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:14px; height:27px; font-weight:bold; color:#fff; padding:7% 6% 3% 6%; line-height:15px; text-align:right; float:left;word-wrap:break-word;}	
  #artboard.lgid4 productlist ul li ul li ul li.recommend-brief {width:94%; font-size:12px; color:#fff; padding:5% 3%; height:100%; overflow:hidden; line-height:18px; float:left;}  

	/*#artboard.lgid3 - avision products*/
	 #artboard.lgid3 productlist ul li ul li.recommend-info ul li.recommend-title {width:92%; font-size:12.5px; height:27px; font-weight:bold; color:#fff; padding:7% 4% 3% 4%; line-height:15px; text-align:right; float:left;}	
  #artboard.lgid3 productlist ul li ul li ul li.recommend-brief {width:94%; font-size:12px; color:#fff; padding:5% 3%; height:100%; overflow:hidden; line-height:18px; float:left;}  

	/*#artboard.lgid5 - productlist*/
	#artboard.lgid5 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:14px; height:27px; font-weight:bold; color:#fff; padding:7% 6% 3% 6%; line-height:15px; text-align:right; float:left;}	
  #artboard.lgid5 productlist ul li ul li ul li.recommend-brief {width:94%; font-size:12px; color:#fff; padding:5% 3%; height:100%; overflow:hidden; line-height:18px; float:left;}  

	/*#artboard.lgid6 - productlist*/
  #artboard.lgid6 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:14px; height:27px; font-weight:bold; color:#fff; padding:7% 6% 3% 6%; line-height:15px; text-align:right; float:left;}	
  #artboard.lgid6 productlist ul li ul li ul li.recommend-brief {width:94%; font-size:12px; color:#fff; padding:5% 3%; height:100%; overflow:hidden; line-height:18px; float:left;}  

	/*#artboard.lgid7 - productlist*/
  #artboard.lgid7 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:14px; height:27px; font-weight:bold; color:#fff; padding:7% 6% 3% 6%; line-height:15px; text-align:right; float:left;}	
  #artboard.lgid7 productlist ul li ul li ul li.recommend-brief {width:94%; font-size:12px; color:#fff; padding:5% 3%; height:100%; overflow:hidden; line-height:18px; float:left;}  
	
	/*#artboard.lgid8 - productlist*/
	#artboard.lgid8 productlist ul li ul li.recommend-info ul li.recommend-title {width:100%; font-size:8px; height:27px; font-weight:bold; color:#fff; padding:7% 0% 3% 0%; line-height:15px; text-align:right; float:left;word-wrap:break-word;}	
  #artboard.lgid8 productlist ul li ul li ul li.recommend-brief {width:94%; font-size:12px; color:#fff; padding:5% 3%; height:100%; overflow:hidden; line-height:18px; float:left;}  
	
	/*#artboard.lgid9 - productlist*/
	#artboard.lgid9 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:14px; height:27px; font-weight:bold; color:#fff; padding:7% 6% 3% 6%; line-height:15px; text-align:right; float:left;}	
  #artboard.lgid9 productlist ul li ul li ul li.recommend-brief {width:94%; font-size:12px; color:#fff; padding:5% 3%; height:100%; overflow:hidden; line-height:18px; float:left;}  

	/*java*/
  #flash-box {position:relative; left:0%; margin-left:0px !important; width:100%; float:left; border-top:1px solid #c0c0c0; margin:8px 0 0 0;}
  .slider-wrapper {width:100%; float:left; text-align:center; text-align:center;}
  #slider {/*width:100% !important;*/ width:100%; margin:0 auto; text-align:center;}
  .slider-wrapper img { width:100% !important; max-width:2000px; height:auto !important; text-align:center; }
  .nivo-controlNav {z-index:100; position:relative; width:100%; margin-top:-40px; height:0px !important;}
	/*product search*/
	body#menu_10075 .productsearch {display:none !important;}
  /*catalog_detail*/
  #main_picture {width:90%; margin:0px 2% 0 2%; padding:1% 3%; float:left; text-align:center;}
  #main_picture img {width:100%; height:auto; max-width:255px;}
  #basic_spec {line-height:24px; text-align:left; width:90%; padding:1% 3%; margin:20px 2% 0 2%; float:left; height:345px; overflow:auto; background:url(graphics/brief.jpg) repeat-x top left;}  
  #spec-logos {width:96%; margin:0px 2% 0 2%; float:left; text-align:center; padding-bottom:25px; border-bottom:1px solid #ddd;}
  #spec-logos img {margin:0 2px;}
  #logos {width:96%; margin:0px 2% 0 2%; float:left; text-align:center; padding-top:25px; background:url(graphics/proiconbk.jpg) no-repeat center top;}
  #logos img {height:60px; width:auto; margin:0 2px;}
  /**/
  .res_cell7 select.selectbox, 
  .res_cell7 input.res_textbox02 {width:35% !important;}  
  .res_cell2 input.res_textbox_01 {width:40% !important;}
  .res_cell7 input.res_textbox02 {width:95% !important;}
  .res_cell7 input.model_textbox {width:45% !important;}
  .res_cell7 input.brand_textbox {width:64% !important; margin-bottom:3px;}
  .res_cell7 input.model_textbox {width:64% !important;}
   /**/   
  td.f-download {width:20%;}  
   /*email form*/
	.form_pad {width:100%; margin:25px auto; border-top:5px solid #b3c7e0; border-bottom:5px solid #b3c7e0; }
	.form_pad tr td {padding:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd;}
	.form_pad tr td.rightodd {width:100px; background:#ddd; border-bottom:1px solid #fff;}
	.form_pad tr td.rightodd01 {border:none;}
	.form_pad input.form_gyline, .form_pad input.email {border:1px solid #c7c7c7; width:95%; padding:3px; height:25px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
	.form_pad textarea {border:1px solid #c7c7c7; width:95%; padding:3px; height:300px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
	.form_pad tr td.td-button {border:none; text-align:right; padding:10px 0;}
	input#send {padding:6px 35px; cursor:pointer;}  
	/*about avision*/
	.com01 {width:90%; margin:0% 5% 3% 5%; float:left;}
	.com02 {width:90%; margin:0% 5% 3% 5%; float:right;}
	.founded {width:94%; height:auto; padding:15px 2%; margin:5% auto; text-align:center; border:6px solid #fff; float:left; background:#cce5f2; box-shadow:4px 4px 15px #404040;}
	.founded span {display:block; color:#713b00; font-size:17px; margin:15px 0;}
	.main-line {margin-top:15px; border-top:1px solid #a5a4a2; width:100%;}
  .com02 iframe {border:1px solid #bdb9b6; width:100%; float:right;}
  /*#artboard.lgid2 - .founded span*/
  #artboard.lgid2 .founded span {margin:15px 0; line-height:auto;}
	 /*?????E???*/
	table.c03 {width:100%; margin:0 0% 50px 0%;}
  table.c03 .odd {width:50%; background:#489ac5; color:#fff; font-weight:bold;}
  /*#artboard.lgid1 - ul.history01*/
  #artboard.lgid1 .history h1 {width:100%; float:left;}
  #artboard.lgid1 ul.history01 {padding:0; margin:0; width:100%; display:inline; border:0; background:none;}
  #artboard.lgid1 ul.history01 li {padding:0; margin:0; padding:5px 0; width:100%; float:left; line-height:24px;}
  #artboard.lgid1 ul.history01 li.tablearea {width:100%; padding:10px 0; text-align:center; background:#0c426b; color:#fff; font-weight:bold;}
	#artboard.lgid1 ul.history01 li.table2info {width:auto; padding-left:30px; padding-bottom:38px; border-bottom:1px solid #ddd; background:url(graphics/dot.jpg) no-repeat top left; color:#585858;}
  #artboard.lgid1 ul.history01 li.tablearea01 {width:100%; padding:10px 0; text-align:center; background:#fff; color:#fff; font-weight:bold;}  
  
  /*compare-scanners*/
  table#compare-scanner .cat-name {display:block; height:50px; width:98%; padding:5px 1%; font-size:14px;}
  
  /*???????l*/
	.ainlink {width:100%; margin:0 auto;}
	ul.inlink {width:100%; float:left; text-align:center;}
	ul.inlink li {display:inline-table; text-align:center; width:auto; margin:30px 1%;}
	ul.inlink li a {text-shadow:2px 2px 3px #666; padding:30px 30px; font-size:18px; color:#fff; font-weight:bold; background:#406aa9; box-shadow:1px 3px 6px #666; -webkit-box-shadow:1px 3px 6px #666; -moz-box-shadow:1px 3px 6px #666;  border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
	
/*logo info - img*/ 
	#menu_10104 #maincentent img, #menu_10105 #maincentent img, #menu_10106 #maincentent img, #menu_10107 #maincentent img, #menu_10108 #maincentent img, #menu_10109 #maincentent img, #menu_10110 #maincentent img, #menu_10111 #maincentent img, #menu_10112 #maincentent img, #menu_10113 #maincentent img, #menu_10114 #maincentent img, #menu_10137 #maincentent img {max-width: 100% !important; height: auto !important; }
	
/*20161111 Accessories*/

	.supply-number {width:100% !important;margin-bottom:20px}
	.supply-brief {width:100% !important;}
  
  #product-nav {width:90%; margin:65px 5% 0 ;}
  .generaltab {width:20%;  background:url(graphics/tab.jpg) no-repeat top left;background-size:100%; height:auto;}
  .activetab {width:20%;background:url(graphics/tab-h.jpg) no-repeat top left;background-size:100%; height:auto}	
  .generaltab:hover {background:url(graphics/tab-h.jpg) no-repeat top left;background-size:100%; height:auto}  

	.activetab a ,.generaltab a  {font-size:13px;}
/**/

	.supply-pic {max-width:30% !important;;}
	#detail_spec .supply-pic img {max-width:100% !important;}
	.supply-content {max-width:64%  !important; }	
	
	
/*綠色採購*/
	.greenbuy .c05 .odd {width:35%;}
	
	/*20170119企業社會責任*/
	table.c07 {width:80%; margin:20px 10% 20px 10%;}
  table.c07 .odd {font-size:15px; width:40%;}
  
  table.c08 {width:100%; margin:20px 0% 20px 0%; }
  table.c08 ul {width:90%;margin:0 auto 0 10%;text-align:left;}

  
  table.c09 {width:100%; margin:20px 0% 20px 0%;}
  table.c09 tr td {width:9%;}
  table.c09 .odd {width:24%;}
  	
	}
		



/*950***************************************************************/	
	@media screen and (max-width: 950px) {	
  .download-pic a {border-radius:6px; color:#bf7000; font-size:13px; padding:3px; background:none;}

}

/*320***************************************************************/	
	@media screen and (max-width: 799px) {		
	h1 {margin:0px 0px 25px 0px; padding:15px 5px;}	
	body nav {position:absolute; top:0; left:0; z-index:9999;}	
	ul.mm-list {position:relative; top:0; left:0; z-index:9999;}	
	#artboard {background:#fff;}	
	#artboardbody {background:#fff;}
	header {position:relative; z-index:1; top:-5px; right:0; width:290px; float:right; margin-top:10px;}	
	headerbody {width:290px; margin-right:0%; min-width:290px; float:right; text-align:right;}
	/*header ul {width:95%; margin:0 auto;}*/
	header ul li {width:290px; float:right; display:block}
	header ul li#links {display:none;}
	#lang-search {margin:0 0 7px 0; float:right; width:290px;}
  #search {position:relative; z-index:0; padding:0; margin:0; background:none; border-radius:none; border:none; float:right; width:265px;}
	input.textbox {float:left; font-size:12px; color:#1f1f1f; width:183px; padding:2px 0; margin-left:0px; border:1px solid #ddd; background:none;}
	.i-button#sub-seach {width:auto; float:right;}
	.i-button .main-button {text-align:center; font-family:"Ebrima"; font-size:12px; text-transform:uppercase; border:1px solid #bcddff; background:#bcddff; cursor:pointer; width:80px; float:left;}
	
	/**/
	#mainmenu {width:100%; float:right; margin-top:0px;}
	#mainmenu-body {width:80%; float:right; margin-top:10px; text-align:right;}	
  #he-logo {position:relative; z-index:99; width:100%; text-align:center; margin:10px auto 0px auto;}
	#he-logo img {width:90%; max-width:180px; height:auto;}
  #content {background:#fff; width:100%; margin:0; padding:0px 0 10px 0; float:left;}
  index-newsbody {width:90%; padding:20px 5% 20px 5%; float:left;}
  #index-news-top {background:none; box-shadow:none; margin:0; padding:0px; width:100%; clear:both; margin-bottom:0px;}
  #index-news-top strong {display:none;}
  #index-news-top strong span {color:#fff;}
  #index-news-top span.more {display:block; background:#a83131; width:60%; min-width:138px; font-size:13px; font-weight:bold; padding:4px 3px 6px 3px; margin:0 auto; text-align:center; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
  #textcontent {width:100%; text-align:center;}
  .home-news-date {margin:0; margin-bottom:5px; margin-top:10px; width:100%; float:left; text-algin:center;}
  .home-news-title {margin:0; width:100%; float:left; height:15px; margin-bottom:5px;} 
  .home-news-title a {font-size:14px;}
  .footermenubody {display:none;}
  #footermenu {width:100%; padding:0; margin:0; float:left;}
  .alink {padding:0; margin:0; min-width:300px; width:100%; clear:both; margin:0 auto;}
  .alinkbody {padding:0; margin:0; min-width:300px; width:100%; float:left; text-align:center;}
  .alinkbody a { padding:0; margin:0; display:inline-table; vertical-align:top; text-align:center;}
   a.avisionshop {margin-top:0px; width:auto; float:none;}
   a.registration, a.contactus {width:auto; float:none; text-align:center;}
   .alinkbody a img {margin-bottom:10px;}
  /*footer*/
	footer {width:98%; height:auto; padding:6px 1% 0 1%; float:left; background:url(graphics/footer.jpg) repeat bottom left; }	
  #undermenu {width:100% !important; text-align:center; float:left; margin-bottom:5px;}
  #undermenu ul li a {color:#fff; font-size:12px;}
  #copyright {width:100% !important; text-align:center; float:left; font-size:9px; padding:5px 0;}
  #copyright span {display:block;}
	#nav-global-header {width:100%; float:left; margin-top:0px; max-height:398px; background:url(graphics/languagebk.jpg) repeat-x left top;}
	.global-close {width:auto; height:auto; padding:2px 5px; float:right;}
	a.global-close {font-size:12px;  width:auto; margin:auto;}
	a.global-close span {display:none;}
	img.globalmap {display:none;}	
	#container-local {width:100%; float:left; padding-top:0px; min-height:100px; }	
	ul.nav-global-select {width:100%;}
	ul.nav-global-select li {width:100%;}
	p.area-name {padding:0; margin:0; width:100%; background:#568baf; padding:3px 0; text-align:center; border-radius:0; font-size:14px; font-family:"Ebrima"; color:#fff;}
	ul.nav-global-select li ul {width:94%; float:left; margin:2px 3% 18px 3%; text-align:center;}
	ul.nav-global-select li ul li {display:inline; width:auto; float:none; margin:0; padding:0; margin-right:15px;}
	ul.nav-global-select li ul li a {font-size:14px; color:#676767; font-family:"Ebrima","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
	
	#google-translator {width:100%; float:left; margin-bottom:35px;}
	#google_translate_element {text-align:center;}
  #container-local #google-translator span {width:auto; float:none; margin-top:4px;}
  #container-local span a.goog-logo-link img {height:13px; width:37px; float:none;}
  .skiptranslate.goog-te-gadget {font-size:11px;}
  .skiptranslate.goog-te-gadget select {font-size:13px; width:100%; margin-bottom:5px; color:#666; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
	
	/*productlist*/	
	
	.product {display:inline-table; width:auto; float:none; margin:0 0.5% 35px 0.5% !important; text-align:center;}
	
	ul.producttop {width:100%; line-height:20px;}
  ul.producttop li {width:98%; float:left; margin:0 1% 25px 1%;}
  ul.producttop li.proimg {text-align:center;}
  ul.producttop li p {margin-bottom:15px;}
  productlist {width:100%; float:left; padding-bottom:18px; margin-bottom:20px; border-bottom:1px solid #c0c0c0;}
  productlist ul {width:100%; float:left; margin:0px;}
	productlist ul li {width:100%; min-width:229px; height:290px; float:left; margin:0 0px 1px 0; background:#d0d0d0;}
	productlist ul li ul {width:100%; margin:0;}
	productlist ul li ul li {padding:0; margin:0; width:100%; height:auto; background:none;}
	productlist ul li ul li.recommend-img {width:100%; min-width:229px; height:290px; overflow:hidden; text-align:center;}
	productlist ul li ul li.recommend-img img {width:100%; max-width:229px; height:auto; }
	productlist ul li ul li.recommend-info {background:#000; float:left; height:290px; overflow:hidden; filter:alpha(opacity=80);opacity:0.8; position:relative; top:-290px; z-index:100;}				
	productlist ul li ul li.recommend-info ul li.recommend-title {width:88%; font-size:25px; color:#fff; padding:2% 6%; text-align:right; float:left;}
	productlist ul li ul li a {color:#fff;}
	productlist ul li ul li ul li.recommend-brief {width:88%; font-size:16px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:23px; float:left;}
	ul li.recommend-brief span {display:block; width:120px; float:right; text-align:center; margin-top:15px; background:#5a86bd; color:#fff; font-size:16px; padding:5px 0; }
		
	
	/*#artboard.lgid2 - productlist*/
	#artboard.lgid2 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:20px; font-weight:bold; color:#fff; padding:2% 6%; text-align:right; float:left;}
	#artboard.lgid2 productlist ul li ul li ul li.recommend-brief {width:88%; background:#ddd font-size:13px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:17px ; float:left;}
	
	/*#artboard.lgid3 - productlist*/
	#artboard.lgid3 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:20px; font-weight:bold; color:#fff; padding:2% 6%; text-align:right; float:left;}
	#artboard.lgid3 productlist ul li ul li ul li.recommend-brief {width:88%; background:#ddd font-size:13px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:17px ; float:left;}
	
	
	/*#artboard.lgid4 - productlist*/
	#artboard.lgid4 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:20px; font-weight:bold; color:#fff; padding:2% 6%; text-align:right; float:left;}
	#artboard.lgid4 productlist ul li ul li ul li.recommend-brief {width:88%; background:#ddd font-size:13px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:17px ; float:left;}
	
	/*#artboard.lgid5 - productlist*/
	#artboard.lgid5 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:20px; font-weight:bold; color:#fff; padding:2% 6%; text-align:right; float:left;}
	#artboard.lgid5 productlist ul li ul li ul li.recommend-brief {width:88%; background:#ddd font-size:13px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:17px ; float:left;}
	
	/*#artboard.lgid6 - productlist*/
	#artboard.lgid6 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:20px; font-weight:bold; color:#fff; padding:2% 6%; text-align:right; float:left;}
	#artboard.lgid6 productlist ul li ul li ul li.recommend-brief {width:88%; background:#ddd font-size:13px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:17px ; float:left;}
	
	/*#artboard.lgid7 - productlist*/
	#artboard.lgid7 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:20px; font-weight:bold; color:#fff; padding:2% 6%; text-align:right; float:left;}
	#artboard.lgid7 productlist ul li ul li ul li.recommend-brief {width:88%; background:#ddd font-size:13px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:17px ; float:left;}
	
	/*#artboard.lgid8 - productlist*/
	#artboard.lgid8 productlist ul li ul li.recommend-info ul li.recommend-title {width:90%; font-size:20px; font-weight:bold; color:#fff; padding:2% 6%; text-align:right; float:left;}
	#artboard.lgid8 productlist ul li ul li ul li.recommend-brief {width:88%; background:#ddd font-size:13px; color:#fff; padding:6%; height:100%; overflow:hidden; line-height:17px ; float:left;}
	
	/*avision products*/
	ul.productlist li {width:100%; max-width:auto; text-align:center; display:inline; background:none; float:none;}
	.avisionproducts p {padding:0px 0 16px 0; margin:0; width:100%; border-bottom:1px solid #333;}
	ul.productlist li span {display:block; padding:15px 10px; background:#333; font-size:20px; height:auto;}
	/*java*/
  #flash-box {position:relative; left:0%; margin-left:0px !important; width:100%; float:left; border-top:1px solid #c0c0c0; margin:8px 0 0 0;}
  .slider-wrapper {width:100%; float:left; text-align:center; text-align:center;}
  #slider {/*width:100% !important;*/ width:100%; margin:0 auto; text-align:center;}
  .slider-wrapper img { width:100% !important; max-width:2000px; height:auto !important; text-align:center; }
  .nivo-controlNav {z-index:100; position:relative; width:100%; margin-top:-40px; height:0px !important;}
  .nivo-controlNav {display:none;}
	/*product search*/
	body#menu_10075 .productsearch {display:none !important;}
  /*catalog_detail*/
  #main_picture {width:90%; margin:0px 2% 0 2%; padding:1% 3%; float:left; text-align:center;}
  #main_picture img {width:100%; height:auto; max-width:255px;}  
  #basic_spec {line-height:24px; text-align:left; width:90%; padding:1% 3%; margin:20px 2% 20px 2%; float:left; height:345px; overflow:auto; background:url(graphics/brief.jpg) repeat-x top left;}
  #scanner-compare {display:none !important;}
  #spec-logos {width:96%; margin:0px 2% 0 2%; float:left; text-align:center; padding-bottom:25px; border-bottom:1px solid #ddd;}
  #spec-logos img {margin:0 2px;}
  #logos {width:96%; margin:0px 2% 0 2%; float:left; text-align:center; padding-top:25px; background:url(graphics/proiconbk.jpg) no-repeat center top;}
  #logos img {height:60px; width:auto; margin:0 2px;}
  .generaltab {cursor:pointer; float:left; width:100%; border-bottom:1px solid #ddd; padding-top:8px; height:26px; text-align:center; background:#7f7f7f;}
  .generaltab:hover { background:#05539e;}  
  .activetab {cursor:pointer; float:left; width:100%; border-bottom:1px solid #ddd; padding-top:8px; height:26px; text-align:center; background:#05539e;}	
	.activetab a {color:#fff; font-weight:bold; font-size:15px;}
	.generaltab a {color:#fff; font-weight:bold; font-size:15px;}
  #detail_spec {padding:0; margin:0; width:100%; border-left:none; border-right:none;}
  #detail_spec tr td {padding:0; border-left:none; border-right:none; margin:0; vertical-align:top !important; width:100%; float:left;}
  .prod-inner-content {margin:5px auto 15px auto; width:100%;}
  .download-table {width:100%; margin:0 auto;}
  .download-table tr.tr-header {display:none;}
  #detail_spec tr td.f-name {background:#50A1D8; color:#fff;}
  #detail_spec tr td img {margin:0 !important; padding:15px 0 !important; width:290px !important; height:auto !important;}
  .download-pic a {border-radius:6px; color:#bf7000; font-size:13px; padding:3px; background:none;}
 /* #detail_spec table {padding:0; margin:0; text-align:left !important; width:290px !important; vertical-align:top !important;}
  */
  /**/
  .res_cell7 select.selectbox,  
  .res_cell7 input.model_textbox,
  .res_cell7 input.brand_textbox,
  .res_cell7 input.res_textbox02 {width:45% !important; margin-top:3px;}  
  .res_cell7 input.res_textbox {width:85% !important; margin-top:3px;}
  .res_cell2 input.res_textbox_01 {width:92% !important;}
  .res_cell7 input.res_textbox02 {width:90% !important;}
  .res_cell7 input.model_textbox {width:85% !important; margin-top:3px;} 
  /**/
  .select-row1 input {width:70%;}
	input.select-button {padding:12px 40px;}
	/**/
	td.dl-pic {width:50%; text-align:center; }
	td.dl-pic img {width:100%; max-width:130px !important; height:auto;}
	td.dl-spec {width:50%;}
  td.f-download a {border:none; color:#bc3e00; font-size:15px; padding:0px; background:none;}  
  
  /*#artboard.lgid2*/ 
  /*contactus*/
	.contact {margin-bottom:35px; width:100%; float:left; text-align:center;}
	ul.contact01, ul.contact02 {width:100%; margin:0; float:left; text-align:center;}
	ul.contact01 li {width:100%; text-align:center; display:inline-table; margin:0 25px 25px 0; padding:6px; background:#ebebeb;}
	ul.contact02 h2 {margin:0; padding:0; margin-bottom:15px;}
	ul.contact02 li {margin-left:0%;}	
	ul.contact02 li strong {padding:0; margin:0; width:100%; display:block; font-weight:bold; color:#4b8116; margin-bottom:5px;}  
  
  /**/
  .boxa {border-radius: 0px 0px 70px 0px;
-webkit-border-radius: 0px 0px 70px 0px;
-moz-border-radius: 0px 0px 70px 0px; 
  background:#eaf4fb; min-height:95px; padding:15px; margin-bottom:15px;}
  
  /*brand history*/
  ul.history01 {padding:0; margin:0; width:100%; display:inline; border:0; background:none;}
  ul.history01 li {padding:0; margin:0; padding:5px 0; width:100%; float:left; line-height:24px;}
  ul.history01 li.tablearea {width:100%; padding:10px 0; text-align:center; background:#0c426b; color:#fff; font-weight:bold;}
	ul.history01 li.table2info {width:auto; padding-left:30px; padding-bottom:38px; border-bottom:1px solid #ddd; background:url(graphics/dot.jpg) no-repeat top left; color:#585858;}
  ul.history01 li.tablearea01 {width:100%; padding:10px 0; text-align:center; background:#fff; color:#fff; font-weight:bold;}  
  /*Corporate Profile*/
  .cp01 {width:100%; float:left; margin-bottom:15px;}
	.cp02 {width:100%; float:left; margin-bottom:15px;}
	.cp03 {width:100%; float:left;}
	.cp02 img, .cp03 img {width:100%; max-width:718px; height:auto;}
	.li-list { font-size:15px; font-size:13px; border-bottom:1px solid #ddd; color:#0f598d; padding:3px 10px;}
	.cor-img {margin-left:0px;}
	.corporate {width:100%; text-align:center; margin-top:4px;}
	.corporate01 {background:#e6dfc9; padding:5px 10px; font-size:15px;}
	/*#artboard.lgid3 - Corporate Profile*/
  #artboard.lgid3 .cp01 {width:100%; float:left;}
  #artboard.lgid3 .cp00 {width:100%; float:left;}
  .cp00 strong, .cp001 strong {font-weight:bold;}
  .cp00 p, .cp001 p {margin-bottom:15px;}
  #artboard.lgid3 .cp001 {width:100%; float:left;}
	#artboard.lgid3 .cp02 {width:100%; float:left; text-align:center;}
	#artboard.lgid3 .cp02 h2 {text-align:left;}

	/*??S??*/
  table.a20140924 {width:100%; margin:0; border-top:3px solid #b8b8b8; border-bottom:3px solid #b8b8b8; border-right:1px solid #b8b8b8;}
	table.a20140924 tr td {padding:10px; border-bottom:1px solid #929292;}
	table.a20140924 td.ltitle {width:40%; font-size:14px; text-align:center; background:#398dc6; color:#fff;}

	/**/
	 .ep01 {width:100%; float:left; text-align:center;}
   .ep01 img {width:100% !important; max-width:320px !important; margin:0 auto; height:auto;}
  
  /*about avision*/
	.com01 {width:90%; margin:0% 5% 3% 5%; float:left;}
	.com02 {width:90%; margin:0% 5% 3% 5%; float:right;}
	.founded {width:94%; height:auto; padding:15px 2%; margin:5% auto; text-align:center; border:6px solid #fff; float:left; background:#cce5f2; box-shadow:4px 4px 15px #404040;}
	.founded span {display:block; color:#713b00; font-size:17px; margin:15px 0;}
	.main-line {margin-top:15px; border-top:1px solid #a5a4a2; width:100%;}
  .com02 iframe {border:1px solid #bdb9b6; width:100%; float:right;}
  /*#artboard.lgid2 - .founded span*/
  #artboard.lgid2 .founded span {margin:15px 0; line-height:auto;}
   /*??z???*/
  table.c01 {width:100%; margin:0 auto 45px auto; background:#f5fcff; border:3px solid #919191; border-bottom:2px solid #919191;}
  table.c02 {width:100%; margin:0 auto 45px auto;background:#f5fffc; border:3px solid #919191; border-bottom:2px solid #919191;}
  table.c04 {width:100%; margin:0 auto 45px auto;background:#f5fffc; border:3px solid #919191; border-bottom:2px solid #919191;}
  /*??z???*/
	table.p20140924 {width:100%; margin:0 auto; border-top:3px solid #b8b8b8; border-bottom:3px solid #b8b8b8; border-right:1px solid #b8b8b8;}
	/*??u?*/
	.ds {width:100%; margin:0 0% 50px 0%;}	
	.ds .ds01 {width:100%; float:left; padding:1% 0%; margin:10px 0%;}	
	.ds .ds00 {width:100%; float:left; margin:10px 0%;}
	.ds .ds00 ul li {padding:3px 0;}	
	table.c05 {width:100%; margin:0 0% 50px 0%; float:left;}
  table.c05 tr td {width:100%; float:left;}
  table.c05 .odd {width:100%;}
  .qalist {width:100%; margin:0 0% 20px 0%; float:left;}
	/*?????????*/
	.pdfdownload {width:80%; float:left; margin:0px 10% 60px 10%;}
  /*?????E???*/
	table.c03 {width:100%; margin:0 0% 50px 0%;}
	table.c03 tr td {width:100%; float:left;}
  table.c03 .odd {width:100%; background:#489ac5; color:#fff; border:none; font-weight:bold;}
  /*???????l??~*/
  .ds02 {width:100%; margin:0 0% 50px 0%; text-align:center;}
  .ds02 ul {width:100%; float:left; margin:0 0% 35px 0%;}
  .ds02 ul li {padding:0; margin:0; background:none;}
  .ds02 table tr td {width:100%; float:left;}
  .ds02 table ul {width:98%; margin:0 1% 15px 1%;}
	/*??????@????*/
	.dslh table {width:100%; margin:0; text-align:center;}
	.dslh table tr td {padding:10px 0; width:100%; float:left;}
	.dslh ul li {margin-bottom:10px; background:#487483; color:#fff; padding:4px 6px;}
 /*?????z*/ 
  .gh2015 table.c03 {width:100%; margin:0 auto 10px auto; background:#f5fcff; border:3px solid #919191; border-bottom:2px solid #919191;}
  .gh2015  table.c03 tr td {padding:4px 0; border-bottom:1px solid #919191;}
  .gh2015  table.c03 .odd {font-size:15px; width:100%; background:#489ac5; color:#fff; border-right:3px solid #0e6d9e; font-weight:bold;}
  .gh2015 .pdfdownload01 {margin:0 auto 25px auto; width:100%; text-align:right;}
  .gh2015 .pdfdownload01 li {display:block; margin-left:0px;}
  .gh2015 table.c05 {width:100%; margin:0 auto 10px auto; background:#f5fffc; border:3px solid #919191; border-bottom:2px solid #919191;}
  .gh2015 table.c05 tr td {width:auto; float:none; padding:4px 0; border-bottom:1px solid #919191;}
  .gh2015 table.c05 .odd {width:20%; padding:6px 0; border-bottom:3px solid #156e60; font-size:15px; background:#2b9383; color:#fff; font-weight:bold;}
  .gh2015 h2 {margin:0; margin:30px 0 10px 0;}
	.gh2015 .c06 {width:100%; margin:10px 0;}
	.gh2015 .c06 tr td {width:100%; float:left;}
	.gh2015 .c06 ul li {display:block;}
	.gh2015 h3.gh3 {width:100%; margin:0;}
  .gh2015 table.c04 {width:100%; margin:0 auto 45px auto;background:#f5fffc; border:3px solid #919191; border-bottom:2px solid #919191;}
  .gh2015 table.c04 tr td {padding:4px 0; border-bottom:1px solid #919191; text-align:center;}
  .gh2015 table.c04 .odd {padding:6px 0; border-bottom:3px solid #b4a68b; font-size:15px; background:#947a47 !important; color:#fff; font-weight:bold;}
  .gh2015 table.c04 .even {font-size:15px; background:#8d8d8d; color:#fff; font-weight:bold;}
  /*contact us -TAIWAN*/
	.contact-sub tr td {width:100%; float:left;}
	.contact-sub h2 {margin-left:0;}	
  
  /*???????l*/
	.ainlink {width:100%; margin:0 auto;}
	ul.inlink {width:100%; float:left; text-align:center;}
	ul.inlink li {display:block; text-align:center; width:100%; float:left; margin:1% 0;}
	ul.inlink li a {width:100%; float:left; text-shadow:2px 2px 3px #666; padding:30px 0; font-size:18px; color:#fff; font-weight:bold; background:#406aa9; box-shadow:1px 3px 6px #666; -webkit-box-shadow:1px 3px 6px #666; -moz-box-shadow:1px 3px 6px #666;  border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
	
/*logo info - img*/ 
	#menu_10104 #maincentent img, #menu_10105 #maincentent img, #menu_10106 #maincentent img, #menu_10107 #maincentent img, #menu_10108 #maincentent img, #menu_10109 #maincentent img, #menu_10110 #maincentent img, #menu_10111 #maincentent img, #menu_10112 #maincentent img, #menu_10113 #maincentent img, #menu_10114 #maincentent img, #menu_10137 #maincentent img {max-width: 100% !important; height: auto !important; }


/*registerbody*/

  .registerbody {padding:0; margin-top:10px;}
  .registerbody tr td {padding:0; width:100% !important; float:left; padding:3px 0; font-size:15px; background:#f6f6f6; border-bottom:1px solid #fff;}
	.registerbody tr td.res_cell5 {padding:7px 0; text-align:center; background:#d1d1d1;}
	.registerbody tr td.res_cell6 {padding:5px 0; text-align:center;}
	.registerbody tr td.res_cell6 input.res_textbox02 {width:60%; padding:5px 3px; border:1px solid #9f9f9f;}	
	.registerbody tr td.res_cell6 select {width:45%; padding:5px 3px; border:1px solid #9f9f9f;}
	.registerbody tr td.res_cell6 input.res_textbox1 {width:30%; padding:5px 3px; border:1px solid #9f9f9f;}
	.re-info {width:100%; margin:0 auto;}
	.re-info span {color:#b20b0b;}
	.sample {display:block; font-size:13px;}
  .registerbody tr td input.res_textbox03 {width:40%; padding:5px 3px; border:1px solid #9f9f9f;}
	.registerbody .res_cellbuttonleft {background:none; text-align:center;} 
	/*
	.registerbody td.res_cellbutton input {margin-bottom:5px; border:none; text-shadow:0px 0px 5px #666; min-width:100px; padding:12px 10px; font-weight:bold; background:#b65922; cursor:pointer; color:#fff; font-size:15px; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
  .registerbody td.res_cellbutton input:hover {background:#c7713d;}
	*/
	td.res_cellbuttonleft input.res_button {background:#9a2800; margin-bottom:5px; border:none; text-shadow:0px 0px 5px #666; min-width:100px; width:300px; padding:12px 10px; font-weight:bold; cursor:pointer; color:#fff; font-size:15px; font-family:"Franklin Gothic book","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
	td.res_cellbuttonleft input:hover {background:#a73710;}

	.recaptcha {width:100%;}
	.g-recaptcha {width:305px; margin:0 auto;}

  /*20151001*/
  /*download-list*/
	
	.dl-table {width:100%; margin:0 auto; margin-bottom:10px;}
	.dl-table tr td {vertical-align:top; }
	td.dl-pic {display:none; width:40%;}
	td.dl-pic img {width:100%; max-width:215px; height:auto;}
	td.dl-spec {width:100%; text-align:center;}
  table.download-table {width:100%;}
  .download-table-inner {width:100%;}
  .download-table-inner  tr td {padding:10px 5px; border:1px solid #ddd;}
  .down-header {width:30%; background:#51a1d8; padding:5px 3px 5px 45px; color:#fff; font-weight:bold;}
	.down-content {width:70%; padding:5px 3px 5px 20px;}
  .dl-table tr.down-even {background:#f6fbff;}
	.dl-table tr.down-odd {background:#d8eaf6;}

/*20160506*/
	ul.eventvideo {width:100%; height:auto; float:left; margin-bottom:15px;}
	ul.eventvideo li {width:100%; margin:1% 0; float:left; text-align:center;}

	ul.eventvideo span {font-size:25px;}
	ul.eventvideo a {border-right:none; color:#fff; font-size:16px; padding-right:0px; margin-top:0px; text-align:center;}
 
/*20161111 Accessories*/
	.prod-supply {width:96%;  margin:0 2% 15px ;}
	.prod-inner-title {margin:0 2%;}
	.supply-number {width:98% !important;margin-bottom:20px;}
	.supply-brief {width:98% !important;padding-left:0%;}
	.supply-pic {float:none;clear:both;border:none;margin:0 auto 0px;padding-right:0;max-height:150px;max-width:100%;}
	/*.supply-pic {padding-right:0%;max-width:100%;width:100%;height:10%;border:none;}*/
	#detail_spec .supply-pic img {max-height:100% !important;text-align:center;margin:0 auto;}
	.supply-content {width:98%  !important; padding-left:2%; }	
	
	
	
	/*綠色採購*/
	.greenbuy .c05 td {width:100%;float:left;}
	.greenbuy .c05 .odd {width:100%;}
	.greenbuy .noru span {display:inline;padding-right:2%;}

		/*20170119企業社會責任*/
	table.c07 {width:100%; margin:20px 0% 20px 0%; }
  table.c07 .odd {font-size:15px; width:40%;}
  
  table.c08 {width:100%; margin:20px 0% 20px 0%; }
  table.c08 ul {width:90%;margin:0 auto 0 10%;text-align:left;}

  
  table.c09 {width:100%; margin:20px 0% 20px 0%;}
  table.c09 tr td {width:9%;}
  table.c09 .odd {width:24%;}

}




 /*480***************************************************************/	
	@media screen and (max-width: 480px) {




/*20161111 Accessories*/
	.prod-supply {width:96%;  margin:0 2% 10px ;}
	.supply-content {width:100% !important;margin-top:20px;margin-bottom:15px;padding-left:0;}
	
	.supply-pic {padding-right:0%;max-width:100%;width:100%;height:auto;}

  
	.supply-number {width:100% !important;margin-bottom:10px;margin-right:0%;}

	.prod-inner-title {margin:0 2%;}

	/*20170119企業社會責任*/
	table.c07 {width:100%; margin:20px 0% 20px 0%; }
  table.c07 .odd {font-size:15px; width:40%;}
  table.c09 .odd {background:#b4d2ce; color:#000; font-weight:bold;width:15%;}
  
  table.c04 tr td {font-sizse:12px;}

}


