html, body {
	font: 0.92em/1.5em "Microsoft YaHei",Arial;
	font-size: 0.85em \0;
	*font-size: 0.85em;
	margin: 0;
	padding: 0;
}

:root body {
	font-size: 0.9em \9;
	background-position: 0 85px \9;
}

/************************************    Basic    ************************************/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

/************************************    font style    ************************************/

a {
	text-decoration: none;
}

a:hover {
	color: #666;
	text-decoration: underline;
}

.clr {
	clear: both;
}

#navMenu a:hover, a.btnOrder:hover, /**a.btnOther:hover, **/.productGrid .cateList h3 a:hover, .loginBox .join a, .tabs a:hover, .lag span a:hover, h2.menuTitle a:hover {
	text-decoration: none;
}

.loginBox a, .productList a:hover, .productGrid a:hover, .error404 div a, .warnMsg a, .wrongMsg a, .rightMsg a {
	text-decoration: underline;
}

#navMenu a, #navMenu a:hover, footer, footer a {
	color: #fff;
}

#navMenu ul a, a.btn {
	color: #333;
}

.register strong, .formBox span, .equired, .error404 ul span a {
	color: #b00;
}

.register a, .register a:hover, .lag span a:hover, .lag ul li a:hover, #navMenu ul li a:hover, .sideCate li a, .proList h3 a {
	color: #06a;
}

.register .login-name {
	color: #00C;
	font-weight: bold;
}

.tabs li.active, .tabs li.ui-tabs-active a {
	color: #000;
}

footer a:hover {
	color: #aaa;
	text-decoration: underline;
}

.breadcrumb a, .proList p {
	color: #777;
}

/*麵包屑*/

h1 {
	font-size: 95%;
	display: inline;
}

/*每頁選單標題*/

h2.menuTitle {
	color: #555;
	font-size: 140%;
	font-weight: bold;
	padding: 4px 0 20px 20px;
	padding: 5px 0 20px 20px \0;
	*padding: 4px 0 20px 20px;
	margin-bottom: 25px;
	background: url(../images/h2_bg.jpg) 0 0 no-repeat;
}

:root h2.menuTitle {
	padding: 4px 0 20px 20px \9;
}

/*colSide  左側-產品分類標題*/

.colSide h4 {
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 1px;
	padding: 20px 5px 8px 10px;
	background: url(../images/colside_title_bg.jpg) 0 bottom no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*產品詳細頁-推薦區*/

h6.relTitle {
	clear: both;
	color: #f50;
	font-size: 110%;
	margin: 0 0 15px;
	padding-bottom: 5px;
	padding: 7px 5px 6px 10px;
	border: 1px solid #ddd;
	background: url(../images/reltitle_bg.gif) 0 0 repeat-x #e8e8e8;
}

.logo, #navMenu li, .sort span, .psort span {
	float: left;
}

.lag, .lagH, .register, .search, .sort, .psort, .result {
	float: right;
}

.sort, .psort {
	margin-right: 15px;
}

/************************************     Block             ************************************/

header, .footer, .content, .breadcrumb {
	width: 970px;
	margin: 0 auto;
}

.content {
	/*display:table; by hank 2016.9.7*/
	display: block;
	padding-bottom: 50px;
}



/*add by hank 2016.9.7*/

.content:after {
	display: block;
	content: '';
	clear: both;
}

.colSide {
	float: left;
	width: 220px;
}

.colMain {
	float: right;
	width: 720px;
}

/************************************    Header      ************************************/

.logo {
	padding-top: 25px;
}

.logo img {
	display: block;
}

.lag, .lagH, .register {
	font-size: 90%;
}

:root .lag, .register {
	font-size: 90% \9;
}

.lagH {
	padding: 2px 0 0 5px;
}

.lagH li {
	float: left;
	margin-right: 5px;
}

.lagH img {
	margin-right: 5px;
	opacity: 0.55;
}

.lagH .cur img, .lagH a img:hover {
	opacity: 1;
	box-shadow: 0 0 2px #333;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.register li {
	float: left;
	padding-right: 8px;
	color: #ccc;
}

.cartView a {
	height: 19px;
	display: block;
	padding: 0 0 0 24px;
	background: url(../images/cart_view.png) 0 0 no-repeat;
}

.cartViewB2C a {
	height: 21px;
	display: block;
	padding: 0 0 0 22px;
	background: url(../images/cart_viewb2c.png) 0 0 no-repeat;
}

.search {
	clear: right;
	margin-top: 10px;
}

.banner {
	clear: both;
}

.banner img {
	display: block;
	width: 100%;
}



/****************************           Lag 語系          *******************************************/

.lag {
	*padding-top: 3px;
	_padding-top: 3px;
}

.lag select {
	font-size: 90%;
	font-family: Arial,Helvetica,sans-serif;
	color: #333;
}

.lag i {
	width: 12px;
	height: 6px;
	display: inline-block;
	margin-left: 3px;
	*margin-top: -10px;
	_margin-top: 0;
	background: url(../images/lag_down.png) 0 0 no-repeat;
}

.lag span a {
	*font-size: 95%;
	display: block;
	padding: 0 5px 0 18px;
	background: url(../images/flag.png) 0 3px no-repeat \9;
}

.lag span a:hover {
	background-color: #fff;
}

/*FireFox*/

@-moz-document url-prefix() {

	.lag span a {
		background: url(../images/flag.png) 0 7px no-repeat;
	}
}

/*IE9+*/

@media all and (min-width:0) {

	.lag span a {
		background: url(../images/flag.png) 0 7px no-repeat;
	}
}

    

/*IE10+*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.lag span a {
		background: url(../images/flag.png) 0 5px no-repeat;
	}
}



/****************************           Lag 語系下拉選單          *******************************************/

header {
	position: relative;
	padding-top: 10px;
}

.lag ul {
	position: absolute;
	display: none;
	font-size: 95%;
	font-weight: normal;
	width: 100px;
	right: 0;
	padding: 5px 5px 5px 10px;
	background-color: #fff;
	-moz-border: none;
	background: none repeat scroll 0 0 white;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.lag ul li a {
	padding: 3px 0 3px 20px;
	display: block;
	background: url(../images/flag.png) 0 0 no-repeat;
}

.lag ul li a.flag-zh-tw {
	background-position: 0 10px;
	background-position: 0 6px \0;
}

:root .lag ul li a.flag-zh-tw {
	background-position: 0 0px \9;
}

/*IE10+*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.lag ul li a.flag-zh-tw {
		background-position: 0 8px !important;
	}
}

.lag ul li a.flag-zh-cn {
	background-position: 0 -42px;
}

.lag span > a.flag-en, .lag ul li a.flag-en {
	background-position: 0 -20px;
}

/************************************    Aside       ************************************/

.sideCate li {
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sideCate li a {
	display: block;
	padding: 7px 3px 5px 18px;
}

.sideCate li a, .sideCate > li > span > a {
	font-weight: bold;
}

.sideCate > li > span > a {
	*padding-top: 0;
	*padding-bottom: 13px;
	*line-height: 0;
}

.sideCate li a:hover {
	text-decoration: none;
}

.sideCate li li {
	border: none;
}

.sideCate li li a {
	color: #555;
	font-weight: normal;
	padding: 7px 3px 5px 29px;
	_zoom: 1;
 /*ie6*/
	_vertical-align: bottom;
 /*ie6*/
}

.sideCate li li a:hover {
	color: #888;
}

.sideCate li a.tree {
	width: 12px;
	height: 30px;
	top: 0;
	left: 0;
	padding: 0;
	position: absolute;
}

.sideCate li.par_tree {
	background: url(../images/icon_tree_add.gif) 0 11px no-repeat;
}

.sideCate li a.tree.active, .sideCate li.par_tree.active {
	background: url(../images/icon_tree_minus.gif) 0 11px no-repeat;
}

.sideCate ul {
	margin-bottom: 5px;
}

/**** 設定背景色樹狀小圖示才不會被遮住, 客製屬性值 ***/	

.sideCate > li:hover, .sideCate > li > span:hover, .sideCate > li.par_tree > ul > li:hover {
	background-color: #none;
}

/**** 該頁面強調選單 ***/

.sideCate > li > ul > li a.active {
	color: #933;
	font-weight: bold;
}

/************************************    Main        ************************************/

.breadcrumb {
	font-size: 90%;
	padding: 10px 0 8px;
}

.breadcrumb strong {
	color: #555;
}

.sortBox {
	clear: both;
	margin-bottom: 20px;
}

.sort a, .psort a {
	width: 25px;
	height: 23px;
	margin-left: 3px;
	vertical-align: middle;
	display: inline-block;
	background: url(../images/sort.png) 0 3px no-repeat;
	background: url(../images/sort.png) 0 3px no-repeat \0;
}

:root .sort a, :root .psort a {
	margin-top: -10px \9;
}

a.iconList, a.iconGrid {
	cursor: pointer;
}

a.iconListOn {
	background-position: 0 -27px;
}

a.iconGrid {
	background-position: -25px -27px;
}

a.iconGridOn {
	background-position: -25px 3px;
}

/************************************************  header - 主選單     ************************/

nav {
	margin: 75px 0 1px;
	*margin: 86px 0 1px;
}

#navMenu {
	font-size: 115% \0;
	*font-size: 110%;
	font-weight: bold;
	text-align: center;
	clear: both;
	background: url(../images/nav_bg.jpg) 0 0 repeat-x;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
    /**設定後雖支援ie9瀏覽, 但會讓下拉次選單出不來  

	overflow:hidden;

	zoom:1;**/
}

:root #navMenu {
	font-size: 100% \9;
}

#navMenu li {
	float: left;
	border-right: 1px solid #047;
}

#navMenu a {
	_float: left;
	padding: 9px 20px;
	display: block;
}

#navMenu a:hover {
	background-color: #025;
}

.home a {
	display: block;
	width: 20px;
	height: 22px;
	background: url(../images/home.png) center 15px no-repeat;
}

.sf-js-enabled {
	height: 40px;
}

/****************************************** header - 下拉次層選單 ******************/

#navMenu ul {
	position: absolute;
	display: none;
	/*font-size:90%;*/
	font-weight: normal;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fff;
}

#navMenu ul li {
	float: none;
	border-right: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}

#navMenu ul li a {
	text-align: left;
	padding: 7px 5px 5px 20px;
	padding: 10px 5px 5px 20px \0;
	*padding: 10px 5px 5px 20px;
}

:root #navMenu ul li a {
	padding: 9px 5px 5px 20px \9;
}

#navMenu ul li a:hover {
	background-color: #fff;
}

#navMenu li li li {
	background-color: #fff;
}

/************************************    Footer      ************************************/

footer {
	font-size: 90%;
	background-color: #000;
}

.footer {
	padding: 15px 0;
	*padding: 10px 0;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

.footer .menu {
	margin-bottom: 8px;
}

.footer .menu a {
	padding: 0 7px;
}

.footer .info, .copyright {
	padding-left: 10px;
}

.footer p {
	margin-bottom: 0;
}

address {
	font-style: normal;
}

.copyright a {
	text-decoration: underline;
	margin-right: 5px;
}

/**

.footer .brand{

	float:left;

	width:140px;

	padding-top:25px;

	}**/

/***

.footer .row{

	float:left;

	width:750px;

	margin-left:25px;

	line-height:1.8em;

	overflow:hidden;

	zoom:1;

	}**/

/***

.footer .menu{

	overflow:hidden;

	zoom:1;

	}**/

/***

.footer .info li{

	float:left;

	margin-right:4px;

	}**/

.social {
	float: right;
	position: relative;
}

.social a {
	background: url(../images/social.png) 0 0 no-repeat;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	display: inline-block;
}

.social .facebook {
	background-position: 0 0;
}

.social .twitter {
	background-position: 0 -44px;
}

.social .youtube {
	background-position: 0 -88px;
}

.social .google {
	background-position: 0 -132px;
}

.social .wechat {
	background-position: 0 -176px;
}

.social .line {
	background-position: 0 -220px;
}

.social .whatsapp {
	background-position: 0 -264px;
}

.social .b2bmit {
	background-position: 0 -308px;
}

.social .pinterest {
	background-position: 0 -352px;
}

.social .linkedin {
	background-position: 0 -396px;
}

.social .skype {
	background-position: 0 -440px;
}

.social .qq {
	background-position: 0 -484px;
}

.social .instagram {
	background-position: 0 -528px;
}

/****************************           Page          *******************************************/

.page {
	color: #ccc;
	font-size: 90%;
	margin-top: 30px;
	text-align: center;
	display: block;
	clear: both;
}

.page a, .page span {
	color: #333;
	padding: 0 10px;
	text-decoration: none;
	border-right: 1px solid #ccc;
}

a.next {
	border-right: none;
}

.page span, .page a:hover {
	color: #d44;
	font-weight: bold;
}

.sortBox .pages01 {
	display: none
}

.page .result {
	display: none
}

.pages01 {
	font-size: 12px;
	padding:15px 0px 0px 250px;
	text-align: center;
}

.pages01 a {
	font-size: 12px;
	color: #000;
	margin: 0px;
	padding: 3px 8px;
	border: 1px #0044aa solid;
}

.pages01 a.active, .pages a:hover {
	color: #fff;
	background-color: #008bdf;
}



  /*****************************************************************/

.fy {
	border-top: 1px dashed #ccc;
	margin-top: 10px;
	padding-top: 10px;
}

.fy a {
	color: #555;
	text-decoration: none;
	display: block;
}

  

/**************************    tab 頁籤   ***********************************/

.infoTab {
	width: 100%;
	margin-bottom: 40px;
}

.infoTab h1 {
	font-size: 100%;
	display: block;
}

.infoTab h2 {
	font-weight: bold;
	padding: 0;
	margin-bottom: 10px;
	background: none;
}

:root .infoTab h2 {
	padding: 0 \9;
}

.infoTab h4 {
	font: 100%;
	color: #333;
	padding: 0;
	margin-bottom: 10px;
	background: none;
	border: none;
}

.infoTab img {
	max-width: 100%;
}

.tabs {
	font-weight: bold;
	height: 33px;
	margin-bottom: 30px;
	border-bottom: 1px solid #bbb;
}

.tabs li {
	float: left;
	min-width: 150px;
	text-align: center;
	overflow: hidden;
	margin-right: 5px;
	/** margin-bottom:-1px;	   讓 li 往下移來遮住 ul 的部份 border-botto*m */
	/** position:relative;  **/
	background-color: #06d;
	border: 1px solid #06d;
	border-bottom: none;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.tabs a {
	color: #fff;
	height: 24px;
	display: block;
	padding: 8px 10px 0;
	outline: none;
              /**For Chrome 消除連結的框線  **/
}

.tabs a:hover {
	color: #5be;
}

.tabs .active, .tabs .ui-tabs-active {
	border: 1px solid #bbb;
	border-bottom: 1px solid #fff;
	background: url(../images/tab_on.jpg) 0 0 repeat-x;
}

/**************************    infoTab tab 頁籤 內容  ***********************************/

.tab_container {
	clear: both;
	width: auto;
	margin-top: 20px;
}

.tab_container p {
	line-height: normal;
	margin-bottom: 20px;
	padding: 0 8px;
}

.tab_container ul {
	margin: 0 0 20px 15px;
	padding-left: 10px;
}

.tab_container li {
	list-style-type: disc;
}

.infoTab .tab_content img, .colMain img {
	/*max-width:718px;*/
}

.tab_content , .ke-content {
	padding: 0 20px;
}

.tab_content ul , .ke-content ul {
	margin: 15px 0;
}

.tab_content li , .ke-content li {
	line-height: 2.5em;
	margin-left: 15px;
	list-style-type: disc;
}

.tab_content th, .tab_content td {
	padding: 5px;
}

	

/***************************                cartList 訂購管理頁                   ***************************/

.cartList div {
	margin-bottom: 70px;
	padding-top: 15px;
}

.cartList div a {
	float: left;
	margin-right: 15px;
}

.cartList div p {
	float: right;
	padding-top: 5px \0;
}

:root .cartList div p {
	padding-top: 0 \9;
}

.warnMsg span, .wrongMsg span, .rightMsg span {
	display: block;
	color: #b00;
}

.warnMsg, .wrongMsg, .rightMsg {
	width: 85%;
	margin: 0 auto;
	text-align: center;
	padding-top: 60px;
	background: url(../images/no-found.png) center 0 no-repeat;
}

.wrongMsg {
	background: url(../images/icon_wrong.jpg) center 0 no-repeat;
}

.rightMsg {
	background: url(../images/icon_right.png) center 0 no-repeat;
}

.siteMap ul {
	margin-left: 25px;
}

.siteMap ul ul {
	margin-left: 35px;
}

.siteMap ul li {
	list-style-type: decimal;
}

.siteMap ul ul li {
	list-style-type: disc;
}

.siteMap ul ul ul li {
	list-style-type: circle;
}

.siteMap ul ul ul li a {
	color: #555
}

.siteMap li {
	line-height: 2em;
	list-style-type: disc;
}

/***************************                News詳細頁             **************************/

.newsTitle {
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.newsTitle h3 {
	color: #F25758;
	font-size: 100%;
	margin-bottom: 7px;
}

.newsTitle span {
	color: #777;
	font-size: 90%;
}

.newsContent {
	padding: 5px;
	margin-top: 20px;
}

/***************************                會員                   **************************/

.login input {
	display: block;
	margin-bottom: 15px;
}

.login p {
	margin-bottom: 3px;
}

/***************************                FAQ                   **************************/

.qaContent ul.accordionPart {
	margin: 10px 0 30px;
}

.qaContent ul.accordionPart li {
	border-bottom: solid 1px #e3e3e3;
	padding-bottom: 12px;
	margin-top: 12px;
}

.qaContent ul.accordionPart li li {
	border-bottom: none;
}

.qaContent ul.accordionPart li .qa_title {
	background: url(../images/faq_q.png) 0 0 no-repeat;
	padding-left: 28px;
	color: #05a;
	cursor: pointer;
}

.qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}

.qaContent ul.accordionPart li .qa_content {
	margin: 10px 0 0;
	background: url(../images/faq_a.png) 0 0 no-repeat;
	padding-left: 28px;
}

.qaList {
	margin-left: 25px;
}

.qaList ul {
	margin: 10px 0 25px 25px;
}

.qaContent ul.accordionPart li li {
	margin-top: 0;
	padding-bottom: 0;
}

/***************************                404 錯誤報告頁面        **************************/

body.error404 {
	padding-top: 100px;
	background-color: #b6e1fd;
}

.error404 div {
	width: 380px;
	margin: 0 auto;
	padding-left: 400px;
	background: url(../images/404page_cloud.jpg) 0 0 no-repeat;
}

.errorTxt1, .errorTxt2 {
	font-size: 194%;
	font-weight: bold;
	font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
	margin-bottom: 0;
}

.errorTxt2 {
	font-size: 220%;
	margin-bottom: 10px;
}

.errorTxt3 {
	margin-bottom: 2px;
}

.error404 ul {
	margin: 0 0 30px 18px;
}

.error404 li {
	list-style-type: disc;
	margin-bottom: 5px;
}

.errorTxt4 {
	font-size: 90%;
	color: #777;
}

.errorTxt4 img {
	margin-right: 5px;
	vertical-align: middle;
}

/**                                                            **/

.productPic .zoom li {
	padding: 2px;
}

#slideout {
	height: 56px;
	line-height: 56px;
	position: relative;
}

.photo_imgS #slideout {
	width: 210px;
}

.photo_imgM #slideout {
	width: 260px;
}

.photo_imgL #slideout {
	width: 310px;
}

#slide {
    /*margin:0 21px; */
	margin: 0 0 0 5px;
	overflow: hidden;
	text-align: center;
}

.photo_imgS #slide {
	width: 200px;
}

.photo_imgM #slide {
	width: 250px;
}

.photo_imgL #slide {
	width: 300px;
}

#slide li {
	display: inline;
	float: left;
	margin-left: 10px;
}

#slide a {
	border: 1px solid #E4E4E4;
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	padding: 2px;
}

#nextBtn {
	top: 4px;
}

#prevBtn {
	left: 0;
	top: 4px;
}

.photo_imgS #nextBtn {
	left: 210px;
}

.photo_imgM #nextBtn {
	left: 260px;
}

.photo_imgL #nextBtn {
	left: 310px;
}

.photo_imgX #nextBtn {
	right: 0px;
}

#prevBtn, #nextBtn {
	display: block;
	height: 45px;
	position: absolute;
	width: 10px;
	z-index: 1000;
	opacity: 0.4;
}

#prevBtn {
	background: url("../images/btn_prev.gif") 0 0 no-repeat;
}

#nextBtn {
	background: url("../images/btn_next.gif") 0 0 no-repeat;
}

#prevBtn, #nextBtn {
	display: block;
	height: 45px;
	position: absolute;
	width: 10px;
	z-index: 1000;
	opacity: 0.4;
}

/**  隱私權  **/

.txtContent .item {
	margin-bottom: 5px;
}

/*****************************     產品列表頁排列方式(列表 list)   ***************************************/

.productList, .productGrid {
	clear: both;
	padding-top: 20px;
}

.productGrid {
	overflow: hidden;
	zoom: 1;
}

.productList .proList {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	zoom: 1;
}

.productList .proList .img {
	float: left;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin-right: 20px;
}

.productList .proList .img, .productGrid .proList .img {
	padding: 5px;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.productList .txt p {
	margin-top: 10px;
}

.proList h3 {
	font-size: 100%;
	font-weight: normal;
}

/**

.list_imgL .proList h3, .list_imgXL .proList h3{

	font-size:100%;

	}

**/



.proList h5 {
	font-size: 100%;
}

.productList .txt {
	float: left;
	width: 72%;
}



/* add by hank 2016.9.14 */	

/*.productGrid .txt{

	margin:0 auto;

}*/

.categorySummary {
	color: #333;
}

.productGrid .CategorySummary {
	display: none;
}	

/*****************************     產品分類頁排列方式(九宮格 Grid)   ***************************************/

.productGrid .proList {
	float: left;
	text-align: center;
	/**width:220px;

	height:280px;  **/
	margin: 0 17px 30px 0;
}

/*****************************        ***************************************/

.productGrid.list_imgS .proList {
	width: 150px;
	height: 150px;
}

.productGrid.list_imgM .proList {
	width: 200px;
	height: 220px;
}

.productGrid.list_imgL .proList {
	width: 220px;
	height: 220px;
}

.productGrid.list_imgXL .proList {
	width: 200px;
	height: 280px;
}

.productGrid .proList .img {
	margin: 0 auto;
	vertical-align: middle;
}

.productGrid .proList .img:hover {
	box-shadow: 0 0 5px #ccc;
}

.productGrid .proList h3 {
	margin: 5px 0 0;
	word-wrap: break-word;
	/**overflow:hidden;**/
}

.productGrid .proList p {
	display: none;
}

/****************************           產品垂直水平居中         *******************************************/

/* IE6 hack */

.productList .proList span, .productGrid .proList span, .productPic .photo span {
	height: 100%;
	/*display:inline-block;*/
}

/* 讓其以下的所有元素都居中 */

.productList .proList .img *, .productGrid .proList .img *, .productPic .photo * {
	display: inline-block;
	vertical-align: middle;
}

/****************************           產品說明頁(詳細頁)         *******************************************/

.productWrap {
	margin-bottom: 35px;
	overflow: hidden;
	zoom: 1;
}

.productPic {
	float: left;
}

.productPic.photo_imgS {
	width: 300px;
}

.productPic.photo_imgM {
	width: 320px;
}

.productPic.photo_imgL {
	/**width:355px;**/
	width: 48%;
}

.productPic.photo_imgX {
	width: 100%;
}

.productPic .photo {
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid #eee;
}

.productPic .zoom li {
	float: left;
	margin-right: 8px;
	padding: 8px;
	border: 1px solid #ccc;
}

.productPic .zoom img {
	width: 50px;
	height: 50px;
	display: block;
}

.productRight {
	float: left;
	width: 52%;
}

.productRight p {
	margin-bottom: 5px;
}

.productRight input {
	display: inline-block;
	width: 30px;
	margin-bottom: 15px;
	*margin-bottom: 0;
}

/**產品 列表頁/細節頁 **/

.list_imgS .img {
	width: 80px;
	height: 80px;
}

.list_imgM .img {
	width: 120px;
	height: 120px;
}

.list_imgL .img {
	width: 150px;
	height: 150px;
}

.list_imgXL .img {
	width: 190px;
	height: 190px;
}

.list_imgXXL .img {
	width: 250px;
	height: 250px;
}

.list_imgXXXL .img {
	width: 300px;
	height: 300px;
}

.photo_imgS .photo {
	width: 200px;
	height: 200px;
	/**border:1px solid #eee;**/
}

.photo_imgM .photo {
	width: 250px;
	height: 250px;
	/**border:1px solid #eee;**/
}

.photo_imgL .photo {
	width: 300px;
	height: 300px;
}

/*****************************     數位型錄   ***************************************/

#prod_layout.productGrid.cateBox .proList {
	height: 260px;
}

#prod_layout.productGrid.cateBox.list_imgM .proList {
	height: 190px;
}

.productGrid.cateBox iframe {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
	border-bottom: 1px solid #999;
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
}

.productGrid.cateBox .img:hover {
	box-shadow: none;
}

.productGrid.cateBox.list_imgM .proList {
	width: 160px;
	height: 180px;
}

.productGrid.cateBox.list_imgM .img {
	width: 100px;
	height: 145px;
	padding: 0;
	background-color: transparent;
	border: none;
}

.productGrid.cateBox .proList .img {
	border: none;
}

/****************************           表格  Form        ******************************************/

input, textarea, button, select {
	font-size: 100%;
	font-family: Arial;
	color: #333;
}

input, textarea {
	background: #fff;
	padding: 5px 6px 3px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

checkbox {
	border: none;
}

.orderBox textarea {
	width: 80%;
	margin-bottom: 10px;
}

.registerBox {
	margin-bottom: 30px;
}

	/*

button{

	padding:5px 12px 3px;

	padding:5px 12px 6px \0;

	cursor:pointer;

    text-align:center;

    background-color: #f5f5f5;

    background-image: linear-gradient(to bottom, #fff, #e6e6e6);

    background-repeat: repeat-x;

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);

    text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);

    border: 1px solid #ccc;

  -webkit-border-radius:0 14px 14px 0;

     -moz-border-radius:0 14px 14px 0;

          border-radius:0 14px 14px 0;

	}



:root button{

	height:28px \9;

	padding:5px 12px 3px \9;

	}

*/

.search button {
	padding: 4px 12px 2px;
	padding: 5px 12px 3px \0;
	margin-left: -5px;
	margin-left: -4px \0;
	border: 1px solid #ccc;
	-webkit-border-radius: 0 14px 14px 0;
	-moz-border-radius: 0 14px 14px 0;
	border-radius: 0 14px 14px 0;
}

:root .search button {
	margin-left: -4px \9;
}

.search input {
	vertical-align: middle;
	*padding-top: 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.search #sf_keyword {
	color: #777;
	font-size: 90%;
	padding: 2px 5px;
	border: 1px solid #ccc;
}

.search #sf_submit {
	font-size: 85%;
	font-weight: bold;
	cursor: pointer;
	padding: 3px 5px 3px;
	text-shadow: 1px 1px 0 #fff;
	background: linear-gradient(to bottom, #fff, #bbb) repeat-x #bbb;
	border: 1px solid #bbb;
}

/**             進階搜尋                  **/

.advSearch {
	width: 500px;
	margin: 30px auto 0;
}

.advSearch th {
	font-weight: normal;
	text-align: right;
    /* width:120px; */
	padding: 5px 20px;
	background-color: #dde5ee;
	white-space: nowrap;
}

.advSearch td {
	padding: 5px 10px;
	background-color: #f4faff;
}

.advSearch .advKeyword {
	width: 160px;
}

.advBtn {
	width: 500px;
	font-size: 90%;
	margin: 10px auto 0;
	padding: 10px 0 0 255px;
}

.advBtn input {
	margin: 0 10px;
	padding: 3px 5px;
	background-color: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
             /*Chrome*/
	background: -moz-linear-gradient(top, #fff, #ddd);
                                             /*FireFox*/
	background: -ms-linear-gradient(top, #fff, #ddd);
                                              /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ddd');
  /* IE6~IE8 */
}

#num {
	color: #777;
	font-size: 90%;
	padding: 2px 6px;
	border: 1px solid #ccc;
}

/***************************                newsList 訊息公佈頁和型錄下載頁 表格                   ***************************/

.cartList table {
	margin-bottom: 10px;
}

.newsList, .cartList table, .ecatalogList {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.newsList th, .ecatalogList th {
	text-align: left;
	padding: 5px 10px 5px;
	*padding: 7px 10px 5px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: url(../images/tb_line.gif) right 8px no-repeat #ccc;
}

:root .newsList th, :root .ecatalogList th {
	padding: 5px 10px \9;
	background: url(../images/tb_line.gif) right 17px no-repeat #ccc \9;
}

.newsList td, .ecatalogList td {
	padding: 7px 10px 9px;
	background: url(../images/dot.gif) 0 bottom repeat-x;
}

.newsList .tbW1, .ecatalogList .tbW1 {
	width: 20px;
}

.newsList .tbW2 {
	width: auto;
	text-align: left;
}

.newsList th.last, .ecatalogList th.last {
	width: 100px;
	background-image: none;
}

/*******************************************	

 .news4

/******************************************

.news4 .newlist {

    border-bottom: 1px dashed #8094c2;

    height : 102px;

    padding: 18px 10px;

}

.news4 .newlist .pic {

    border: 2px solid #9999;

    float: left;

    height: 98px;

    width: 164px;

	margin-right: 21px;

	text-align: center;

}



.news4 .newlist .pic  img{

	max-width:100px;

	max-height:100px;

}



.news4 .newlist h3 a {

    font-weight: bold;

}



.news4 .newlist time {

    color: #0075a9;

    font-weight: normal;

	float: right !important;

}

.news4 .newlist text {

    color: #535353;

    display: block;

    margin-right: 40px;

}

	



/*******************************************	

 .news4 New ~ add by @wehat 2015.11.03

/*******************************************/

.news4 .newlist {
	border-bottom: 1px dashed #8094c2;
	padding: 20px 2%;
}

.news4 .newlist:after {
	content: '';
	display: block;
	clear: both;
}

.news4 .newlist .pic {
  /*border: 3px solid #a3bee2;*/
	border: 2px solid #9999;
	float: left;
	width: 20%;
	text-align: center;
}

.news4 .newlist .newsBrief {
	width: 79%;
	float: right;
}

.news4 .newlist .pic img {
	max-width: 100%;
	max-height: 100%;
}

.news4 .newlist h3 a {
	font-weight: bold;
}

.news4 .newlist time {
	color: #0075a9;
	font-weight: normal;
	float: right !important;
	margin-left: 10px;
}

.news4 .newlist .text {
	color: #535353;
	display: block;
	margin-right: 20px;
	margin-top: 5px;
}





/*******************************************/

/**

.ecatalogList .tbW1{

	width:80px;

	}**/

.ecatalogList .tbW2 {
	width: 520px;
	text-align: left;
}

.ecatalogList .tbW3 {
	width: 40px;
}

.ecatalogList img {
	display: block;
}

/***************************                cartList 訂購管理頁 表格                   ***************************/

.cartList table th {
	text-align: center;
	padding: 7px 10px 9px;
	padding: 10px 10px 7px \0;
	*padding: 11px 10px 6px;
	_padding: 10px 10px 8px;
	border: 1px solid #ddd;
	background: url(../images/bg_gray.jpg) 0 0 repeat-x;
}

:root .cartList table th {
	padding: 10px 10px 6px \9;
}

.cartList table td {
	padding: 7px 10px 9px;
	border-bottom: 1px solid #ddd;
}

.cartList table img {
	width: 60px;
	height: 60px;
	display: block;
	padding: 5px;
}

.cartList table input {
	width: 30px;
}

.tbW1 {
	width: 50px;
}

.tbW2 {
	width: 80px;
}

.tbW3 {
	width: 150px;
}

.tbW4 {
	width: 60px;
}

.tbW5 {
	width: 95%;
}

.tbW6, .loginBox input {
	width: 80%;
}

textarea/**, .contactBox input**/ {
	width: 70%;
}

/***************************                訂購管理頁 - 送出訂購單                   **************************/

.formBox div {
	padding-bottom: 10px;
	overflow: hidden;
	zoom: 1;
}

.registerBox div, .orderBox div, .idBox div {
	padding: 10px 30px 3px;
	background-color: #eee;
}

.formBox div .checkbox {
	padding-left: 0;
}

.formBox p {
	font-weight: bold;
	text-align: center;
	margin: 0 0 1px;
	padding: 5px 0;
	background-color: #bbb;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

.formBox label {
	display: block;
	float: left;
	width: 100px;
}

.formBox .submit {
	margin: 20px 0 0 100px;
}

.formBox .submit a {
	margin-right: 5px;
}

/**

.formBox.contactBox{

	width:70%;

	margin:0 auto;

	padding:20px 10px 10px 100px;

	border:10px solid #ddd;

	}

.formBox.contactBox label{

	width:70px;

	}

.contactBox .captcha{

	padding-top:0;

	}**/

.contactBox .captcha input {
	width: 100px;
}

#imgcode {
	width: 115px;
	cursor: pointer;
	margin-right: 15px;
	vertical-align: top;
}

.captcha a {
	padding-left: 20px;
	background: url(../images/reload.gif) 0 3px no-repeat;
}

/**

.contactBox .submit{

	margin-left:70px;

	}**/

.formBox.idBox label {
	width: 150px;
}

.formBox.idBox .submit {
	margin-left: 150px;
	background-color: #fff;
}

.formBox.orderBox .submit {
	background-color: #fff;
}

.checkbox .other {
	margin: 0 0 10px 0;
	padding-left: 0;
}

/***************************                登入頁   ***********************************/

.loginBox {
	width: 370px;
	margin: 0 auto;
}

.loginBox label {
	width: 50px;
}

.loginBox button {
	color: #fff;
	margin: 15px 15px 0 50px;
}

.loginBox .btnOrder {
	padding: 5px 15px \0;
	*padding: 5px 15px 0;
	_padding: 5px 15px 2px;
}

:root .loginBox .btnOrder {
	padding: 5px 15px \9;
}

div .join {
	text-align: center;
	margin-top: 50px;
	padding-bottom: 0;
	background-color: #ddd;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div .join a {
	display: block;
	padding: 9px 0 10px;
	*padding: 9px 0 0;
}

div .join a:hover {
	text-decoration: none;
}

/**************************    order按鈕   ***********************************/

.btnOrder, .attFile a /**.btnOther, **/ {
	color: #630;
	font-size: 90%;
	line-height: 3em;
	cursor: pointer;
	display: inline-block;
	width: 115px;
	height: 35px;
	padding: 0 0 0 40px;
	margin: 0 0 15px;
	*margin: 15px 0 10px;
	border-radius: 4px;
}

.attFile a {
	/*

	background-attachment: scroll;

    background-color: #05a;

    background-image: none;

    background-position: 10px 8px;

    background-repeat: no-repeat;

    border-radius: 5px;

	*/
	background: url(../images/download_att.png) 10px 8px no-repeat #09d;
	color: #fff;
}

.attFile a:hover {
	color: #fff;
	background-color: #05a;
	text-decoration: none;
}

.btnOrder {
	background: url(../images/cart.png) 10px 5px no-repeat #fb0;
}

.btnOrder:hover {
	color: #fff;
	background-color: #f90;
}

.btnOrderB2C {
	padding: 4px 8px 2px 25px;
	padding: 4px 8px 2px 29px \0;
	background: url(../images/cartb2c.png) 10px 8px no-repeat #ffbd00;
}

.btnCompare {
	color: #333;
	line-height: 28px;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	padding: 2px 8px 4px 25px;
	padding: 2px 8px 4px 29px \0;
	margin: 0 0 15px;
	*margin: 15px 0 10px;
	border-radius: 4px 4px 4px 4px;
	/*border:1px solid #365cf6;*/
	background: url(../images/compare.png) 6px 5px no-repeat #94a5f2;
}

:root .btnOrder {
	padding: 2px 8px 3px 25px \9;
}

.btnCompare:hover {
	text-decoration: none;
	background: url(../images/compare.png) 6px 5px no-repeat #b9c3f0;
}

.cartList .btnOrder {
	color: #fff;
	padding: 3px 10px 4px 18px;
	background: url(../images/btn_back.gif) 8px 10px no-repeat #3be;
	border: 1px solid #49a;
}

.cartList .btnOrder:hover {
	color: #07a;
	background: url(../images/btn_back.gif) 8px 10px no-repeat #aff;
}

/**

.cartList .btnOther{

	color:#fff;

	padding:3px 10px 4px 10px;

	background-image:none;

	background-color:#3be;

	border:1px solid #49a;

	}**/

/**

.cartList .btnOther:hover{

	color:#07a;

	background-color:#aff;

	}	**/

.cartList .next {
	padding: 3px 18px 4px 10px;
	background: url(../images/btn_next2.gif) 40px 10px no-repeat #3be;
}

.cartList .next:hover {
	background: url(../images/btn_next2.gif) 40px 10px no-repeat #aff;
}

.btn {
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #fff, #ccc);
	background-repeat: repeat-x;
	border-color: #bbb #bbb #A2A2A2;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover {
	background-color: #fff;
	background-image: linear-gradient(to bottom, #eee, #ccc);
}

/***************************      產品說明頁-規格表    ***********************************/

.tab_container table {
	width: 100%;
	border: 1px solid #ccc;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.tab_container table th {
	text-align: left;
	padding: 8px 5px 5px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.tab_container table td {
	padding: 5px 5px 2px 5px;
	border: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

/***************************      首頁 Hot Products輪播效果    ***********************************/

.Anli_01 {
	float: left;
	width: 365px;
}

.Anli_left, .Anli_right {
	width: 14px;
	height: 80px;
	float: left;
	cursor: pointer;
}

.Anli_left {
	background: url(../images/arrowl.gif) center center no-repeat;
}

.Anli_right {
	background: url(../images/arrowr.gif) center center no-repeat;
}

.Anli_pic {
	float: left;
	width: 330px;
}

.box {
	width: 100px;
	float: left;
	text-align: center;
	margin: 0 5px;
}

a.imgBorder {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
	width: 90px;
	height: 90px;
}

.box img {
	/*width:95px;

	height:71px;*/
}

.box * {
	vertical-align: middle;
	display: inline-block;
}  /* 讓其以下的所有元素都居中 */

.more {
	font-size: 90%;
	display: inline-block;
	text-align: right;
	margin-top: 10px;
	width: 95%;
}

/******* 最新消息-展覽  ************/

.exhibitList {
	font-size: 95%;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	zoom: 1;
}

.exhibitList img {
	float: left;
	width: 298px;
	height: auto;
	margin-right: 20px;
}

.exhibitList div {
	float: left;
	width: 400px;
}

.exhibitList, .exhibitList a {
	color: #666;
	padding: 8px 0;
}

.exhibitList a:hover {
	color: #b00;
}

.exhibitList strong {
	color: #000;
	font-size: 120%;
}

.exhibitList em {
	color: #f60;
	font-style: normal;
}

.exhibitList .email {
	padding-left: 20px;
	background: url(../images/icon_mail.gif) 0 6px no-repeat;
}

.table_form textarea {
	width: 345px;
	height: 100px;
}

.table_form .button {
	margin-right: 30px;
	cursor: pointer
}

#cp2 .title {
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}

.main_cont img {
	max-width: 100%;
}

#qrcode {
	float: right;
}


/** 歷史沿革樹狀圖革 **/

#au_history {
	border-collapse: collapse;
	border-spacing: 0;
}

#au_history td.auh_d {
	color: #000;
	font-weight: 700;
	width: 80px;
	text-align: center;
	padding: 10px 5px 9px 0;
	background: url(../images/bg_aboutus_history.png) right -1px no-repeat;
}

#au_history td {
	border-width: 0;
	vertical-align: top;
	margin: 0;
	padding: 10px 15px 9px;
}

.socialGroup {
	float: right;
	margin-top: 30px;
}

/*******      privacy-policy    ***********/

.privacyBox {
	text-align: justify;
}

.privacyBox dt {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
}

.privacyBox dd, .privacyBox p, .privacyBox ul {
	margin-bottom: 20px;
}

.privacyBox ul {
	margin-left: 15px;
}

.privacyBox li {
	list-style-type: disc;
	margin-bottom: 10px;
}

.privacyBox li li {
	list-style-type: circle;
	;
}

.privacyBox .title {
	color: #090;
	font-weight: bold;
	margin-bottom: 5px;
}

.proTypeTitle {
	margin-bottom: 20px;
}

/**20141107 聯絡我們第二版 測試中, 需要再修改**/

.contactBox {
	padding: 20px;
	border: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.contactBox label {
	display: block;
}

.contactTitle {
	margin-bottom: 15px;
}

.contactTitle span, .contactBox span {
	color: #f00;
}

.contactBox input, .contactBox textarea {
	width: 98%;
	line-height: 2em;
	background: #ddd;
	border: none;
}

.contactBox div {
	margin-bottom: 15px;
	/*overflow-x: scroll;*/
}

.contactBox select {
	width: 200px;
}

.contactBox .submit {
	margin-top: 25px;
}

.submit input {
	color: #fff;
	width: 25%;
	font-size: 120%;
	display: inline-block;
	line-height: 2.5em;
	margin-right: 15px;
	border: none;
	background: linear-gradient(to bottom, #fa0, #f82) repeat-x #fa0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.submit .btnClean {
	background: linear-gradient(to bottom, #aaa, #888) repeat-x #ccc;
}

.submit .btnSubmit:hover {
	background: linear-gradient(to bottom, #fa0, #f50) repeat-x #fa0;
}

.submit .btnClean:hover {
	background: linear-gradient(to bottom, #aaa, #555) repeat-x #ccc;
}

.newsdate {
	color: #999;
	line-height: 2em;
}

/**20141107 聯絡我們第二版 END**/

/*******   公司簡介, 訊息分類頁面  ***********/

.txtContent p {
	margin-bottom: 20px;
}

/*******   後臺編輯器 圖繞文  ***********/

.imgRight {
	float: right;
	margin: 0 20px 20px 0;
}

.imgLight {
	float: left;
	margin: 0 0 20px 20px;
}

.listUl {
	margin-left: 15px;
}

.listUl li {
	list-style-type: circle;
}

.listOl {
	list-style-type: decimal;
}

.listDisc, .listSquare, .listDecimal {
	margin-left: 15px;
}

.listDisc li {
	list-style-type: disc;
}

.listSquare li {
	list-style-type: square;
}

.listDecimal li {
	list-style-type: decimal;
}

/******* show pic  小麥 20131225***********/

.thumbs {
	max-width: 50px;
	max-height: 50px;
}

#gotop {
	display: none;
	width: 55px;
	height: 55px;
	position: fixed;
	right: 20px;
	bottom: 50px;
	background: url(../images/backtop.png) no-repeat -70px 0px;
}

.gc-display-area {
	border: 1px solid #eee;
}

.logo2 {
	padding: 10px;
}

.logo2 img {
	max-width: 400px;
}

	

/******* attch files ***********/





/******* 產品觀看歷史 add by yoghurt 2015.11.26 ***********/

#float_history {
	/*display: none;*/
	position: absolute;
	background-color: white;
	border: solid;
	border-width: 1px;
	border-color: whitesmoke;
	z-index: 2;
}

#float_history p {
	font-size: 10px;
	word-break: break-all;
}

#history_del_all_p {
	background-color: whitesmoke;
	text-align: center;
	cursor: pointer;
	writing-mode: vertical-rl;
	position: absolute;
	padding: 3px;
	right: 75px;
	top: 25px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

.history_item {
	float: top;
	width: 65px;
	height: auto;
	padding: 5px;
}

.history_small_img {
	width: 65px;
	height: 65px;
	object-fit: cover;
	background-color: white;
	border: solid;
	border-width: 1px;
	border-color: whitesmoke;
	border-radius: 5px;
}

.history_del_img {
	width: 15px;
	height: 15px;
	position: absolute;
	left: 53px;
	background-color: white;
	border: solid;
	border-width: 1px;
	border-color: whitesmoke;
	padding: 1px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	cursor: pointer;
}

#history_main {
	float: top;
	width: 75px;
}

#history_hide_p {
	background-color: lightyellow;
	width: 75px;
	text-align: center;
	cursor: pointer;
}

/******* 產品觀看歷史 ***********/













/*add css by hank 2016.4.1 ~ ↓*/

/* top nav's fixed animate effect */

.headerContainer{

	position:fixed;

	top:0px;

	width:100%;

	z-index:99;

}

.paddingTop_banner, 

.headerContainer *{

	transition: all 0.8s ease;

    -webkit-transition: all 0.8s ease;

    -moz-transition: all 0.8s ease;

    -o-transition: all 0.8s ease;

}

.headerContainer nav *{

  -webkit-transition:none;

  -moz-transition:none;

  -o-transition:none;

  transition:none;

} 

/* RWD overflow scroll */

.set_rwd_table {

	min-height: .01%;

	overflow-x: auto;

	

	margin:0 !important;

	padding:0 !important;

}

@media screen and (max-width: 767px){

	.set_rwd_table {

		width: 100%;

		margin-bottom: 15px;

		overflow-y: hidden;

		-ms-overflow-style: -ms-autohiding-scrollbar;

	}

	.cartList .set_rwd_table > table .inquiryCart_pname{

		white-space: nowrap;

	}

}

/* RWD 詢價車 */

.cartList .set_rwd_table > table th{

	white-space: nowrap;

}



/* end add by hank */





/* fixed iphone fancybox effect */

.fancybox-opened {

    transform: translateZ(100px); 

}







/*

 //加入 RWD 標籤： 

 // RWD Youtube 以及 Vimeo



<div class=video-container>

<iframe width="640" height="360" src="https://www.youtube.com/embed/_sxQ0dpNMDw" frameborder="0" allowfullscreen></iframe>

</div>

*/



.video-container{

	position:relative;

	padding-bottom:56.25%;

	padding-top:30px;height:0;overflow:hidden;

}



.video-container iframe, .video-container object, .video-container embed{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

/**產品詳細頁 li要有小黑點**/

.show_prodcut .display_editor_data li{

	list-style-type:disc;

	margin-left:15px;

	}







/* fix catalog common style by hank 2017.9.25 */

.gocatalog #prod_layout.productGrid .img a *{

    display: block;

}

/* .gocatalog #prod_layout.productGrid .img iframe{

    width: 140px;

}	 */