@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: #000;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, 'Microsoft JhengHei 2', "微軟正黑體", "新細明體";
	overflow-x: hidden;
	letter-spacing: 1px;
}

/* ~~ 元素/標籤選取器 ~~ */
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;
}

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

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

.wrap {
	width:984px;
	margin:0 auto;
	padding: 0;
}
	@media (max-width: 1000px){
		.wrap {
			width:90%;
			/*width:auto;
			padding:0px 15px;*/
		}
	}
		@media (max-width: 319px){
			.wrap {
				/*padding:0px 13px;*/
			}
		}
		
/*icon-字型*/
@font-face {
    font-family: 'Microsoft JhengHei 2';
    src: local("Microsoft JhengHei"),
		 local("微軟正黑體"),
		 url('../icon_fonts/msjh/msjh.ttc');
}

/*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;
}

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

/*-------input reset--------------------------------------------------------*/
input[type="text"], .input, input[type="password"], .input, input[type="search"] {
	margin:0;
	padding:0;
	outline:none;
	vertical-align: middle;
	height:28px;
	line-height:28px;
	border: solid 1px #cccccc;
	font-size:12px;
	width:322px;
	transition: 0.2s ease all;
	padding:0px 3px 0px 3px;
}
	input[type="text"]:hover, input[type="password"]:hover {
		border: solid 1px #d5d5d5;
	}
	
.input_but, 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:150px;
	height:42px;
	background:#d70010;
	color:#fff;
	font-size:12px;
	border-radius:3px;
	line-height:42px;
	transition: 0.2s ease all;
}
	input[type="button"]:hover, 
	input[type="submit"]:hover, 
	input[type="reset"]:hover {
		background:#a7a7a7;
	}
	
	/* input[type="reset"] {
		background:#3d3d3d;
	}
		input[type="reset"]:hover {
			background:#a7a7a7;
		} */
	
	/*第二尺寸的按鍵*/
	input[type="button"].s_but {
		height:21px;
	}
	
input[type="radio"], input[type="checkbox"] {
	margin:0px;
	padding:0px;
	outline:none;
	vertical-align: middle;
}
textarea {
	margin:0;
	padding:0;
	outline:none;
	vertical-align: middle;
	line-height:24px;
	border: solid 1px #cccccc;
	/* width:328px; */
	width:100%;
	resize:none;
	height:117px;
	font-size:12px;
	transition: 0.2s ease all;
}
	textarea:hover {
		border: solid 1px #d5d5d5;
	}
	
select {
	margin:0;
	padding:0;
	outline:none;
	vertical-align: middle;
	border: solid 1px #cccccc;
	font-size:12px;
	height: 42px;
    line-height: 42px;
	padding: 5px 0px 6px 0px;
	transition: 0.2s ease all;
	background:#fff;
	letter-spacing:1px;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "微軟正黑體", "新細明體";
}
	select:hover {
		border: solid 1px #d5d5d5;
	}
	
label {
	cursor:pointer;
}





.device {
	position: relative;
    /* height: 390px; */
}

.device .arrow-left,.device .arrow-right {
    position: absolute;
    z-index: 9;
    top: 50%;
    /* margin: -18px 0 0 */
}

.device .arrow-left {
    left: 20px;
}

.device .arrow-right {
    right: 20px;
}

.swiper-container {
    height: auto;
}

.swiper-slide img {
    width: 100%;
    height: auto;
}

.pagination {
    position: absolute;
    z-index: 20;
	bottom: 20px;
    /*bottom: -39px;*/
    width: 100%;
    text-align: center;
}

.swiper-pagination-switch {
    display: inline-block;
    /*width: 20px;
    height: 20px;*/
	width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #edbdb4;
    margin: 0 7px;
    cursor: pointer;
}

.swiper-active-switch {
    background: #c42605;
}

.swiper-slide {
    position: relative;
}


.productImgBig img.pcBanner{				
}

.productImgBig img.mobileBanner{
	display: none;
}


@media (max-width: 640px) {

	.productImgBig img.pcBanner{	
		display: none;			
	}

	.productImgBig img.mobileBanner{
		display:block;
	}

}









/*.pc_banner_bg {
    width: 100%;
    height: 390px;
    position: absolute;
    left: 0;
    top: 0
}

.mobile_banner_bg {
    display: none;
    left: 0;
    top: 0;
    position: relative;
    z-index: 99
}

.mobile_banner_bg img {
    width: 100%;
    height: auto
}

.pc_banner_text_area {
    position: relative;
    width: 912px;
    height: 390px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 99
}

@media (max-width: 880px) {
    .device {
        height:auto
    }

    .device .arrow-left,.device .arrow-right,.pc_banner_bg {
        display: none
    }

    .mobile_banner_bg {
        display: block
    }

    .pc_banner_text_area {
        display: none
    }
}*/














.page_area {
    text-align: center;
    padding: 10px 0 20px;
}

.page_left_arrow,.page_right_arrow {
    width: 83px;
    font-size: 15px;
    background: #de484d;
    line-height: 34px;
    font-weight: 700;
    text-align: center;
    border-radius: 2px;
    display: inline-block;
	z-index: 1;
}

.page_left_arrow a,.page_right_arrow a {
    text-decoration: none;
    display: block;
    transition: .2s ease all;
    color: #fff;
    height: 34px;
}

.page_left_arrow a:hover,.page_right_arrow a:hover {
    background: #f39800;
}

.page_select {
    display: inline-block;
    padding: 0 7px;
}

.page_select select {
    width: auto!important;
    font-size: 15px!important;
    padding: 7px 18px 7px 28px!important;
    border: 1px solid #a4a4a4!important;
    background: #fff!important;
    height: 34px!important;
}

.auto,.lightboxBG,.lightboxContentArea {
    height: 100%;
}

/* .captcha input[type=text] {
    width: 80px;
    margin-right: 5px;
}

.captcha a {
    text-decoration: underline;
    transition: 0.5s ease all;
}

.captcha a:hover {
    opacity:0.5;
}

.captcha img {
    vertical-align: middle;
}

.captcha span {
    color: #c30000;
} */

.lightboxArea {
    position: fixed;
    width: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    padding: 10% 0 0;
    display: none;
}

.lightboxBG {
    background: rgba(255,255,255,.5);
    width: 100%;
    position: absolute;
    top: 0;
}

.lightboxMain {
    height: 100%;
    width: 78%;
    margin: 0 auto;
    background: #000;
    border-radius: 5px;
    position: relative;
    transition: .3s ease all;
    top: 0;
    font-size: 0;
    max-width: 530px;
    max-height: 330px;
}

.lightboxCloseBtn,.scaling_btn {
    position: absolute;
    width: 40px;
    transition: .3s ease all;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.lightboxCloseBtn {
    font-size: 15px;
    font-weight: 700;
    /* line-height: 40px; */
    /*border-radius: 100%;
    background: #c4181f;
    top: -20px;
    right: -20px; */
    pointer-events: none;
    letter-spacing: 0;
    display: none;
    opacity: 0;
    border-radius: 5px 0 0 0px;
    background: #4d4d4d;
    top: -28px;
    left: 0px;
    line-height: 28px;
}

.lightboxCloseBtn:hover,.scaling_btn:hover {
   /* background: #9a0006*/
   background: #c4181f;
}
/*收起來的關閉建*/
.narrow .lightboxCloseBtn {
	/*width: 28px;
	top: 40px;
	left: -28px;
	line-height: 28px;*/
}


/*今天不再顯示*/
.lightboxShowBtn {
	position: absolute;
	transition: .3s ease all;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 28px;
	background: #4d4d4d;
	top: -28px;
	left: 40px;
	padding: 0px 10px 0px 5px;
	cursor: pointer;
	border-radius: 0px 0px 0 0;
	/* border-radius: 0px 5px 0 0; */
	pointer-events: none;
	letter-spacing: 0;
	display: none;
	opacity: 0;
}
	.lightboxShowBtn input[type=checkbox] {
		margin: 0;
		padding: 0;
		outline: 0;
		vertical-align: -12%;
		margin-left: 5px;
	}






.scaling_btn {
    top: -28px;
    left: 148px;
    line-height: 25px;
    padding: 0 3px;
    font-size: 15px;
    text-align: center;
    border-radius: 0px 5px 0 0px;
    background: #c4181f;
    width: 60px;
}

.scaling_btn:before {
    content: "\E11d";
    display: inline-block;
    font-size: 20px;
    line-height: 28px;
    /* display: block; */
}

.mobile_logo,.narrow .lightboxBG,.narrow .lightboxCloseBtn {
    display: none;
}

.lightBox_iframe {
    width: 100%;
    height: 1px;
    height: 100%;
}

@media (max-height: 1024px) {
    .lightboxArea {
        padding:34% 0 0;
    }
}

@media (max-height: 1000px) {
    .lightboxArea {
        padding:20% 0 0;
    }
}

@media (max-height: 870px) {
    .lightboxArea {
        padding:13% 0 0;
    }
}

@media (max-height: 450px) {
    .lightboxArea {
        padding:7% 0 0;
    }
}

@media (max-height: 380px) {
    .lightboxArea {
        padding:42px 0;
    }
}

@media (max-height: 320px) {
    .lightboxArea {
        padding:62px 0;
    }
}

@media (max-width: 750px) {
    /*.lightboxMain {
        width:92%
    }*/
}

@media (max-width: 500px) {

	.lightboxArea {
		padding: 35px 0 0;  /*Judy修改20210310*/
	}

    .lightboxMain {
        border-radius:5px 5px 0 0;
		width:92%;
    }

    .lightboxCloseBtn {
        /*width: 100%;
        border-radius: 0 0 5px 5px;
        height: 35px;
        line-height: 35px;
        right: 0;
        top: auto;
        bottom: -35px*/
		
		/* width: 36px;
		height: 35px;
		line-height: 35px;
		top: -35px;
		left: 80px;
		border-radius: 5px 0px 0 0; */

		height: 28px;
		line-height: 28px;
		top: -28px;
		border-radius: 5px 0px 0 0;
    }

    .scaling_btn {
		left: 146px;
		top: -28px;
		/*width: 100%;*/
        /* line-height: 35px;        
        left: 0;
        top: -35px;
        border-radius: 5px 5px 0 0;
        background: #C4181F;
		width: 65px; */
	}
	.narrow .scaling_btn {
		line-height: 35px;
		left: 119px;
		top: -28px;
	}
		.scaling_btn:before {
			display: inline-block;
		}
		
.narrow .lightboxCloseBtn {
    left: 0px;
    font-size: 12px;
    width: 23px;
    /* height: 35px; */
    /* line-height: 35px; */
}

		.lightboxShowBtn input[type=checkbox] {
			vertical-align: -15%;
			margin-left: 2px;
		}

	/* .narrow .lightboxShowBtn {
		left: 36px;
	}	 */
	.narrow .lightboxShowBtn {
		left: 23px;
		line-height: 25px;
		padding: 3px 5px 0px 1px;
	}
}

.narrow {
    width: 0;
}

.narrow .lightboxMain {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    width: 250px;
    height: 141px;
    box-shadow: 0 0 10px rgba(0,0,0,.8);
}

.narrow .scaling_btn {    
    /* background: #333; */
	font-size: 14px;
	line-height: 20px;
	/* width: 28px;
    left: -28px;
    box-shadow: 0 0 10px rgba(0,0,0,.8);
    top: 0;
    border-radius: 5px 0 0 5px; */
}

.narrow .scaling_btn:hover {
    opacity: 0.7
}

.narrow .scaling_btn:before {
    content: "\E053";
}

.footer_company_info span:before,.i_l_icon_open:after,.nav>a:after,.now_tit:after {
    content: "";
}












/*輪播_客製仿口足舊網效果---------------------------------*/
.banner_new{
	width: 100%;
	overflow: hidden;
}

/*商品內頁圖片區*/
.productInImg {
	
}
	.productImgBig {
		/*height:800px;*/
		position:relative;
	}
		.productImgBig img{			
			/*width:100%;	
   			height: 100%;
			position:absolute;
			margin: auto;
    		object-fit: cover;*/
			width:100%;	
   			height: auto;
			margin: auto;
    		object-fit: cover;
		}


	.productImgSmall {
		width: 100%;
		height: 33px;
		font-size:0px;
		/*margin:25px -7.5px;*/
		margin:25px -7.5px 10px;
		float: right;
		padding: 0px 15px 0px 0px;
		box-sizing: border-box;
		
		display: inline-flex;
		justify-content:flex-end;
		align-items: center;
	}
		
		.pIS_tit{
			line-height: 33px;
			font-size: 14px;
			color: #9c8a69;
			margin-right: 15px;
		}
		
		.pIS_list {
			float:left;
			width: 40px; 
			height: 33px;
			box-sizing:border-box;
			margin: 0px 7.5px 0px;
			overflow: hidden;
			
	    	transition: all 250ms ease-in-out;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;	
		    cursor: pointer;
		}
			.pIS_list img {
				width:100%;
				height:auto;
				cursor:pointer;
			}
		
		/*hover*/
		.pIS_list:hover{
	    	transition: all 250ms ease-in-out;
			width: 100px;
			/* height: 75px; */
		}
		
		/*當前模式*/
		.pIS_list.active{
			/*border-bottom: 3px solid #c90915;
			padding-bottom: 5px;*/ /*modify by pekey 20180424*/
	    	transition: all 250ms ease-in-out;
			width: 100px;
			/* height: 75px; */
		}
		

	/*新增 by pekey 20170602*/
	/*產品圖片切換輪播*/
	.p_banner {
		position: relative;
	}
	
	.p_slider-button {
		float: left;
		width: 23px;
		cursor: pointer;
		height: 53px;
		text-align: center;
		position: absolute;
		z-index: 3;
		top: 50%;
	}
	 
	.p_left_arrow {
		left: -3px;
		display: none;
    	transition: all 0.3s ease;
	}
	.p_right_arrow {
		right: -3px;
		display: none;
    	transition: all 0.3s ease;
	}	
	
	/*hover*/
	.p_banner:hover .p_left_arrow, .p_banner:hover .p_right_arrow {
		display: block;
    	transition: all 0.3s ease;
	}


@media (max-width: 1024px){
	.p_slider-button{
		margin-top: 100px;
	}
}
					
/*新增 by pekey 20170504*/				
@media (max-width:800px){
	/*商品內頁圖片區*/
	.productInImg {
		/*padding-top:20px;*/ /*modify by pekey 20180424*/
		padding-left:0px;
	}
}

@media (max-width: 768px){
	.p_slider-button{
		margin-top: 65px;
	}
}

@media (max-width: 760px){
	.p_slider-button{
		margin-top: 110px;
	}
}

@media (max-width: 640px){
	.productImgSmall{
		display: none;
	}
}

@media (max-width: 320px){
	.productImgBig {
		/*height:290px;*/
	}
}
	    
    




















.index_main {
	/* padding: 26px 0; */
	padding: 10px 0 25px;
}


.index_main .wrap{
	width: 95%;
	padding: 0;	
}

/* 為了視覺上對調順序 */  /*Judy修改20210119*/
.index_mainIn{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.index_mainIn .indexNewsVideoBg ,
.index_mainIn .index_ReviewsBg ,
.index_mainIn .index_ProductBg{
	width: 100%;  /*Judy修改20210119*/
}
.index_mainIn .index_ProductBg{
	order: -1;  /*Judy修改20210119*/
}



.index_mainIn .index_ReviewsBg .swiper-container_pc {
	display: block;
}
.index_mainIn .index_ReviewsBg .swiper-container_pc2 {
	display: none;
	position: relative;
}


@media (max-width: 990px) {  /*Judy修改20210223*/

	.index_ReviewsBg .banner {
		margin: 15px 0px 0;
		overflow: hidden;
	}
	.index_mainIn .index_ReviewsBg .swiper-container_pc {
		display: none;
	}
	.index_mainIn .index_ReviewsBg .swiper-container_pc2 {
		display: block;
	}

}



@media (max-width: 865px) {
    .index_main {
        padding:26px 0 0;
    }
	
	.index_main .wrap {
    	width: 85%;
	}
}


@media (max-width: 375px){

	.index_ReviewsBg .banner {
		margin: 40px 0px 0;  /*Judy修改20210223*/
	}

}












.indexNewsVideoBg{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom:15px;
}




/*首頁最新消息區-----------------------------------------------------------------------------------------------*/

.indexNewsBg{
	box-sizing: border-box;
	/*width: 48.5%;
	width: calc(100% - 810px);*/
	width: calc(100% - 720px);
}

.index_news_area {
    /* box-sizing: border-box; */
    /* width: 48.5%; */
    /* float: left; */
    /* width: 34.9%; */
    /* margin: 0 2.24% 0 0; */
}
.index_news_area_2 {
    margin: 20px 0 0;
}



.i_n_tit {
    float: left;
    background: url(../index/images/news_tit_bg_1.png) top left no-repeat;
    background-size: 239px 41px;
    line-height: 38px;
    width: 239px;
    z-index: 2;
}

.i_n_t_tw {
    font-size: 16px;
    font-weight: 700;
    color: #ffde16;
    padding: 0 0 0 14px;
}

.i_n_t_en {
    font-size: 12px;
    color: #fff
}

.i_n_tit_more {
    float: right;
	box-sizing:border-box;
}

.index_news_area .i_n_tit_more a {
    color: #ce2030;
}
.index_news_area_2 .i_n_tit_more a {
    color: #f8a756;
}
	.index_news_area_2 .i_n_tit_more a:hover {
		color: #f8a756;
		opacity:0.5;
	}


.i_link_icon a,.i_n_l_tit a,.i_n_tit_more a {
    display: block;
    text-decoration: none;
    transition: .3s ease all;
}







.i_n_tit_more a {
    font-size: 12px;
    color: #3b2212;
    padding: 6px 0 2px;
}

.i_n_tit_more a:hover {
    color: #fbab29;
}

.i_n_t_line {
    position: absolute;
    height: 2px;
    width: 100%;
    background: #ce2030;
    z-index: 1;
    top: 20px;
}

.index_news_area_2 .i_n_tit {
    background: url(../index/images/news_tit_bg_2.png) top left no-repeat;
    background-size: 239px 41px;
}

.index_news_area_2 .i_n_t_en,.index_news_area_2 .i_n_t_tw {
    color: #3b2212;
}

.index_news_area_2 .i_n_t_line {
    background: #f8a756;
}

.index_news_list_area {
    padding: 6px 0 0;
}

.i_n_list {
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-right: 55px;
    margin-bottom: 5px;
}

.i_n_l_time {
    color: #787878;
    /* float: left; */
    /* padding: 0 7px 0 9px; */
    position: absolute;
    right: 0;
    top: 0;
}

.i_n_l_tit a {
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.i_n_l_tit a:hover {
    color: #d70010;
}











/*首頁影片區-----------------------------------------------------------------------------------------------*/



.indexVideoBg{
	/*width: 46%;
	width: 775px;*/
	width: 681px;
	box-sizing: border-box;
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* flex-direction: row; */
	/* justify-content: space-between; */
	/* margin: 40px 0 0; */
}
	.indexVideoBg .i_n_t_line {
		background: #d70010;
	}
	.indexVideoBg .i_n_tit_more a {
		color: #d70010;
	}	
	
	.indexVideoArea{
		width: 100%;
		box-sizing:border-box;
		margin: 15px 0px 0;
	}
		.indexVideoArea .indexVideoIn{
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden;
		}   
		.indexVideoArea iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		} 	





.index_info_3_area {
    /*float: right;
    width: 24.2%*/
	margin:10px 0 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
}
	.index_link_icon_area {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		box-sizing:border-box;
	}





.i_link_icon {
    /*float: left;
    margin: 0 0 0 3.3%;
    position: relative;
    width: 13.86%*/
	/* width: 40px; */
	width: 55px;
    box-sizing: border-box;
    padding: 0 10px 0 0;
}

.i_link_icon:first-of-type {
    margin: 0;
}

.i_link_icon a{
    border-radius: 100%;
}

.i_link_icon a img {
    width: 100%;
}

.i_link_icon.shop a{
    background: #d70010;
}

.i_link_icon.fb a {
    background: #3b5998;
}

.i_link_icon.line a {
    background: #01c302;
}

.i_link_icon.youtube a {
    background: #e42b26;
}

.i_link_icon.mail a {
    background: #00a8ec;
}

.i_l_icon_open,.i_link_icon.phone a {
    background: #9ecb3a;
}

.i_link_icon a:hover  {
	background: #9c9c9c;
	transition: 0.3s ease all;
}
/* .i_link_icon.shop a:hover {
    background: #d70010;
}

.i_link_icon.fb a:hover {
    background: #3b5998;
}

.i_link_icon.line a:hover {
    background: #01c302;
}

.i_link_icon.youtube a:hover {
    background: #e42b26;
}

.i_link_icon.mail a:hover {
    background: #00a8ec;
}

.i_l_icon_open,.i_link_icon.phone a:hover {
    background: #9ecb3a;
} */

.i_l_icon_open {
    display: none;
    position: absolute;
    top: -45px;
    right: -9px;
    z-index: 9;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    height: 32px;
    padding: 0 20px;
    line-height: 32px;
    border-radius: 32px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.75);
    background: -moz-linear-gradient(top,#9ecb3a 0,#669302 100%);
    background: -webkit-linear-gradient(top,#9ecb3a 0,#669302 100%);
    background: linear-gradient(to bottom,#9ecb3a 0,#669302 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ecb3a', endColorstr='#669302', GradientType=0 )
}

.i_l_icon_open:after {
    position: absolute;
    border-top: solid 7px #669302;
    border-left: solid 4px rgba(255,255,255,0);
    border-right: solid 4px rgba(255,255,255,0);
    bottom: -7px;
    right: 22px;
}

.i_link_icon:hover .i_l_icon_open {
    display: block;
}

.index_fb_api {
	display: none;
	box-sizing:border-box;
	padding: 5px 0px 5px 10px;
}
	.index_fb_api a {
		display:block;
		text-decoration:none;
		color: #ce2030;
	}




#fb-root {
    display: none;
}

.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style] {
    width: 100%!important;
}



@media (max-width: 1300px) {
	
	.index_fb_api {
		padding: 15px 0px 0px;
		width: 100%;
	}	
	
}
	
	


@media (max-width: 1200px) {
	
	.indexNewsVideoBg {
		display:block;
		flex-wrap: unset;
		flex-direction: unset;
		justify-content: unset;
		margin-bottom:40px;
	}	
	
		/*首頁最新消息區-------------*/
		.indexNewsBg {
			width: 100%;
		}	
		/*首頁影片區-------------*/
		.indexVideoBg {
			width: 100%;
			margin: 25px 0 25px;
		}	

}




@media (max-width: 510px) {
	

	
	.index_info_3_area {
		margin: 25px 0 25px;
		display:block;
	}
		.index_link_icon_area {
			justify-content: center;
		}	
		.i_link_icon {
			padding: 0 5px;
    		width: 45px;
		}	
		
		.index_fb_api {
			padding: 0;
			margin: 15px 0 0;
			text-align:center;
		}
}



@media (max-width: 375px) {
	
    /*.index_news_area {
        width:100%;
        margin: 0 0 26px
    }*/
	
	.i_n_tit_more {
		float: none;
		position: absolute;
		right: 0;
		bottom: -25px;
	}
	
	.index_news_list_area {
		padding: 35px 0 0;
	}

    .i_n_list {
        font-size: 15px;
    }

    .index_info_3_area {
        padding: 0;
	}
	




	.indexVideoArea {
		margin: 35px 0px 0;
	}

	.indexVideoBg .i_n_tit_more {
		float: none;
		position: absolute;
		right: 0;
		bottom: -25px;
	}

}    





















/*/////////////////////////////////////////////////////////*/
/*-------首頁_熱銷商品區塊--------*/
/*/////////////////////////////////////////////////////////*/


.index_ProductBg{
	text-align:center;
	padding:0px 0px 45px;
	/*padding: 30px 0px 15px;*/
	background-color: #ffffff;
}


.index_ProductBg .i_n_t_en,
.index_ProductBg .i_n_t_tw {
    color: #3b2212;
	padding: 0;
}
.index_ProductBg .i_n_t_tw {
    margin-left: -20px;
}


	.i_n_t_line {
		background: #f8a756;
	}
		
	.index_ProductBg .i_n_tit {
		float: left;
		background: url(../index/images/product_tit_bg.png) top left no-repeat;
		background-size: 239px 41px;
		line-height: 38px;
		width: 239px;
		z-index: 2;
	}

	.i_n_tit_more a {
		color:#f8a756;
	}
	.i_n_tit_more a:hover {
		color:#f8a756;
		opacity:0.5;
	}	
	
	.i_n_tit,.i_news_tit_area {
		height: 41px;
		position: relative;
	}
	.index_news_area:first-child .i_n_t_line {
		background: #d70010;
	}
	
	/*.i_n_tit,.i_news_tit_area {
		height: 41px;
		position: relative
	}*/




	.index_ProductBg  .swiper-button-prev.swiper-button-prev_Product {
		left: 0px;
		width: 30px;
		height: 30px;
		background-size: 30px;
	}
	.index_ProductBg  .swiper-button-next.wiper-button-next_Product{
		right: 0px;
		width: 30px;
		height: 30px;
		background-size: 30px;
	}



		.indexProductArea{
			padding: 20px 0 0;
		}

			.index_ProductList{	
				/* padding: 0 20px; */
				padding: 0 20%;
			}
				.index_ProductList a{	
					display: block;
					text-decoration: none;
				}

					/* 首頁_熱銷商品圖 */
					.index_ProductImg{	
						/*border: 1px #d6d6d6 solid;*/
					}
						.index_ProductImg img{	
							width: 100%;
							height: auto;
						}

					/* 首頁_熱銷商品標題 */
					.index_ProductTit{
						font-size: 20px;
						line-height: 22px;
						color:#484a49;
						text-align: center;
						margin-top: 20px;
						text-align: left;
						/* overflow: hidden; 
						text-overflow:ellipsis; 
						white-space: nowrap; */
					}
					.index_ProductList:hover .index_ProductTit{
						opacity:0.5;
						transition: 0.3s ease all;
					}

					.rL_price {
						text-align: left;
						padding-top: 12px;
						font-size: 16px;
						color: #d70010;
					}

 @media (max-width: 990px){

	.index_ProductBg{
		padding: 0px 0px 40px;
		/*padding: 50px 0px;*/
	
	}
		/*.index_ProductBg .wrap{
			width: 85%;
		}*/

			.index_ProductList{	
				padding: 0 5px;
			}
	
				.index_ProductTit {
					font-size: 15px;
					line-height: 20px;
					margin-top: 10px;
				}

}
					



@media (max-width: 375px){

	.indexProductArea {
		padding: 25px 0 0;
	}

}


















/*/////////////////////////////////////////////////////////*/
/*-------首頁_使用者評論區塊--------*/
/*/////////////////////////////////////////////////////////*/


.index_ReviewsBg{
	text-align:center;
	padding:45px 0px 25px;
	/*padding: 30px 0px 15px;*/
	background-color: #ffffff;
}





.index_ReviewsBg .banner {
	margin: 15px -5px 0;
}
	.indexRevList{
		margin: 0 5px;
	}
	.index_ReviewsBg .swiper-container {
		padding-bottom: 15px;
	}
	.index_ReviewsBg .swiper-pagination-bullet-active {
		background: #d70010;
	}
	.index_ReviewsBg .swiper-container-horizontal > .swiper-pagination-bullets{
		bottom: 0px;
	}




.indexReviewsArea{
	display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	margin:15px -15px 0;
	display: none;
}
	.indexReviewsArea .comment_list{
		width: 16.6%;
		padding: 0px 15px 0px;
	}


	.index_ReviewsBg .i_n_t_tw {
		padding: 0 0 0 0px;
		margin-left: -40px;
	}
	.index_ReviewsBg .i_n_t_line {
		background: #d70010;
	}
	.index_ReviewsBg .i_n_tit_more a {
		color:#d70010;
	}


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

	.indexReviewsArea{
		margin:15px -15px 15px;
	}
		.indexReviewsArea .comment_list{
			width: 33.3%;
			padding: 0px 15px 30px;
		}

} */

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

	.index_ReviewsBg {
		padding: 0px 0px 25px;
	}

	.indexReviewsArea{
		/* display: flex;
		flex-direction: row;
		flex-wrap: wrap; */
		margin:15px -15px 10px;
	}
		.indexReviewsArea .comment_list{
			width: 50%;
			padding: 0px 15px 30px;
		}

}

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

	.index_ReviewsBg{
		padding:0px 0px 0px;
	}
		.indexReviewsArea{
			display: block;
			flex-direction: unset;
			flex-wrap: unset;
			margin:15px 0px 40px;
		}
			.indexReviewsArea .comment_list{
				width: 100%;
				padding: 0px 0px 20px;
			}

}*/

@media (max-width: 375px){

	.index_ReviewsBg .banner {
		margin: 40px -5px 0;
	}
	/* .indexReviewsArea{
		margin:45px 0px 25px;
	} */

} 









.index_small_ad {
    transition: .3s ease all;
    position: absolute;
    top: 115px;
    right: 10px;
    z-index: 99;
}

.index_small_ad:nth-of-type(2) {
    /*top: 280px;*/ /*modify by pekey 20181105*/
	top: 300px;
}

.iSA_img a {
    transition: .3s ease all;
}

.iSA_img a:hover {
    opacity: 0.8;
}

.iSA_bottom {
    background: #4d4d4d;
    font-size: 0;
    line-height: 22px;
    padding: 0 8px;
}

.iSAB_left,.iSAB_right {
    display: inline-block;
    width: 72%;
    vertical-align: top;
    color: #fff;
    font-size: 13px;
}

.f_m_l_tit,.f_map_tit {
    font-size: 14px;
    color: #333;
}

.iSAB_right {
    text-align: right;
    cursor: pointer;
    width: auto;
}

.back_btn,.back_btn a,.p_l_more span,.top_btn a {
    text-align: center;
}

@media (max-width: 880px) {
    .index_small_ad_area {
        display:none;
    }
}
















.main .wrap {
	width:1100px;
    background: url(../images/in_bg_line.png) top left repeat-y;
}

.main2 .wrap {
    background:none;
}




@media (max-width: 1280px) {

	.main .wrap {
		width:80%;
	}

}

@media (max-width: 1200px) {

	.main .wrap {
		width:90%;
	}

}

@media (max-width: 1000px) {
	
    .main .wrap {
        background:0 0;
    }
		
}




















/*/////////////////////////////////////////////////////////*/
/*-------左右側--------*/
/*/////////////////////////////////////////////////////////*/


.left {
    float: left;
    width: 170px;
    padding: 62px 0;
	box-sizing:border-box;
}

.left_module_tit {
    font-size: 23px;
    color: #4c4c4c;
	padding: 0 11px 16px;
}

.now_tit {
    display: none;
    font-size: 40px;
    line-height: 48px;
    padding: 10px 140px 10px 0;
    cursor: pointer;
    z-index: 9;
}

/* .now_tit:after {
    position: absolute;
    border-top: solid 8px #000;
    border-left: solid 4px #fff;
    border-right: solid 4px #fff;
    top: 29px;
    margin: 0 0 0 10px;
} */

.left_module_tit,.now_tit {
    border-bottom: solid 2px #e5e5e5;
    font-weight: 700;
}


.mobile_right_top_img {
    position: absolute;
    top: 15px;
    right: 0;
    width: 140px;
    display: none;
}

.mobile_right_top_img img {
    width: 100%;
}

.left_list {
    border-bottom: solid 1px #f4f4f4;
}

.left_list a {
    display: block;
    transition: .3s ease all;
    font-size: 16px;
    color: #343434;
    line-height: 20px;
    padding: 15px 20px 15px 11px;
    position: relative;
}

.left_list>a:hover,.left_list_active>a {
    color: #fff;
    background: #c93c46;
}

.left_list_open a:hover,.left_list_open_active a {
    color: #c93c46;
}

.left_list>a:hover:after,.left_list_active>a:after {
    position: absolute;
    content: "";
    border-left: solid 6px #fff;
    border-top: solid 3px rgba(255,255,255,0);
    border-bottom: solid 3px rgba(255,255,255,0);
    top: 22px;
    right: 10px;
}

.left_list_open_area {
    padding: 4px 0 17px;
    display: none;
}

.left_list_open a {
    padding: 8px 20px 8px 21px;
}

.left_list_open a:before {
    content: "-";
    position: absolute;
    left: 10px;
    top: 6px;
}

.has_open > a:after {
    content: "+";
    top: 15px;
    right: 8px;
    position: absolute;
    border: none;
    font-weight: 700;

}

.has_open.left_list_active>a {
    color: #fff;
    background: #c93c46;
}

.has_open.left_list_active > a:after {
    content: "-";
    top: 13px;
    right: 12px;
    border: none;
}




.right {
    float: right;
	box-sizing:border-box;
	width: calc(100% - 170px);
    /*width: 814px;*/
}

/*沒有左側-----------------------*/
.right.noleft{
	float:none;
	width:100%;
	/*padding-top:62px;*/
}




.right_top {
    background: url(../images/in_right_tit_bg.png) top left;
    /*min-height: 215px;*/
	min-height: 150px;
    padding: 64px 0 0 26px;
    position: relative;
    border-bottom: solid 1px #ebebeb;
}
.right.noleft .right_top {
	padding-left:0;
}



.crumb,.crumb a {
    transition: .3s ease all;
    font-size: 12px;
    color: #b0b0b0;
}

.crumb a:hover {
    color: #f39800;
}

.right_tit {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    padding: 22px 0 20px;
}
	.right_tit span{
		margin-left: 10px;
		box-sizing: border-box;
		font-size: 35px;
		color: #4e4e4e;
	}

.right_top_img {
    position: absolute;
    width: 253px;
    right: 0;
    bottom: 0;
}

.right_top_img img {
    width: 100%;
    height: auto;
}

.right_main {
    padding: 18px 0 30px 26px;
}

.right.noleft .right_main {
	padding-left:0;
}





@media (max-width: 1000px) {

    .left {
        float: none;
        width: 100%;
        padding: 39px 0 0;
    }

    .left_module_tit {
		position: relative;
		z-index: 9;
		padding: 15px;
		border: solid 1px #d9d9d9;
		background-color: #f0f0f0;
		cursor: pointer; 
        /* border: none;
        padding: 0;
        font-size: 14px;
        color: #b0b0b0;
		font-weight: 100; */
    }
		.left_module_tit:after {
			content: '';
			position: absolute;
			border-top: solid 8px #000;
			border-left: solid 4px #f0f0f0;
			border-right: solid 4px #f0f0f0;
			top: 50%;
			right: 15px;
			/* margin: 0 0 0 10px; */
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	.mobile_right_top_img {
		display: none;
        /* display: block; */
    }
	.now_tit {
		display: none;
        /* display: block; */
    }

    .left_list_area {
        display: none;
    }
/*}

@media (max-width: 1000px) {*/
    .right {
        float:none;
        width: 100%;
    }

	.right_top {
		/* display: none; */
		padding: 25px 0 0;
		min-height: unset;
	}
		.right_tit {
			font-size: 30px;
			line-height: 30px;
			padding: 25px 0;
		}
		.right_tit span {
			font-size: 25px;
		}
		.right_top_img {
			display: none; 
		}

    .right_main {
        padding: 18px 0 30px;
    }
}


@media (max-width: 440px) {
    .now_tit {
        font-size:30px;
        line-height: 34px;
    }

    .now_tit:after {
        top: 22px;
        right: 131px;
    }

    .mobile_right_top_img {
        width: 121px;
    }
}








.text_area {
    font-size: 13px;
    line-height: 1.5;
}

/*電腦板網編*/
.text_areaPc{
}

/*手機板網編*/
.text_areaMobile{
	display:none;
}







.product_list_area {
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -10px;
}

.product_list {
    width: 25%;
    box-sizing: border-box;
    padding: 0 10px 40px;
    /* width: 23%; */
    /* padding: 0 2.41% 41px 0; */
    /* display: inline-block; */
    /* vertical-align: top; */
}

.p_l_more,.product_list a img {
    transition: 0.5s ease all;
    width: 100%;
}

.product_list:nth-of-type(4n+0) {
    /* padding: 0 0 41px; */
}

.product_list a {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #dbdbdb;
}

.product_list a img {
    height: auto;
}

.p_l_more {
    position: absolute;
    z-index: 9;
    background: rgba(0,0,0,.8);
    height: 100%;
    top: 0;
    opacity: 0;
}

.back_btn a,.news_list a {
    text-decoration: none;
	transition: .3s ease all;
	display: block;
}

.p_l_more span {
    display: inline-block;
    background: #fff;
    border-radius: 100%;
    font-size: 12px;
    line-height: 73px;
    font-weight: 700;
    color: #a14304;
    position: absolute;
    width: 73px;
    height: 73px;
    top: 50%;
    left: 50%;
    margin: -37px 0 0 -37px;
}

.product_list a:hover img {
    transform: scale(1.1);
}

.product_list a:hover .p_l_more {
    opacity: 1;
}

.p_l_tit {
    padding: 6px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
	.product_list_area .rL_price {
		font-size: 13.5px;
		padding-top: 5px;
	}


.p_l_clearfloat_2 {
    display: none;
}





@media (max-width: 1000px) { /*Judy修改20210104*/
	
	/*電腦板網編*/
	.text_areaPc{
		display:none;
	}
	
	/*手機板網編*/
	.text_areaMobile{
		display:block;
		font-size: 16px;
		line-height:2;
	}

}





@media (max-width: 550px) {
    .product_list {
        /* padding:0 4% 41px 0;
		width: 48%; */
		width: 50%;
		padding: 0 10px 30px;
    }

   /* .product_list:nth-of-type(2n+0) {
        padding: 0 0 41px;
     } */

    .p_l_clearfloat_2 {
        display: block;
    }

    .p_l_clearfloat_4 {
        display: none;
    }
}

.product_in_img {
    float: left;
    width: 41.88%;
    padding: 0 0 30px;
}

.product_in_img img {
    width: 100%;
    height: auto;
    border: 1px solid #dedede;
}

.product_in_right {
    float: right;
    width: 53.55%;
	padding: 40px 0 30px;
    /*padding: 40px 0 0px;*/
}

.p_i_r_tit {
    font-size: 25px;
    font-weight: 700;
    border-bottom: solid 2px #e7e7e7;
    line-height: 31px;
    padding: 0 0 10px;
}
.product_in_right .rL_price {
    padding-top:20px;
    font-size: 18px;
}
.p_i_r_remark {
    font-size: 15px;
    line-height: 26px;
    color: #333232;
	padding: 18px 0 0;
	margin-bottom: 25px;
}






/* 產品內頁按鈕------------------- */
/* .pITR_quantityAndAddCart {
	padding: 20px 0px 0px 0px;	
}	
	.pITR_quantity {
		padding-top:10px;
	}
	.pITR_quantity select {		
	} */

	.pITR_btn_area {
		box-sizing: border-box;
		/*float: left;
		padding:0px 55px;
		margin:0px -10px;*/
		position: relative;
		z-index: 9;
		padding: 35px 0 0px;
	}
	.pITR_btn_area.one {
		/* margin:0px auto;
		text-align: center; */
	}

		.pITR_btn_area input {
			/*-webkit-appearance: none;
			-webkit-border-radius: 0px;
			margin: 0px 10px;
			padding: 0;
			outline: none;
			cursor: pointer;
			vertical-align: middle;
			border: none;
			width: 157px;
			height: 42px;
			 background: #d70010; */
			color: #fff;
			/* border-radius: 3px;
			line-height: 42px;
			font-size: 15px;
			transition: 0.2s ease all;
			letter-spacing: 1px; */
		}

		/* .pITR_btn_area input {
			margin: 0px 0px;
		} */

			
			/* .pITR_btn_area input.add {
				background:#fac300;
			} */
			
			.pITR_btn_area input.buy {
				background:#333;
			}
			
			/* .pITR_btn_area input.none {
				background: #C7C7C7;
				cursor:auto;
			} */
				/*兩個按鍵時*/
				/* .pITR_btn_area.two_btn {
				}
					.pITR_btn_area.two_btn input {
					}
			
			.pITR_btn_area input.tracking{
				background: #70b42b;
			} */
			







@media (max-width: 700px) {
    .product_in_right {
        padding:10px 0 30px;
    }
}


@media (max-width: 640px) {
/* @media (max-width: 410px) { */
    .product_in_img,.product_in_right {
        float:none;
        width: 100%;
    }

    .product_in_img {
        padding: 0 0 10px;
	}
	
	.pITR_btn_area.one input {
		width:100%;
	}

}















                          
 
/*/////////////////////////////////////////////////////////*/
/*-------按鈕--------*/
/*/////////////////////////////////////////////////////////*/

.btn_area{	
	text-align:center;
	margin: 35px auto 0;
}
	
	/*右側返回按鈕*/
	.btn_area.one {	
	}
	.btn_area input{	
		margin:0px 15px 0px;
		/* background: #1d1d1d; */
	}			
	.btn_area input.back{	
		background: #1d1d1d;
	}	
	.btn_area input.back:hover{
		background: #a7a7a7;
	}


	@media (max-width: 640px) {


		.btn_area ,
		.pITR_btn_area{
			text-align: center;
		}


		.btn_area input ,
		.pITR_btn_area input{
			/*width: 120px;*/
			width:45% !important;
			margin:0px 2px !important;
		}

	}
		
	



/* .back_btn {
    padding: 35px 0 10px
};

.layer_3_select,.news_list {
    padding: 0 0 20px;
}

.back_btn a {
    display: inline-block;
    color: #fff;
    background:#d70010;
    border-radius: 3px;
	width: 157px;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
}
.back_btn a:first-of-type{
    background: #686868;
}
.back_btn a:hover {
    background: #1d1d1d
}

.back_btn_2 a {
    margin: 0 40px;
}

@media (max-width: 590px) {
    .back_btn_2 {
        font-size:0;
    }

    .back_btn_2 a {
        margin: 0;
        float: right;
        width: 47%;
    }

    .back_btn_2 a:first-of-type {
        float: left;
    }

    .back_btn_2:after {
        content: "";
        clear: both;
        width: 100%;
        height: 1px;
        display: block;
    }
} */
















.n_l_img,.n_l_right {
    /* display: inline-block; */
    vertical-align: top;
}

.layer_3_select select {
    font-size: 20px;
    font-weight: 700;
    border: none;
}






/* .news_list {
    font-size: 0;
    border-bottom: solid 1px #d8d8d8;
    margin: 0 0 15px;
}

.news_in_tit,.recipe_list_area .n_l_r_tit a {
    border-bottom: solid 2px #e7e7e7;
    font-weight: 700;
}

.n_l_img {
    width: 28.3%;
} 

.n_l_img a:hover {
    opacity: 0.8;
}

.n_l_img img {
    width: 100%;
    height: auto;
}

.n_l_right {
    width: 71%;
    padding: 0 0 0 22px;
}

.n_l_r_tit {
    padding: 0 0 10px;
}

.n_l_r_tit a {
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #000;
}

.n_l_r_tit a:hover {
    color: #c93c46;
}

.n_l_r_time {
    font-size: 12px;
    padding: 0 0 13px;
}

.n_l_r_remark {
    font-size: 13px;
    line-height: 22px;
    color: #696969;
    padding: 0 0 20px;
}

.n_l_r_more a {
    font-size: 12px;
    color: #c13e42;
}

.n_l_r_more a:hover {
    color: #f39800;
}

@media (max-width: 600px) {
    .n_l_img {
        width:40%;
    }

    .n_l_right {
        width: 59%;
    }
}

@media (max-width: 430px) {
    .n_l_img,.n_l_right {
        width:100%;
    }

    .news_list {
        margin: 0 0 20px;
    }

    .n_l_right {
        padding: 15px 0 5px;
    }

    .n_l_r_more a,.n_l_r_remark {
        font-size: 14px;
    }
}

.news_in_tit {
    font-size: 23px;
    line-height: 31px;
    padding: 0 0 11px;
}

.news_in_time {
    font-size: 12px;
    color: #6d6d6d;
    padding: 10px 0 20px;
}

.recipe_list_area .n_l_img {
    width: 30.45%;
}

.recipe_list_area .n_l_right {
    width: 69.55%;
}

.recipe_list_area .n_l_r_tit a {
    font-size: 25px;
    line-height: 33px;
    padding: 0 0 10px;
}

.recipe_list_area .n_l_r_remark {
    font-size: 14px;
    line-height: 25px;
    color: #0f0f0f;
}

@media (max-width: 430px) {
    .recipe_list_area .n_l_img {
        width:35%;
    }

    .recipe_list_area .n_l_right {
        width: 65%;
        padding: 0 0 0 22px;
    }
}

.recipe_in .news_list {
    border-bottom: none;
    padding: 0;
    margin: 0;
}

.recipe_in .n_l_r_tit {
    font-size: 25px;
    font-weight: 700;
    border-bottom: solid 2px #e7e7e7;
    line-height: 33px;
    padding: 0 0 10px;
    margin: 0 0 10px;
}*/



.news_list {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    font-size: 0;
    border-bottom: solid 1px #d8d8d8;
    margin: 0 0 25px;
    padding: 0 0 10px;
}

/* .news_in_tit,.recipe_list_area .n_l_r_tit a {
    border-bottom: solid 2px #e7e7e7;
    font-weight: 700;
} */




.n_l_img {
    min-width: 250px;
	box-sizing: border-box;
	position: relative;
}

	.n_l_img a:hover img{
		opacity: 0.8;
	}

		.n_l_img img {
			width: 100%;
			height: auto;
			/* background-color: #fff; */
		}

	.n_l_tag {
		text-align: center;
		position: absolute;
		background-color: #333333;
		min-width: 50px;
		font-size: 15px;
		color: #fff;
		padding: 5px;
		top: 0;
		left: -5px;
		z-index: 1;
		box-shadow: 1px 1px 5px rgb(0 0 0 / 0.5);
		border-radius: 3px;
	}
	.n_l_tag2 {
		background-color: #f0f0f0;
		color: #afafaf;
	}


.n_l_right {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 25px;
}

	.n_l_r_tit {
		margin: 0 0 10px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

		.n_l_r_tit a {
			display: block;
			font-size: 20px;
			line-height: 30px;
			color: #000;
		}

		.n_l_r_tit a:hover {
			color: #c93c46;
		}

	.n_l_r_time {
		font-size: 12px;
		padding: 0 0 13px;
	}

	.n_l_r_remark {
		font-size: 13px;
		line-height: 22px;
		color: #696969;
		margin-bottom:15px;
		
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

		.n_l_r_more a {
			font-size: 12px;
			color: #c13e42;
		}

		.n_l_r_more a:hover {
			color: #f39800;
		}


	/*沒有照片時樣式*/
	.news_list.noImg .n_l_img {
		display:none;
	}
	.news_list.noImg .n_l_right {
		padding-left: 0;
	}
	


	/* 最新消息內頁標題 */
	.news_in_tit {
		font-size: 23px;
		line-height: 31px;
		padding: 0 0 11px;
	}

	/* 最新消息內頁時間 */	
	.news_in_time {
		font-size: 12px;
		color: #6d6d6d;
		padding: 10px 0 20px;
	}
	






	
@media (max-width: 640px) {

	.news_list {
		display: block;
		flex-wrap: unset;
		flex-direction: unset;
	}
		.n_l_img {
			width: 100%;
			min-width: unset;
			margin-bottom: 15px;
		}
		 .n_l_right {
			padding: 0 0 0 0px;
		} 
}



 /*@media (max-width: 600px) {
    .n_l_img {
        width:40%;
    }

    .n_l_right {
        width: 59%;
    } 
}*/

  /* @media (max-width: 430px) {
  .n_l_img,.n_l_right {
        width:100%;
    }

    .news_list {
        margin: 0 0 20px;
    }

    .n_l_right {
        padding: 15px 0 5px;
    }

    .n_l_r_more a,.n_l_r_remark {
        font-size: 14px;
    } 
}*/



























.recipe_list_area .n_l_img {
    width: 30.45%;
}

.recipe_list_area .n_l_right {
    width: 69.55%;
}

.recipe_list_area .n_l_r_tit a {
    font-size: 25px;
    line-height: 33px;
    padding: 0 0 10px;
}

.recipe_list_area .n_l_r_remark {
    font-size: 14px;
    line-height: 25px;
    color: #0f0f0f;
}

@media (max-width: 430px) {
		.recipe_list_area .n_l_img {
			width:35%;
		}

		.recipe_list_area .n_l_right {
			width: 65%;
			padding: 0 0 0 22px;
		}
}

	.recipe_in .news_list {
		border-bottom: none;
		padding: 0;
		margin: 0;
	}

	.recipe_in .n_l_r_tit {
		font-size: 25px;
		font-weight: 700;
		border-bottom: solid 2px #e7e7e7;
		line-height: 33px;
		padding: 0 0 10px;
		margin: 0 0 10px;
	}

	









/*/////////////////////////////////////////////////////////*/
/*modify by pekey 20181029   start*/
/*/////////////////////////////////////////////////////////*/





/*-------驗證碼----------------------------------------------------------------------------*/
.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:#686868;
		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 30px;
}


@media (max-width: 800px){
	.form_area_bg {
		padding:0px 15px;
	}
}

	
	/*表單區備註*/
	.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 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		vertical-align: top;
		justify-content: space-between;
		align-content: flex-start;
	}
		/*表單區左*/
		.form_left {
			width:48%;
			float:left;
		}
		/*表單區右*/
		.form_right {
			width:48%;
			float:right;
		}

		.form_list {
			box-sizing:border-box;
			font-size:15px;
			line-height:21px;
			width:100%;
		}
		.fLType2{
			width:49%;
		}
			/* .form_list {
				font-size:15px;
				line-height:21px;
				border-bottom: dotted 1px #707984;
				padding:12px 0px 0px 0px;
			} */
			
			/*一列兩個樣式*/
			/* .fLType2 {
				display:inline-block;
				vertical-align:top;
				width:48%;
				box-sizing: border-box;
			} */
			
				.fL_tit {
					/* font-weight:bold; */
					padding:3px 0px 6px 0px;
					position:relative;
				}
					/*必填icon*/
					.fL_tit .requirde_icon {
						position:absolute;
						right:0px;
					}
					.required_icon {
						color: #f00;
						display: inline-block;
					}
					
				.fL_info {
					/*padding: 9px 0px 10px 0px;*/
					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.contact select {
						width:100%;
					}
					
					
										
					/*地址樣式*/
					/* .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.address {
						position:relative;
						padding-left: 250px;
					}
					.fL_info.address select {
						margin:0px 5px 0px 0px;
						position:absolute;
						left: 100px;
						height: 42px;
					}
					.fL_info.address select:nth-of-type(1) {
						width:90px;
						left: 0;
						/*margin:0px 5px 0px 0px;*/
					}					
					
					.fL_info.address input[type='text']:nth-of-type(1) {
						width:97px;
						position:absolute;
						left: 140px;
					}
					.fL_info.address input[type='text']:last-of-type {
						/*margin:12px 0px 0px 0px;*/
					}					


					.address2{
						
					}


					/*生日樣式*/
					.fL_info.birthday {
					}
						.fL_info.birthday select {
							margin:0px 0px 0px 0px;
						}
					




			/*檔案上傳樣式*/
			.inputFile {
				position:relative;
				border: solid 1px #aeaeae;
				background:#fff;
				border-radius: 3px;
				padding:0px 80px 0px 0px;
				margin: 0px 0px 17px;
			}
				.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:#d70010;
						color: #fff;
						font-size: 15px;
						line-height: 42px;
						text-align:center;
						width:80px;
						display: inline-block;
						transition:0.3s ease all;
					}
						.inputFile label:hover div {
							background: #1d1d1d;
						}
				.inputFile input[type='file'] {
					display:none;
				}
					
						
@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;
		}
		.fL_info.inputFile label{
			padding: 0px 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;
			}
			
			

/*表單區塊*/
.join_formArea{
}

	/*標題*/
	.form_titArea{
		font-size: 25px;
		line-height: 37px;
		color: #c93c46;
		font-weight: bold;
	}
	
	/*表單內容*/
	.join_formIn{
		/*width: 60%;
		float: left;*/
		box-sizing: border-box;
		padding: 20px 0px 0px;
		margin: 0px -7px;
	}
	
		.join_formIn .form_list{
			/*border-bottom: dotted 1px #ccc;*/
			border-bottom: 0;
			padding: 15px 7px 9px;
		}
			.join_formIn .form_list .fL_info {
				padding: 0px;
			}
		
			.join_formIn .form_list input[type="text"]{
				width: 100%;
				box-sizing: border-box;
			}
	
			.fL_info.special input[type='text']{
				width: 135px;
			}
	
			.fL_info.special textarea{
				/*width: 100%;*/ /*modify by pekey 20181105*/
				width: 65%;
				padding: 0 3px;
			}


@media (max-width: 640px){
	
	/*modify by pekey 20181105*/
	.fL_info.special textarea{
		width: 100%; 
	}
}



.provision_area {
    padding: 45px 0 0;
}

	.provision_tit {
		font-size: 14px;
		padding: 0 0 18px;
	}
	
	.provision_text_area {
		height: 327px;
		border: solid 1px #c5c5c5;
		overflow-y: scroll;
		padding: 10px 15px;

		/*width: 100%;*/ /*modify by pekey 20181105*/
		width: 66%;
		box-sizing: border-box;
	}
	
	.provision_check_area {
		font-size: 14px;
		font-weight: 700;
		padding: 17px 0 0;
	}

.provision_remark {
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    padding: 40px 0 10px;
}
.red {
    color: #de484d;
}

a.red {
    text-decoration: underline;
    color: #c42605;
}

	
.form_area_btn {
    text-align: center;
    padding: 40px 0 10px;
}
	.form_area_btn input[type="submit"]{
		text-align: center;
		color: #fff;
		background: #de484d;
		border-radius: 3px;
		width: 188px;
		height: 42px;
		line-height: 42px;
		font-size: 15px;
		font-family: Arial,Helvetica,sans-serif,"Century Gothic","Times New Roman",Times,serif,'Microsoft JhengHei 2',"微軟正黑體","新細明體";
	}
	
	.form_area_btn input[type="submit"]:hover {
		background: #f39800;
	}
	

@media (max-width: 640px){
	/*一列兩個樣式*/
	.fLType2 {
		width: 100%;
	}
	
	/*modify by pekey 20181105*/
	.provision_text_area { 
		width: 100%;
	}
}
























                 
                          
 
/*/////////////////////////////////////////////////////////*/
/*-------門市活動區塊--------*/
/*/////////////////////////////////////////////////////////*/




/*門市活動區塊版頭版腳*/
.header.activity_header{
}
	
	.header.activity_header .header_search_area ,
	.header.activity_header .navbar{
		display:none;
	}

.activity_footer{
}
	.activity_footer .footer_map_area{
		display:none;
	}
	.activity_footer .footer_company_info {
		padding-top:23px;
	}








/*store_activity modify by pekey 20200110 start*/
.main.store_activity .wrap{
	background: none;
}
	/*門市活動區塊*/
	.store_activityBg {
		padding: 62px 0px;
	}

	/*門市活動區塊*/
	.store_activityBg .text_area{
		padding: 20px 0px 0px;
	}
		.text_area img{
			max-width: 100%;
			height: auto;
		}

@media (max-width: 768px){
	
	/*門市活動區塊*/
	.store_activityBg {
		padding: 30px 0px;
	}
}

/*store_activity modify by pekey 20200110 end*/










/*appointment modify by pekey 20200421 start*/
.appointment_bg{
	padding: 60px 0px 0px;
}

	.appointment_bg .cart_little_tit {
		font-size: 0;
		line-height: 26px;
		position: relative;
		padding: 2px 0 2px 44px;
	}
	
	.appointment_bg .c_l_t_no {
		display: inline-block;
		color: #fff;
		font-size: 15px;
		width: 30px;
		height: 30px;
		background: #d2b58c;
		border-radius: 100%;
		text-align: center;
		vertical-align: top;
		margin: 0 14px 0 0;
		line-height: 30px;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.appointment_bg .cart_little_tit strong {
		font-size: 20px;
		font-weight: 700;
	}


	.appointment_bg .form_remark_area {
		font-size: 14px;
		color: #c13e42;
		text-align: center;
		padding: 19px 0 0;
		line-height: 20px;
	}
		.appointment_bg .required_icon {
			display: inline-block;
			color: #fff;
			font-size: 12px;
			width: 33px;
			height: 18px;
			border-radius: 3px;
			background: #c13e42;
			line-height: 18px;
			text-align: center;
		}
		
	.appointment_bg .form_left_area, 
	.appointment_bg .form_right_area {
		width: 46%;
	}
	.appointment_bg .form_left_area {
		/*float: left;*/
	}
	.appointment_bg .form_right_area {
		/*float: right;*/
	}
		
		.appointment_bg .form_list {
			padding: 17px 0 14px;
			/*border-bottom: dotted 1px #0f0f0f;*/
			font-size: 15px;
		}
	
			.appointment_bg .fL_tit {
			}
				.appointment_bg .form_list .required_icon {
					position: absolute;
					top: 0;
					right: 0;
				}

	
			.appointment_bg .fL_info {
				min-height: 42px;
				line-height: 42px;
				padding: 9px 0 0;
			}
				.appointment_bg .input, input[type=text], 
				.appointment_bg input[type=password], 
				.appointment_bg input[type=search] ,
				input[type=password] {
					margin: 0;
					outline: 0;
					vertical-align: middle;
					height: 42px;
					line-height: 42px;
					border: 1px solid #b3b3b3;
					font-size: 15px;
					width: 100%;
					transition: .2s ease all;
					padding: 0 3px;
					box-sizing: border-box;
				}
				
				.appointment_bg select {
					height: 42px;
					line-height: 42px;
					margin: 0 9px 0 0;
					padding: 5px 0 6px;
					outline: 0;
					border: 1px solid #b3b3b3;
					font-size: 15px;
					transition: .2s ease all;
					vertical-align: middle;
				}
						
				/*門市class*/	
				.appointment_bg .form_list.store select{
					width: 100%;
				}	
				/*時段class*/	
				.appointment_bg .form_list.time select{
					width: 47.6%;
					display: inline-block;
					margin: 0px;
				}	
						
				.appointment_bg .fL_info.address select {
					height: 42px;
					line-height: 42px;
					margin: 0 9px 0 0;
					padding: 5px 0 6px;
					outline: 0;
					border: 1px solid #b3b3b3;
					font-size: 15px;
					transition: .2s ease all;
					vertical-align: middle;
				}
				
				.appointment_bg .fL_info input[type=text].postal_code {
					width: 93px;
				}
				
				.appointment_bg .fL_info input[type=text].address_text {
					margin: 8px 0 0;
				}
							
							
					.appointment_bg .captcha {
						font-size: 12px;
						margin: 0 0 -10px;
					}
					
						.appointment_bg .captcha input[type=text] {
							width: 130px;
							margin-right: 5px;
						}
						
						.appointment_bg .captcha a {
							text-decoration: none;
							transition: .5s ease all;
						}
				
/*同意條款區塊*/				
.appointment_bg .agreeToTerms{
    color: #000;
    font-size: 15px;
    line-height: 20px;
    padding-top: 15px;
}		
	.appointment_bg .agreeToTerms a{
		color: #f00;
		text-decoration: underline;
	}
			
			
			
			/*按鈕區塊*/
			/* .appointment_bg .form_btn_area{
				text-align: center;
				font-size: 0;
    			padding: 35px 0 0;
			}

			.appointment_bg .form_btn_area.appointment_button {
				display: block;
			}		
			
				.appointment_bg input[type=button], .appointment_bg input[type=submit],.appointment_bg input[type=reset] {
					-webkit-appearance: none;
					-webkit-border-radius: 0;
					margin: 0 30px;
					padding: 0;
					outline: 0;
					cursor: pointer;
					vertical-align: middle;
					border: none;
					width: 188px;
					height: 42px;
    				ine-height: 42px;
					background: #de484d;
					color: #fff;
					font-size: 15px;
					border-radius: 3px;
					transition: .2s ease all;
					letter-spacing: 1px;
    				font-family: Arial,Helvetica,sans-serif,"Century Gothic","Times New Roman",Times,serif,"微軟正黑體","新細明體";
				}
				
				.appointment_bg .form_btn_area input[type=reset] {
					background: #555;
				}
				
				.appointment_bg .form_btn_area input[type=reset]:hover {
					background: #9d9494;
				}
				
				.appointment_bg input[type=button]:hover, input[type=submit]:hover {
					background: #1d1d1d;
				} */
			
						
			

@media (max-width: 650px) {
    .appointment_bg .form_left_area, .appointment_bg .form_right_area {
        width:100%;
        float: none;
    }

    
}

@media (max-width: 320px) {
    .appointment_bg .fL_info.birthday {
        white-space:nowrap;
        font-size: 14px;
        letter-spacing: 0;
    }

    .appointment_bg .fL_info select {
        font-size: 13px;
        width: 74px;
    }
}	





























/*燈箱*/
.agree_lightBox {
	position:fixed;
	background: rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:999;
	transition:0.3s ease all;
	opacity:0;
	pointer-events: none;
	opacity:1\9;			/*ie9*/
	display:none \9;		/*ie9*/
	
	text-align: center;
}
.agree_lightBox.show {
	opacity:1;
	pointer-events: auto;
	display:block \9;		/*ie9*/
	
	overflow-y: auto;
}

/* IE10、11、edge模式 */
@media all and (-ms-high-contrast:none) {
	.agree_lightBox {
		opacity:1;
		display:none;
	}
	*::-ms-backdrop, .agree_lightBox {
		opacity:1;
		display:none;
	}
		.agree_lightBox.show {
			display:block;
		}
		*::-ms-backdrop, .agree_lightBox.show {
			display:block;
		}
}




	.lightBox_info {
		position: relative;
		background:#fff;
		border-radius:3px;
		/*padding: 90px 50px;*/
		padding: 3% 3%;
		top: 10%;
		margin: 0 auto;
		/*width: 556px;*/
		width: 80%;
		min-height: 345px;
		max-height: 80%;
		display: inline-block;
		box-sizing: border-box;
		overflow-y: auto;
	}
		.mL_close {
			/*position: absolute;*/
			position: fixed;
			text-align: center;
			width: 17px;
			color: #333;
			top: 20px;
			right: 20px;
			cursor: pointer;
			transition:0.3s ease all;
		}
			.mL_close img{
				width: 100%;
				height: auto;
			}
			
		/*hover*/
		.mL_close:hover {
			opacity: 0.7;
		}
		
		
		/*網編區*/
		.lightBox_info .text_area{
			display: none;
			padding: 0px;
		}
		.lightBox_info .text_area.A.show{
			display: block;
		}
		.lightBox_info .text_area.B.show{
			display: block;
		}



@media (max-width: 768px){
		.lightBox_info {
			width: 526px;
			/*width: 68%;*/
			padding: 50px 70px;	
			padding: 35px 20px;
		}
}

@media (max-width:  640px){
	
	.mL_close{
		/*display: none;*/
	}
	
	.lightBox_info {
		width: 90%;
		/*padding: 50px 15px;*/
		/*top: 3%;*/
		/*top: 0%;
		border-radius: 0px;*/
	}
}



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

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

@media (max-width: 375px){
	.lightBox_info {
		/*top: 0;*/
	}
}

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

@media (max-height: 485px){
}				

	
		
			
/*appointment modify by pekey 20200421 end*/





/*修改影片樣式(當影片為兩則時) modify by pekey 20200518 start*/
.lightboxMain.lightbox_two {
    background: none;
   	max-width: 1060px;
}


.lightboxMain.lightbox_two .lightBox_iframe {
	float: left;
    width: 50%;
	padding-right: 5px;
	box-sizing: border-box;
}

.lightboxMain.lightbox_two .lightBox_iframe:nth-of-type(2){
	padding-right: 0px;
	padding-left: 5px;
}


.lightboxArea.auto_use.narrow .lightboxMain.lightbox_two .lightBox_iframe{
	float: none;
    width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	box-sizing:inherit;
}


.lightboxArea.auto_use.narrow .lightboxMain.lightbox_two .lightBox_iframe:nth-of-type(2){
	padding-top: 7px;
}


.clearfloat { /* 這個類別可放置在 <br /> 或空白的 Div 上，當做接在 #container 內最後一個浮動 Div 後方的最後一個元素 (如果從 #container 移除或取出 #footer) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.narrow .lightboxMain.lightbox_two {
	bottom: 149px;
}



@media (max-width: 990px) {
	
	.narrow .lightboxMain.lightbox_two {
		bottom: 207px;
	}

}


@media (max-width: 500px) {
     .lightboxMain.lightbox_two  {
		max-height: 230px;
    }

	
	.narrow .lightboxMain.lightbox_two {
		/* bottom: 107px;
		width: 160px; */
		width: 190px;
		height: 100px;
		bottom: 168px;
	}
	
		.lightboxMain.lightbox_two .lightBox_iframe {
			float: none;
			width: 100%;
			padding-right: 0px;
			box-sizing: inherit;
		}
		
		.lightboxMain.lightbox_two .lightBox_iframe:nth-of-type(2){
			padding-left: 0px;
			padding-top: 7px;
		}
	
}



/*修改影片樣式(當影片為兩則時) modify by pekey 20200518 end*/















                          
 
/*/////////////////////////////////////////////////////////*/
/*-------體驗分享區--------*/
/*/////////////////////////////////////////////////////////*/


.reviewsArea{
	margin: 30px 0 0;
}
	.news_in_tit.news_in_tit2{
		line-height: 24px;
	}
		.news_in_tit2 .n_l_tag{
			position: unset;
			top: unset;
			left: unset;
			box-shadow: unset;
			padding: 1px 5px;
			margin-bottom: 10px;
			max-width: 100px;
			display: inline-block;
			vertical-align: middle;
		}

		.reviews_po {
			margin: 0 0 5px;
			text-align: right;
		}

@media (max-width: 640px) {

	.reviews_po {
		margin: 0 0 40px;
		text-align: left;
	}

}

@media (max-width: 425px) {

	.reviews_po input {
		width: 47%;
	}

}


		
/*星星區塊----------------------------------------*/	

.starBg{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 -10px;
}
.star_area{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    padding: 0 10px 5px;
    box-sizing: border-box;
    width: 50%;
}

	.star_area span {
		box-sizing: border-box;
		margin-right: 15px;
		font-size: 14px;
		color: #515151;
	}

	.star_in{
		width: 145px;
		min-width: 145px;
		box-sizing: border-box;
		text-align: center;
	}
	
		.rating {
				font-size: 0;
				display: table;
				margin: 0px -5px;
			}
		
			.rating > label {
				color: #ddd;
				float: right;
			}
			
			.rating > label:before {
				/* padding: 5px;
				font-size: 35px; */
				line-height: 1em;
				padding: 0 2px;
    			/*font-size: 30px;*/
				font-size: 20px;
				display: inline-block;
				/*content: "★";*/
				content: "☆";
			}
			
			.rating > input:checked ~ label,
			.rating:not(:checked) > label:hover,
			.rating:not(:checked) > label:hover ~ label {
				color: #FFD700;
			}
		
			.rating > input:checked ~ label:hover,
			.rating > label:hover ~ input:checked ~ label,
			.rating > input:checked ~ label:hover ~ label {
				opacity: 0.5;
			}	
			
			/*前台顯示星星*/
			.rating.after > label {
				/*color: #FFD700;*/
				color:#bbbbbb;
				float: right;
				cursor: auto;
			}
			
			.rating.after > input:checked ~ label:hover,
			.rating.after > label:hover ~ input:checked ~ label,
			.rating.after > input:checked ~ label:hover ~ label {
				opacity: 1;
			}

@media (max-width: 640px) {

	.starBg{
		display: block;
		flex-wrap: unset;
		flex-direction: unset;
		justify-content:unset;
		margin: 0 auto;
	}
	.star_area{
		/* display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: center; */
		padding: 0 0px 5px;
		width: 100%;
	}

}




/*/////////////////////////////////////////////////////////*/
/*-------前台_使用者評論--------*/
/*/////////////////////////////////////////////////////////*/

.commentBg {
    margin: 50px 0 0;
    border-top: 1px #afafaf dashed;
    padding: 30px 0 0;
}

.commentBg .news_in_tit{
	padding: 0 0 20px;
}

.comment_listArea{
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0px -10px -20px;
	/* vertical-align: top; */
}
	.comment_list{
		width: 33.3%;
		box-sizing:border-box;
		padding: 0px 10px 20px ;
		text-align: left;
	}

		.comment_listIn{
			padding: 15px 15px;
			/* border: solid 1px #c7c7c7; */
			background-color:#fbfbfb;
    		box-shadow: 0px 1px 8px rgb(0 0 0 / 0.3);
		}
			.comment_memberArea{
				/* padding: 10px 0px 0px; */
				display: flex;
				flex-wrap: nowrap;
				flex-direction: row;
				align-items: center;
			}
			
				.comment_memberImg{
					/* float: left; */
					width: 20px;
					box-sizing: border-box;
				}
					.comment_memberImg img{
						width: 100%;
						height: auto;
					}
				
				.comment_memberName{
					/* float: left; */
					padding: 5px 10px;
					font-size: 16px;
					box-sizing: border-box;
				}
				
				.comment_memberDate{
					/* float: right; */
					color: #999;
					border-left: solid 1px #bebebe;
					padding: 0px 0px 0px 10px;
					font-size: 12px;
					margin: 7px 0px;
				}

				
			.comment_productArea{
				padding-top: 10px;
			}
			
				.commentProduct_img{
					border: 1px #dadada solid;
				}
					/* .commentProduct_img a {
						display: block;
						text-decoration: none;
					} */				
						.commentProduct_img img {
							width: 100%;
							height: auto;
						}
				
				.commentProduct_tit{ 
					font-size: 16px;
					line-height:24px;
					padding: 10px 0px 0px;
				}
				
				.commentProduct_img.lightBoxShow.play_video{
				 	cursor: pointer;
					position:relative;
				}
				.commentProduct_img.lightBoxShow.play_video:hover{
					opacity:0.5;
				}	
				
				
				.vL_text_area {
					position:absolute;
					width:100%;
					max-width:80px;
					text-align:center;
					left: 50%;
					top: 50%;
					-webkit-transform:translateX(-50%) translateY(-50%);
					transform:translateX(-50%) translateY(-50%);
					box-sizing: border-box;
					color:#fff;
					text-shadow: 1px 1px 0px rgba(0,0,0,0.75);
				}
					.vL_text_area img {
						width:50px;
						height:auto;
					}
					/*hover*/
					/*.index_video_list:hover > img {
						opacity:1;
					}
					.index_video_list:hover .vL_text_area img{
						transition:0.3s ease all;
						transform: scale(0.8);
					}*/	

			


				.comment_productArea .starBg {
					display: block;
					flex-wrap: unset;
					flex-direction: unset;
					justify-content: unset;
					margin: 10px auto 0;
				}
					.comment_productArea .star_area {
						padding: 0 0px 5px;
						width: 100%;
					}
						.comment_productArea .star_in {
							width: 95px;
							min-width: 95px;
						}
						.comment_productArea .rating.after > label {
							color: #FFD700;
						}
							.comment_productArea .rating > label:before{
								/*font-size: 18px;*/
								font-size: 15px;
								content: "★";
							}


				.commentProduct_specification{ 
					font-size: 14px;
					line-height: 22px;
					padding-top: 10px;
					color: #999;
				}	
				
				.commentProduct_comment{ 
					font-size: 15px;
					line-height: 20px;
					padding: 5px 0px 0px;
				}	
				.commentProduct_text{
					padding: 10px 0px 0px;
    				font-size: 13px;
					line-height: 18px;
				}

		/* 商品社群分享 */
		ul.comment_share{
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			list-style-type: none;
			align-items: center;
			margin: 0px 0px;
			padding: 0px;
			color: #000;
			font-size: 13px;
			line-height: 18px;
		}
			ul.comment_share li{
				padding: 5px;
			}		
				ul.comment_share li a{
					display: block;
					/* background-color: #000; */
				}	
				ul.comment_share li a:hover{
					opacity: 0.5;
				}
				ul.comment_share li img{
					width: 27px;
					height: auto;
				}	
				
				





				
@media (max-width: 768px){

	/* .comment_list{
		width: 50%;
	}

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

	.comment_listArea{
		display: block;
		flex-direction: unset;
		flex-wrap: unset;
		margin: 0px 0px -20px;
	}
		.comment_list{
			width: 100%;
			padding: 0px 0px 20px ;
		}
	
}













/*/////////////////////////////////////////////////////////*/
/*據點*/
/*/////////////////////////////////////////////////////////*/





.in_brand_tab{
	padding: 5px 0px 30px;
    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:last-of-type:after{
			display:none;
		}
		
		.iBT_list a{
			font-size:14px;
			color:#4f4f4f;
			transition: 0.3s ease all;
			padding:0px 10px;
			text-decoration:none;
		}
		.iBT_list:hover a{
			color:#f0f0f0;
		}
		
		
		/*品牌介紹區域*/
		.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;
				}
				







.base_table table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 30px;
}

	.Brand2 ,
	.Brand3 ,
	.Brand4 {
		display: none;
	}

.base_table table th {
    background:#f0f0f0;
    color: rgb(48, 48, 48);
    font-size: 16px;
    padding: 20px 5px;
    font-weight: inherit;
}


			.base_table table tr{
				/*border-bottom: solid 1px #f0f0f0;
				cursor: pointer;*/
			}


			.base_table table td{
				text-align: center;
				color:#696969;
				padding: 22px 5px;
				line-height:25px;
				font-size:14px;
				transition: 0.3s ease all;
				border-bottom: none;
    			border-right: none;
				background: #ffffff00;
			}

			.base_table table tr:hover td{
				background:#fff;
				transition: 0.3s ease all;
				cursor: pointer; 
			}
			.base_table table  td span{
				color: #c93c46;
				transition: 0.3s ease all;
				cursor: pointer;
				font-weight: bolder;
				line-height: 25px;
			}
			.base_table table  td i{
				color: #c93c46;
				line-height: 25px;
				vertical-align: -26%;
			}


@media (max-width:860px){

.base_table table th {
    display: block;	
}

.base_table table tr:first-child {
    display:none;
}
.base_table table tr {
    border-bottom: 1px #a9a9a9 dashed;
    margin: 0 0 15px;
    display: block;
    padding-bottom: 20px;
}

	.base_table table td {
		text-align:left;
		padding: 5px 5px;
		display:block;
	}
	.base_table table td span {
		display: none;
	}

	.base_table table td:before {
		content: attr(data-name);
	}

	.base_table table td.base_td_brn{
		background-color: #d70010;
		text-align: center;
		border-radius: 3px;
		font-size: 15px;
		line-height: 28px;
		color: #ffffff;
		/* font-weight: bolder; */
		margin: 5px 0 0;
	}

	.base_table table td.base_td_brn i{
		color: #fff;
		vertical-align: -10%;
		line-height: 25px;
		font-size: 15px;
		display: inline-block;
	}

		.base_table table tr:hover td{
			background:#ffffff00;
			transition: 0.3s ease all;
		}
		.base_table table tr:hover td.base_td_brn{
			background: #1d1d1d;
			/* color:#fccb00; */
			transition: 0.3s ease all;
		}
}









/*-------餐廳據點頁面_in-----------------------------*/



.baseInTop{
}


/*實際案例內頁上左*/
.base_pIT_left {
	display: none;
	float: left;
	width:48.5%;
	box-sizing:border-box;
}


	/*商品列表圖片*/
	.baseInTop .base_productInImg{
		/*width:40%;*/
		box-sizing:border-box;
		position:relative;
	}
		.base_productInImg img{
			width:100%;
			height:auto;
		}


		/*實際案例內頁大圖*/
		.baseInTop .base_productImgBig {
			padding: 0px 0px 20px 0px;
		}
		.baseInTop .base_productImgBig img {
				width:100%;
				height:auto;
			}
		
		/*實際案例內頁小圖*/	
		.baseInTop .productImgSmall {
			/*font-size:0px;*/
			display: flex;
			flex-wrap: nowrap;
			flex-direction: row;
			margin: 0px -5px;
			padding: 5px 0px 0px;
		}
		/*.location01 {
			display: none;
		}*/	
			.baseInTop .base_pIS_list {
				padding:0px 5px;
				width:25%;
				box-sizing:border-box;
			}
				.baseInTop .base_pIS_list img {
					width:100%;
					height:auto;
					cursor:pointer;
				}		
				.baseInTop .base_pIS_list:hover img {
					opacity:0.5;
				}  






/*實際案例內頁上右*/
.base_pIT_right {
	/* float:right;
	width:48.5%; */
	box-sizing:border-box;
}
	/*案例名稱*/
	.base_pITR_name{
		font-size:20px;
		color:#4f4f4f;  
		line-height:24px;
		/* padding-bottom:8px;
		border-bottom:1px solid #ccc; */
		font-weight:bold;
	}
	/*案例資料*/
	.base_pITR_text{
		font-size:16px;
		color:#696969;
		line-height:30px;
		padding-top: 15px;
	}
	.base_pITR_text span{
		display:block;
		margin:0px 0px 15px;
		position:relative;
	}
	
	.base_pITR_text span:before {
		content: attr(data-name);
	}
	
	
		
	
/*案例說明*/
.base_pIT_bottom{
	font-size:16px;
	color:#696969;
	line-height:26px;
	margin-top:26px;
	border-top: 1px solid #f0f0f0;
	padding:26px 0px; 
}


	
@media (max-width:900px){
	.base_pIT_left {
		width:100%;
		float:none;
	}
		
	.base_pIT_right {
		width:100%;
		float:none;
		/* padding-top:50px; */
	}
}

























                          
 
/*/////////////////////////////////////////////////////////*/
/*-------進階搜尋內頁--------*/
/*/////////////////////////////////////////////////////////*/




/* 進階搜尋內頁 */
.advanced_searchBg{
	background-color: #f0f0f0;
	padding: 25px 30px 45px;
}

/* 進階搜尋類型區 */
.advancedSearchArea{
	display: flex;
    flex-direction: row;
	flex-wrap: nowrap;
	padding: 15px 0;
}

	/* 進階搜尋標題 */
	.advancedSearchL{
		box-sizing: border-box;
		padding: 15px 15px 15px 0;
		color: #001020;
		font-size: 16px;
		width: 170px;
		min-width: 170px;
		/* width: 15%;
		min-width: 162px; */
	}
		.advancedSearchL span{
			/* font-size: 15px; */
		}


	/* 進階搜尋右側 */
	.advancedSearchR{
		/* width: 85%; */
		width: 100%;
		box-sizing: border-box;
		font-size: 15px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin: 0 -10px;
		/* justify-content: space-between; */
	}

		/* 進階搜尋選項 */
		.advancedSearchList{
			width: 20%;
			box-sizing: border-box;
			padding: 5px 10px;
			word-wrap: break-word;
			word-break: break-all;
		}
			.advancedSearchList a{
				text-decoration: none;
				display: block;
				border: 1px solid #cdc3c4;
				font-size: 16px;
				line-height: 26px;
				font-weight: 300;
				color: #62626e;
				background: #fff;
				cursor: pointer;
				padding: 22px 22px;
				text-align: center;
				position: relative;
				height: calc(100% - 44px);
				transition: 0.3s ease all;
			}	
			.advancedSearchList a:after {
				transition: 0.3s ease all;
			}


				.advancedSearchList span{
					position: relative;
				}	
				.advancedSearchList span:before {
					opacity: 0;
					position: absolute;
					content: 'L';
					font-size: 15px;
					color: #d70010;
					left: -33px;
					top: 50%;
					-webkit-transform: scaleX(-1) rotate(310deg) translateY(-90%);
					transform: scaleX(-1) rotate(310deg) translateY(-90%);
					font-weight:bolder;
    				font-family: 'Poppins', sans-serif;
					transition: 0.3s ease all;
				}


			/*當前模式*/
			.advancedSearchList.active a:after {
				position: absolute;
				content: '';
				width: 100%;
				border: 2px #d70010 solid;
				height: 100%;
				top: -2px;
				left: -2px;		
				transition: 0.3s ease all;		
			}
			/*當前模式*/
			.advancedSearchList.active span:before {
				opacity: 1;
				transition: 0.3s ease all;
			}

			/* 進階搜尋內頁按鈕 */
			.advanced_searchBg .pITR_btn_area {
				text-align: center;
				margin-top: 25px;
			}



@media (max-width: 900px) {

	/* 進階搜尋類型區 */
	.advancedSearchArea{
		display:block;
		flex-direction: unset;
		flex-wrap: unset;
		/* padding: 15px 0;*/
	} 
	/* 進階搜尋標題 */
	.advancedSearchL{
		padding: 15px 0px;
		width: auto;
		min-width: unset;
		text-align: center;
	}
	/* 進階搜尋右側 */
	.advancedSearchR{
		width: auto;
	}

}

@media (max-width: 640px) {

	/* 進階搜尋選項 */
	.advancedSearchList{
		width: 33.3%;
	}
		.advancedSearchList a {
			padding: 10px 15px;
			height: calc(100% - 20px);
		}
		.advancedSearchList.active a {
			background-color: #d70010;
			color: #fff;
		}
		.advancedSearchList.active span:before {
			opacity: 0;
		}
}

@media (max-width: 375px) {

	/* 進階搜尋選項 */
	.advancedSearchList{
		width: 50%;
	}

}








                 
                          
 
/*/////////////////////////////////////////////////////////*/
/*-------瀏覽紀錄--------*/
/*/////////////////////////////////////////////////////////*/



.BrowsingHistoryBg {
   /* position: relative;
   max-width: 110px;
   width: 110px;*/
   position: fixed;
   right: 0;
   bottom: 50%;
   -webkit-transform: translateY(50%);
   transform: translateY(50%);
   /* bottom: 30%; */
   transition: 0.3s ease all;   
   z-index: 10;
}
.BrowsingHistoryBg.active{
	right: -130px;
	transition: 0.3s ease all;
}


		.fixedRightBHZoom{
			position: absolute;
			top: 0px;
			right: 130px;
			cursor: pointer;
		}
			.fixedRightBHZoom span{
				display: block;
				background: rgb(51 51 51 / 0.85);
				color: #fff;
				font-size: 12px;
				line-height: 21px;
				border-radius: 5px 0px 0px 5px;
				padding: 65px 5px 10px 5px;
				/* max-width: 14px;*/
			}
			.fixedRightBHZoom span:hover{
				background: rgb(215 0 16);
				transition: 0.3s ease all;
			}	
			
			.fixedRightBHZoom span:before {
				position: absolute;				
				content: "\E11d";
				top: 5px;
				font-size: 17px;
				line-height: 17px;
				font-family: 'LigatureSymbols';
				display: block;
				text-align: center;	
				color: #dac380;			
			}	
			.fixedRightBHZoom span:after {
				position: absolute;
				content: "縮小";
				top: 25px;
				left: -2px;
				font-size: 12px;
				line-height: 17px;
				text-align: center;	
				color: #dac380;						
			}	
			.BrowsingHistoryBg.active .fixedRightBHZoom span:before {
				content: "\E053";
			}	
			.BrowsingHistoryBg.active .fixedRightBHZoom span:after {
				content: "放大";				
			}


		
		.BrowsingHistoryArea{
			background-color: rgb(51 51 51 / 0.85);
			padding: 5px 10px;
		}
		
		.swiper-container_bh{
			height: 220px;
			/*margin: 0 auto;
			position: relative;
			overflow: hidden;
			list-style: none;
			padding: 0;
			z-index: 1;*/
		}
			.swiper-container_bh .swiper-slide {
				box-sizing: border-box;
				padding: 0px 0px;
				height: 110px;
				max-height: 110px;
				/*min-height: 110px;*/
			}
				.swiper-container_bh a{
					display: block;
					text-decoration: none;
				}
		
		
				.hbt_next {
					text-align: center;
					cursor: pointer;
					/*padding-top: 10px;*/
				}
				.hbt_before {
					text-align: center;
					cursor: pointer;
					/*padding-top: 10px;*/
				}
				
					.hbt_before i ,
					.hbt_next i{
						color: #fff;
						font-size: 36px;
					}
					.hbt_before i:hover ,
					.hbt_next i:hover{
						opacity: 0.5;
					}					
				
		
				.History_list{
					position:relative;
					width:110px;
					height:110px;
					max-width: 95%;
					max-height: 95%;
					margin: 0 auto;
				}  
					.History_list a{
						display:block;
						text-decoration:none;
						transition: 0.3s ease all;
					} 
					.History_list a:hover{
						opacity:0.5;
					} 				
					
				.HistoryImg{	
					display: block;
					position: relative;
					padding-top: 100%;
				}  					
					.HistoryImg img{
						border: 1px #dedede solid;
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						/* border-radius: 50%; */
						width: 100% !important;
						height: 100% !important;
						object-fit: cover;
					}
					
			
			
	
	
		/*.news_list_area {
			max-height: 467px;
		}
			.news_list {
				position:relative;
				display: table;
				border-bottom: dashed 1px #5a5a5a;
				padding: 10px 0px;
				width:100%;
			}
			.news_list.noImg:first-of-type {
				padding-top:0px;
			}
				.news_list a {
					display:block;
					text-decoration:none;
					transition:0.3s ease all;
				}
					.news_list a:hover {
						opacity:0.7;
					}
					
		
				.HistoryL_right {
					display:table-cell;
					vertical-align:top;
				}
					.nLR_time {
						font-size: 12px;
						background: #a6155f;
						display: inline-block;
						color: #fdfdfd;
						padding: 5px 5px;
						border-radius: 2px;
					}
					.HistoryLR_tit {
						color:#333;
						font-size:18px;
						line-height:26px;
						font-weight:bold;
						padding: 9px 0px;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
							.HistoryLR_tit a:hover {
								opacity:1;
								color:#a6155f;
							}
					.HistoryLR_remark {
						color:#7b7b7b;
						font-size:14px;
						line-height:22px;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-text-overflow: ellipsis;
						-webkit-line-clamp: 3;
						-webkit-box-orient: vertical;
					}*/
			/*沒有照片時樣式*/
			/*.news_list.noImg .nL_img {
				display:none;
			}*/
		/*@media (max-width: 425px){
			.nL_img {
				display:block;
				width:100%;
			}
			.HistoryL_right {
				display:block;
				padding: 15px 0px 0px;
			}
		}*/

               









/*/////////////////////////////////////////////////////////*/
/*-------內頁會員登入區塊--------*/
/*/////////////////////////////////////////////////////////*/




/* 內頁會員登入區塊 */
.in_login_area{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between; 
}
			
	/* 會員登入區塊_logo */
	.iLA_logo{
		width: 45%;
		box-sizing: border-box;
	}
		.iLA_logo img{
			width: 100%;
			height: auto;
		}	

	/* 會員登入帳號密碼輸入欄位區塊 */
	.iLA_in{
		box-sizing: border-box;
		width: 50%;
	}
		.iLA_in .btn_area.one {
			margin: 15px auto 0;
		}

@media (max-width: 640px){

	/* 內頁會員登入區塊 */
	.in_login_area{
		display: block;
		flex-wrap: unset;
		flex-direction: unset;
		justify-content: unset;
	}
				
		/* 會員登入區塊_logo */
		.iLA_logo{
			width: 100%;
		}

		/* 會員登入帳號密碼輸入欄位區塊 */
		.iLA_in{
			width: 100%;
			margin-top: 15px;
		}

}













/*/////////////////////////////////////////////////////////*/
/*-------內頁會員商品訂購區塊--------*/
/*/////////////////////////////////////////////////////////*/


.CartArea{
	margin-bottom: 30px;
}
.CartArea:last-of-type{
	margin-bottom: 0px;
}

.productCart_area{
}

.productCartImg{	
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
}
	.productCartImg img{
		width: 100%;
		height: auto;	
	}
	
	
	
	.p_l_tit
	{
		display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
		font-size: 15px;
		color: #000;
	}
	.p_l_price_1
	{
		padding: 6px 0 0;
		font-size: 13px;
		line-height: 20px;
		color: #888;
		text-decoration:line-through;
	}
	.p_l_price_2 {
		padding: 6px 0 0;
		font-size: 15px;
		line-height: 20px;
		color: #BB0000;
	}	
	
	
	.p_l_tit_select {
		padding: 6px 0 0;
		font-size: 14px;
		line-height: 20px;
		/* color: #000; */	
	}
		.p_l_tit_select select{
			width: 100%;
		}




.CartArea .car_tit{
	margin-bottom: 15px;
	display: flex;
    align-items: center;
}



















/*購物車商品列表*/
.cart_product_list_area {
	margin: 25px 0 0;
}
.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 #bebebe;
				border-right: solid 1px #bebebe;
				background: #f4f4f4;
			}
				/*商品名稱*/
				.cPL_product {
					font-size:0px;
					min-height:72px;
					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:74px;
					}
						.cPL_product img {
							width:72px;
							height: auto;
							border: solid 1px #dfdede;
							position:absolute;
							background:#fff;
						}
					.cPL_product_tit {
						/* padding:0px 0px 0px 115px; */
						padding:0px 0px 0px 85px;
						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; */
						width: 100%;
						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;*/  /*修改 by pekey 20170608*/
			/*background-color:#e5e5e5;*/  /*修改 by pekey 20170608*/
		}
		/*第三組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%;
			border-left: solid 1px #bebebe;
		}
			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;
			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;*/
				
				/*修改by pekey 201741012*/
				height: 42px;
				line-height: 42px;	
				
				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;*/
							
							/*修改by pekey 20171012*/
							width:42px;
							height:32px;
							line-height:32px;
							
							
							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-bottom: solid 1px #707070;  /*新增by pekey  20170731*/
	}
		.cart_total_area tr {
		}
			.cart_total_area td {
				padding:6px 15px;
				text-align:right;
				border-bottom: solid 1px #bebebe;
				font-weight: bold;
				background:#fff;
			}
				.cart_total_area td strong {
					font-size:20px;
					color:#de494a;
				}
				.cart_total_area td span {
					/*font-size:13px;*/
					color:#666;
				}
					/*每一行第一個td*/
					.cart_total_area td:first-of-type {
						border-right: solid 1px #bebebe;
					}
					/*每一行第二個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;
}

.fA_bg{
	/*padding:20px 0px 0px;*/
	padding:10px 0px 0px;  /*修改 by pekey 20170608*/
}	
	.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;
}

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

/*modify by pekey 20180416 start*/
.cart_product_list_area tr:last-of-type td:last-of-type {
	border-bottom: solid 1px #ADABAB;
}
/*modify by pekey 20180416 end*/

/*第五個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%;
				height:42px;  /*修改 by pekey 20170608*/
			}
		
				/*兩個按鍵時*/
				.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;  /*修改 by pekey 20170608*/	
			}			
			.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: #ffc102;
    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:#70b42b; */
		background-color: #c93c46;
		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;
				}
			}


		
.order_list table input[type='button'].no_product {
	background: #C7C7C7;
	cursor: auto;
}		
.order_list td.cPL_twoBtn input[type='button']:nth-of-type(2) {
	background: #fff;
	border: solid 1px #c4c4c4;
	color: #333;
}		

/*未出貨*/
.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;*/  /*修改by pekey  20171012*/
		
		font-size:16px;
		line-height: 28px;  /*新增 by pekey 20170608*/
	}	

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





/*新增 by pekey 20170608*/						
/*購物車規格列表*/
.cart_specification {
}
	.cart_specification tr {
	}
		.cart_specification td:first-of-type {
			width:80%;
			text-align:left;
		}
		.cart_specification td {
			width:20%;
			background:#fff;
		}
			@media (max-width: 715px){
				.cart_specification {
					margin: 5px 0px 0px !important;
				}
					.cart_specification tr:first-of-type {
						display: table-row;
					}
						.cart_specification tr:first-of-type td {
							border-top:none;
						}
						.cart_specification td:first-of-type, .cart_specification td {
							display: table-cell;
							border-bottom: solid 1px #e1e1e1 !important;
						}
			}



.triplex_invoice {
	display:none;
	padding:0px 7px;
}










/*/////////////////////////////////////////////////////////*/
/*-------新增_購物車溫態區塊 by pekey 20171011  開始--------*/
/*/////////////////////////////////////////////////////////*/
.sp_area{
	
}
	/*出貨方式_標題*/
	.car_tit{
		
	}
		/*出貨方式_標題icon*/
		.car_tit_no {
			font-size: 12px;
			font-weight: bold;
			display: inline-block;
			vertical-align: middle;
			background: #d70010;
			color: #fff;
			text-align: center;
			width: 26px;
			min-width: 26px;
			border-radius: 100%;
    		line-height: 26px;
			left:0px;
			top:0px;
			margin-right: 5px;
		}
		/*出貨方式_內容*/
		.car_tit_in{
			display: inline-block;
			vertical-align: middle;
			font-size: 16px;
			font-weight: bold;
			color: #000;
			padding-top:5px;
		}
			.car_tit_in span{
				padding-left:7px;
			}
		
	/*出貨方式_備註*/
	.car_tit_mark{
		padding:15px 0px 0px 0px;
		color: #c13e42;
    	text-align: center;
		line-height:22px;
	}	
/*/////////////////////////////////////////////////////////*/
/*-------新增_購物車溫態區塊 by pekey 20171011  結束--------*/
/*/////////////////////////////////////////////////////////*/









































/*/////////////////////////////////////////////////////////*/
/*-------頁數列區塊--------*/	
.number_pageArea{
	text-align:center;
	padding-top: 30px;
	position: relative;
    z-index: 4;
}
	/*左側區塊*/
	.numberPage_leftArea{
		display: inline-block;
		vertical-align: middle;
	}	
		.numberPage_leftList{
			display: inline-block;
			vertical-align: middle;
		}
			.numberPage_leftList a{
				display: block;
				text-decoration: none;
			}
			
			/*modify by pekey 20181114*/
			img.hover_after{
				display: none;
				background-color: #ff6721;
				border-radius: 50%;
			}
			/*modify by pekey 20181114*/
			.numberPage_leftList a:hover img.hover_after{
				display: block;
			}
			/*modify by pekey 20181114*/
			.numberPage_leftList a:hover img.hover_before{
				display: none;
			}
		
	/*中間區塊*/
	.numberPage_middleArea{
		display: inline-block;
		vertical-align: middle;
		padding: 0px 8px;
	}
		.numberPage_middleList{
			display: inline-block;
			vertical-align: middle;
			padding: 0px 4px;
		}
			.numberPage_middleList a{
				display: block;
				text-decoration: none;
				width: 31px;
				
				border-radius: 100%;
				background-color: transparent;
				color: #808080;
				padding: 7.5px 0px;
			}
			/*active*/
			.numberPage_middleList.active a{
				background-color: #d70010;
				color: #fff;
			}
			/*hover*/
			.numberPage_middleList a:hover{
				background-color:#d70010;
				color: #fff;
			}
	
	/*右邊區塊*/	
	.numberPage_rightArea{
		display: inline-block;
		vertical-align: middle;
	}
		.numberPage_rightList{
			display: inline-block;
			vertical-align: middle;
		}
			.numberPage_rightList a{
				display: block;
				text-decoration: none;
			}
			
			/*modify by pekey 20181114*/
			.numberPage_rightList a:hover img.hover_after{
				display: block;
			}
			/*modify by pekey 20181114*/
			.numberPage_rightList a:hover img.hover_before{
				display: none;
			}
		
		
	
	
@media (max-width: 640px){
	
	.number_pageArea {
		padding-top: 30px;
	}
	
		.numberPage_leftList:first-child{
			display: none;
		}
		
	.numberPage_middleArea{
		padding: 0px;
	}
		.numberPage_middleList{
			padding: 0px;
		}
		
		.numberPage_rightList:last-child{
			display: none;
		}
		
	
}


























/*/////////////////////////////////////////////////////////*/
/*影片模組*/
/*/////////////////////////////////////////////////////////*/	
	
/*燈箱*/
.lightboxArea.InLightboxArea {
	position:fixed;
	width:100%;
	z-index:99999;
	top:0px;
	left:0px;
	box-sizing:border-box;
	padding:124px 0px;
	display:none;
}
	/*燈箱黑底*/
	.InLightboxArea .lightboxBG {
		background:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
		position: absolute;
		top:0px;
	}
	
	/*燈箱主體*/
	.InLightboxArea .lightboxMain {
		height:360px;
		width:80%;
		margin:0 auto;
		background:#000;
		border-radius:5px;
		position: relative;
		transition:0.3s ease all;
		transform:scale(0);
		top:0px;
		box-sizing:border-box;
		font-size:0px;
		
		max-width: unset;
    	max-height: unset;
	}
		/*關閉燈箱按鍵*/
		.InLightboxArea .lightboxCloseBtn {
			font-size:17px;
			font-weight:bold;
			width:48px;
			height:48px;
			line-height:48px;
			border-radius:100%;
			color:#fff;
			text-align:center;
			background:#d70010;
			cursor: pointer;
			position:absolute;
			top:-24px;
			right:-24px;
			transition:0.3s ease all;
			z-index: 2;
					
			display: block;
			opacity: 1;
			left: unset;
			pointer-events: auto;
			letter-spacing: unset;
		}
			.InLightboxArea .lightboxCloseBtn:hover {
				background:#000;
				color:#fff;
			}
			
		/*燈箱資料區*/
		.InLightboxArea .lightboxContentArea {
			height: 100%;
		}
	
	
	
	
	

.InLightboxArea .index_VideoBg{
}	

		
.InLightboxArea .index_video_list {
	position:relative;
	/*float:left;
	cursor:pointer;
	background:#000;
	margin:28px 0px 0px 0px;*/
}
	.InLightboxArea .index_video_list > img {
		/*opacity:0.6;*/
		transition:0.3s ease all;
		width:100%;
		height:auto;
	}
	
	
	.InLightboxArea .indexNewsVideoBg .index_video_list{
		height: 100%;
		/*background-position:center;
		background-repeat:no-repeat;
		background-size:cover;*/
	}
	.InLightboxArea .index_video_list:hover{
		cursor: pointer; 
	}	
	
	
	
	
	
	
	.InLightboxArea .vL_text_area {
		position:absolute;
		width:100%;
		max-width:80px;
		text-align:center;
		left: 50%;
		top: 50%;
		-webkit-transform:translateX(-50%) translateY(-50%);
		transform:translateX(-50%) translateY(-50%);
		box-sizing: border-box;
		/*padding:70px 20px 20px 20px;*/
		/*font-size:16px;
		line-height:22px;*/
		color:#fff;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.75);
	}
		.InLightboxArea .vL_text_area img {
			/* width:100%; */
			width:50px;
			height:auto;
			/*padding:0px 0px 8px 0px;*/
		}
		/*hover*/
		.InLightboxArea .index_video_list:hover > img {
			opacity:1;
		}
		.InLightboxArea .index_video_list:hover .vL_text_area img{
			transition:0.3s ease all;
			transform: scale(0.8);
		}	





.InLightboxArea .video_page{
}


.InLightboxArea .video_page .wrap{
	width: 92%;
}






.InLightboxArea .video_list_area {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	font-size:0px;
	margin:0 -12px -30px;
}
/*firefox hack*/
@-moz-document url-prefix() { 
 .InLightboxArea  .video_list_area {
	  padding:8px 0px 0px 0px;
  }
}

	.InLightboxArea .video_list {
		box-sizing:border-box;
		padding: 0px 12px 30px;
		width:33.3%;
	}
	/*firefox hack*/
	@-moz-document url-prefix() { 
	  .InLightboxArea .video_list {
		  padding:65px 11px 0px 11px;
	  }
	}
		.InLightboxArea .video_list .index_video_list {
			float:none;
			margin:0px;
		}
			.InLightboxArea .video_list_remark {
				font-size: 18px;
				line-height: 24px;
				color: #888888;
				padding: 10px 0px 0px 0px;
				/* font-weight: bold;*/
			}
			
	/*影音燈箱顯示時才會加*/
	.InLightboxArea .video_use {
		padding: 100px 0px;
	}
		.InLightboxArea .video_use .lightboxMain {
			height:450px;
		}
	
	/*影音燈箱*/
	.InLightboxArea .video {
		height:100%;
	}
		.InLightboxArea .video iframe {
			height:1px;
			height:100%;
			width:100%;
		}






@media (max-width: 1280px){

	.InLightboxArea .video_page .wrap {
		width: 85%;
	}

}

@media (max-width: 990px){

	.InLightboxArea .video_list_area {
		display: block;
		flex-wrap: unset;
		flex-direction: unset;
		margin: 0 0px -20px;
	}

		.InLightboxArea .video_list {
			/* box-sizing:border-box; */
			padding: 0px 0px 20px;
			width:100%;
		}
}



@media (max-width: 950px){	
	/*---Video---*/
	/* .video_list_area {
		margin: 0px 0px 0px 0px;
	}
		.video_list {
		} */
		/*.video_list:nth-child(2n+1) {
			padding: 35px 25px 30px 0px;
		}
		.video_list:nth-child(2n+0) {
			padding: 35px 0px 30px 25px;
		}*/
}
@media (max-width:768px){
	
	
	/* .vL_text_area {
		max-width:50px;
	}	 */
		
	/*---Video---*/
	/*.video_list:nth-child(2n+1) {
		padding: 35px 20px 30px 0px;
	}
	.video_list:nth-child(2n+0) {
		padding: 35px 0px 30px 20px;
	}*/
}

@media (max-width: 600px){	

/* .video_list_area {
    display: block;
    flex-wrap: unset;
    flex-direction: unset;
} */

	/*---Video---*/
	/*.video_list {
		width: 100%;
		padding:0 0 30px;
	}
	.video_list:nth-child(2n+1) {
		padding: 35px 0px 30px 0px;
	}
	.video_list:nth-child(2n+0) {
		padding: 35px 0px 30px 0px;
	}*/	
	
}