/*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:#e60012;
	color:#fff;
}

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

.wrap {
	width:1020px;
	margin:0 auto;
	padding: 0;
	background:#FFF;
}
@media (max-width:1060px){
	.wrap {
		width:860px;
	}
}
@media (max-width:900px){
	.wrap {
		width:auto;
		padding: 0px 20px;
	}
}
@media (max-width:640px){
	.wrap {
		padding: 0px 15px;
	}
}
/*-------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;
    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;
	height:42px;
	background:#de484d;
	color:#fff;
	border-radius:5px;
	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;
	}
	
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: 9px 0px 10px 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;
}
	select::-ms-expand {	/*for Internet Explorer*/
		display: none;
	}
	select:focus {
		border: solid 1px #d5d5d5;
	}
	
label {
	cursor:pointer;
}
	
/*-------輪播----------------------------------------------------------------------------*/
.banner {
	background:#fff;
	position:relative;
}
	.device {
		position:relative;
		height:auto;
	}
		/*左右鍵*/
		.device .arrow-left, .device .arrow-right {
			position:absolute;
			z-index:9;
			top:50%;
			margin:-18px 0px 0px 0px;
		}
		
		
		/*modify by nick 20190827 start*/
		/*左右鍵*/
		.device .arrow-left2, .device .arrow-right2 {
			position:absolute;
			z-index:9;
			top:50%;
			margin:-18px 0px 0px 0px;
		}
		/*modify by nick 20190827 end*/
		
			/*左鍵*/
			.device .arrow-left {
				left:20px;
			}
			/*modify by nick 20190827 start*/
			/*左鍵2*/
			.device .arrow-left2 {
				left:20px;
			}
			/*modify by nick 20190827 end*/
			
			
			/*右鍵*/
			.device .arrow-right {
				right:20px;
			}
			
			/*modify by nick 20190827 start*/
			/*右鍵2*/
			.device .arrow-right2 {
				right:20px;
			}
			/*modify by nick 20190827 end*/
			
		/*輪播區*/
		.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;
				}
				
				/*電腦版輪播背景圖*/
				.pc_Banner {
					
				}
				
				/*手機版輪播背景圖*/
				.mobile_Banner {
					display:none;
					left:0px;
					top:0px;
					position: relative;
					z-index:99;
				}
					.mobile_Banner img {
						width:100%;
						height:auto;
					}
					
					@media (max-width: 640px){
						.device {
							height:auto;
						}
							/*左右鍵*/
							.device .arrow-left, .device .arrow-right {
								display:none;
							}
						
							/*電腦版輪播背景圖*/
							.pc_Banner {
								display:none;
							}
							
							/*手機版輪播背景圖*/
							.mobile_Banner {
								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:#F50F6E;
			border-radius:2px;
		}
			.page_left_arrow a:hover, .page_right_arrow a:hover {
				background:#c2c2c2;
			}
	.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;*/
			padding:8px 34px 7px 34px !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;*/  /*修改by pekey 20170531 */
}
	.tabs_btn_now {
		transition:0.3s ease all;
		background:#fb848d;
		color:#fff;
		font-size:24px;
		line-height:39px;
		padding:0px 36px 0px 36px;
		text-align:center;
		display:none;
		position:relative;
	}
		.tabs_btn_now:hover {
			background:#00a0e9;
		}
		.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:42px; 
		position:relative;
		background:#fb848d;
	}
		.img-list { 
			position:relative; 
		}
			ul.tabs {
				margin:0; 
				padding:0; 
				list-style:none;
			}
				.tabs li { 
					line-height:42px;
					float:left;
					position: relative;
					font-size:13px;
					text-align:center; /*新增by pekey 20170531*/
					width:33.333333%; /*新增by pekey 20170531*/
				}
					.tabs li a:hover {
						background:#fbb6bc;
						color:#e60012;
					}
					.tabs a { 
						color:#fff;
						text-decoration:none;
						display:block;
						padding:0px 36px;
						transition:0.3s ease all;
						background:#fb848d;
						font-size:24px;
					}
					.tabs li.active {
						/*當前模式*/
					}
						.tabs li.active a {
							background:#fbb6bc;
							color:#e60012;
						}
						.tabs li.active:after {
							content:"";
							border-top: solid 8px rgba(251,182,188,1);
							border-left: solid 6px rgba(255,255,255,0);
							border-right: solid 6px rgba(255,255,255,0);
							position:absolute;
							bottom:-8px;
							left:50%;
							margin:0px 0px 0px -7px;
						}
		
		#tab1{}
		.tab_content{}

/*產品內頁頁籤的網編區*/
.p_tab_text_area {
	padding:12px 12px 0px;	
}
					@media (max-width: 640px){
						/*頁籤*/
						.tab_area {
							position:relative;
						}
							.tabs_btn_now {
								display:block;
							}
							.tabs_btn_now:hover{
								background:#fb848d;
							}
							
							.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:"";
									}
					}

/*-------浮動top鍵----------------------------------------------------------------------------*/
.top_but {
	position: fixed;
	right:0px;
	bottom:-70px;
}
	.top_but a {
		display:block;
		text-align:center;
		font-size:14px;
		color:#fff;
		line-height:32px;
		transition:0.3s ease all;
		text-decoration:none;
		border-radius: 5px 0px 0px 5px;
		background:#0a1f62;
		padding: 0px 20px;
	}
		.top_but a:hover {
			color:#000;
		}
		
/*-------驗證碼----------------------------------------------------------------------------*/
.captcha {
	line-height: 37px;
    padding: 0px 0px 5px 0px !important;
}
	.captcha input[type="text"] {
		width:80px;
		margin-right:5px;
	}
	.captcha a {
		transition: 0.5s ease all;
		color: #fff;
		background: #333;
		border-radius: 5px;
		padding: 0px 11px;
		font-size: 14px;
		display: inline-block;
		margin: 9px 0px 7px;
		line-height: 29px;
		text-decoration:none;
	}
		.captcha a:hover {
		}
	.captcha img {
		vertical-align:middle;
	}
	.captcha span {
		color:#c30000;
	}

/*-------表單區----------------------------------------------------------------------------*/
/*表單區底*/
.form_area_bg {
	width: 100%;
    max-width: 800px; 
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px 20px;
}
	@media (max-width: 800px){
		.form_area_bg {
			padding:0px;
		}
	}
	
	/*表單區備註*/
	.form_remark {
		text-align:center;
		font-size:15px;
		line-height:22px;
		padding:10px 0px 5px 0px;
	}
		/*必填icon*/
		.requirde_icon {
			display:inline-block;
			border-radius:3px;
			font-size:12px;
			color:#fff;
			background:#c13e42;
			line-height:18px;
			padding:0px 5px;
		}

	/*表單區*/
	.form_area {
	}
		/*表單區左*/
		.form_left {
			width:48%;
			float:left;
		}
		/*表單區右*/
		.form_right {
			width:48%;
			float:right;
		}
			.form_list {
				font-size:15px;
				line-height:21px;
				border-bottom: dotted 1px #0f0f0f;
				padding:12px 0px 0px 0px;
			}
				.fL_tit {
					font-weight:bold;
					padding:3px 0px 6px 0px;
					position:relative;
				}
					/*必填icon*/
					.fL_tit .requirde_icon {
						position:absolute;
						right:0px;
					}
					
				.fL_info {
					padding:0px 0px 9px 0px;
					padding:0px 0px 17px 0px;
				}
					/*沒有輸入框時*/
					.fL_info.no_input {
						padding: 10px 0px 25px 0px;
    					line-height: 24px;
					}
					
					.fL_info label {
						display:inline-block;
					}
					
					/*地址樣式*/
					.fL_info.address select {
						margin:0px 5px 0px 0px;
					}
					.fL_info.address input[type='text']:nth-of-type(1) {
						width:97px;
					}
					.fL_info.address input[type='text']:last-of-type {
						margin:12px 0px 0px 0px;
					}
					
					/*生日樣式*/
					.fL_info.birthday {
					}
						.fL_info.birthday select {
							margin:0px 0px 0px 0px;
						}
						@media (max-width: 800px){
							/*表單區左*//*表單區右*/
							.form_left, .form_right {
								float:none;
								width:auto;
							}
								/*沒有輸入框時*/
								.fL_info.no_input {
									padding: 0px 0px 5px 0px;
								}
								.fL_info label {
									padding: 6px 0px;
								}
						}
							@media (max-width: 575px){
								.cart_big_tit span.red {
									padding:0px;
								}
							}
								@media (max-width: 500px){
									.cBT_checkbox {
										display: block;
										padding: 5px 0px 0px 0px;
									}
									.receiving_record {
										padding:0px;
									}
								}
									@media (max-width: 320px){
										/*生日樣式*/
										.fL_info.birthday {
											letter-spacing: 0px;
											white-space: nowrap;
											font-size: 12px;
										}
									}
								
			.form_list_remark {
				font-size: 15px;
				line-height: 21px;
				color: #c13e42;
				padding: 12px 0px 0px 0px;
			}

/*-------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 {
	border-bottom:5px solid #F50F6E ;	
	background:#fff;
}
	.menu_btn {
		position:absolute;
		width:20px;
		top: 32px;
		right: 20px;
		cursor:pointer;
		display:none;
		z-index: 99;
	}
		.menu_btn span {
			display:block;
			background:#3c3c3c;
			height:2px;
			margin: 4px 0px;
			transition:0.3s ease all;
			border-radius:3px;
		}
			
			.menu_btn.active {
				top: 32px;
				right:20px;
				position:fixed;
			}
				.menu_btn.active span {
					background:#fff;
				}
				.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{
		float:left;
		padding-top:11px;
	}
		.logo a{
			display:block;
		}
			.logo_s img{
				width:237px;
				height:54px;
			}
			
	.logo_b {
		display:none;
	}
	
	
	.header_right{
		float:right;
		text-align:right;
	}
		.fb_btn{
			display: inline-block;
			padding-top:13px;
		}
		.fb_btn:hover{
			opacity:0.5;
		}
			.fb_btn a{
				display:block;
				width:75px;
				border:1px solid #8e8c8f;
				padding:6px 5px 6px 29px;
				color:#000;
				font-size:14px;
				text-decoration:none;
				position:relative;
			}
				
				.fb_btn img{
					width:21px;
					height:20px;
					position:absolute;
					left:3px;
					top:3px;
				}
			
		/*主按鍵*/
		.navbar{
			padding:3px 0px 0px;
		}
			.fb_btn.mobile{
				display:none;
			}
			.nav{
				float:left;
				position: relative;
				width:78.3px;
				text-align:center;
			}
			.nav:before {
				content: ' | ';
				position: absolute;
				top: 9px;
				left: -2px;
				font-size: 16px;
				color: #b2b3b3;
			}
			.nav:nth-of-type(2):before {
				display:none;
			}
			.nav:hover{
				background: #e60012;
				transition:0.3s ease all;
			}
			.nav a.active{
				color: #e60012;
			}
				.nav a{
					text-decoration:none;
					display:block;
					/*transition:0.3s ease all;*/
				}
				
				.nav > a{
					font-size:16px;
					font-weight:bold;
					color:#000;
					/*padding:10px 19px;*/
					padding:10px 0px;
				}
					.nav:hover > a{
						color:#fff;
					}
					.nav:last-of-type a {
						padding:10px 0px 10px 30px;
					}
		
		
						/*主按鍵展開*/
						.navOpen.pc{
							width: 143px;
							position: absolute;
							left: 50%;
							top: 41px;
							margin-left: -70px;
							display: none;
							z-index: 2;
						}
						   .navOpenBg{
						   }
							/*.navOpenBg:nth-of-type(2){
								left: 50%;
								top: 37px;
								margin-left: -105px;
							}*/
								.navOpenList {
									background:#00aedb;
									border-bottom: 1px solid #fff;
								}
								.navOpenList:last-child {
									border:0px;
								}
									.navOpenList a{
										font-size:16px;
										line-height:20px;
										/*color:#777;*/	  /*修改by pekey 20170502*/
										color:#fff;	
										padding: 15px 7px;
										text-align:center;
										letter-spacing:5px;
									}
										.navOpenList a:hover{
											color:#feff00;
										}	
@media (max-width:1060px){	
	.menu_btn{
		display:block;
	}
	.logo{
		padding:15px 0px;
	}
		.fb_btn{
			display:none;
		}
		.fb_btn.mobile{
			display:block;
			padding-top:0px;
			margin-top:10px;
		}
		.fb_btn.mobile:hover{
			opacity:1;
		}
			.fb_btn.mobile a{
				width:auto;
				padding: 14px 10px 14px 29px;
				text-align:right;
				border:0px;
				border-top: 1px solid #8e8c8f;
				border-bottom: 1px solid #8e8c8f;
			}
				.fb_btn.mobile img{
					top:12px;
					left:10px;
				}
		.navbar {
			position: fixed;
			width: 150px;
			top: 0px;
			right: -150px;
			height: 100%;
			box-sizing: border-box;
			background: rgba(35, 35, 35, 0.78);
			transition:0.3s ease all;
			padding: 56px 0px 0px;
			overflow-y: scroll;
			z-index: 12;
			margin:0px;
		}
		.navbar.active {
			right:0px;
			box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
		}
			.nav {
				float:none;
				width:100%;
				text-align:left;
			}
			.nav:before{
				display:none;
			}
				.nav > a {
					color: #fff;
					font-size: 15px;
					padding: 14px 10px;
				}
					/*主按鍵展開*/
					.navOpen.pc {
						position:relative;
						top:0px;
						left:0px;
						margin:0px;
						width:auto;
					}
						.navOpenList {
							border-bottom: solid 1px rgba(255, 255, 255, 0.28);
						}
							.navOpenList a {
								padding: 11px 10px;
								text-align:left;
								font-size:15px;
							}
}
@media (max-width:640px){	
	.menu_btn {
		top:22px;	
	}
	.menu_btn.active {
		top:22px;
	}
		.logo_s{
			display:none;
		}
		.logo_b{
			display:block;
			width:150px;
		}
}
/*-------main----------------------------------------------------------------------------*/
.main{
	background:#e9e9e9;
}
	/*首頁內容*/
	.index_in{
		padding:32px 20px 0px;
	}
		
		/*首頁內容上半部*/
		.index_in_top{
			
		}
			/*首頁左半部*/
			.index_in_left{
				float:left;
				width:660px;
			}
				.iIL_area{
					border:1px solid #aeaeae;
					border-radius:8px;
					margin-bottom:15px;
				}
					.index_tit{
						color:#e60012;
						font-size:30px;
						font-weight:bold;
						padding:15px 10px;
						border-bottom:1px solid #aeaeae;
					}
@media (max-width:1060px){
		
			/*首頁左半部*/
			.index_in_left{
				float:none;
				width:auto;
			}
	
}
@media (max-width:900px){
	.index_in{
		padding:32px 0px;
	}
}					





	/*隨選重聽*/
	.index_dj {
		padding: 15px 0px 10px;
	}
		.index_dj .arrow-left {
			left:-13px;
		}
		.index_dj .arrow-right {
			right:-13px;
		}
		
		.index_dj .additional_btn {
			padding: 22px 17px 10px;
		}
		.index_dj .pLL_img, .index_dj .pLL_bottom {
			/*margin:0px 7px;*/
		}
		.index_dj a {
			color: #fff;
			text-decoration:none; 
			display:block;
		}
	
			.pLL_tit {
				font-size:13px;
				line-height:19px;
				/*min-height: 38px;*/
			}
			
/*----------------------隨選重聽輪播--------------------------*/
/*---------------------新增 by pekey 20170603--------------------*/
.index_dj{
	position:relative;
}
	.arrow-left, .arrow-right {
		position:absolute;
		z-index:101;
		top:50%;
		margin:-18px 0px 0px 0px;
	}
	
		/*左鍵*/
		.arrow-left {
			left:20px;
		}
		
		/*右鍵*/
		.arrow-right {
			right:20px;
		}
		
	.index_vod_list{
		
	}
	.slide:hover >a{
		text-decoration: none;
	}
		.iVL_fm{
			background:#F50F6E ;
			width:auto;	
			font-size:20px;
			color:#fff;
			font-weight:bold;
			padding:17.5px 10px 17.5px 40px;
			position:relative;
			overflow:hidden;
			white-space:nowrap;
			text-overflow:ellipsis;
		}
			
			.iVL_fm:before{
				content:"";
				border-top: solid 13px rgba(255,255,255,0);
				border-bottom: solid 13px rgba(255,255,255,0);
				border-left: solid 17px rgba(255,255,255,1);
				position:absolute;
				top:13.5px;
				left:17px;
				margin:0px 0px 0px -7px;
			}
			
		.index_vod_list:hover .iVL_fm{
			background:#fbb6bc;
			color:#e60012;
		}
			.index_vod_list:hover .iVL_fm:before{
				border-top: solid 13px rgba(255,255,255,0);
				border-bottom: solid 13px rgba(255,255,255,0);
				border-left: solid 17px rgba(230,0,18,1);
			}
	.iV_name{
		padding:7px 0px 0px 10px;
		font-size:16px;
		color:#7f7f7f;
	}
	
		
					
			
			
			
	/*線上收聽*/
	.index_play {    
		padding: 15px 0px 10px;
	}
		.index_play iframe{
			width:100%;
			height:285px;
		}
	
	/*寶島聯網看板*/
	.index_tab{
		padding: 0px 0px 12px;
	}
		.tB_bg{
			padding-top:9px;
		}
			.tB_list{
				border-bottom:1px dashed #bebfc0;
				padding:7px 0px;
			}
				/*-------活動花絮 start-------*/	
				.tB_list_img{
					width:80px;
					display:inline-block;
					vertical-align:middle;
					transition: 0.3s ease all;
				}
				.tB_list_img:hover{
					opacity:0.5;
					transition: 0.3s ease all;
				}
				.tB_list:hover .tB_list_img{
					opacity:0.5;
					transition: 0.3s ease all;
				}
					.tB_list_img img{
						width:100%;
						height:auto;
					}
					/*-------活動花絮 end-------*/	
					
				.tB_list_in{
					display:inline-block;
					vertical-align:middle;
					padding-left:12px;
				    width: 84%;
				}
					
					.tB_list_date{
						transition: 0.3s ease all;
						display:inline-block;
						vertical-align:middle;
						font-size:16px;
						line-height:20px;
						color:#000;
						padding-left:8px;
					}
					.tB_list:hover .tB_list_date{
						color:#fb848d;
						transition: 0.3s ease all;
					}
					.tB_list_tit{
						width:81%;
						display:inline-block;
						vertical-align:middle;
						padding-left:12px;
					}
						.tB_list_tit a{
							transition: 0.3s ease all;
							display:block;
							text-decoration:none;
							color:#141416;
							font-size:16px;
							line-height:20px;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
						.tB_list:hover .tB_list_tit a{
							color:#fb848d;
							transition: 0.3s ease all;
						}
					
					/*-------活動花絮 start-------*/		
					.tB_list.act  .tB_list_date, .tB_list.act  .tB_list_tit {
						padding-left:0px;
						display:block;
					}	
					.tB_list.act  .tB_list_tit {
						width:auto;
					}
					/*-------活動花絮 end-------*/	
						
			.tab_more{
				text-align:right;
			}
				.tab_more a{
					transition: 0.3s ease all;
					display:block;
					color:#858585;
					font-size:14px;
					padding-top:12px;
				}
				.tab_more:hover a{
					transition: 0.3s ease all;
					color:#fb848d;
				}
@media (max-width:675px){
		
	.tB_list_in {
		width: 80%;
	}
		.tB_list_tit{
			width:auto;
			padding:8px 8px 0px;
			display:block;
		}
}

@media (max-width:543px){	
	.tB_list_in {
		width: 75%;
	}
}
@media (max-width:445px){	
	.tB_list_in {
		width: 70%;
	}
}
@media (max-width:375px){	
	.tB_list_in {
		width: 65%;
	}
}
@media (max-width:320px){	
	.tB_list_in {
		width: 60%;
	}
}

			
			/*首頁右半部*/
			.index_in_right{
				float:right;
				width:308px;
			}
				.iIR_area{
					border:1px solid #aeaeae;
					border-radius:8px;
					margin-bottom:15px;
					text-align:center;
					padding:10px 0px;
				}

@media (max-width:1060px){
		
			/*首頁左半部*/
			.index_in_right{
				float:none;
				width:auto;
			}
	
}
			
			/*正在播放*/
			.index_online_bg{
				padding:0px 12px;
			}
				.iOB_list{
					border-bottom:1px dashed #d2b6b8;
					padding:15px 0px;
				}
				.iOB_list:last-child{
					border:0px;
				}
					.iOB_list a{
						transition: 0.3s ease all;
						display:block;
						color:#000;
						font-size:18px;
						text-decoration:none;
					}
					.iOB_list:hover a{
						transition: 0.3s ease all;
						color:#fb848d;
					}
						.iOBL_img{
							transition: 0.3s ease all;
							display:inline-block;
							vertical-align:middle;
						}
							.iOBL_img img{
								width:116px;
								height:181px;
							}
							.iOB_list:hover .iOBL_img{
								transition: 0.3s ease all;
								opacity:0.5;
							}	
						.iOBL_tit{
							display:inline-block;
							vertical-align:middle;
							text-align:center;
						}
							
							.index_fm_location{
								
							}
							.index_fm_number{
								padding-top:18px;
							}
@media (max-width:1060px){
	.iOB_list{
		display:inline-block;
		vertical-align:middle;
		width:49.6%;
		box-sizing:border-box;
		text-align:center;
	}
	.iOB_list:nth-of-type(3){
		border:0px;
	}
	
}
@media (max-width:900px){
	
}
@media (max-width:900px){
	.iOB_list{
		display:block;
		width:100%;
	}
}
@media (max-width:375px){
	.iOBL_tit{
		display:block;
		padding-top:15px;
	}
}




						
		/*首頁內容下半部_廣告區*/
		.index_in_bottom{
			padding-top:15px;
			margin:0px -7px;
		}
			.iIB_list{
				float:left;
				padding:0px 7px;
			}
				.iIB_list a{
					transition: 0.3s ease all;
					width:234px;
					display:block;
				}
					.iIB_list img{
						transition: 0.3s ease all;
						width:100%;
						height:auto;
					}
					.iIB_list:hover img{
						opacity:0.5;
						transition: 0.3s ease all;
					}
					
					
					
		/*加購商品 商品列表*/
	.pA_product_list_area {
	}
		.pA_product_list_area .arrow-left {
			left:-13px;
		}
		.pA_product_list_area .arrow-right {
			right:-13px;
		}
		
		.pA_product_list_area .additional_btn {
			padding: 22px 17px 10px;
		}
		.pA_product_list_area .pLL_img, .pA_product_list_area .pLL_bottom {
			margin:0px 7px;
		}
		.pA_product_list_area a {
			color: #5f5f5f;
		}
	
/*產品內頁下*/
.product_in_bottom {
	padding: 25px 0px 0px 0px;
}

/*產品規格*/
.spec_area {
	width:100%;
	font-size:15px;
	line-height:23px;
	max-width:800px;
	margin:20px auto;
	border-left: solid 1px #dadada;
	border-right: solid 1px #dadada;
}
	.spec_area tr {
	}
		.spec_area td {
			padding: 8px 17px;
			border-bottom: solid 1px #dadada;
		}
			.spec_area tr td:nth-of-type(1) {
				background: #fdf9f3;
				font-weight:bold;
				width:140px;
			}
				.spec_area tr:nth-of-type(2n+0) td:nth-of-type(1) {
					background: #fff;
				}
				
			.spec_area tr:first-of-type td {
				border-top: solid 1px #dadada;
			}
				@media (max-width: 500px){
					.spec_area {
						font-size:13px;
						line-height:21px;
					}
						.spec_area tr td:nth-of-type(1) {
							width:25%;
						}
				}
/*加購商品*/
.product_additional_area {
	padding:35px 0px 0px 0px;
}
	.additional_btn {
		font-size: 15px;
		/*background: #fff;*/
		padding: 10px 10px;
	}
	

/*商品燈箱*/
.product_lightBox {
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	transition:0.3s ease all;
	opacity: 0;
    pointer-events: none;
    opacity: 1\9;
    display: none \9;
}
.product_lightBox.show {
	opacity: 1;
    pointer-events: auto;
    display: block \9;
}
	.pLB_bg {
		height:100%;
		background:rgba(0,0,0,0.8);
	}
	.pLB_info_area {
		width: 1082px;
		margin: 0 auto;
		position: absolute;
		height: 80%;
		top: 10%;
		left: 50%;
		margin: 0px 0px 0px -541px;
		box-sizing: border-box;
	}
		.pLBI_close {
			position: absolute;
			font-size: 15px;
			font-weight: bold;
			letter-spacing: 0px;
			text-align: center;
			width: 34px;
			line-height: 34px;
			border-radius: 100%;
			color: #333;
			background: #f4f4f4;
			top: -17px;
			right: -17px;
			border: solid #a4a4a4 1px;
			box-shadow: 0px 0px 6px rgba(0,0,0,0.1) inset;
			cursor: pointer;
			transition: 0.3s ease all;
		}
			.pLBI_close:hover {
				box-shadow: 0px 0px 10px rgba(0,0,0,0.4) inset;
			}
			
		.pLBI_info {
			background:#f8f8f8;
			height:100%;
			border-radius:5px;
			overflow-y:scroll;
			padding:15px;
			box-sizing: border-box;
		}
			@media (max-width: 1024px){
				.pLB_info_area {
					width:828px;
					margin: 0px 0px 0px -414px;
				}
			}
				@media (max-width: 800px){
					.pLB_info_area {
						width: 100%;
						padding: 15px;
						margin: 0px;
						left: 0px;
					}
						.pLBI_close {
							top: -5px;
							right: 0px;
						}
				}
		
					
					
					
					
			
@media (max-width:1060px){
	.iIB_list{
		width: 23.2%;
	}
		.iIB_list a{
			width:100%;
		}
	
}
@media (max-width: 803px){
.index_in_bottom{
	margin:0px;
}
	.iIB_list {
    	width: 48.7%;
		padding:0px 7px 0px 0px;
	}
	.iIB_list:nth-of-type(3) {
		padding:10px 7px 0px 0px;
	}
	.iIB_list:nth-of-type(2) {
		padding:0px 0px 0px 7px;
	}
	
	.iIB_list:nth-of-type(4) {
		padding:10px 0px 0px 7px;
	}
}
@media (max-width: 640px){
	.iIB_list {
    	width: 100%;
		float:none;
		padding:10px 0px;
	}
	.iIB_list:first-of-type{
		padding:0px 0px 10px;
	}
	.iIB_list:nth-of-type(3) {
    	width: 100%;
		float:none;
		padding:10px 0px;
	}
	.iIB_list:nth-of-type(2) {
		padding:10px 0px;
	}
	.iIB_list:nth-of-type(4) {
		padding:10px 0px;
	}
}
@media (max-width:375px){
	
}


/*-------內頁----------------------------------------------------------------------------*/
.in_page{
	padding:50px;
	min-height:700px;
}
	.in_tit{
		padding:0px 0px 13px 0px;
		color:#e60012;
		font-size:32px;
		font-weight:bold;
		border-bottom:10px solid #F50F6E;
	}
		.in_tit span{
			font-size:20px;
			padding-left:10px;
		}
		
	.in_page_in{
		padding:28px 0px 0px;
	}
	
		.iPI_tit {
			font-size:20px;
			font-weight:bold;
			line-height: 24px;
			color:#333;
		}
		.iPI_time{
			font-size:12px;
			padding:15px 0px 10px 0px;
			color:#aeaeae; 
		}
		.iPI_text{
			font-size:14px;
			line-height:20px;
		}
			.iPI_text img{
				max-width:760px;
				height:auto;
			}
			.iPI_text a{
				font-size:15px;
				color:#333;
				-webkit-transition: 0.5s all;
			}
			
			.iPI_text a:hover{
				color:#e60012;
				-webkit-transition: 0.5s all;
			}
			
			
			
		.back_btn{
			margin-top:52px;
			text-align:center;
		}
			.back_btn input{
				width:162px;
				height:42px;
				line-height:36px;
				font-size:14px;
				background:#F50F6E;
			}
@media (max-width:900px){
	.in_page{
		padding:25px 0px ;
	}
	.iPI_text img{
		
	}
}

@media (max-width:768px){
	.iPI_text img{
		max-width:728px;
	}
}	
@media (max-width:640px){
	.in_tit{
		font-size:20px;
		border-bottom: 5px solid #ff0000;
	}
		.in_tit span{
			font-size:14px;
			padding-left: 5px;
		}
	.iPI_text img{
		max-width:728px;
		width:100%;
	}
	.iPI_text span{
		display:block;			
	}
	
}



/*----------------隨選重聽列表------------------*/	

.vod_area{
	box-sizing:border-box;
}
	.vod_list{
		display:inline-block;
		vertical-align:middle;
		text-align:center;
		width: 185px;
		margin: 0px 20px;
		transition: 0.3s ease all; 
		padding-top: 40px;
	}
		.vod_list a{
			display:block;
			color:#333;
			text-decoration:none;
			transition: 0.3s ease all; 
		}
		.vod_list:hover a{
			transition: 0.3s ease all; 
		}
		
			.vL_img{
				
			}
				.vL_img img{
					width:110px;
					height:auto;
					margin:0px auto;
					border-radius:50%;
					border:4px solid #de1e19;
				}
				.vod_list:hover .vL_img img{
					opacity:0.5;
					transition: 0.3s ease all; 
				}
				
			.vL_tit{
				padding-top:20px;
			}
				.vLT_fm{
					font-weight:bold;
					transition: 0.3s ease all; 
				}
				.vod_list:hover .vLT_fm{
					color:#fb848d;
					transition: 0.3s ease all; 
				}
				.vLT_person{
					padding-top:15px;
				}
				.vod_list:hover .vLT_person{
					color:#333;
				}
				
				
@media (max-width:1060px){
.vod_area{
	text-align:center;
	display:block;
}
	.vod_list{
		width:19%;
		float:left;
	}
	
}
@media (max-width:800px){
	.vod_list{
		width:40%;
	}
	.vod_list:nth-of-type(2),.vod_list:nth-of-type(4) {
		float:right;
	}
	.vod_list:nth-of-type(3),.vod_list:nth-of-type(4) {
		padding-top:35px;
	}
}
@media (max-width:640px){
	.online_tit{
		font-size:20px;
	}
	.vod_list{
		width:100%;
		margin:0px;
		padding-bottom:35px;
		border-bottom: 1px dashed #d2b6b8;
		float:none;
	}
	.vod_list:nth-of-type(2){
		padding-top:35px;
	}
	.vod_list:nth-of-type(4){
		border:0px;
	}
		.vL_img{
			display:inline-block;
			width:30%;	
			vertical-align:middle
		}
		.vL_img img{
			width:100%;
		}
		.vL_tit{
			padding-left:25px;
			display:inline-block;
			vertical-align:middle;
			padding-top:0px;
		}
}


/*----------------隨選重聽內頁_1------------------*/	
.vod_list.vod{
	float:left;
	margin-left:0px;
}	
	.vod_list.vod:hover .vL_img img{
		opacity:1; 
	}
	.vod_list.vod:hover .vLT_fm{
		color:#333;
	}
.news_list_area.vod{
	float:right;
	width:75%;
}
	.news_list.no_img.vod{
		
	}
		.n_l_time.vod {
			/*padding-bottom: 0px;*/
		}
@media (max-width:1060px){
.vod_area_in{
}
	.vod_list.vod{
		float:none;
		width:50%;
		text-align:left;
		margin-left:0px;
		padding:0px 0px 30px 0px;
	}
		.vL_img.vod {
			display: inline-block;
			width: 30%;
			vertical-align: middle;
		}
		.vL_tit.vod {
			padding-left: 25px;
			display: inline-block;
			vertical-align: middle;
			padding-top: 0px;
		}
		
	.news_list_area.vod{
		float:none;
		width:100%;
	}
}

@media (max-width:640px){
	.vod_list.vod{
		width:100%;
		text-align:center;
	}
}
/*----------------隨選重聽內頁_2------------------*/	
.iPI_text.vod iframe{
	width:100%;
	height:315px;
}

/*----------------線上收聽列表------------------*/	
.online_tit{
	padding-left:20px;
	font-size:26px;
	/*font-weight:bold;*/
	color:#666;
}
	.online_area{
		box-sizing:border-box;
		padding:40px 0px 0px;
	}
		.oA_list{
			display:inline-block;
			vertical-align:middle;
			text-align:center;
			width: 185px;
    		margin: 0px 20px;
			transition: 0.3s ease all; 
		}
			.oA_list a{
				display:block;
				color:#333;
				text-decoration:none;
				transition: 0.3s ease all; 
			}
			.oA_list:hover a{
				color:#fb848d;
				transition: 0.3s ease all; 
			}
				.oAL_img{
					
				}
					.oAL_img img{
						width:110px;
						height:auto;
						margin:0px auto;
					}
					.oA_list:hover .oAL_img img{
						opacity:0.5;
						transition: 0.3s ease all; 
					}
					
				.oAL_tit{
					padding-top:20px;
				}
					.oAT_location{
						
					}
					.oAT_number{
						padding-top:15px;
					}
	
@media (max-width:1060px){
	.online_area{
		text-align:center;
		display:block;
	}
		.oA_list{
			width:19%;
			float:left;
		}
		
}
@media (max-width:800px){
	.oA_list{
		width:40%;
	}
	.oA_list:nth-of-type(2),.oA_list:nth-of-type(4) {
		float:right;
	}
	.oA_list:nth-of-type(3),.oA_list:nth-of-type(4) {
		padding-top:35px;
	}
}
@media (max-width:640px){
.online_tit{
	font-size:20px;
}
	.oA_list{
		width:100%;
		margin:0px;
		padding-bottom:35px;
		border-bottom: 1px dashed #d2b6b8;
		float:none;
	}
	.oA_list:nth-of-type(2){
		padding-top:35px;
	}
	.oA_list:nth-of-type(4){
		border:0px;
	}
		.oAL_img{
			display:inline-block;
			width:30%;	
			vertical-align:middle
		}
		.oAL_tit{
			padding-left:25px;
			display:inline-block;
			vertical-align:middle
		}
}
/*----------------最新消息列表------------------*/		
.news_list_area {
	padding:8px 0px 0px 0px;
}
	.news_list {
		/*padding:14px 0px 19px 0px;*/
		padding:18px 0px; /*修改by pekey 20170602*/
		border-bottom: dashed 1px #ababab;
		
		/*新增by pekey 20170602*/
		/*display:table; */
		width:100%;
	}
		.n_l_left {
			
			/*修改by pekey 20170602*/
			float:left;
			/*width:16.5%;*/ 
			/*padding:0px 20px 0px 0px;*/
			/*box-sizing:border-box;*/
			
			
			/*新增by pekey 20170602*/
			/*display:table-cell; 
			vertical-align: top;*/
			width:132px;
		}
			.n_l_left a {
				text-decoration:none;
				transition:0.3s ease all;
				display:block;
			}
				.n_l_left a img {
					width:100%;
					height:auto;
				}
					.n_l_left a:hover {
						opacity:0.5;
					}
					
		.n_l_right {
			/*修改by pekey 20170602*/
			float:right; 
			width: 82.9%;
			
			/*新增by pekey 20170602*/
			/*display:table-cell; 
			vertical-align: top;*/
			padding:0px 0px 0px 20px;
		}
			.n_l_tit {
				font-size:20px;
				/*line-height:24px;*/  /*修改by pekey 20170602*/
			}
				.n_l_tit a {
					display:block;
					color:#000;
					transition:0.3s ease all;
					
					/*新增by pekey 20170602*/
					white-space: nowrap;
					text-overflow: ellipsis;
					overflow:hidden;
				}
					.n_l_tit a:hover {
						color:#de484d;
						transition:0.3s ease all;
					}
			.n_l_time {
				font-size:12px;
				/*padding:16px 0px 7px 0px;*/ /*修改by pekey 20170602*/
				padding:15px 0px 10px 0px;
				color:#F50F6E; /*新增by pekey 20170602*/
			}
			.n_l_text {
				font-size:13px;
				color:#696969;
				/*line-height:18px;*/ /*修改by pekey 20170602*/
				
				/*新增by pekey 20170602*/
				white-space: nowrap;
    			text-overflow: ellipsis;
				overflow:hidden;
			}
			.n_l_more {
				font-size:12px;
				padding:10px 0px 0px 0px;
			}
				.n_l_more a {
					/*color:#c13e42;*/
					color:#d3913b;
				}
					.n_l_more a:hover {
						color:#f39800;
					}
					
						/*n_l_right所有的a*/
						.n_l_right a {
							/*text-decoration:none;*/  /*修改by pekey 20170602*/
							transition:0.3s ease all;
						}
							/*沒有圖片時*/
							.news_list.no_img .n_l_right {
								float:none;
								width:100%;
								padding:0px;

							}


@media (max-width: 1060px){
	.n_l_right {
		width: 79%;		
	}
}
@media (max-width: 765px){
	.n_l_right {
		width: 74.5%;		
	}
}
@media (max-width: 640px){
	.n_l_left, .n_l_right {
		float:none;
		width:100%;
	}
		.n_l_right {
			padding:18px 0px 0px;
		}
}




/*最新消息內頁標題*/
.news_in_tit {
	font-size:23px;
	font-weight:bold;
	line-height: 31px;
	padding:22px 0px 0px 0px;
}
	@media (max-width: 990px){
		/*最新消息內頁標題*/
		.news_in_tit {
			display:none;
		}
	}

/*最新消息內頁時間*/
.news_in_time {
	font-size:12px;
	padding:16px 0px 35px 0px;
}

/*----------------DJ介紹列表------------------*/	
.dj_area{
}
	.dj_list{
		float:left;
		width:50%;
		box-sizing:border-box;
		padding-top:65px;
	}
	.dj_list:first-child, .dj_list:nth-child(2){
		padding-top:0px;
	}
	/*偶數列*/
	.dj_list:nth-child(odd){
		padding-right:30px;
	}
	/*奇數列*/	
	.dj_list:nth-child(even){
		float:right;
		padding-left:30px;
	}
		.djL_img{
			float:left;
			width:164px;
			max-height:218px;
			vertical-align:middle;
			transition: 0.3s ease all;
		}
		.djL_img:hover{
			opacity:0.5;
			transition: 0.3s ease all;
		}
			.djL_img a{
				
			}
				.djL_img img{
					width:100%;
					height:auto;
				}
			
		.dj_text{
			float:left;
			width:auto;
			box-sizing:border-box;
			vertical-align:middle;
			padding:80px 0px 0px 25px;
			font-size:15px;
			line-height:18px;
			color:#5f5f5f;
		}
			.djT_tit{
				position:relative;	
				padding-left:16px;		
			}
				.djT_tit:before{
					position:absolute;
					content:'※';
					top:1px;
					left:0px;
				}
			.djT_time{
				padding:10px 0px 0px 16px;
				position:relative;
			}
				.djT_time:before{
					position:absolute;
					content:'◎';
					top:11px;
					left:2px;
				}
			.djT_name{
				padding:10px 0px 0px 16px;
				position:relative;
			}
				.djT_name:before{
					position:absolute;
					content:'◎';
					top:11px;
					left:2px;
				}
@media (max-width:1080px){
	.dj_text{
		width:48%;
	}
}
@media (max-width:730px){
	.djL_img{
		float:none;
		width:auto;
		height:auto;
		max-height:none;
	}
	.dj_text{
		float:none;
		width:100%;
		padding:20px 0px 0px;
	}
}
@media (max-width:640px){
	.dj_list{
		float:none;
		width:100%;
		border-bottom: 1px dashed #d2b6b8;
		padding:30px 0px;
	}
	/*偶數列*/
	.dj_list:nth-child(odd){
		padding-right:0px;
	}
	/*奇數列*/	
	.dj_list:nth-child(even){
		float:none;
		padding-left:0px;
	}
	.dj_list:nth-child(2){
		padding-top:30px;
	}
	.dj_list:nth-child(8){
		border:0px;
	}
	.djL_img{
		width:70%;
		margin:0px auto;
	}
	.dj_text{
		width:70%;
		margin:0px auto;
	}
	
}
@media (max-width:320px){
	.djL_img{
		width:100%;
	}
	.dj_text{
		width:100%;
	}
	
}
	
	
	


/*----------------活動花絮頁面------------------*/	
/*相簿列表*/
.img_min_bg{
	/*padding-top:15px;*/
	margin:0px -25px;
	padding:0px 25px;
}
	.img_min{
		display:inline-block;
		vertical-align:middle;
		width:27%;
		box-sizing:border-box;
		margin:0px 25px;
		padding-top: 20px;
	}
		.img_min a{
			display:block;
			border:1px solid #f0f0f0;
			padding:15px;
			box-shadow:1px 1px 5px 1px rgba(20%,20%,40%,0.15);
		}
			.img_min img{
				width:100%;
				height:auto;
			}
		.img_min_tit{
			text-align:center;
			font-size:18px;
			line-height:22px;
			padding:30px 0px ;
		}
			.img_min_tit a{
				color:#000;
				border:0px;
				padding:0px;
				box-shadow:none;
			}
			
			.img_min:hover .img_min_tit a{
				color:#ff0000;
				text-decoration:underline;
			}
			
			
			
@media (max-width: 1060px){
	/*相簿列表*/
	.img_min {
		width:26%;
	}
}	

@media (max-width: 900px){
	/*相簿列表*/
	.img_min_bg{
		margin:0px;
		padding:0px;
	}
			
}
@media (max-width: 771px){
	/*相簿列表*/
	.img_min_bg{
		margin:0px;
		padding:0px;
	}
		.img_min{
			width:25%;
		}
			
}
@media (max-width: 683px){
	/*相簿列表*/
	.img_min_bg{
		margin:0px;
		padding:0px;
	}
		.img_min{
			float:none;
			width:100%;
			margin:0px;
		}
			
}
.img_min.act{
	padding:25px 0px;
}
					
/*-------版腳----------------------------------------------------------------------------*/
.footer{
	background:#fff;
	border-top:5px solid #F50F6E  ;
	text-align:center;
}
	.footer > .wrap{
		
	}

		/*公司資訊*/
		.company_info {
			display:block;
			vertical-align:middle;
			padding: 15px 0px 0px 0px;
		}
			.company_info, .company_info a {
				font-size:12px;
				line-height:20px;
				color:#575757;
			}
			.company_info span {
				display:inline-block;
			}
				.company_info span:after {
					content:' | ';
					display:inline-block;
					padding: 0px 6px 0px 10px;
				}
					.company_info span:last-of-type:after {
						display:none;
					}
			
	.copyright {
		font-size:12px;
		color:#999;
		padding:15px 0px 20px 0px;
		text-align:center;
	}
		.copyright a {
			color:#999;
		}
		
@media (max-width:848px){
				.company_info span:nth-of-type(3):after {
					display:none;
				}
}












/*--------------------------------燈箱效果--------------------------------*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#000;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}



/*-----------------測試--------------------*/
/*加購商品*/
.product_additional_area {
	padding:35px 0px 0px 0px;
}
	.additional_btn {
		font-size: 15px;
		/*background: #fff;*/
		padding: 10px 10px;
	}
		
/*平板版*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
@media (min-width: 541px) and  (max-width: 950px){
}


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