/*20160930 by kevin*/
@charset "utf-8";
/* CSS Document */

/*------------------------------------------CSS Reset 開始-------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, div, span, applet, object, iframe, 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, dt, dd, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, th,
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;*//*修改部分 by kevin 20140822*/
	/*vertical-align: baseline;*//*修改部分 by kevin 20140822*/
}
/* 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;*//*修改部分 by kevin 20140822 會影響到網邊*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

body{ 
	margin: 0; 
	padding: 0;
	background: #fff;
	color: #333;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "微軟正黑體", "新細明體";
	/*overflow-x: hidden;*/
	letter-spacing: 1px;
	-webkit-text-size-adjust: none;/*解決iphone橫平轉豎屏時字變大的問題*/
}

/* ~~ 元素/標籤選取器 ~~ */
ul, ol, dl { /* 由於瀏覽器之間的差異，最佳作法是在清單中使用零寬度的欄位間隔及邊界。為了保持一致，您可以在這裡指定所要的量，或在清單包含的清單項目 (LI、DT、DD) 上指定所要的量。請記住，除非您寫入較為特定的選取器，否則在此執行的作業將重疊顯示到 .nav 清單。 */
	padding: 0;
	margin: 0;
}

/*-----↓↓↓↓新增部分 by kevin 20150108 為了網編↓↓↓↓-----*/
ul, ol {
	padding-left:40px;
}
/*-----↑↑↑↑新增部分 by kevin 20150108 為了網編↑↑↑↑-----*/

/*h1, h2, h3, h4, h5, h6,*/ p {	margin: 0; padding: 0;}

/*img{ display:block;}*//*清除IE7下方溢位*/

a img { /* 這個選取器會移除某些瀏覽器在影像由連結所圍繞時，影像周圍所顯示的預設藍色邊框 */
	border: none;}

.clearfloat { /* 這個類別可放置在 <br /> 或空白的 Div 上，當做接在 #container 內最後一個浮動 Div 後方的最後一個元素 (如果從 #container 移除或取出 #footer) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a{ 
	/*color:#ccc;*//*修改部分 by kevin 20140814 會影響到網編區 不宜使用*/
	text-decoration: none;
	outline: none;/* for Firefox Google Chrome  *//*讓a點擊時不會出現框線*/
  	behavior:expression(this.onFocus=this.blur());  /* for IE *//*讓a點擊時不會出現框線*/
}
a:hover { 
	/*color:#ccc;*//*修改部分 by kevin 201450108 太醜了所以刪掉*/
	text-decoration:underline;
	/*opacity:0.9;新增部分 by kevin 20150121*//*會影響到輪播 刪除 by kevin 20150324*/
}
	
a:active, a:focus {/* 這個選取器群組可以讓使用鍵盤導覽的使用者，也和使用滑鼠的使用者一樣擁有相同的滑過體驗。 */
	text-decoration: none; }
	
area {
	outline:none;
}
/*------------------------------------------CSS Reset 結束-------------------------------*/

/*------------------------------------------icon-字型 開始-------------------------------*/
@font-face {
    font-family: 'LigatureSymbols';
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.eot');
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.woff') format('woff'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.lsf, .lsf-icon:before {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}

.lsf-icon:before {
  content:attr(title);
  /*margin-right:0.3em;*/
}
/*------------------------------------------icon-字型 結束-------------------------------*/

/*Webkit,Opera9.5+,Ie9+ 控制文字選取時的顏色*/
::selection {
	background:#00afab;
	color:#fff;
}

/*Mozilla Firefox 控制文字選取時的顏色*/
::-moz-selection {
	background:#00afab;
	color:#fff;
}

.wrap {
	width:1080px;
	margin:0 auto;
	padding: 0;
	
}

@media (max-width:1120px){	
	.wrap {
		width:920px;	
	}
}
@media (max-width:980px){	
	.wrap {
		width:auto;
		padding:0px 20px;	
	}
}

/*-------input reset--------------------------------------------------------*/
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "微軟正黑體", "Microsoft JhengHei", "新細明體";
	font-size:15px;
	border-radius:3px;
	border: solid 1px #aeaeae;
}
input[type="text"], .input, input[type="password"], .input, input[type="search"] {
	margin: 0;
    padding: 0;
    outline: none;
    vertical-align: middle;
    /*height: 42px;  
    line-height: 42px;*/
	height: 34px;
    line-height: 34px;   /*修改  by pekey 20170508*/
    width: 100%;
    transition: 0.2s ease all;
    padding: 0px 6px 0px 6px;
    box-sizing: border-box;
}
	input[type="text"]:focus, input[type="password"]:focus {
		border: solid 1px #d5d5d5;
	}
	
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	vertical-align: middle;
	border:none;
	/*width:162px;*/
	width:189px;   /*修改 by pekey 20170510*/
	height:42px;
	background:#00afab;
	color:#fff;
	/*border-radius:5px;*/ /*修改by pekey 20170501*/
	line-height:42px;
	transition: 0.2s ease all;
	letter-spacing:1px;
}

	input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
		opacity:0.7;
	}
	
	input[type="reset"] {
		background:#555;
	}

.btn_area input:first-of-type{
	background:#00afab;
}
	
input[type="radio"], input[type="checkbox"] {
	margin:0px;
	padding:0px;
	outline:none;
	vertical-align: baseline;
	cursor:pointer;
}
textarea {
	margin: 0;
    padding: 0;
    outline: none;
    vertical-align: middle;
    line-height: 24px;
    width: 100%;
    resize: none;
    height: 117px;
    transition: 0.2s ease all;
    box-sizing: border-box;
    padding: 3px;
}
	textarea:focus {
		border: solid 1px #d5d5d5;
	}
	
select {
	margin:0;
	padding:0;
	outline:none;
	vertical-align: middle;
	padding: 4px 0px 5px 7px;
	transition: 0.2s ease all;
	background:#fff;
	letter-spacing:1px;
	-webkit-appearance: none;	/* Safari 和 Chrome */
       -moz-appearance: none;	/* Firefox */
        -ms-appearance: none;	/*for Internet Explorer*/
         -o-appearance: none;	/*for Opera*/
            appearance: none;
	background: #fff url(../images/select_arrow.png) no-repeat;
	background-size: 13px;
	background-position:right;
	padding-right:18px !important;
	border-radius:0px;
}
	select::-ms-expand {	/*for Internet Explorer*/
		display: none;
	}
	select:focus {
		border: solid 1px #d5d5d5;
	}
	
label {
	cursor:pointer;
}
	

				
/*-------頁次--RWD版 by kevin 20150921------------------------------------------------------------------------*/			
.page_area_rwd {
	text-align:center;
	padding:25px 0px 0px 0px;
}
	.page_left_arrow, .page_right_arrow {
		width:83px;
		font-size:15px;
		font-weight:bold;
		text-align:center;
		display: inline-block;
		vertical-align: top;
	}
		.page_left_arrow a, .page_right_arrow a {
			text-decoration:none;
			display:block;
			transition:0.2s ease all;
			color:#fff;
			line-height:40px;
			background:#de484d;
			border-radius:2px;
		}
			.page_left_arrow a:hover, .page_right_arrow a:hover {
				background:#000;
			}
	.page_select {
		display:inline-block;
		padding:0px 7px;
		vertical-align: top;
	}
		.page_select select {
			width: auto !important;
			font-size:15px !important;
			padding:8px 18px 7px 16px !important;
			border: solid 1px #a4a4a4 !important;
			height:40px !important;
			box-sizing:border-box;
			border-radius:3px;
		}

/*-------輪播----------------------------------------------------------------------------*/
.banner {
	/*background:#fff;*/
	background:#00afab;  /*修改by pekey 20170821*/
	position:relative;
}
	.device {
		position:relative;
	}
		/*左右鍵*/
		.device .arrow-left, .device .arrow-right {
			position:absolute;
			z-index:9;
			top:50%;
			margin:-18px 0px 0px 0px;
		}
		
			/*左鍵*/
			.device .arrow-left {
				left:20px;
			}
			
			/*右鍵*/
			.device .arrow-right {
				right:20px;
			}
				
			
		
		/*輪播區*/
		.swiper-container {
			height:auto;
		}
			.swiper-wrapper {
			}
				.swiper-slide {
				}
					.swiper-slide img {
						width:100%;
						height:auto;
					}
		
		/*輪播點點*/
		.pagination {
		  position: absolute;
		  z-index: 20;
		  bottom: -39px;
		  width: 100%;
		  text-align: center;
		}
			.swiper-pagination-switch {
			  display: inline-block;
			  width: 20px;
			  height: 20px;
			  border-radius: 5px;
			  background: #edbdb4;
			  margin: 0 7px;
			  cursor: pointer;
			}
			.swiper-active-switch {/*輪播點點當前模式*/
			  background: #c42605;
			}
				/*客制區塊*/
				.swiper-slide {
					position:relative;
				}
				.pcBanner {
				}
				.mobileBanner {
					display:none;
				}
					@media (max-width: 850px){
						.device {
							height:auto;
							padding:0px;
						}
							/*左右鍵*/
							.device .arrow-left, .device .arrow-right {
								display:none;
							}
					}
						@media (max-width: 640px){
							.pcBanner {
								display: none;
							}
							.mobileBanner {
								display:block;
							}
						}
				
				
/*-------頁次--RWD版 by kevin 20150921------------------------------------------------------------------------*/			
.page_area_rwd {
	text-align:center;
	padding:25px 0px 0px 0px;
}
	.page_left_arrow, .page_right_arrow {
		width:83px;
		font-size:15px;
		font-weight:bold;
		text-align:center;
		display: inline-block;
		vertical-align: top;
	}
		.page_left_arrow a, .page_right_arrow a {
			text-decoration:none;
			display:block;
			transition:0.2s ease all;
			color:#fff;
			line-height:40px;
			background:#de484d;
			border-radius:2px;
		}
			.page_left_arrow a:hover, .page_right_arrow a:hover {
				background:#f39800;
			}
	.page_select {
		display:inline-block;
		padding:0px 7px;
		vertical-align: top;
	}
		.page_select select {
			width: auto !important;
			font-size:15px !important;
			padding:8px 18px 7px 16px !important;
			border: solid 1px #a4a4a4 !important;
			height:40px !important;
			box-sizing:border-box;
			border-radius:3px;
		}

/*-------頁次--置中版--修改 by kevin 20150328------------------------------------------------------------------------*/			
.page_area {
	margin: 0px 0px 0px 0px;
}
	.page_area table {
		margin: 0 auto;/*置中*/
		/*margin: 0px 0px 0px auto;*//*靠右*/
	}
	.page_area table td {
		vertical-align:top;
	}
	.page_bot {
		float:left;
		padding-top: 3px;
		margin-right:5px;
	}
	.page_pages {
		float: left;
		font-size: 12px;
		text-align: center;
		color: #000;
		line-height: 17px;
		margin-top: -5px;
		width: 55px;
	}
	.page_text {
		float: left;
		margin: 0;
		padding: 0;
		border: solid 1px #b5b5b5 !important;
		background: #fff !important;
		width: 54px !important;
		height: 19px !important;
		line-height:17px !important;
		margin-left: 8px !important;
		margin-right: 5px !important;
	}
	
	.page_area a {
		transition:0.2s ease all;
	}
	
	.page_area a:hover {
		opacity:0.7;
		filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */
	}

/*-------頁籤------------------------------------------------------------------------*/
.tab_area {
	margin: 14px 0px 10px 0px;
}
	.tabs_btn_now {
		transition:0.3s ease all;
		/*background:#595959;*/
		/*background:#00afab;*/ 
		background:#696969; /*修改  by pekey 20170511*/
		color:#fff;
		/*font-size:13px;*/
		font-size:16px;  /*修改  by pekey 20170510*/
		line-height:39px;
		/*padding:0px 36px 0px 36px;*/
		padding:0px 36px 0px 53px;  /*修改  by pekey 20170510*/
		text-align:center;
		display:none;
		position:relative;
	}
		.tabs_btn_now span{
			position:relative;
		}
			.tabs_btn_now i{
				position:absolute;
				top: -4px;
    			left: -25px;
			}
		.tabs_btn_now:hover {
			/*background:#00a0e9;*/
			/*background:#00afab;*/
			background:#696969;	/*修改  by pekey 20170511*/
		}
		.tabs_btn_now_arrow {
			position: absolute;
			border-top: solid 5px #FFF;
			top: 17px;
			right: 20px;
			border-left: solid 5px rgba(255, 255, 255, 0);
			border-right: solid 5px rgba(255, 255, 255, 0);
		}
		
	.img-scroll { 
		height:39px; 
		position:relative;
		/*background:#595959;*/
		
	}
		.img-list { 
			position:relative; 
		}
			ul.tabs {
				margin:0; 
				padding:0; 
				list-style:none;
			}
				.tabs li { 
					line-height:39px;
					float:left;
					position: relative;
					/*font-size:13px;*/
					font-size:16x; /*修改  by pekey 20170510*/
					width:50%;  /*新增  by pekey 20170510*/
					text-align:center;
				}
					.tabs li a:hover {
						/*background:#00a0e9;*/
						/*background:#00afab;*/
						background:#696969;
					}
					.tabs li:hover a {
						color:#fff;
					}
					.tabs a { 
						/*color:#fff; */
						/*color:#00afab;*/
						color:#696969;  /*修改  by pekey 20170511*/
						text-decoration:none;
						display:block;
						/*padding:0px 36px 0px 36px;*/  
						padding:0px 36px 0px 53px;   /*修改(因增加icon)  by pekey 20170510*/
						transition:0.3s ease all;
						/*background:#595959;*/ 
						background:#fff; /*修改  by pekey 20170510*/
						
						/*border:1px solid #00afab;*/
						border:1px solid #696969; /*新增  by pekey 20170511*/
					}
					
					/*------新增 by pekey 20170510-------*/
					.tabs span {
						position:relative;  
					}
					.tabs i{
						position:absolute;  
						top:-4px;
						left:-25px;
					}
					/*----------------------------------*/
					
					.tabs li.active {
						/*當前模式*/
					}
						.tabs li.active a {
							/*background:#00a0e9;*/
							color:#fff; /*新增  by pekey 20170510*/
							/*background:#00afab; */ 
							background:#696969; /*修改  by pekey 20170510*/
						}
						.tabs li.active:after {
							/*content:url(../product/images/tabs_arrow.png);*/
							position:absolute;
							bottom:-6px;
							left:50%;
							margin:0px 0px 0px -10px;
						}
		
		#tab1{}
		.tab_content{}

/*產品內頁頁籤的網編區*/
.p_tab_text_area {
}					

	.text_area{					
		font-size:16px;
		color:#696969;
		line-height:30px;
	}
					@media (max-width: 1120px){
						.text_area img{
							width:70px;
							height:auto;
						}
					}
					@media (max-width: 980px){
						/*修改至 @media (max-width: 640px)*/
					}
					@media (max-width: 768px){
						.text_area img{
							width:60px;
							height:auto;
						}
					}
					
					/*--------新增 by pekey 20170510--------*/
					@media (max-width: 640px){
						
						/*頁籤*/
						.tab_area {
							position:relative;
						}
							.tabs_btn_now {
								display:block;
							}   
							
							.img-scroll {
								display:none;
								height:auto;
								position: absolute;
								width: 100%;
								z-index: 999;
							}
								.tabs li {
									float:none;
									text-align:center;
									width:100%;
								}
								
									.tabs li.active:after {
										content:"";
									}
					}
					/*-------------------------------------*/
					
					
					
					@media (max-width: 375px){
						
						/*.text_area span{
							display:block;
						}*/
					}
					@media (max-width: 320px){
						.text_area img{
							width:48px;
							height:auto;
						}
						/*.text_area span{
							display:block;
						}*/
					}


/*-------驗證碼----------------------------------------------------------------------------*/
.captcha {
	line-height: 37px;
    padding: 0px 0px 5px 0px !important;
}
	.captcha input[type="text"] {
		width:72%;
		margin-right:5px;
	}
	.captcha a {
		transition: 0.5s ease all;
		color: #fff;
		background: #555;
		/*border-radius: 3px;*/
		padding: 2px 11px 3px;
		font-size: 14px;
		display: inline-block;
		line-height: 29px;
		text-decoration: none;
		vertical-align: middle;
		margin: 0px 0px 0px 5px;
	}
		.captcha a:hover {
		}
	.captcha img {
		vertical-align:middle;
	}
	.captcha span {
		color:#c30000;
	}


/*-------表單區----------------------------------------------------------------------------*/
.white_bg{
	padding:15px 0px 0px ;
}
	.fA_bg{
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
		/*padding: 0px 20px;*/  
		padding-top:11px;   /*修改 by pekey  20170510*/
	}
	.form_area {
		font-size:0px;
		margin: 0 auto;
		/*padding:7px;*/
		padding:7px 0px;  /*修改 by pekey  20170510*/
	}
		.form_area br {
			font-size:15px;
		}
	
	/*表單備註*/
	.form_remark {
		font-size:16px;
		line-height:24px;
	}
	
	/*表單區小標*/
	.form_tit {
		font-weight:bold;
		font-size:18px;
		line-height:26px;
	}
	
	.form_list {
		/*padding:23px 8px 0px;*/
		padding:23px 0px 0px;  /*修改 by pekey  20170510*/
		box-sizing:border-box;
	}
	.form_list.fLType2 {
		padding:7px 0px 0px 18px;  /*修改 by pekey  20170510*/
	}
	
	/*新增 by pekey  20170510*/
	.form_list.fLType2:nth-of-type(2n+1) {
		padding:7px 18px 0px 0px; 
	}
	
	@media (max-width:715px){
		.form_list{
			padding:10px 0px 0px;
		}
	}
		.fL_tit {
			font-size:15px;
			line-height:23px;
			font-weight:bold;
			color:#000;
		}
			.required_icon {
				color:#f00;
				display:inline-block;
			}
			
		.fL_right {
			padding:8px 0px 0px;
			font-size:14px;
		}
			.fL_right select {
				width:100%;
			}
			.fLR_text {
				font-size:13px;
				line-height:21px;
				padding:5px 0px 0px;
			}
				.fLR_text a {
					color:#ca0000;
				}
			
			/*純文字樣式*/
			.fLR_info {
				font-size: 15px;
				line-height: 42px;
				padding: 9px 0px 10px;
			}
				.fLR_info a {
					display:inline-block;
					vertical-align:top;
					padding:0px 8px;
					color:#006e36;
					text-decoration:underline;
				}
			
			/*檔案上傳樣式*/
			.inputFile {
				position:relative;
				border: solid 1px #aeaeae;
				background:#fff;
				border-radius: 3px;
				padding:0px 90px 0px 0px;
			}
			.inputFile + .inputFile {
				margin-top:15px;
			}
				.delFile {
					position: absolute;
					cursor: pointer;
					font-size: 12px;
					letter-spacing: 0px;
					border-radius: 100%;
					background: #b73f3f;
					color: #fff;
					width: 20px;
					height: 20px;
					line-height: 20px;
					text-align: center;
					top: -10px;
					right: -10px;
					z-index: 2;
					transition:0.3s ease all;
				}
					.delFile:hover {
						background:#006e36;
					}
				.inputFile input[type='text'] {
					border:none;
					background:none;
				}
				.inputFile label {
					position: absolute;
					top: 0px;
					left:0px;
					width:100%;
					text-align:right;
				}
					.inputFile label div {
						background: #333;
						color: #fff;
						font-size: 14px;
						line-height: 42px;
						text-align:center;
						/*width:80px;*/
						display: inline-block;
						transition:0.3s ease all;
						padding: 0px 15px;
					}
						.inputFile label:hover div {

							background: #ca0000;
						}
				.inputFile input[type='file'] {
					display:none;
				}
				
			/*生日樣式*/
			.birthday {
				font-size:15px;
			}
				.birthday select {
					width:auto;
				}
			
			/*label樣式*/
			.fLR_label {
				font-size:15px;
				line-height:23px;
			}
				.fLR_label label {
					padding: 9px 10px 10px 0px;
					display: inline-block;
					letter-spacing:0px;
				}
			
			/*沒有輸入框時*/
			.fL_info.no_input {
				padding: 10px 0px 25px 0px;
				line-height: 24px;
			}
			
			.fL_info label {
				display:inline-block;
			}
					
					
					
			/*文字加輸入框樣式*/
			.fLR_textAndInput {
				font-size:15px;
			}
				.fLR_textAndInput input {
					width:120px;
				}
			
			/*地址樣式*/
			.fLR_address {
			}
				.fLR_address select {
					width:auto;
					margin: 0px 5px 0px 0px;
				}
				input.fLRA_postalCode {
					width: 97px;
				}
				input.fLRA_address {
					margin: 12px 0px 0px 0px;
				}
				
			
			@media (max-width: 375px){
				/*地址樣式*/
				input.fLRA_postalCode {
					margin-top: 10px;
				}
			}
				
			
			/*日期區間樣式*/
			.dateRange {
				margin:-8px 0px 0px;
				font-size:0px;
			}
				.dateRange select {
					width:auto;
					margin:0px 2px;
				}
					/*firefox*/
					@-moz-document url-prefix() { 
						.dateRange select {
							margin:0px 1px;
						}
					}
				.dateRange div {
					display:inline-block;
					vertical-align: middle;
					margin:8px 0px 0px;
				}
					.dateRangeStart {
					}
					.dateRange_And {
						font-size:13px;
						padding:0px 2px;
					}
					.dateRangeEnd {
					}
					
			/*日期區間樣式2*/
			.fL_timeInterval {
			}
				.fL_timeInterval input {
					width: 44%;
					font-size: 12px;
					letter-spacing: 0px;
					padding: 0px 3px;
				}
	
	/*一列兩個樣式*/
	.fLType2 {
		display:inline-block;
		vertical-align:top;
		width:49.8%;
	}
	
	/*同意條款*/
	.agreeToTerms {
		font-size:15px;
		line-height:23px;
		text-align:center;  /* 20170418修改 by pekey */
	}
		.agreeToTerms strong {
			padding:10px 0px;
			display:inline-block;
		}
		.agreeToTerms a {
			color:#ca0000;
		}
	
	/*表單區 按鍵區*/
	.form_btn_area {
		padding:30px 0px 0px;
		text-align:center;
	}
		.form_btn_area input {
			margin:0px 20px;
		}
		.form_btn_area input:nth-of-type(2) {
			background:#555;
		}
			@media (max-width: 640px){  /*修改  @media (max-width: 540px)   by pekey  20170510*/
				/*一列兩個樣式*/
				.fLType2 {
					width:auto;
					display:block;
				}
				
			
				.form_list {
					
				}
				.form_list.fLType2 {
					padding:23px 0px 0px;   /*修改 by pekey  20170510*/
				}
				
				/*新增 by pekey  20170510*/
				.form_list.fLType2:nth-of-type(2n+1) {
					padding:23px 0px 0px; 
				}
			
			
			
				/*表單區 按鍵區*/
				.form_btn_area input {
					float:left;
					width:48%;
					margin:0px;
				}
					.form_btn_area input:nth-of-type(2) {
						float:right;
					}
				.form_btn_area.one input {
					float:none;
				}
			}
			
/*分隔線*/
.divider {
	height:1px;
	background:#ececec;
	margin:30px 0px;
}
/*訂單完成說明*/
.order_complate_remark {
	font-size:15px;
	line-height:24px;
	padding: 12px 0px 0px 0px;
}
	.oCR_list {
		display:inline-block;
		padding:0px 15px 0px 0px;
	}
		.oCR_list strong {
			font-size:16px;
		}
		
		
		
		
/*--------購物車區塊--------*/

/*購物車步驟*/
.cart_step {
	font-size:0px;
	/*padding: 25px 0px 20px 0px;*/
	padding: 25px 0px;   /*修改 by pekey 20170508*/
	text-align:center;
}
	.cart_step_list {
		display:inline-block;
		vertical-align: top;
		line-height: 26px;
		padding: 0px 26px 0px 0px;
	}
		.cSL_no {
			font-size: 12px;
			font-weight: bold;
			display: inline-block;
			vertical-align:middle;
			background: #A9A9A9;
			color: #fff;
			text-align: center;
			width: 26px;
			border-radius: 100%;
		}
		.cSL_tw {
			font-size:15px;
			color:#CCC;
			display: inline-block;
			vertical-align:middle;
			padding: 0px 0px 0px 5px;
		}
			/*當前模式*/
			.cart_step_list.now .cSL_no {
				/*background: #ffcc00;*/
				background:#00afab;  /*修改 by pekey 20170508*/
			}
			.cart_step_list.now .cSL_tw {
				color:#333;
				font-weight:bold;  /*增加 by pekey 20170508*/
			}
				@media (max-width: 410px){
					.cart_step {
						/*text-align: left;*/
						/*padding: 0px 0px 10px 0px;*/
						padding: 0px 0px 20px 0px;  /*修改 by pekey 20170508*/
					}
						.cart_step_list {
							padding: 5px 8px 0px 0px;
							line-height:20px;
						}
							.cSL_no {
								width:20px;
							}
							.cSL_tw {
								font-size:13px;
							}
				}
				


/*表單區底*/
.form_area_bg {
	width: 100%;
    max-width: 800px; 
    margin: 0 auto;
    box-sizing: border-box;
    /*padding: 0px 20px;*/
}
@media (max-width:900px){
.form_area_bg{
	max-width:100%;
}
}

/*購物車大標*/
.cart_big_tit {
	position:relative;
	font-size:18px;
	font-weight:bold;
	line-height:25px;
	padding:0px 0px 0px 44px;
}
	.cart_big_tit span {
		position:absolute;
		display:block;
		border-radius:100%;
		font-size:15px;
		font-weight:100;
		color:#fff;
		text-align:center;
		width:25px;
		/*background:#ffcc00;*/
		background:#00afab;  /*修改 by pekey 20170508*/
		left:0px;
		letter-spacing: 0px;
	}
	
	.cBT_checkbox {
		font-size:15px;
		font-weight:100;
		vertical-align: middle;
		padding: 0px 0px 0px 13px;
		display: inline-block;
	}
	
	.cart_big_tit span.red {
		position: relative;
		width: auto;
		background: none;
		color: #d25054;
		text-align: left;
		display: inline-block;
		padding: 0 0 0 12px;
		line-height: 24px;
	}
	
.cart_area {
	width:100%;
	/*max-width:801px;*/
	margin:0 auto;
}

/*購物車商品列表*/
.cart_product_list_area {
	/*padding: 15px 15px 0px 15px;*/
	/*padding: 15px 0px 0px;*/
}
.padding_20{
	padding: 0px 20px;
}
	/*購物車備註*/
	.cart_remark {
		text-align:center;
		padding:0px 0px 15px 0px;
		color:#BF0000;
		line-height:22px;
	}
	
	.cart_product_list_area table {
		width:100%;
		margin:0 auto;
		border-radius: 3px;
		overflow: hidden;
	}
		.cart_product_list_area tr {
		}
			.cart_product_list_area td {
				text-align:center;
				vertical-align:middle;
				font-size:15px;
				line-height: 24px;
				color:#333;
				padding:10px 15px;
				box-sizing:border-box;
				border-bottom: solid 1px #ccc;
				/*border-right: solid 1px #bebebe;*/ /*修改 by pekey 20170508*/
				background: #f4f4f4;
			}
			.cart_product_list_area tr:last-of-type td {
				border-bottom:0px;
			}
				/*商品名稱*/
				.cPL_product {
					font-size:0px;
					min-height:52px;
					text-align:left;
					font-size:15px;
					position:relative;
				}
					/*加購品標籤*/
					.cPLP_label {
						position: absolute;
						top: 0px;
						left: 0px;
						font-size: 12px;
						color: #fff;
						background: #333;
						line-height: 20px;
						z-index: 1;
						padding: 0px 10px;
					}
					
					.cPL_product a {
						color:#000;
						text-decoration:none;
						display:inline-block;
						vertical-align:middle;
						min-height:52px;
					}
						.cPL_product img {
							width:52px;
							/*border: solid 1px #dfdede;*/  /*修改 by pekey 20170508*/
							position:absolute;
							background:#fff;
						}
					.cPL_product_tit {
						padding:0px 0px 0px 70px;
						display:inline-block;
						vertical-align:middle;
						width: 96.5%;
						box-sizing: border-box;
					}
				
				/*商品規格*/
				.specification {
					text-align:left;
					font-size: 14px;
					line-height: 22px;
					padding: 6px 0px 0px;
					color: #226484;
				}
				
				.cart_product_list_area table input {
					height:40px;
					line-height:40px;
					margin:4px 0px;
				}
					.cart_product_list_area table input[type='text'] {
						width:66px;
						border: solid 1px #e7e7e7;
						text-align:right;
					}
					.cart_product_list_area table input[type='button'] {
						border-radius: 3px;
						font-weight: bold;
						width: auto;
						padding: 0px 8px;
						box-sizing: border-box;
						background: #969696;
						line-height: 28px;
						height: 28px;
						background: #FFFFFF;
						border: solid 1px #c4c4c4;
						color: #333;
					}
					.cart_product_list_area table input[type='button'].remittance_btn {
						width: auto;
						padding: 0px 12px;
						background: #BF4848;
						color:#fff;
					}					
						
		/*第一組tr*/
		.cart_product_list_area tr:first-of-type td {
			border-top: solid 1px #bebebe;
			/*padding: 5px;*/
			padding:25px;
			/*background-color:#e5e5e5;*/
			background-color:#00afab;   /*修改 by pekey 20170508*/
			color:#fff;
		}
		/*第三組tr*/
		.cart_product_list_area tr:nth-of-type(3) td {
			/*background-color:#e5e5e5;	*/
		}
		
		
		/*第一個td*/
		.cart_product_list_area td:first-of-type {
			/*width:40%;*/
			/*width:20%;*/
			width:29%;   /*修改 by peke 20170508*/
			/*border-left: solid 1px #bebebe;*/ /*修改 by pekey 20170508*/
		}
			td.cPL_twoBtn {
				padding: 5px 0px;
			}
		
		/*2進位的tr*/
		.cart_product_list_area tr:nth-of-type(2n+0) td {
			background:#fff;
		}
		
		/*折抵列*/
		.cart_product_list table {
			background: #e0e0e0;
			/*border-radius: 3px;*/  /*修改 by pekey 20170508*/
			border: 1px solid #bebebe;
			font-size: 14px;
			line-height: 25px;
			font-weight:bold;
		}
			.cart_product_list table input[type=text] {
				height: 22px;
				line-height: 22px;
				width: 62%;
			}
			.cart_product_list.single_row {
				/*padding: 20px 15px 5px;*/
				padding: 20px 0px 5px;
			}
				.cart_product_list td {
					background: #f4f4f4;
					padding: 15px 5px;
					box-sizing: border-box;
					vertical-align: middle;
				}
				.cart_product_list td:nth-of-type(2),.cart_product_list td:nth-of-type(4) {
					color:#de494a;
				}
				
				.cart_product_list td:first-of-type,.cart_product_list td:nth-of-type(3) {
					background: #e5e5e5;
				}
					.c_p_l_del_btn.update {
						background: #de484d;
						background-size: 100%;
						/* font-weight: 100; */
						width: 42px;
					}
						input[type=button].c_p_l_del_btn {
							font-size: 14px;
							font-weight: 700;
							color: #fff;
							width: 35px;
							height: 22px;
							line-height: 22px;
							border-radius: 3px;
						}


/*購物車合計區*/
.cart_total_area {
	/*padding:20px 15px 5px;*/
	padding:20px 0px 5px;
}
	.cart_total_area table {
		font-size:15px;
		line-height:29px;
		/*border-top: solid 2px #707070;*/
		border-top: solid 3px #2e2e2e;
	}
		.cart_total_area tr {
		}
			.cart_total_area td {
				/*padding:6px 15px;*/
				padding:20px 15px;  /*修改 by pekey 20170508*/
				text-align:right;
				border-bottom: solid 1px #bebebe;
				font-weight: bold;
				background:#fff;
			}
			.cart_total_area input[type="radio"]{
				position:relative;
				top:2px;
			}
				.cart_total_area td strong {
					/*font-size:20px;*/
					font-size:25px;
					/*color:#de494a;*/
					color:#ff2323;
				}
				.cart_total_area td span {
					/*font-size:13px;*/
					color:#666;
				}
					/*每一行第一個td*/
					.cart_total_area td:first-of-type {
						/*border-right: solid 1px #bebebe;*/  /*修改 by pekey 20170508*/
					}
					/*每一行第二個td*/
					.cart_total_area td:last-of-type {
						width:200px;
					}
					
						/*購物車表單最後的按鈕*/
						.btn_area {
							font-size: 0px;
							text-align: center;
							padding: 15px 0px 0px 0px;
						}
						
							.btn_area input {
								margin: 0px 30px;
							}
							
							/*.btn_area input:nth-of-type(2) {
								background: #555;
							}*/
							
						
		
@media (max-width: 715px){

.cart_step{
	/*text-align:left;*/ /*修改 by pekey 20170508*/
	padding-top:15px;  /*新增 by pekey 20170508*/
}

.fA_bg{
	/*padding:20px 0px 0px;*/ /*修改 by pekey 20170508*/
}	
	.form_area.none{
		padding:0px;
	}
/*折抵列*/
.cart_product_list.single_row td {
	display: block;
	width: 100%;
}


/*第一組tr*/
.cart_product_list_area tr:first-of-type {
	display:none;
}

/*第一個td*/
.cart_product_list_area td:first-of-type {
	width: auto;
	padding: 10px 14px;
}


.cart_product_list_area tr:last-of-type td:last-of-type {
	border-bottom:1px solid #ccc;
}



/*最後一個td*/
.cart_product_list_area td:last-of-type {
	border-bottom: solid 2px #ADABAB;
	padding: 5px 14px 10px 14px;
}

/*第五個td*/
.cart_product_list_area td:nth-of-type(5) {
	padding: 5px 14px 10px 14px;
}
	.cart_product_list_area td:nth-of-type(5):before {
		display:none;
	}

.cart_product_list_area table {
	/*border: solid 2px #e1e1e1;
	border-top: solid 3px #e1e1e1;*/
	border-top: solid 1px #bebebe;
	border-radius:5px;
}
	.cart_product_list_area td {
		display:block;
		border:none;
		text-align:left;
		border-left: solid 1px #bebebe;
		border-right: solid 1px #bebebe;
		padding: 5px 14px;
	}
	
		.cart_product_list_area td:before {
			content:attr(data-name);
		}
		/*商品名稱*/
		.cPL_product {
			border-bottom: solid 1px #bebebe;
			padding:0px 0px 15px 0px;
			/*color: #BA896F;*/
			/*font-weight: bold;*/
			font-size:16px;
		}
		
		.cart_product_list_area table input {
			height:40px;
			line-height:40px;
		}
			.cart_product_list_area table input[type='button'] {
				width:100%;
			}
		
				/*兩個按鍵時*/
				.cart_product_list_area table .cPL_twoBtn input[type='button'] {
					float:left;
					width:48%;
				}
				.cart_product_list_area table .cPL_twoBtn input[type='button']:nth-of-type(2) {
					float:right;
				}
				
				
		.right_list_area.none{
			border: 0px;
			padding: 0px;
			background: none;
		}		
		
			.cart_product_list_area{
				/*padding:15px 0px;	*/
				padding:0px 0px 15px 0px; /*修改 by pekey 20170508*/	
			}			
			.cart_product_list.single_row{
				padding:20px 0px 5px;
			}
			.cart_total_area{
				padding:20px 0px 5px;
			}
}


@media (max-width: 525px){
	.btn_area input {
		float: left;
		width: 48%;
		margin: 0px;
	}
	.btn_area.one input {
		float:none;
	}
	.btn_area input:nth-of-type(2) {
		float: right;
	}	
}


@media (max-width: 440px){
	/*每一行第二個td*/
	.cart_total_area td:last-of-type {
		width: 120px;
	}
}			


/*運費提示詞*/
.shippingFee_remark {
	background: #ffcc00;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    border-radius: 5px;
    padding: 8px 5px;
	color:#333;
	font-weight:bold;
}


/*時間搜尋區*/
.rB_time{
	/*margin: 0px -20px;
    padding: 0px 20px;	*/	
}
	.time_search_area {
		font-size:0px;
		letter-spacing: 3px;
		text-align: right;
		/*padding-right: 18px;*/
	}
		.time_search {
			font-size:15px;
			display:inline-block;
			vertical-align:middle;
			padding: 0px 18px 0px 0px;
		}
			.time_search select {
				/*margin-top: -3px;*/
			}
		.time_search_area span {
			font-size:15px;
			display:inline-block;
			padding: 0px 20px 4px 0px;
			vertical-align:middle;
		}
		
		.time_search_area label.lsf {
			font-size:25px;
			width:42px;
			height:38px;
			line-height:38px;
			display:inline-block;
			border-radius:4px;
			background: #333;
			color:#fff;
			vertical-align: top;
			text-align:center;
			transition:0.3s ease all;
			letter-spacing:0px;
		}
			.time_search_area label.lsf:hover {
				opacity:0.7;
			}
			.time_search_area label.lsf input[type='submit'] {
				display:none;
			}
		
		.time_search_area input[type='submit'] {
			width:36px;
			height:32px;
			background: #d2bcb1 url(../images/header_search_icon.png) center center no-repeat;
			background-size:19px;
			border-radius:4px;
		}
			.time_search_area input[type='submit']:hover {
				opacity:0.7;
			}
				@media (max-width: 780px){
					.time_search_area {
						letter-spacing:1px;
					}
						.time_search {
							padding: 0px 10px 0px 0px;
						}
						.time_search_area span {
							padding: 0px 10px 4px 0px;
						}
				}
					@media (max-width: 680px){
						.time_search_area {
							text-align:center;
						}
							.time_search {
								padding: 5px 20px 5px 0px;
							}
							.time_search_area span {
								padding: 0px 26px 4px 0px;
							}
							.time_search_area label.lsf {
								margin: 3px 0px 0px 0px;
							}
					}
						@media (max-width: 415px){
							.time_search_area {
								padding:0px;
								margin:0px;
							}
							.time_search, .time_search_area span {
								display:block;
								padding: 0px 0px 10px 0px;
							}
							.time_search_area label.lsf {
								width:100%;
								height:42px;
								line-height:42px;
								margin:10px 0px 0px 0px;
							}
							.time_search_area span {
								text-align:center;
							}
						}
							@media (max-width: 350px){
								.time_search {
									font-size:14px;
									letter-spacing:0px;
									white-space:nowrap;
								}
									.time_search select {
										width:68px;
									}
							}	


/*訂單列表*/
.order_list {
}
	/*第一個td*/
	.order_list td:first-of-type {
		width:auto;
	}
	.order_list table input[type='button'] {
		height: 40px;
		line-height: 40px;
		background:#e87f82;
		color:#fff;
		border:none;
	}
		.order_list table input[type='button']:nth-of-type(2) {
			background:#9a9a9a;
		}

			@media (max-width: 600px){
				/*第一個td*/
				.order_list td:first-of-type {
					padding: 10px 14px 5px 14px;
				}
			}


/*未出貨*/
.no_shipping {
	color:#007be4;
}

/*未付款*/
.unpaid {
	color:#d70d13;
}

/*已取消*/
.cancel {
	color:#929292;
}

/*剩餘點數*/
.remaining_points {
	text-align:right;
	text-align: right;
    font-size: 15px;
    /*padding-bottom:10px;*/
	padding:0px 0px 10px 0px;
}
	.remaining_points strong {
		font-size: 20px;
		color: #de484d;
	}
	
/*訂單完成說明*/	
.order_complate_remark {
    font-size: 15px;
    line-height: 24px;
    padding:15px;
}	
	.oCR_list {
    display: inline-block;
    padding: 0px 15px 0px 0px;
	font-size:18px;
	}	

@media (max-width:715px){
.order_complate_remark{
	padding:15px 0px 0px;
}
}
/*修改密碼小標題*/
.little_tit{
	font-size:18px;
	padding-top:18px;
	border-top:dotted 1px #0f0f0f;
	font-weight:bold;
	margin-top:55px;
}




/*-------hack----------------------------------------------------------------------------*/
.hack {
	padding:20px;
}
	.hack_demo {
		float:left;
		width:50%;
		line-height:200px;
		text-align:center;
		box-sizing:border-box;
		border: solid 1px #CCC;
	}
	
/* IE10、11、edge模式 */
@media all and (-ms-high-contrast:none) {
	.ie10Up {
		color: #fff;
		background:#06F;
	}
	*::-ms-backdrop, .ie10Up {
		color: #fff;
		background:#06F;
	}
}

/*firefox*/
@-moz-document url-prefix() { 
	.firefox {
		color: #fff;
		background: #C00;
	}
}

/*Safari和chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.safariAndChrome {
		color: #fff;
		background: #333;
	}
}

/*-------版頭----------------------------------------------------------------------------*/
.header {
}

/*地圖區域*/
.map_area{
	display:none;
}

@media (max-width:860px){
	.header > .wrap {
 	   border-bottom: 1px solid #ccc;
	}
}

/*版頭次功能區*/
.header_top{
	background:#f2f2f2;
	padding:0px 0px 10px 0px;
}
	/*地圖按鍵*/
	.map_btn{
		background:#00afab;
		width:45px;
		height:45px;
		float:left;
		position:relative;
		cursor: pointer;  /*手型*/
		border-bottom-left-radius: 8px;  /*左下方圓角*/
		border-bottom-right-radius: 8px; /*右下方圓角*/
	}
		.map_btn i{
			font-size:23px;
			font-weight:bold;
			color:#fff;
			position:absolute;
			top:11px;
			left:12px;
		}		
	

/*版頭右半部區域*/
.header_top_right{
	float:right;
	padding:15px 0px 0px;
}

@media (max-width:860px){
	.header_top_right{
		float:none;
		padding:12px 0px 0px 115px;
		text-align: right;
	}
}
	/*次按鍵*/
	.hT_bg{
		display:inline-block;
		vertical-align:middle;
		padding-right:9px;
	}
		.hT_list{
			float:left;
			padding:0px 7.5px;
			position: relative;
		}
			.hT_list_in{
				background:#777;
				border-radius:50%;
				cursor:pointer;
			}
			
				.hT_list_in:hover{
					background:#11b4b0;
				}
				.hT_list_in i{
					color:#fff;
					font-size:15px;
					padding: 5px;
					position: relative;
					top: -0.5px;
					left: 0.5px;
				}
				.hT_list:nth-of-type(3) .hT_list_in i{
					top: -1px;
				}
				.hT_list_b{
					color:#fff;
					font-size:14px;
					padding:7px;
					background:#4cc7c4;
					display:none;
					width: 70px;
    				text-align: center;
					position:absolute;
					top:38px;
					left: 50%;
    				margin: 0px 0px 0px -40px;
				}
				.hT_list_b:before {
					position: absolute;
					content:'';
					border-bottom: solid 8px rgba(76,199,196,1);
					border-left: solid 5px rgba(255,255,255,0);
					border-right: solid 5px rgba(255,255,255,0);
					top:-8px;
					left:50%;
					margin:0px 0px 0px -6px;
				}
				.hT_list:hover .hT_list_b{
					display:block;
				}
		
		.hT_mobile{
			display:none;
		}
@media (max-width:860px){
	.hT_bg{
		display:none;
	}
	.hT_mobile{
		display:block;	
		float: left;
		padding-left:10px;
	}
		.hT_btn{
			background: #777;
			width: 45px;
			height: 45px;
			cursor: pointer;
			border-radius: 50%;
			position: relative;
		}
			.hT_btn a{
				display:block;
				/*position: relative;*/
			}
				.hT_btn img{
					position: absolute;
					top: 10px;
					left: 13px;
				}
		
		.hT_bg_mobile{
			z-index:100;
			display:none;
			position: absolute;
			background: #ffffff;
			border-radius: 4px;
			width: 130px;
			top: 55px;
			left: 31px;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
			border: solid 1px #e6e6e6;
			border-bottom: 0px;
		}
			
			.hTBM_list {
				display:inline-block;
				vertical-align: middle;
				width:100%;
				box-sizing:border-box;
				border-bottom: solid 1px #e6e6e6;
			}
			.hTBM_list:last-of-type{
				border-bottom: none;
			}
				.hTBM_list > a {
					display: block;
					text-decoration: none;
					font-size: 14px;
					text-align: center;
					color: #777;
					padding: 15px 0px;
				}
				.hTBM_list:hover > a {
					color:#00afab;
				}
					.hTBM_list a:before {
						display:none;
					}	
					
}
		
		
			
	/*站內搜尋*/
	.search_area{
		display:inline-block;
		vertical-align:middle;
	}
		.search_in{
			position: relative;
			font-size: 0px;
			background: #fff;
			/*border: solid 1px #bebfc0;*/
			border-radius:2px;
			width: 145px;
			padding-right: 35px;
			border-radius: 16px;
		}
			.search_in input{
				height:25px;	
				line-height:25px;
			}
				.search_in input[type="text"]{
					border:none;
					font-size:13.5px;
					background: rgba(255, 255, 255, 0);
					padding: 0px 6px 0px 10px;
				}
			.search_in label{
				position: absolute;
				right: 0px;
				top: 0px;
				background: rgba(255, 255, 255, 0);
				padding: 4px 5px 3px 6px;	
			}
				.search_in input[type='submit']{
					position: absolute;
					float: left;
					padding: 0px 0px 6px;
					display: none;
				}
					.search_in i{
						font-size:16px;
						font-weight:bold;
						color:#bebfc0;
						margin-top:1px;
					}	

@media (max-width:860px){
.search_area{
	display:block;
}
	.search_in{
		width:100%;
		padding:0px;
		background: rgba(255, 255, 255, 0);
		border-bottom:1px solid #777;
		border-radius:0px;
	}
		.search_in input{
			height:28px;	
			line-height:28px;
		}
}
					
	/*手機menu按鍵*/
	.menu_btn {
		position: absolute;
		width: 20px;
		top: 55px;
		right: 0px;
		cursor: pointer;
		display: none;
		padding: 14px 18px;
		z-index: 11;
		
	}
		.menu_btn span {
			display:block;
			background:#444;
			height:2px;
			margin: 4px 0px;
			transition:0.3s ease all;
			border-radius:3px;
		}
			/*點擊*/
			.menu_btn.active {
				position:fixed;
				top:0px;
				/*z-index: 999;*/
				z-index: 999999;  /*修改 by pekey  20170609*/
			}
			.menu_btn.active span {
			}
				.menu_btn.active span:nth-of-type(1) {
					transform: rotate(39deg);
					transform-origin: top left;
				}
				.menu_btn.active span:nth-of-type(2) {
					opacity: 0;
				}
				.menu_btn.active span:nth-of-type(3) {
					transform: rotate(-39deg);
					transform-origin: bottom left;
				}							
					

		
	/*logo*/
	.logo {
		text-align:center;
		padding:40px 0px 37px;
	}
		.logo a{
			/*display:block;*/	
		}
			.logo img {
			}
				.logo_s {
				}
				.logo_b {
					display:none;
				}



	
	/*主按鍵*/
	.navbar{
		
	}
		.nav{
			float:left;
			width:16.666666%;
			padding:12px 0px;
			cursor:pointer;
			text-align:center;
			box-sizing: border-box;
		}
		.nav:hover{
			background:#00afab;
		}
		.nav.active{
			background:#00afab;
		}
		
			.nav a{
				color:#4f4f4f;
				font-size:20px;
				text-decoration:none;
				vertical-align:middle;
			}
			.nav:hover a{
				color:#fff;
			}
			
			.nav.active a{
				color:#fff;
			}	
			
				.nav_icon01{
					position: relative;
    				top: 4px;
				}
				.nav.active .nav_icon01{
					display:none;
				}
				
				.nav_icon02{
					display:none;
					position: relative;
    				top: 4px;
				}
				.nav.active .nav_icon02{
					display:inline-block;
				}
				
				
				.nav:hover .nav_icon02{
					display:inline-block;
				}
				.nav:hover .nav_icon01{
					display:none;
				}


/*-------浮動式版頭----------------------------------------------------------------------------*/
.header_2 {
	position:fixed;
	top:-222px;
	z-index: 999998;
	width: 100%;
	background: #FFF;
	/*border-bottom: solid 1px #E8E8E8;*/
}
	.header_2 > .wrap{
		border-bottom: 1px solid #ccc;
	}
	.header_2 .logo{
		padding:25px 0px 10px 0px;
	}	
@media (max-width:860px){
	/*手機menu按鍵*/	
	.menu_btn{
		display:block;
	}
	
	.logo {
		width: 100px;
		float: none;
		border: none;
		padding: 15px 0px;
		text-align:left;
	}
		.logo_s {
			display:none;
		}
		.logo_b {
			display:block;
			width:100%;
			height:auto;
		}	
		
	/*主按鍵*/
	.navbar {
		/*display: none;*/
		position: fixed;
		top: 0px;
		right: -100%;
		background: #fff;
		width: 150px;
		height: 100%;
		box-sizing: border-box;
		z-index: 10;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		padding: 55px 0px 0px;
		overflow-y: scroll;
		transition:0.3s ease all;
		border:0;
	}
	.navbar.active {
		right: 0px;
	}
		.navbar > .wrap{
			padding:0px;
		}
			.nav {
				float:none;
				width: auto;
				border:0px;
				/*padding:5px 0px;*/
			}
			.nav:nth-of-type(2){
				border:0px;
			}
				.nav > a {
					font-size:16px;
					color:#2e2e2e;
					text-align: left;
					padding: 17px 14px;
						}
						
						
	.header_2  .menu_btn{
		top:0px;
	}
	.header_2 .logo{
		padding:15px 0px;
	}	
						
}


/*跑馬燈輪播*/
.marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	/*width: 100%;*/
	height: 50px;
	background:#00afab;
}
	.marquee_bg {
		position: absolute;
		width: 84.37%;
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.marquee_list {
			margin: 0;
			padding: 0;
			list-style: none;
			
			/*新增 by pekey 20170609*/
			font-size:13px;
			height: 50px;
			line-height: 50px;
		}
			/*.marquee_list a {
				display: block;  
				overflow: hidden;	
				white-space: nowrap;
				text-overflow: ellipsis;
				color:#fff;
				font-size:13px;
				height: 50px;
				line-height: 50px;
				text-decoration: none;
			}*/
			/*.marquee_list a:hover{
				color:#333;
			}*/
				/*.marquee_list span{
					padding-right:20px; 
					color:#fff;  
				}*/
			/*.marquee_list a:hover {
				color:#333;
			}*/
			
			/*新增 by pekey 20170609*/
			.mL_date{
				position:absolute;
				left:0px;
				color:#fff;
				font-size:13px;
				height: 50px;
				line-height: 50px;
			}
			.mL_tit a:hover > .mL_date{
				color:#333;
			}
			.mL_tit{
				padding-left:96px;
				overflow: hidden;	
				white-space: nowrap;
				text-overflow: ellipsis;
				color:#fff;
			}
			.mL_tit:hover{
				color:#333;
			}
				.mL_tit a{
					color:#fff;
					font-size:13px;
					height: 50px;
					line-height: 50px;
				}
			.mL_tit a:hover{
				color:#333;
			}
				



/*首頁產品分類*/
.index_product{
	
}
	.index_product > .wrap{
		padding:32px 20px;
	}
		.iP_list{
			width:11.111111%;
			float:left;
			display:inline-block;
		}
			.iP_list a{
				display:block;
				text-align:center;
				text-decoration:none;
			}
				.iPL_icon{
					width:80px;
					height:80px;
					background:#595758;
					border-radius:50%;
					margin:0px auto;
					position:relative;
				}
				.iP_list:hover .iPL_icon{
					background:#00AFA9;
				}
					.iPL_icon img{
						width:50px;
						height:auto;
						position:absolute;
						top:14px;
						left:17px;
					}
					.iP_list:nth-of-type(2) img{
						width:56px;
						top:12px;
						left:11px;
					}
					.iP_list:nth-of-type(3) img{
						width:52px;
						top:13px;
					}
					.iP_list:nth-of-type(4) img{
						width:56px;
						top:10px;
						left:13px;
					}
					.iP_list:nth-of-type(5) img{
						width:47px;
						top:15px;
						left:16px;
					}
					.iP_list:nth-of-type(6) img{
						width:59px;
						left:12px;
					}
					.iP_list:nth-of-type(7) img{
						left:14px;
					}
					.iP_list:nth-of-type(8) img{
						width:65px;
						top:8px;
						left:8px;
					}
					.iP_list:nth-of-type(9) img{
						width:65px;
						top:8px;
						left:8px;
					}
				.iPL_tit{
					padding-top:20px;
					font-size:14px;
					color:#4f4f4f;
				}
				.iP_list:hover .iPL_tit{
					color:#00AFA9;
				}

@media (max-width:860px){
	.index_product > .wrap{
		padding: 20px 20px 40px 20px;
		
	}
		.iP_list{
			width:33.333333%;
			padding-top:20px;
		}
}

/*首頁消息區域*/
.index_news_area{
	background:#f2f2f2;
	
}
	.index_news_area > .wrap{
		
	}
		/*首頁最新消息*/
		.index_news_bg{
			
		}
			.index_news_tit{
				text-align:center;
				font-size:20px;
				font-weight:bold;
				color:#777;
				padding-top:48px;
				padding-bottom:6px;
				border-bottom:1px solid #ccc;
			}
				.index_news_tit span{
					font-size:12px;
					color:#ccc;
				}
			.index_news_in{
				padding-top:20px;
			}

@media (max-width:640px){
	.index_news_in iframe{
		height:250px;
	}
}
			
				/*消息區域左半部*/
				.iNI_left{
					float:left;
					width:634px;
					height:216px;
					background:#fff;
					-webkit-box-shadow: 2px 2px 5px #c6c6c6;
					-moz-box-shadow: 2px 2px 5px #c6c6c6;
					box-shadow: 2px 2px 5px #c6c6c6;
					padding:17px;
					position: relative; /*新增 by pekey 20170608*/
				}
					.iNIL_img{
						width:344px;
						height:216px;
						float:left;
						
						overflow:hidden;  /*新增 by pekey 20170615*/
					}
						.iNIL_img img{
							width:100%;
							height:auto;
						}
						
						
					.iNIL_in{
						float:left;
						width:270px;
						padding-left:20px;
					}
					
						.iNIL_tit{
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
							.iNIL_tit a{
								font-size:16px;
								font-weight:bold;
								color:#4f4f4f;
								
								line-height:22px;  /*增加by pekey 20170615*/
							}
							.iNIL_tit a:hover{
								color:#00afab;
							}
						
						.iNIL_date{
							padding-top:8px;
							font-size:13px;
							color:#696969;
						}
						
						.iNIL_text{
							font-size:14px;
							color:#696969;
							line-height:27px;
							padding:7px 0px 0px 0px;
							letter-spacing: 0px;
							overflow: hidden;
							/*white-space: nowrap;*/
							text-overflow: ellipsis;
							max-height:135px;
						}
						
						.iNIL_more{
							width:70px;
							float:right;
							padding-top:13px;
							
							/*新增 by pekey  20170608*/
							position: absolute;
							right: 17px;
							bottom: 17px;
						}
							.iNIL_more a{
								display:block;
								text-align:center;
								font-size:12px;
								color:#fff;
								padding:6px 16px;
								background:#00afab;
								text-decoration:none;
								transition: all 0.4s ease;
							}
							.iNIL_more:hover a{
								opacity:0.5;
								transition: all 0.4s ease;
							}
					
					
				/*消息區域右半部*/	
				.iNI_right{
					float:left;
					width:390px;
					padding:0px 0px 0px 22px;
				}
					.iNIR_bg{
						padding: 17px 0px;
					}
						.iNIR_list{
							padding:8px 0px;
							position:relative;
						}
						.iNIR_list:first-of-type{
							padding-top:0px;
						}
						.iNIR_list:last-of-type{
							padding-bottom:0px;
						}
							.iNIR_date{
								display:inline-block;
								vertical-align:middle;	
								width:77px;	
								font-size:14px;
								color:#999;
								padding-right:25px;
							}
							.iNIR_tit{
								display:inline-block;
								vertical-align:middle;	
								width:200px;
								/*padding:0px 25px;*/
							}
								.iNIR_tit a{
									font-size:14px;
									font-weight:bold;
									color:#4f4f4f;
									display:block;
									overflow: hidden;
									white-space: nowrap;
									text-overflow: ellipsis;
									
									line-height:17px;  /*新增 by pekey 20170615*/
								}
								
								.iNIR_tit:hover a{
									color:#00afab;
								}
							.iNIR_icon_new{
								background:url('../index/images/iNIR_icon_new.png') no-repeat right;
								/*display:inline-block;	
								vertical-align:middle;*/	
								width:52px;
								height:19px;
								position:absolute;
								right:0px;
								top:6px;
							}
								.iNIR_icon_new span{
									color:#fff;
									font-weight:bold;
									font-size:12px;
									position: absolute;
									top: 4px;
									left: 13px;
								}
							.iNIR_icon_hot{
								background:url('../index/images/iNIR_icon_hot.png') no-repeat right;
								display:inline-block;	
								vertical-align:middle;	
								width:52px;
								height:19px;
								position:absolute;
								right:0px;
								top:6px;
							}
								.iNIR_icon_hot span{
									color:#fff;
									font-weight:bold;
									font-size:12px;
									position: absolute;
									top: 4px;
									left: 13px;
								}
	
	
@media (max-width:1120px){
	.iNI_left{
		float:none;
		width:auto;
		height:auto;
	}
		.iNIL_img{
			width:39%;
			height:auto;
		}
		.iNIL_in{
			width:58%;
		}
			.iNIR_tit{
				width:80%;	
			}
			
	.iNI_right{
		float:none;
		width:auto;
		padding:15px 0px 0px 0px;
	}
}
@media (max-width:768px){
	.iNIL_img{
		float:none;
		width:100%;
		height:auto;
	}
		.iNIR_tit{
			width:77%;	
		}
	.iNIL_in{
		float:none;
		width:100%;
		/*padding:27px 0px 0px;*/
		padding:27px 0px 24px;   /*修改 by pekey */
	}
		.iNIL_text{
			padding:7px 0px 10px;
		}
}
@media (max-width:640px){
	.iNIR_tit{
		width:70%;	
	}
}
@media (max-width:425px){
	.iNIR_tit{
		width:86%;	
		padding-top:5px;
	}
	.iNIR_icon_new{
		top:21px;
	}
	.iNIR_icon_hot{
		top:21px;
	}
}
@media (max-width:375px){
	.iNIR_tit{
		width:76%;	
	}
}




/*代理品牌輪播區*/
/*新增by pekey 20170704*/
.index_link_area{
	padding:20px 0px;	
}
	.device2 {
		padding:0px 146px;
		
	}
		.brand_Item{
			padding:0px 25px;
		}
@media (max-width:768px){
	.device2 {
		padding:0px ;
	}
	.brand_Item{
		padding:0px 20px;
	}
}	
@media (max-width:640px){
	.brand_Item{
		padding:0px 10px;
	}
}	
/*-------內頁---------------------------------------------------------------------------*/	
/*內頁log_01o*/
.in_logo_01{
	float:left;
	text-align:left;
	padding:15px 0px 10px 0px;
}
	.logo_sp{
		width:100%;
		height:auto;
	}

/*次按鍵  當螢幕小於860px時出現*/	
.in_hT_mobile{
	padding:0px;
}
	/*下拉選單*/
	.in_hT_bg_mobile{
		left:21px;
	}
	
/*內頁logo_02*/
.in_logo_02{
	display:none;
}

/*麵包屑*/
.crumb {
	font-size:14px;
	/*line-height:18px;*/
	line-height:22px;  /*修改  by pekey  20170511*/
	color:#4f4f4f;
	/*padding:30px 0px 0px;*/
	/*text-align: right;*/
}
	.crumb a {
		color:#2e2e2e;
		text-decoration:none;
		float: left;
	}
		.crumb i {
			font-size:17px;
			line-height:22px;  /*新增  by pekey  20170511*/
			color:#4f4f4f;
		}
			.crumb a:hover i{
				color:#00afab;
			}

/*內頁banner*/
.in_banner{
	width:100%;
	/*max-height:253px;*/  /*修改by pekey 20170706*/
	/*overflow:hidden;*/  /*修改by pekey 20170706*/
	padding-top:15px;
}
	.in_banner img{
		width:100%;
		height:auto;
	}

/*內頁大標*/
.in_tit{
	text-align:center;
	padding-top:35px;
	font-size:25px;
	font-weight:bold;
	color:#00afab;
	position:relative;
}	
	
/*內頁分類*/
.in_class_bg{
	padding-top:35px;
}
	.in_class{
		text-align:center;
		margin:0px -19px;
	}
		.iC_list{
			display:inline-block;
			vertical-align:middle;
			padding:12px 0px;
			border:1px solid #00afab;
			margin:0px 19px;
		}
		.iC_list:hover{
			background:#00afab;
		}
		.iC_list.active{
			background:#00afab;
		}
			.iC_list a{
				font-size:20px;
				color:#00afab;
				text-align:center;
				text-decoration:none;
				padding:12px 45px;
				/*transition: 0.5s ease all;*/
			}
			.iC_list:hover a{
				color:#fff;
			}
			.iC_list.active a{
				color:#fff;
			}


@media (max-width:860px){
.in_logo_01{
	display:none;
}	
.in_logo_02{
	display:block;
}
.crumb{
	padding-top:15px;
}
}
@media (max-width:654px){
.in_tit{
	/*padding-top:15px;*/
	padding-top:30px;   /*修改 by pekey 20170511*/
}
.in_tit:after{
	position: absolute;
    content: '';
    border: solid 6px;
    border-color: #333 rgba(0,0,0,0);
    border-bottom-width: 0px;
    /*top: 24px;*/
	top: 39px;   /*修改 by pekey 20170511*/
    right: 20px;
}
	.in_class_bg{
		padding-top:15px;
		margin: 0px -19px 15px -19px;  /*修改 by pekey 20170511*/
	}
		.in_class{
			display:none;
			border-top: 1px solid #ccc;
		}
		
		
			.iC_list{
				width:100%;
				display:block;
				border:0px;
				border-bottom:1px solid #00afab;
				margin:0px;
			}
			.iC_list a{
				padding:12px 0px;
			}
	}


.in_navbar{
	padding:17px 0px;	
}
	
	
	
	
	
	

	
/*-------版腳----------------------------------------------------------------------------*/
.footer{
	background:#00afab;
	/*height:260px;*/
}
	.footer > .wrap{
		padding:30px 0px;
	}
@media (max-width:980px){
	.footer > .wrap{
		padding:30px 20px;
	}
}
			
	
	/*浮動鍵*/
	.side_btn{
		position: fixed;
		bottom:-300px;
		z-index:9999;
		/*opacity:0.1;*/ /*新增by pekey 20170428*/
	}
	.side_btn:hover{
		/*opacity:1;*/ /*新增by pekey 20170428*/
	}
	.rbh_but {
		position: fixed;
		right:20px;
		bottom:-176px;
		z-index:9999;
	}
		.rbh_but a {
			display: block;
			text-decoration: none;
			color: #fff;
			font-size: 12px;
			text-align: center;
			background: #006cb8;
			width: 52px;
			height: 52px;
			/*padding: 5px 0px 0px;*/
			transition: 0.3s ease all;	
			position:relative;
		}
				.rbh_but img{
					position:absolute;
					top:5px;
					left:0px;
				}
		.rbh_but_name{
			position:absolute;
			bottom:5px;
			left:3px;
			font-weight:bold;
			/*font-size:10px;*/
			letter-spacing: -1px;  /*修改by pekey 20170704*/
		}
		
		/*新增by pekey 20170704*/
		/*Safari和chrome*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.rbh_but_name{
				position:absolute;
				bottom:5px;
				left:3px;
				font-weight:bold;
				font-size:12px;
				letter-spacing: -1px;  /*修改by pekey 20170704*/
			}
		}
	
	.ssunion_but {
		position: fixed;
		right:20px;
		bottom:-128px;
		z-index:9999;
	}
		.ssunion_but a {
			display: block;
			text-decoration: none;
			color: #fff;
			font-size: 12px;
			text-align: center;
			background: #ca1726;
			width: 52px;
			height: 52px;
			/*padding: 6px 0px 0px;*/
			transition: 0.3s ease all;
			position:relative;
		}
			.ssunion_but img{
				position:absolute;
				top:6px;
				left:0px;
			}
		.ssunion_but_name{
			position:absolute;
			bottom:5px;
			left:14px;
			font-weight:bold;
			font-size:10px;
			letter-spacing: 0px;
		}
		
		
		/*新增by pekey 20170704*/
		/*Safari和chrome*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.ssunion_but_name{
				position:absolute;
				bottom:5px;
				left:14px;
				font-weight:bold;
				font-size:12px;
				letter-spacing: 0px;
			}
		}
		
	/*浮動top鍵*/
	.top_but {
		position: fixed;
		right:20px;
		bottom:-78px;
		z-index:9999;
	}
		.top_but a {
			display: block;
			text-decoration: none;
			color: #fff;
			font-size: 12px;
			text-align: center;
			background: #ec6d56;
			width: 52px;
			height: 52px;
			/*padding: 9px 0px 0px;*/
			transition: 0.3s ease all;
			position:relative;
		}
			.top_but img{
				position:absolute;
				top:9px;
				left:0px;
			}
			.top_but a:hover, .ssunion_but a:hover, .rbh_but a:hover {
				/*color:rgba(0, 167, 160, 1);
				background: rgba(255, 255, 255, 1);*/
				opacity:0.7;
			}
		.top_but_name{
			position:absolute;
			bottom:5px;
			left:15px;
			font-weight:bold;
			font-size:10px;
			letter-spacing: 0px;
		}	
		
		/*新增by pekey 20170704*/
		/*Safari和chrome*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.top_but_name{
				position:absolute;
				bottom:5px;
				left:15px;
				font-weight:bold;
				font-size:12px;
				letter-spacing: 0px;
			}	
		}
			
			/*.top_but a:before {
				content: '';
				position: absolute;
				border-bottom: solid 10px;
				border-left: solid 6px rgba(0,0,0,0);
				border-right: solid 6px rgba(0,0,0,0);
				top: 9px;
				left: 50%;
				margin: 0px 0px 0px -6px;
			}*/
			
			
			
	/*版腳公司資訊*/	
	.footer_left{
		float:left;
		
	}
		.footer_logo{
			
		}	
			footer_logo img{
				
			}
			
		.footer_InfoArea{
			padding-top:13px;
		}
			.footer_InfoArea span{
				color:#fff;
				font-size:13px;
				line-height:22px;
				letter-spacing: 0;
			}
		.copyright{
			padding-top:20px;
		}
			.copyright span{
				color:#fff;
				font-size:12px;
				line-height:16px;
			}
		
	
	
	/*版腳主按鍵*/
	.footer_center{
		float:right;
		padding:0px 47.5px;
		border-left:1px solid #029693;
		border-right:1px solid #029693;
	}	
	
		.footer_navbar_bg{
			
		}
		
			/*版腳按鍵左半部*/
			.footer_navbar_left{
				float:left;	
				padding:0px 47.5px;
			}
				.fNL_list{
					padding:7px 0px;
				}
					.fNL_list a{ 
						/*padding:0px 47.5px;*/
						color:#fff;
						font-size:13px;
					}
					
			/*版腳按鍵右半部*/
			.footer_navbar_right{
				float:right;
				padding:0px 47.5px;
			}
			.fNR_list.cart {
				text-align: center;
				letter-spacing: 8px;
			}
				.fNR_list{
					padding:7px 0px;
				}
				
				/*新增 by pekey 20170609*/
				.footer_navbar_right > .fNR_list:first-child{
					letter-spacing: 8px;
				}
					.fNR_list a{ 
						/*padding:0px 47.5px;*/
						color:#fff;
						font-size:13px;
					}
		
		/*版腳社群按鍵*/
		.footer_sns{
			padding:38px 47.5px 0px 47.5px;
		}
			.fS_icon{
				width:33.333333%;
				float:left;
				box-sizing:border-box;
				padding: 0px 10px;
			}
			.fS_icon:first-of-type{
				padding-left:0px;
			}
			.fS_icon:nth-of-type(3){
				padding-right:0px;
			}
				.fS_icon a{
					display:block;
					border-radius: 50%;
					width: 36px;
					height: 36px;
					margin: 0px auto;
				}
				.fS_icon:hover a{
					background:#717a7a;
				}
					.fS_icon img{
						width:100%;
						height:auto;
					}
		
		
	/*版腳fb粉絲團*/	
	.footer_right{
		float:right;
		padding-left: 60px;
	}
		.footer_fb{
			float:right;
		}
		
@media (max-width:1080px){
	
	/*版腳公司資訊*/
	.footer_left{
		
	}
	
	/*版腳主按鍵*/
	.footer_center{
		padding:0px;
	}
	
	/*版腳fb粉絲團*/		
	.footer_right{
		padding-left:40px;
	}
}

@media (max-width:940px){	
	
	/*版腳公司資訊*/
	.footer_left{
		
	}
	
	/*版腳主按鍵*/
	.footer_center{
		padding:0px 20px;
	}
		.footer_navbar_left{
			padding:0px 20px;
		}
		.footer_navbar_right{
			padding:0px 20px;
		}
		
		/*版腳社群按鍵*/
		.footer_sns {
			padding: 38px 0px 0px;
		}
		
	/*版腳fb粉絲團*/		
	.footer_right{
		
	}
}
@media (max-width:890px){	
.footer{
	height:auto;
}
	/*版腳公司資訊*/
	.footer_left{
		float:none;
		width:100%;
		padding:20px 0px 0px;
		text-align:center;
	}
	
	/*版腳主按鍵*/
	.footer_center{
		float:none;
		border:0px;
		border-top:1px solid #029693;
		border-bottom:1px solid #029693;
		padding:0px;
		width:100%;
		padding:20px 0px;
	}
		.footer_navbar_left{
			width: 50%;
			text-align: center;
			padding:0px;
		
		}
		.footer_navbar_right{
			width: 50%;
			text-align: center;
			padding:0px;
		}
			.footer_navbar_right > .fNR_list:first-child{
				letter-spacing:2px;
			}
		
		/*版腳社群按鍵*/
		.footer_sns {
			
		}
		
	/*版腳fb粉絲團*/		
	.footer_right{
		float:none;
		padding:0px;
		width:100%;
		padding-bottom:20px;
	}
		.footer_fb{
			float:none;
			text-align:center;
		}
}



/*-------代理品牌頁面----------------------------------------------------------------------------*/
/*產品種類*/
.brand_class_bg{
	padding-top:35px;  /*修改 by pekey 20170511*/
	text-align:center;
	/*新增 modify by karol 20200813 start*/
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
	/*新增 modify by karol 20200813 end*/
}
	.bCB_list{
		/*display:inline-block;
		vertical-align:middle;*/ /*modify by karol 20200813*/
		width: 33.333%;
		padding: 0px 40px;
		box-sizing: border-box;
	}
	
	/*防火陶板隱藏 modify by karol 20200212 start*/
	.bCB_list:nth-of-type(3){
		/*display:none;*/
	}
	/*防火陶板隱藏 modify by karol 20200212 end*/
	
		.bCB_list a{
			display:block;
			text-decoration:none;
		}
			.bCBL_tit{
				font-size:20px;
				color:#4f4f4f;
				padding-bottom:24px;
			}
			.bCB_list:hover .bCBL_tit{
				color:#00afab;
			}
			
			.bCBL_img{
				/*width:279px;
				height:279px;*/ /*modify by karol 20200212*/
				/*width: 300px;*/
				
				overflow: hidden;  /*新增by pekey 20170615*/
			}
			.bCB_list:hover .bCBL_img{
				opacity:0.5;
			}
				.bCBL_img img{
					width:100%;
					height:auto;
				}
			
@media (max-width:1120px){
.brand_class_bg{
	margin:0px auto; 
}
	.bCB_list{
		/*width:32.9%;*/ /*modify by karol 20200212*/
		/*width:49%;*/  
		/*padding:0px 30px;	*/
		box-sizing:border-box;
		/*float:left;*/ /*modify by karol 20200212*/
	}
		.bCBL_img{
			width:100%;
			height:auto;
		}
}
@media (max-width:640px){
.in_tit.no_after:after{
	display:none;
}
	.bCB_list{
		width:100%;
		padding:15px 0px 25px 0px;
		float:none;
		display:block;
	}
}
/*-------代理品牌-磁磚頁面----------------------------------------------------------------------------*/
.tiles_brand_bg{
	padding-top:55px;
	text-align:center;
	margin:0px -52px;
}
	.tBB_list{
		width:33.333333%;
		float:left;
		box-sizing:border-box;
		vertical-align:middle;
		padding: 15px 52px 0px 52px;
	}
	.tBB_list:first-of-type,.tBB_list:nth-of-type(2), .tBB_list:nth-of-type(3){
		padding-top:0px;
	}
		.tBB_list a{
			display:block;
		}
			.tBB_list img{
				width:100%;
				height:auto;
			}
			.tBB_list:hover img{
				opacity:0.5;
				
			}
@media (max-width:640px){
	.tiles_brand_bg{
		margin:0px;
	}
		.tBB_list{
			width:100%;
			padding:15px 0px 25px 0px;
			float:none;
			display:block;
		}
}
/*-------代理品牌-衛浴-代理品牌頁面----------------------------------------------------------------------------*/
.in_brand_tab{
	padding-top:36px;
	text-align:center;
}
.in_brand_tab_mobile{
	display:none;
}
	.iBT_list{
		display:inline-block;
		vertical-align:middle;
		text-align:center;
		position:relative;
		border-right:1px solid #4f4f4f;
		padding-right:2px;
	}
	.iBT_list:last-of-type{
		border-right:0px;
		padding-right:2px;
	}
		/*.iBT_list:after{
			content:'';
			background:#2e2e2e;
			position: absolute;
			top: -2px;
			left: 64px;
			width:1px;
			height:18px;
		}*/
		.iBT_list:last-of-type:after{
			display:none;
		}
		
		.iBT_list a{
			font-size:14px;
			color:#4f4f4f;
			transition: 0.3s ease all;
			padding:0px 10px;
		}
		.iBT_list:hover a{
			color:#00afab;
		}
		/*.iBT_list.active a{
			color:#00afab;
			text-decoration:underline;
		}*/
		
		
		/*品牌介紹區域*/
		.in_brand_bg{
			padding-top:38px;
		}
			.in_brand_list{
				padding-top:80px;
			}
			.in_brand_list:first-of-type{
				padding-top:0px;
			}
			
				/*品牌標題*/
				.in_brand_tit{
					text-align:center;
					font-size:20px;
					font-weight:bold;
					color:#4f4f4f;
					border-bottom:1px solid #ccc;
					padding:0px 0px 7px 0px;
					font-family:"微軟正黑體";
				}
				.in_brand_text{
					padding-top:18px;
					color:#696969;
					font-size:16px;
					line-height:26px;
				}
				
@media (max-width:640px){
	.in_brand_tab{
		display:none;
	}
	.in_brand_tab_mobile{
		display:block;
	}
	
	.in_brand_tab_mobile select{
		width:100%;
	}
			.in_brand_text img{
				width:100%;
				height:auto;
			}

}

/*-------代理品牌-衛浴-產品頁面----------------------------------------------------------------------------*/
.index_product.bath > .wrap{
	padding:32px 0px;
}
	.iP_list.bath{
		width:12.5%;
		float:left;
		display:inline-block;
	}
	.iP_list.bath.active .iPL_icon{
		background:#00AFA9;
	}
	.iP_list.bath.active .iPL_tit{
		color:#00AFA9;
	}
	
			.product_tit{
				font-size:16px;
				color:#4f4f4f;
				padding-top:10px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.eB_list:hover .product_tit{
				color:#00afab;
			}
			.product_id{
				padding-top:15px;
				font-size:16px;
				color:#4f4f4f;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.eB_list:hover .product_id{
				color:#00afab;
			}
	
	/*類別01*/		
	.product_class{
		text-align:center;
	}
	.product_class_mobile{
		display:none;
	}
		.pC_list{
			display: inline-block;
			vertical-align: middle;
			padding: 7px 0px;
			border: 1px solid #4f4f4f;
			/*margin: 0px 7px;*/
			margin: 7px;  /*修改by pekey 20170613*/
		}
		.pC_list.active{
			border: 1px solid #00afab;
			background:#00afab;
		}
		.pC_list:hover{
			border: 1px solid #00afab;
			background:#00afab;
		}
			.pC_list a{
				font-size: 14px;
				color: #4f4f4f;
				text-align: center;
				text-decoration: none;
				padding: 7px 13px;	
			}
			.pC_list.active a{
				padding: 7px 13px 7px 28px;	
				color:#fff;
				position:relative;
			}
			.pC_list:hover a{
				color:#fff;
				position:relative;
			}
				.pC_list.active a:before{
					position:absolute;
					content: 'Ⅹ';
					font-size: 12px;
					color: #fff;
					top: 10px;
					left: 8px;
				}
		
		
	/*類別02*/
	.pC_brand{
		text-align:center;
		padding-top:32px;
	}
	.pC_brand_mobile{
		display:none;
	}
		.pCB_list{
			display: inline-block;
			vertical-align: middle;
			padding: 7px 0px;
			border: 1px solid #2e2e2e;
			margin: 0px 7px;
		}
		.pCB_list.active{
			border: 1px solid #00afab;
			background:#00afab;
		}
		.pCB_list:hover{
			border: 1px solid #00afab;
			background:#00afab;
		}
			.pCB_list a{
				font-size: 14px;
				color: #4f4f4f;
				text-align: center;
				text-decoration: none;
				padding: 7px 13px;	
			}
			.pCB_list.active a{
				padding: 7px 13px 7px 28px;	

				color:#fff;
				position:relative;
			}
			.pCB_list:hover a{
				color:#fff;
				position:relative;
			}
				.pCB_list.active a:before{
					position:absolute;
					content: 'Ⅹ';
					font-size: 12px;
					color: #fff;
					top: 10px;
					left: 8px;
				}
			
@media (max-width:860px){
.index_product.bath > .wrap{
	padding: 0px 0px 32px 0px;
}
	.iP_list.bath{
		width:25%;	
	}
}
@media (max-width:640px){
	.product_class{
		display:none;
	}
	.product_class_mobile{
		display:block;
	}
		.product_class_mobile select{
			width:100%;
		}
	.pC_brand{
		display:none;
	}
	.pC_brand_mobile{
		display:block;
		padding-top:32px;
	}
		.pC_brand_mobile select{
			width:100%;
		}
		
}
@media (max-width:400px){
	.iP_list.bath{
		width:50%;	
	}
}
/*-------代理品牌-衛浴-產品頁面_in----------------------------------------------------------------------------*/
	/*商品型號*/
	.pITR_id{
		font-size: 20px;
		/*color: #00afab;*/
		color: #4f4f4f;  /*修改 by pekey 20170511*/
		line-height: 24px;
	}
	/*商品名稱*/
	.pITR_tit{
		font-size: 20px;
		/*color: #00afab;*/
		color: #4f4f4f;  /*修改 by pekey 20170511*/
		line-height: 24px;
		/*padding: 8px 0px;*/
		padding: 8px 30px 8px 0px;  /*修改 by pekey 20170511*/
		border-bottom: 1px solid #ccc;
	}
	
	
		/*產品特色與技術*/
		.product_sp{
			
		}
			.pSP_tit{
				
			}
			.pSP_bg{
				margin:0px -14px;
				padding-top:5px;
			}
				.pSP_list{
					display:inline-block;
					padding:0px 14px;
				}
					.pSP_list a{
						display:block;
						width:57px;
						height:57px;
					}
						.pSP_list img{
							width:100%;
							height:auto;
						}
						.pSP_list:hover img{
							opacity:0.5;
						}

	
/*-------代理品牌-衛浴-實際案例頁面----------------------------------------------------------------------------*/
/*產品種類*/
.example_bg{
	/*padding-top:55px;*/
	padding:55px 0px 32px 0px;
	/*text-align:center;*/  /*修改 by pekey 20170608*/
	margin:0px -50px;
}
	.eB_list{
		display:inline-block;
		vertical-align:middle;
		padding: 102px 50px 0px 50px;
		text-align:center;  /*新增 by pekey 20170608*/
		width: 23.5%;  /*新增 by pekey 20170609*/
	}
	.eB_list:first-of-type,.eB_list:nth-of-type(2), .eB_list:nth-of-type(3){
		padding-top:0px;
	}
		.eB_list a{
			display:block;
			text-decoration:none;
		}
			.eBL_img{
				width:278px;
			}
			.eB_list:hover .eBL_img{
				opacity:0.5;
			}
				.eBL_img img{
					width:100%;
					height:auto;
				}
			.eBL_tit{
				font-size:16px;
				color:#4f4f4f;
				padding-top:24px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.eB_list:hover .eBL_tit{
				color:#00afab;
			}
			.eBL_date{
				padding-top:15px;
				font-size:16px;
				color:#2e2e2e;
			}
			.eB_list:hover .eBL_date{
				color:#00afab;
			}
			
			
			
@media (max-width:1120px){
.example_bg{
	margin:0px auto;
}
	.eB_list{
		width:32.9%;
		padding:15px 30px;	
		box-sizing:border-box;
		float:left;
	}
		.eBL_img{
			width:100%;
			height:auto;
		}
}
@media (max-width:640px){

	.eB_list{
		width:100%;
		padding:15px 0px 25px 0px;
		float:none;
		display:block;
	}
}		


/*-------代理品牌-衛浴-實際案例頁面_in----------------------------------------------------------------------------*/
.example_in_bg{
	padding-top:56px;
}
/*實際案例內頁上左*/
.pIT_left {
	float: left;
	width:514px;
	
}
	/*實際案例內頁圖片區域*/
	.productInImg {
	}
		/*實際案例內頁大圖*/
		.productImgBig {
			padding: 0px 0px 20px 0px;
		}
			.productImgBig img {
				width:100%;
				height:auto;
			}
		
		/*實際案例內頁小圖*/	
		.productImgSmall {
			font-size:0px;
			margin: 0px -15px;
		}	
			.pIS_list {
				display:inline-block;
				vertical-align:middle;
				padding:0px 14px;
				width:107px;
				max-height:107px;
				height:auto;
			}
				.pIS_list img {
					width:100%;
					height:auto;
					cursor:pointer;
				}		
				.pIS_list:hover img {
					opacity:0.5;
				}


/*實際案例內頁上右*/
.pIT_right {
	float: left;
	width:517px;
	padding-left:48px;
}
	/*案例名稱*/
	.pITR_name{
		font-size:20px;
		/*color:#00afab;*/
		color:#4f4f4f;    /*修改 by pekey 20170511*/
		line-height:24px;
		padding-bottom:8px;
		border-bottom:1px solid #ccc;
		font-weight:bold;
	}
	/*案例資料*/
	.pITR_text{
		font-size:16px;
		color:#696969;
		/*line-height:26px;*/
		line-height:30px;
		/*padding-top:20px;*/
		padding-top:6px;
	}
	
	
/*案例說明*/
.pIT_bottom{
	font-size:16px;
	color:#696969;
	line-height:26px;
	margin-top:26px;
	border-top:1px solid #ccc;
	/*padding-top:26px;*/
	padding:26px 0px;   /*修改 by pekey 20170511*/
}
@media (max-width: 1120px){
	.pIT_left {
		width:47%;
	}
		.pIS_list{
			width: 25%;
			height: auto;
			float: left;
			box-sizing: border-box;
		}
	.pIT_right {
		width:46%;
		float:right;
		padding-left:0px;
	}
	

}	
@media (max-width: 640px){
	.pIT_left {
		width:100%;
		float:none;
	}
		.example_in_bg{
			padding-top:15px;
		}
		
	.pIT_right {
		width:100%;
		float:none;
		padding-top:50px;
	}
}

/*-------網路商店頁面--------------------------------------------------------------------------*/
.shop.no_after:after{
	display:none;
}
.iBT_list_shop{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	position:relative;
	border-right:1px solid #4f4f4f;
	padding-right:2px;
}

.iBT_list_shop:last-of-type{
	border-right:0;
}
	/*.iBT_list_shop:before{
		content:'';
		background:#2e2e2e;
		position: absolute;
		top: -2px;
		left: -3px;
		width:1px;
		height:18px;
	}*/
	.iBT_list_shop:first-of-type:before{
		display:none;
	}
	
	.iBT_list_shop a{
		font-size:14px;
		color:#4f4f4f;
		transition: 0.3s ease all;
		padding:0px 10px;
	}
	.iBT_list_shop:hover a{
		color:#00afab;
	}
	.iBT_list_shop.active a{
		color:#00afab;
	}
.in_brand_tab_mobile.shop{
	padding-top:15px;
}


.product_price{
	font-size:16px;
	color:#ff2323;
	padding-top:10px;
}
/*-------網路商店--頁面_in------------------------------------------------------------------------------*/
/*價錢標示區域*/
.shop_price_area{
	padding:10px 0px;
	border-bottom:1px solid #ccc;
	
}
	.sPA_top{
		font-size:16px;
		color:#696969;
	}
		
	.sPA_bottom{
		color:#ff2323;
		float:right;
		text-align:right;
		padding-top:16px;
	}
		.sPAB_left{
			font-size:16px;
			float:left;
		}
		.sPAB_right{
			font-size:44px;
			/*font-weight:bold;*/
			float:left;
			margin:-5px 0px 0px ;
			padding:0px 12px;	
		}
/*規格*/
.standard_area{
	
}	
	.standard_in_top{
		border-bottom:1px solid #ccc;
		
	}
		.standard_btn{
			padding:10px 0px;
			cursor:pointer;
		}	
			.standard_btn a{
				position:relative;
				color:#2e2e2e;
				font-size:16px;
				padding:0px 0px 0px 22px;
			}
			.standard_btn:hover a{
				opacity:0.7;
				text-decoration:none;
			}
				.standard_btn i{
					position:absolute;
					color:#2e2e2e;
					font-size:20px;
					left:0px;
					top:-2px;
				}
				
		/*規格說明*/		
		.standard_Open{
			display:none;
		}
				
			.standard_Open .text_area{
				padding:10px 0px 3px 0px;
			}
				
	/*選擇規格區域*/			
	.standard_in_bottom{
		padding-top:2px;
		
	}			
		.sIB_list{
			padding-top:7px;
			position:relative;		
			min-height:31px;	
		}
			.sIBL_tit{
				position:absolute;
				left:0px;
				top:13px;	
				color:#4f4f4f;
			}
			.sIB_list:nth-of-type(3) .sIBL_tit{
				top:13px;			
			}
			.sIBL_select{
				width:auto;
				padding-left:89px;
				color:#696969;
			}
				.sIBL_select select{
					width:100%;
				}
				
			.sIBL_price{
				position:absolute;
				top:13px;
				width:auto;
				padding-left:89px;
				color:#696969;
			}
	.btn_area.shop{
		padding:30px 0px 0px;
		text-align:inherit;
	}
		.btn_area.shop input{
			margin:0px;
		}
		.btn_area.shop input:first-of-type{
			float:left;
		}
		.btn_area.shop input:nth-of-type(2){
			float:right;
		}
	.pIT_bottom.shop{
		margin-top:40px;
	}
@media (max-width:956px){
	.btn_area.shop{
		
	}
	.btn_area.shop input{
		width:46%;
		
	}
}


/*----熱銷商品區----*/
.shop_hot_product {
	padding:35px 0px 95px 0px;
}
	.shop_hot_tit{
		font-size: 16px;
		padding-bottom: 8px;
		border-bottom: solid 1px #ccc;
		font-weight: bold;
		color:#4f4f4f;
	}
	
	.additional_btn {
		font-size: 15px;
		/*background: #fff;*/
		padding: 10px 10px;
	}
	
	/*加購商品 商品列表*/
	.sH_product_list_area {
		margin:0px 7px;
	}
		.sH_product_list_area .swiper-slide:hover a {
			color:#00afab;
		}
		
		.sH_product_list_area .arrow-left {
			/*left:-13px;*/
			left:0px;
		}
		.sH_product_list_area .arrow-right {
			/*right:-13px;*/
			right:0px;
		}
		
		.sH_product_list_area .additional_btn {
			padding: 22px 17px 10px;
		}
		.sH_product_list_area .pLL_img{
			/*margin:0px 7px;*/
			margin:0px 35px;  /*修改 by pekey 20170619*/
			text-align:center;	/*新增 by pekey 20170522*/		
		}
			.pLL_bottom{
				/*margin:0px 7px;*/
				margin:0px 25px;
				padding-top:10px;
				text-align:center;
			}
		
		.sH_product_list_area a {
			color: #4f4f4f;
			text-decoration:none;
		}
		.sH_product_list_area a:hover {
			color:#00afab;
		}
			
				.sH_product_list_area .swiper-slide:hover img {
					opacity:0.5;
				}
				.pLL_tit{
					padding-top:10px;
					white-space: nowrap;  /*新增 by pekey 20170522*/
					overflow: hidden;
					text-overflow: ellipsis;
				}
				.pLL_price{
					padding-top:10px;
				}

@media (max-width:850px){
.shop_hot_product{
	padding:35px 0px;
}
	.sH_product_list_area .pLL_img{
		margin:0px 7px;
	}
	.pLL_bottom{
		margin:0px 7px;
	}
}
/*-------最新消息--最新消息頁面--------------------------------------------------------------------------*/
.news_bg{
	width:746px;
	float:left;
}

	/*最新消息上半部*/
	.nB_top{
		margin:0px -24px;
	}
		/*最新消息上半部(左邊)*/
		.nBT_left{
			float:left;
			margin:0px 24px;
		}
			/*最新消息上半部第一則*/
			.nBT_left .news_list:first-of-type{
				height:352px;	
				position:relative;  /*新增 by pekey  20170608*/
			}	
			.nBT_left .news_list:first-of-type .nL_area{
				height:319px;
			}
			
		/*最新消息上半部(右邊)*/
		.nBT_right{
			float:right;
			margin:0px 24px;
		}
			.nB_top .news_list:first-of-type{
				margin-top:0px;
			}
			/*新增 by pekey 20170609*/
			/*最新消息上半部右側第一則*/
			.nBT_right .news_list:first-of-type .nL_more{
				bottom:0px;
				right:0px;
			}	
			


/*------------------------------------*/	
				.nL_in{
					float:right;
					width:130px;
					height:100px;  /*增加 by pekey  20170609*/
				}
				.nBT_left .news_list:first-of-type .nL_in{
					float:none;
					width:100%;
				}
					.nL_date{
						font-size:13px;
						color:#696969;
					}
					.nBT_left .news_list:first-of-type .nL_date{
						padding-top:13px;
					}
					.nL_text{
						padding-top:4px;
						font-size:14px;
						color:#696969;
						line-height:27px;
						overflow: hidden;
						max-height:54px;
					}
					.nBT_left .news_list:first-of-type .nL_text{
						padding-top:8px;
					}
					.nL_more{
						 width: 70px;
						/*float: right;*/  /*修改 by pekey 20170609*/
						padding-top: 5px;
						
						/*新增 by pekey 20170609*/
						position: absolute;
						right: 0px;
						bottom: 0px;
					}
					.news_list:first-of-type .nL_more{
						padding-top: 13px;
						
						/*新增 by pekey 20170609*/
						position: absolute;
						bottom: 0px;
						right: 0px;
						
					}
						.nL_more a{
							display: block;
							text-align: center;
							font-size: 12px;
							color: #fff;
							padding: 6px 16px;
							background: #00afab;
							text-decoration: none;
							transition: all 0.4s ease;
						}
						.nL_more:hover a{
							opacity:0.7;
							transition: all 0.4s ease;
						}
						

/*------------------------------------*/			
			
	/*最新消息下半部*/		
	.nB_bottom{
		margin:0px -24px;
		padding-top:32px;
	}
		
		.news_list{
			width:306px;
			height:139px;	
			border:1px solid #cccccc;
			padding: 20px;
			margin-top:32px;
		}
		
		.nB_bottom > .news_list{
			float:left;
			margin:32px 24px 0px 24px;
		}
		.nB_bottom > .news_list:first-of-type, .nB_bottom > .news_list:nth-of-type(2) {
			margin-top:0px;
		}
			.nB_bottom > .news_list:first-of-type .nL_more{
				bottom:0px;
				right:0px;
			}




				.nL_tit{
					padding-bottom:17px;
					
					/*新增 by pekey 20170608*/
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					
				}
					.nL_tit a{
						font-size:16px;
						font-weight:bold;
						color:#4f4f4f;
						
						/*新增by pekey 20170615*/
						line-height:17px;
					}
					.nL_tit:hover a{
						color:#00afab;
					}
				
				.nL_area{
					position:relative;  /*新增 by pekey  20170609*/
				}
					.nL_img{
						width:161px;
						max-height:100px;
						overflow: hidden;
						float:left;
					}
					.nBT_left .news_list:first-of-type .nL_img{
						width:100%;
						max-height:194px;
						overflow: hidden;
						float:none;
					}
						.nL_img a{
							transition: all 0.4s ease;
							cursor:pointer;
							display:block;
							
						}
						.nBT_left .news_list:first-of-type .nL_img  a{
							transition: all 0.4s ease;
							cursor:pointer;
							display:block;
							
						}
							.nL_img img{
								border:0px;
								width:100%;
								max-height:100px;
								height:auto;
								transition: all 0.8s linear;
							}
							.nBT_left .news_list:first-of-type .nL_img  img{
								border:0px;
								width:100%;
								max-height:194px;
								transition: all 0.8s linear;
							}
							.nL_img:hover img{
								opacity: 0.8;
								transform: scale(1.1);
								transition: all 0.8s linear;
							}
		
				
		
@media (max-width:1120px){
.news_bg{
	float:none;
	width:auto;
	margin:0px auto;
}

	/*最新消息上半部*/
	.nB_top{
		margin:0px;
	}
		/*最新消息上半部(左邊)*/
		.nBT_left{
			width:47.25%;
			margin:0px 24px 0px 0px;
		}
			.nBT_left .news_list:first-of-type{
				/*height:auto;*/  /*修改 by pekey 20170609*/
			}
			.nBT_left .news_list:first-of-type .nL_img  img{
				max-height:none;
				height:auto;
			}
			.nL_in{
				width:210px;
			}	
			
			
		/*最新消息上半部(右邊)*/
		.nBT_right{
			width:47.25%;
			margin:0px 0px 0px 24px;
		}
		
	/*最新消息下半部*/		
	.nB_bottom{
		margin:0px;
	}
		.nB_bottom > .news_list{
			width:42.8%;
			
		}
		.nB_bottom > .news_list:first-of-type{
			/*margin:0px 24px 0px 0px;*/
			margin:0px 23px 0px 0px;  /*修改 by pekey 20170609*/
		}
		
			/*新增 by pekey 20170609*/
			.nB_bottom > .news_list:first-of-type  .nL_more{
				bottom:0px;
				right:0px;
			}
		
		.nB_bottom > .news_list:nth-of-type(2){
			margin:0px 0px 0px 24px;
			float:right;
		}
		.nB_bottom > .news_list:nth-of-type(3) {
			margin:32px 24px 0px 0px;
		}
		.nB_bottom > .news_list:nth-of-type(4) {
			margin:32px 0px 0px 24px;
			float:right;
		}
			
}
@media (max-width:956px){
	/*最新消息上半部(左邊)*/
	.nBT_left{
		width:100%;
		margin:0px;
		float:none;
	}
		/*最新消息上半部第一則*/ /*新增 by pekey  20170608*/
		.nBT_left .news_list:first-of-type{
			height:auto;	
		}	
			.nBT_left .news_list:first-of-type .nL_area{
				height:auto;
			}
			
			
				.nBT_left .news_list:first-of-type .nL_img{
					max-height:none;
					height:auto;
					width:161px;
					float:left;
				}
					.nBT_left .news_list:first-of-type img{
						max-height:none;
						height:auto;
					}
			
			
				.nL_in{
					width:75%;
				}
				.nBT_left .news_list:first-of-type .nL_in{
					float:right;
					width:75%;
				}
				
				.nBT_left .news_list:first-of-type .nL_more{
					bottom:0px;
					right:0px;
				}
			
			
	/*最新消息上半部(右邊)*/
	.nBT_right{
		width:100%;
		margin:0px;
		float:none;
	}
		.nBT_right .news_list:first-of-type{
			margin-top:32px;
		}
		

		.nB_bottom > .news_list{
			width:auto;
			float:none;
		}
		.nB_bottom > .news_list:first-of-type{
			margin:0px;
		}
		.nB_bottom > .news_list:nth-of-type(2){
			margin:32px 0px 0px;
			float:none;
		}
		.nB_bottom > .news_list:nth-of-type(3) {
			margin:32px 0px 0px;
		}
		.nB_bottom > .news_list:nth-of-type(4) {
			margin:32px 0px 0px;
			float:none;
		}		


		/*新增 by  pekey 20170609*/
		.nB_bottom > .news_list .nL_more{
			position:absolute;
			bottom:0px;
			right:0px;
		}
		
		
		.news_list{
			height:auto;
		}
			.nBT_right  .nL_more{
				position:absolute;
				bottom:0px;
				right:0px;
			}	
			

}

@media (max-width:768px){
	.nL_in{
		width:73%;
	}
	.nBT_left .news_list:first-of-type .nL_in{
		width:73%;
	}
}
@media (max-width:640px){
	.news_list{
		height:auto;
	}
		.nL_img{
			width:100%;
			height:auto;
			max-height:none;
			float:none;
		}
			.nL_img img{
				max-height:none;
				height:auto;
			}
			
			
		.nL_area{
			padding-bottom:25px;  /*新增 by pekey  20170609*/
		}
		
			
		.nBT_left .news_list:first-of-type .nL_img{
			width:100%;
			height:auto;
			max-height:none;
			float:none;
		}
		.nL_in{
			width:100%;
			float:none;
		}
		.nBT_left .news_list:first-of-type .nL_in{
			width:100%;
			float:none;
		}
			.nL_date{
				padding-top:13px;
			}
}

/*-----------------------------------------------------------------------------------*/	
	
	
	
	
		
					
@media (max-width:1120px){

.news_list{
	width:auto;
}
			
}

	
				
			
					
					
@media (max-width:1120px){

/*
	.nB_left{
		width:48.25%;
		margin:0px 16px 0px 0px ;
		box-sizing:border-box;
	}
	.nB_right{
		width:48.25%;
		margin:0px 0px 0px 16px ;
		box-sizing:border-box;
	}
	
		.news_list{
			width:auto;
		}
			.nB_left .news_list:first-of-type{
				height:139px;	
			}	
		
			.nL_img{
				
			}
				.nB_left .news_list:first-of-type .nL_img{
					width:161px;
					max-height:100px;
					overflow: hidden;
					float:left;
				}
				
			.nL_in{
				width:50%;
			}
						.nB_left .news_list:first-of-type .nL_img  img{
							border:0px;
							width:100%;
							max-height:100px;
							transition: all 0.8s linear;
						}
			
				.nB_left .news_list:first-of-type .nL_in{
					float:right;
					width:130px;
				}
					.nB_left .news_list:first-of-type .nL_date{
						padding-top:0px;
					}
					.nB_left .news_list:first-of-type .nL_text{
						padding-top:4px;
					}
					.nB_left .news_list:first-of-type .nL_more{
						padding-top:5px;
					}
					*/
						

}
@media (max-width:954px){
	/*.nB_left{
		width:100%;
		margin:0px;
		float:none;
	}
		
	.nB_right{
		width:100%;
		margin:0px;
		float:none;
	}
		
			.news_list{
				height:auto;
			}
			
			.nB_right .news_list:first-of-type{
				margin-top:32px;
			}
				.nL_img{
					width:45%;
					max-height:none;
					height:auto;
				}
					.nL_img img{
						max-height:none;
						height:auto;
					}
				
				.nL_text{
					max-height:none;
					height:190px;
					padding-top:10px;
				}	
				.nB_left .news_list:first-of-type .nL_text{
					padding-top:15px;
				}
				
				.nL_more{
					padding-top:12px;
				}*/
				
				.nL_text{
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}	
				
				
}

@media (max-width:860px){
	/*.nL_text{
		height:135px;
	}	
	.nL_more{
		padding-top:26px;
	}*/
	.nL_text{
		white-space: normal;
	}	
}
@media (max-width:768px){
	/*.nL_more{
		padding-top:12px;
	}*/
}
@media (max-width:640px){
	/*.nL_text{
		height:85px;
	}	
	.nL_more{
		padding-top:36px;
	}*/
}				



/*熱銷商品*/
.news_hot_area{
	float:right;
}
	.nH_list{
		width:286px;
		height:423px;
		border:1px solid #00afab;
	}
		.nHL_tit{
			text-align:center;
			color:#fff;
			font-size:20px;
			background:#00afab;
			padding:16px 0px;
		}
		.nHL_in{
			padding:20px;
		}
			.nHL_in a{
				display:block;
				color:#4f4f4f;
			}
			.nHL_in:hover a{
				color:#00afab;
			}
				.nHLI_img{
					text-align:center;
				}
					
						.nHLI_img img{
							
						}
						.nHL_in:hover img{
							opacity:0.7;
						}
				.nHLI_text{
					display:block;
					color:#4f4f4f;
					padding-top:14px;
				}
				.nHL_in:hover .nHLI_text{
					color:#00afab;
				}
					
					.nHLIT_id{
						
						/*新增 by pekey 20170609*/
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
					.nHLIT_name{
						padding-top:12px;
						
						
						/*新增 by pekey 20170609*/
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;	
					}
				.nHLI_price{
					padding-top:10px;
					color:#ff2323;
					font-size:22px;
					font-weight:bold;
				}
					.nHLI_price span{
						padding-left:11px;
					}

@media (max-width:1120px){
/*熱銷商品*/
.news_hot_area{
	float:none;
	padding-top:32px;
}
	.nH_list{
		width:100%;
		height:423px;
		border:1px solid #00afab;
		
	}
}
@media (max-width:954px){
	
}

@media (max-width:860px){
	
}

/*新增by pekey 20170615*/
@media (max-width:768px){
	.nHL_in {
		margin:0px 50px;
	}
}
@media (max-width:640px){
	.nHL_in {
		margin:0px 5px;
	}
}
@media (max-width:425px){
	.nHL_in {
		margin:0px 50px;
	}
}
@media (max-width:375px){
	.nHL_in {
		margin:0px 20px;
	}
}
@media (max-width:320px){
	.nHL_in {
		margin:0px;
	}
}
/*-------最新消息--最新消息頁面_in--------------------------------------------------------------------------*/
.all_tit_bg{
	position:relative;
}
	.aBI_tit.all{
		text-align:left;
		
	}
	
	.share_area{
		position:absolute;
		top: 8px;
    	right: 0px;
	}
		.share_btn{
			position:relative;
		}
			.share_btn a{
				display:block;
				color:#696969;
			}
			.share_btn:hover a{
				opacity:0.7;
			}
	
		.share_Open {
			z-index:100;
			display:none;
			position: absolute;
			background: #fff;
			width: 130px;
			top: 32px;
			left: 50%;
			margin:0px 0px 0px -120px;
			border: solid 1px #ccc;
			border-bottom: 0px;
		}
			.share_Open.show {
				display:block;
			}
				.sO_list {
					display:inline-block;
					vertical-align: middle;
					width:100%;
					box-sizing:border-box;
					border-bottom: solid 1px #e6e6e6;
					position:relative;
				}
				.sO_list:last-of-type{
					border-bottom: none;
				}
				.sO_list:hover {
					background: #00afab;
				}
				
					.sO_list span{
						position:absolute;
						top:5px;
						left:9px;
					}
					.sO_list:nth-of-type(4) span{
						top:9px;
					}
						.sO_list > img{
							
						}
					
					.sO_list > a {
						display: block;
						text-decoration: none;
						font-size: 14px;
						color: #777;
						padding: 13px 0px 13px 50px;
					}
					.sO_list:hover > a {
						color:#fff;
					}
						.sO_list a:before {
							display:none;
						}

/*-------關於伸達頁面--------------------------------------------------------------------------*/
.about_bg{
	/*padding:0px 20px 0px;*/
}
	.aB_in{
		padding:32px 0px 13px 0px;
	}
		.aBI_tit{
			text-align:center;
			font-size:20px;
			padding:10px;
			color:#4f4f4f;
			font-weight:bold;
			border-bottom:solid 1px #cccccc;
		}
		.textArea{
			font-size:16px;
			line-height:28px;
			color:#696969;
		}
			/*.textArea img {
				width:100%;
				height:auto;
			}*/
			
			
			
@media (max-width:1280px){
	/*新增by pekey 20170703*/
	.textArea img {
		max-width:1280px;
	}
}	
		
	
@media (max-width:1120px){
	/*新增by pekey 20170703*/
	.textArea img {
		max-width:1120px;
		height:auto;
	}
}	
			
@media (max-width:1024px){
	/*新增by pekey 20170703*/
	.textArea img {
		max-width:1024px;
	}
}				
@media (max-width:900px){
	/*新增by pekey 20170703*/
	.textArea img {
		max-width:900px;
	}
}	
@media (max-width:850px){
	/*新增by pekey 20170703*/
	.textArea img {
		max-width:850px;
	}
}	
@media (max-width:768px){
	/*新增by pekey 20170703*/
	.textArea img {
		max-width:768px;
	}
}		
/*新增  by pekey  20170511*/			
@media (max-width:654px){
.about_bg{
	margin-top: -15px;
}
	.aB_in {
		padding: 0px 0px 13px 0px;
	}
	
		/*新增by pekey 20170703*/
		.textArea img {
			width:100%;
		}
}
/*-------客戶服務--客戶服務頁面-------------------------------------------------------------------*/
.service_select{
	padding-top:35px;
	text-align:center;
}
	.service_select select{
		width:48.4259%;
	}




	.qa_list {
		border-bottom: dashed 1px #dadada;
	}
		.qaL_tit {
			font-size:16px;
			color:#4f4f4f;
			position:relative;
			padding:25px 45px;
			cursor:pointer;
		}
			.qaL_tit span{
				font-style: italic;
				font-size:20px;
				color:#00afab;
				position:absolute;
				left:16px;
				top:22px;
			}
			.qaL_tit:before {
				content:'+';
				/*font-size:20px;*/
				font-size:21px; /*修改by pekey 20170711*/
				color: #fff; 
				background:#00afab;
				/*width:23px;*/
				/*height:23px;*/ 
				width:22px;
				height:22px; /*修改by pekey 20170711*/
				position: absolute;
				top: 21px;  
				right: 11px;
				transition:0.3s ease all;
				transform-origin:center center;
				text-align:center;
				vertical-align:middle;
			}
			/*.qaL_tit:after {
				content:'-';
				font-size:20px;
				color: #fff; 
				background:#00afab;
				width:23px;
				height:23px;
				position: absolute;
				top: 21px;  
				right: 11px;
				transition:0.3s ease all;
				transform-origin:center center;
				text-align:center;
				vertical-align:middle;
			}*/
			
		.qaL_text {
			position:relative;
			font-size:14px;
			line-height:24px;
			color:#696969;
			padding:17px 45px;
			display:none;
			text-align: justify;
		}
					
/*-------客戶服務--下載專區頁面-------------------------------------------------------------------*/
.eB_list.download{
	
}
	.eB_list.download .eBL_img{
		position:relative;
	}
	.eB_list.download:hover .eBL_img {
		opacity:1;
	}

		.download_icon{
			position:absolute;
			/*display:none;*/
			background:rgba(0,0,0,0.7);
			width:100%;
			height:100%;
			display:none;
		}
		.eB_list.download a:hover  .download_icon{
			display:block;
			
		}
			.download_icon img{
				width:154px;
				height:155px;
				position:absolute;
				top: 120px;
				left: 50%;
				margin: 0px 0px 0px -77px;
			}
		
		/*增加by pekey 20170615*/
		.eBL_tit.sp{
			word-break: break-all;
		}

/*-------聯絡我們頁面--------------------------------------------------------------------------*/
.aB_bottom{
	padding:23px 70px ;
}
	.contact_left{
		float:left;
		width:49%;
		font-size: 16px;
		line-height: 28px;
		color:#696969;
	}
	.contact_right{
		float:right;
		width:49%;
	}
	
		.contact_in_right{
			float:right;
			width:45%;
		}
		
		/*表單區*/
		.form_area.contact {
			width: 46%;
			margin: 0px auto;
		}
			.form_area.contact .form_list {
				float:none;
				box-sizing:initial;
				font-size: 15px;
				line-height: 21px;
				padding: 17px 0px 0px 0px;
			}
			.form_area.contact .fL_tit{
				font-weight: bold;
				padding: 0px 0px 9px 0px;
				position: relative;
				text-align: left;
				color: #4f4f4f;
			}
			.form_area.contact .fL_right{
				padding: 0px 0px 0px;
    			font-size: 14px;
			}
			.form_area.contact .required_icon{
				color: #696969;
				display: inline-block;
			}	
			.form_area.contact .fL_right select{
				width: 100%;
    			color: #696969;
				margin: 0;
				padding: 0;
				outline: none;
				vertical-align: middle;
				padding: 6px 0px 7px 7px;
				transition: 0.2s ease all;
				background: #fff;
				letter-spacing: 1px;
				-webkit-appearance: none;
				-moz-appearance: none;
				-ms-appearance: none;
				-o-appearance: none;
				appearance: none;
				background: #fff url(../images/select_arrow.png) no-repeat;
				background-size: 13px;
				background-position: right;
				padding-right: 18px !important;
				border-radius: 3px;
			}
			
				
			.form_area.contact .btn_area input {
				width: 37%;
				/*margin:0px;*/
				/*float:left;*/
			}
			.form_area.contact .btn_area input:nth-of-type(2) {
				/*float: right;*/


			}
			.fL_right select{
				width:100%;
				color:#696969;
			}
		
			.contact_in_map{
				width:100%;
			}
			.contact_in_right_top{
			}
			.contact_in_right_bottom{
			}
			.contact_in_left_bottom{
				display:none;
			}
			.contact_in_right_heading_text{
				font-size:20px;
				color:#777777;
				font-weight:bold;
				padding:0px 0px 5px 0px;
				border-bottom:solid 1px #cccccc;
				text-align:left;
			}
			.contact_left_text{
			}
				.contact_text_left{
					float:left;
				}
				.contact_text_right{
					float:left;
				}
			
			.contact_list{
				padding:35px 0px 20px 0px;
				font-size:16px;
				line-height:28px;
			}
			
			.contact_list_nav_bar{
				padding:23px 0px 80px 0px;
				text-align:center; /*新增 by pekey 20170506*/
				margin: 0px -36px;
			}
				.contact_list_nav{
					float:left;
					width:25%;
					/*text-align:center;*/ /*修改 by pekey 20170506*/
					padding:0px 36px;
					box-sizing: border-box;
				}
				.contact_list_nav_r{
					float:left;
					width:25%;
					text-align:right;
					margin-right:0px;
				}
				
					.contact_list_nav img {
					   width:100%;
					   height:auto;
					}
					.contact_list_nav_r img {
					   width:80%;
					   height:auto;
					}
			/*.btn_area{
				padding:0px 45px;
				margin-top:35px;
			}*/
		.btn_area.contact{
			font-size: 0px;
			text-align: center;
			/*padding: 15px 0px 0px 0px;*/
			padding:0px;
		}
@media (max-width: 1200px){
	.form_area.contact .btn_area input {
		width: 33%;
	}
}
@media (max-width: 860px){
	.form_area.contact {
		width: 100%;
	}
}
@media (max-width: 860px){
	.btn_area.contact{
		text-align:inherit;
	}
	
	.form_area.contact  .btn_area input {
		width: 46%;
		float:left;
		margin:0px;
	}
	.form_area.contact  input:nth-of-type(2){
		float:right;
	}
	
}

/*-------聯絡我們--經銷據點頁面--------------------------------------------------------------------------*/
.service {
	overflow-x: auto;
	padding-top:32px;
}
	
	.cartlist{
		/*padding: 14px;*/
	}
		table.cartlisttab{
			width: 100%;
			table-layout: fixed;
			border-collapse: collapse;
			border-spacing: 0;
			margin-bottom: 30px;
		}
			table.cartlisttab tr:last-of-type{
				/*background: #fef8e8;*/
			}
			
			table.cartlisttab th, table.cartlisttab td{}
			table.cartlisttab th{
				background: #00afab;
				color:#fff;
				font-size: 16px;
				padding: 20px 5px;
				font-weight: inherit;
			}
			table.cartlisttab th:first-child{
				width: 15%;
			}
			table.cartlisttab th:nth-of-type(2){
			}
			table.cartlisttab th:nth-of-type(5){
				width: 14%;
			}
			table.cartlisttab tr:last-of-type td:first-of-type, table.cartlisttab tr:last-of-type td:nth-of-type(2){
				
			}
			table.cartlisttab td{
				text-align: center;
				color:#696969;
				padding: 22px 5px;
				line-height:25px;
				font-size:14px;
			}
				table.cartlisttab tr:hover > td {
					background: #81d5d3;
					color:#fff;
				}
				table.cartlisttab tr:hover > td a {
					color:#fff;
				}
			table.cartlisttab td:nth-of-type(2){
				color:#00afab;
			
			}
			table.cartlisttab td:hover {
				color:#fff;
			
			}
			table.cartlisttab td:nth-of-type(5) a {
				color:#00afab;
			}
			
			table.cartlisttab td:first-of-type{
				/*font-weight:bold;*/
			}
				select.cartselect{
					width:105px;
					height:30px;
					border-color: #ae9388;
					padding: 3px 18px 3px 7px;
					background: #fef8e8 url(../images/select_arrow.png) no-repeat;
					background-size: 13px;
					background-position: right;
					
					
				}
				input[type="text"].cartnumber{
					width: 105px;
					height: 30px;
					border-color: #ae9388;
				}
				.vermidimg{
					display: inline-block;
					vertical-align: middle;
					cursor: pointer;
				}
				.textcenter{
					text-align: center;
				}
			
			
			.btn_area.form {
				padding: 5px 0px 0px 0px;
			}
				.btn_area.form input {
					margin: 0px 90px;
					border-color:#6b4916;
				}


		
@media (max-width:1120px){
	.captcha input[type="text"] {
		width: 65%;
	}
}
@media (max-width:905px){
	.captcha input[type="text"] {
		width: 60%;
	}
	
}
@media (max-width:860px){
.aB_bottom{
	padding:23px 0px 0px;
}
	.contact_left{
		float:none;
		width:100%;
		padding-top:23px;
	}
	.contact_right{
		float:none;
		width:100%;
	}
		
		.captcha input[type="text"] {
			width: 83%;
		}
		.contact_in_right_bottom{
			display:none;
		}
		.contact_in_left_bottom{
			display:block;
		}
		.contact_in_right {
			float: none;
			width: 100%;
			padding-top:20px;
		}
		.product_left {
			float: none;
			width: 100%;
		}
.contact_list_nav_bar{
	margin: 0px -15px;
	
}		
	.contact_list_nav{
		padding:0px 15px;
	}

}
@media (max-width:852px){
	
	.captcha input[type="text"] {
		width: 80%;
	}
}
@media (max-width:730px){
	
	.captcha input[type="text"] {
		width: 75%;
	}
}
@media (max-width:591px){
	
	.captcha input[type="text"] {
		width: 70%;
	}
.contact_list_nav_bar{
	margin:0px;
}
	.contact_list_nav {
		float: none;
		width: 100%;
		padding:10px 0px;
	}
	.contact_list_nav img {
		width: 100%;
	}
}
@media (max-width:499px){
	
	.captcha input[type="text"] {
		width: 66%;
	}
	.form_area .btn_area input {
    	width: 100%;
		float:none;
	}
	.form_area.contact .btn_area input:nth-of-type(2) {
		/*float: none;*/   /*修改 by pekey 20170510*/
		/*margin-top: 20px;*/  /*修改 by pekey 20170508*/
	}
	.btn_area{
		padding:0px 0px;
		text-align:center;
	}
	
}
@media (max-width:445px){
	
	.captcha input[type="text"] {
		width: 60%;
	}
	
}
@media (max-width:384px){
	
	.captcha input[type="text"] {
		width: 55%;
	}
}
@media (max-width:346px){
	
	.captcha input[type="text"] {
		width: 50%;
	}
}



/*-------聯絡我們-全省經銷頁面_in--------------------------------------------------------------------------*/

	.location_tit{
		color:#4f4f4f;
		font-weight:bold;
	}
	.location_text{
		min-height:268px;
		height:auto;
	}
		.location_text a{
			color:#696969;
			font-size:12px;
		}
		.location_text a:hover{
			color:#00afab;
		}
			.location_text i{
				font-size:17px;
			}
	.location01{
		display:none;
	}
	.location02{
		
	}
	.location_bottom{
		margin-top:0px;
		border:0px;
		/*padding:12px 0px 0px;*/
		padding: 26px 0px;  /*修改 by pekey 20170511*/
	}

@media (max-width:860px){
	.location01{
		display:block;	
		margin:0px -7px;
	}
		.location01 .pIS_list{
			padding:0px 7px;
		}
	.location02{
		display:none;
	}
	
}






/*-----------------------------------------------*/
.page_sp{
	text-align:center;
	padding:40px 0px;
}
	.btn_before_end{
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
		padding-right:30px;
	}
		.btn_before_end a{
			display:block;
			
		}
	.btn_before{
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
		padding-right:45px;
	}
		.btn_before a{
			display:block;
		}
	.page_sp_select{
		display:inline-block;
		vertical-align:middle;
	}
		.page_sp_select select{
			width:75px;
			height:32px;
			background: #fff url(../images/pS_select.png) right center no-repeat;
			color:#b0b0b0;
			font-size:20px;
			font-weight:bold;
			padding: 4px 0px 5px 10px;
			cursor:pointer;
		}

	.btn_next{
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
		padding-left:45px;
	}
		.btn_next a{
			display:block;
		}
	.btn_next_end{
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
		padding-left:30px;
	}
		.btn_next_end a{
			display:block;
		}

@media (max-width:375px){
	.btn_before_end{
		padding-right:25px;
	}
		.btn_before_end img{
			width:12px;
			height:auto;
		}
	.btn_before{
		padding-right:35px;
	}
		.btn_before img{
			width:12px;
			height:auto;
			
		}
	.btn_next{
		padding-left:35px;
	}
		.btn_next img{
			width:12px;
			height:auto;
		}
	.btn_next_end{
		padding-left:25px;
	}
		.btn_next_end img{
			width:12px;
			height:auto;
		}
	
}




/*------------------燈箱效果-------------------------------------------------------------------*/

.lightboxArea {
    position: fixed;
    width: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    box-sizing: border-box;
    /*padding: 80px 0;*/
	padding: 150px 0px;   /*修改by pekey  20170507*/
    display: none;
}
.lightboxBG {
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.lightboxMain {
	/*min-height:395px;*/ /*修改by pekey 20170704*/
    width: 40%;
    margin: 0 auto;
    background: #000;  /*修改 by pekey 20170507*/
    border-radius: 5px;
    position: relative;
    top: 0;
    box-sizing: border-box;
    padding: 15px;
    font-size: 0;
}
.lightboxCloseBtn {
    font-size: 20px;
    font-weight: 700;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    background: #c4181f;
    cursor: pointer;
    position: absolute;
    top: -20px;
    right: -20px;
}
.lightboxContentArea {
    /*height: 100%;*/    /*修改by pekey 20170428*/
	overflow-y: auto;
    /*min-height: 350px;*/ /* 修改 by pekey 20170508*/
	/*min-height: 100%; */
	position:relative;
}
	.lightboxContentArea .text_area{
		position:absolute;
		/*height:100%;*/
		height:auto;  /* 修改 by pekey 20170508*/
		width:100%; /*'新增by pekey 20170512*/
	}

	/*新增by pekey 20170428*/
	.lightboxContentArea > img {
		width:100%;  
		height:auto;
	}
	
	/*'新增by pekey 20170512*/
	.lightboxContentArea  iframe{
		width:100%;
		/*height:auto;*/
	}
	
@media(max-width:1024px){
	
}

@media(max-width:800px){
	.lightboxArea {
		padding:80px 0px;
	}
	.lightboxMain {
    	/*min-height: 250px;*/ /*修改by pekey 20170704*/
    	width: 78%;
	}
		.lightboxContentArea{
			min-height:250px;
		}
}
@media(max-width:640px){
	.lightboxMain {
    	/*min-height: 200px;*/  /*修改by pekey 20170704*/
		min-height: none; /*修改by pekey 20170512*/
		height:auto;
	}
		.lightboxArea{
			padding:150px 0px;
		}
		.lightboxContentArea{
			/*min-height: 200px;*/
			min-height: auto; /*修改by pekey 20170512*/
		}
		
		/*'新增by pekey 20170512*/
		.lightboxContentArea  iframe{
			height:auto;
		}
		
}



	
/*平板版*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
@media (min-width: 541px) and  (max-width: 950px){
}


/*手機版*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
@media (max-width: 540px){
}