/*20160930 by kevin*/
@charset "utf-8";
/* 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;
/* CSS Document */

/*------------------------------------------CSS Reset 開始-------------------------------*/
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

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

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

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

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

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

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

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

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

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

/*--------------------------------------loading畫面 開始---------------------------------*/
.lodding {
 	position: fixed;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: #FFF;
	text-align:center;
	
	/*新增by pekey 20171211*/
	padding-top:250px;
 } 
 
	
	/*Loading畫面CSS開始*/
	#circularG{
		position:relative;
		width:58px;
		height:58px;
		margin: auto;
	}
	
	.circularG{
		position:absolute;
		background-color:rgb(255,103,33);  /*此為Loding的點點顏色*/
		width:14px;
		height:14px;
		border-radius:9px;
			-o-border-radius:9px;
			-ms-border-radius:9px;
			-webkit-border-radius:9px;
			-moz-border-radius:9px;
		animation-name:bounce_circularG;
			-o-animation-name:bounce_circularG;
			-ms-animation-name:bounce_circularG;
			-webkit-animation-name:bounce_circularG;
			-moz-animation-name:bounce_circularG;
		animation-duration:1.1s;
			-o-animation-duration:1.1s;
			-ms-animation-duration:1.1s;
			-webkit-animation-duration:1.1s;
			-moz-animation-duration:1.1s;
		animation-iteration-count:infinite;
			-o-animation-iteration-count:infinite;
			-ms-animation-iteration-count:infinite;
			-webkit-animation-iteration-count:infinite;
			-moz-animation-iteration-count:infinite;
		animation-direction:normal;
			-o-animation-direction:normal;
			-ms-animation-direction:normal;
			-webkit-animation-direction:normal;
			-moz-animation-direction:normal;
	}
	
		#circularG_1{
			left:0;
			top:23px;
			animation-delay:0.41s;
				-o-animation-delay:0.41s;
				-ms-animation-delay:0.41s;
				-webkit-animation-delay:0.41s;
				-moz-animation-delay:0.41s;
		}
		
		#circularG_2{
			left:6px;
			top:6px;
			animation-delay:0.55s;
				-o-animation-delay:0.55s;
				-ms-animation-delay:0.55s;
				-webkit-animation-delay:0.55s;
				-moz-animation-delay:0.55s;
		}
		
		#circularG_3{
			top:0;
			left:23px;
			animation-delay:0.69s;
				-o-animation-delay:0.69s;
				-ms-animation-delay:0.69s;
				-webkit-animation-delay:0.69s;
				-moz-animation-delay:0.69s;
		}
		
		#circularG_4{
			right:6px;
			top:6px;
			animation-delay:0.83s;
				-o-animation-delay:0.83s;
				-ms-animation-delay:0.83s;
				-webkit-animation-delay:0.83s;
				-moz-animation-delay:0.83s;
		}
		
		#circularG_5{
			right:0;
			top:23px;
			animation-delay:0.97s;
				-o-animation-delay:0.97s;
				-ms-animation-delay:0.97s;
				-webkit-animation-delay:0.97s;
				-moz-animation-delay:0.97s;
		}
		
		#circularG_6{
			right:6px;
			bottom:6px;
			animation-delay:1.1s;
				-o-animation-delay:1.1s;
				-ms-animation-delay:1.1s;
				-webkit-animation-delay:1.1s;
				-moz-animation-delay:1.1s;
		}
		
		#circularG_7{
			left:23px;
			bottom:0;
			animation-delay:1.24s;
				-o-animation-delay:1.24s;
				-ms-animation-delay:1.24s;
				-webkit-animation-delay:1.24s;
				-moz-animation-delay:1.24s;
		}
		
		#circularG_8{
			left:6px;
			bottom:6px;
			animation-delay:1.38s;
				-o-animation-delay:1.38s;
				-ms-animation-delay:1.38s;
				-webkit-animation-delay:1.38s;
				-moz-animation-delay:1.38s;
		}
		
		
		
		@keyframes bounce_circularG{
			0%{
				transform:scale(1);
			}
		
			100%{
				transform:scale(.3);
			}
		}
		
		@-o-keyframes bounce_circularG{
			0%{
				-o-transform:scale(1);
			}
		
			100%{
				-o-transform:scale(.3);
			}
		}
		
		@-ms-keyframes bounce_circularG{
			0%{
				-ms-transform:scale(1);
			}
		
			100%{
				-ms-transform:scale(.3);
			}
		}
		
		@-webkit-keyframes bounce_circularG{
			0%{
				-webkit-transform:scale(1);
			}
		
			100%{
				-webkit-transform:scale(.3);
			}
		}
		
		@-moz-keyframes bounce_circularG{
			0%{
				-moz-transform:scale(1);
			}
		
			100%{
				-moz-transform:scale(.3);
			}
		}
	/*Loading畫面CSS結束*/

.loading_tit{
	padding:20px 0px 0px 15px;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	color:#333;
	font-family:微軟正黑體;
	text-align:center;
}
/*-------------------------------------loading畫面 結束---------------------------------*/


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

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



.wrap {
	width: 1135px;
	margin:0 auto;
}

/*@media (max-width: 1080px){*/
@media (max-width: 1280px){  /*Judy修改20191002*/
		
	.wrap {
		width: auto;
		padding: 0px 40px;
	}
}
@media (max-width: 768px){
	
	.wrap {
		padding: 0px 30px;
	}
}
@media (max-width: 640px){
	
	.wrap {
		padding: 0px 20px;
	}
}

/*-------input reset--------------------------------------------------------*/
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "微軟正黑體", "Microsoft JhengHei", "新細明體";
	font-size:15px;
	border-radius:3px;
	border: solid 1px #aeaeae;
}
input[type="text"], .input, input[type="password"], .input, input[type="search"] {
	margin: 0;
    padding: 0;
    outline: none;
    vertical-align: middle;
    height: 42px;
    line-height: 42px;
    width: 100%;
    transition: 0.2s ease all;
    /*padding: 0px 6px 0px 6px;*/
	padding: 10px 20px;
    box-sizing: border-box;
	border-radius: 5px;
}
	input[type="text"]:focus, input[type="password"]:focus {
		border: solid 1px #d5d5d5;
	}
	
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	vertical-align: middle;
	border:none;
	width:162px;
	height:42px;
	background:#de484d;
	color:#fff;
	border-radius:5px;
	line-height:42px;
	transition: 0.2s ease all;
	letter-spacing:1px;
}
	input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
		opacity:0.7;
	}
	
	input[type="reset"] {
		background:#555;
	}
	
input[type="radio"], input[type="checkbox"] {
	margin:0px;
	padding:0px;
	outline:none;
	vertical-align: baseline;
	cursor:pointer;
}
textarea {
	margin: 0;
    padding: 0;
    outline: none;
    vertical-align: middle;
    line-height: 24px;
    width: 100%;
    resize: none;
    /*height: 117px;*/
	height: 135px;
    transition: 0.2s ease all;
    box-sizing: border-box;
    /*padding: 3px;*/
	padding: 10px 20px;
	border-radius: 5px;
}
	textarea:focus {
		border: solid 1px #d5d5d5;
	}
	
select {
	margin:0;
	padding:0;
	outline:none;
	vertical-align: middle;
	padding: 9px 0px 10px 7px;
	transition: 0.2s ease all;
	background:#fff;
	letter-spacing:1px;
	-webkit-appearance: none;	/* Safari 和 Chrome */
       -moz-appearance: none;	/* Firefox */
        -ms-appearance: none;	/*for Internet Explorer*/
         -o-appearance: none;	/*for Opera*/
            appearance: none;
	background: #fff url(../images/select_arrow.png) no-repeat;
	background-size: 13px;
	background-position:right;
	padding-right:18px !important;
}
	select::-ms-expand {	/*for Internet Explorer*/
		display: none;
	}
	select:focus {
		border: solid 1px #d5d5d5;
	}
	
label {
	cursor:pointer;
}
	
/*-------輪播----------------------------------------------------------------------------*/
.banner {
	background:#fff;
	position:relative;
}
	
	/*banner_背景圖區塊*/
	.banner_bgArea {
		width:100%;
		height: 706px;
		position:absolute;
		left:0px;
		top:0px;
		background-position: top center;
		background-repeat: no-repeat;
		background-size:cover;
	}
	
		/*banner_文字區塊*/
		.banner_textArea {
			position: relative;
			text-align: left;
			display: inline-block;
			vertical-align: middle;
			/*width: 385px;
			height: 400px;*/
			width: 460px;
			/*height: 470px;*/ /*modify by pekey 20181126*/
			min-height: 470px;
			margin: 0 auto;
			overflow:hidden;
			z-index: 97;
			background-color: #fff;
			margin: 118px 0px;
			border-radius: 10px;
			padding: 40px 40px;
			box-sizing: border-box;
		}
		
		/*只有圖片文沒有顯示選取的資訊 class 加 no_information*/	
		.banner_textArea.no_information{
			background-color: transparent; 
		}
		
			/*分類*/
			.banner_inCategory{
				font-size: 13px;
				color: #808080;
				padding-right: 5px;
				border-right: 1px solid #808080;
				display: inline-block;
			}
		
			/*只有圖片文沒有顯示選取的資訊 class 加 no_information*/	
			.banner_textArea.no_information .banner_inCategory{
				display: none;
			}
			
			
			/*大標*/
			.banner_inTit{
				padding: 28px 0px;
				font-size: 36px;
				line-height: 40px;
				font-weight: bolder;
				color: #ff6721;
				position: relative;
				font-family: 'Noto Sans', 微軟正黑體;
			}
		
				/*只有圖片文沒有顯示選取的資訊 class 加 no_information*/	
				.banner_textArea.no_information .banner_inTit{
					display: none;
				}
				
				
				.banner_inTit:after{
					position: absolute;
					left: 0px;
					bottom: 5px;
					content: '';
					width: 50px;
					height: 5px;
					background-color: #ff6721;
				}
			
			/*簡述*/
			.banner_inText{
				padding: 28px 0px 0px;
				font-size: 16px;
				line-height: 30px;
				font-weight: bolder;
				color: #333;
				letter-spacing: 1px; 
				
				display: -webkit-box;
				overflow: hidden;
				text-overflow: ellipsis;
				-webkit-text-overflow: ellipsis;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				font-family: 'Noto Sans', 微軟正黑體;
			}
		
				/*只有圖片文沒有顯示選取的資訊 class 加 no_information*/	
				.banner_textArea.no_information .banner_inText{
					display: none;
				}
				
			
			/*作者詳細資料區塊*/
			.banner_authorArea{
				padding: 28px 0px 0px;
			}	
		
				/*只有圖片文沒有顯示選取的資訊 class 加 no_information*/	
				.banner_textArea.no_information .banner_authorArea{
					display: none;
				}
				
				
				/*時間*/
				.banner_inTime{
					font-size: 12px;
					line-height: 16px;
					color: #808080;
				}
				/*作者*/
				.banner_inAuthor{
					padding-top: 10px;
					font-size: 12px;
					line-height: 16px;
					color: #808080;
				}
					.banner_inAuthor span{
						padding-right: 10px;
						margin-right: 5px;
						border-right: 1px solid #808080;
					}
			
			/*modify by pekey 20180821 start*/	
			
			.banner_moreBtn{
				/*position: absolute;
				left: 40px;
				bottom: 50px;*/ /*modify by pekey 20181126*/
				position: static;	
     			transition: all .2s ease-out;
				
				/*modify by pekey 20181126*/
				padding: 42px 0px 0px;	
			}
		
				/*只有圖片文沒有顯示選取的資訊 class 加 no_information*/	
				.banner_textArea.no_information .banner_moreBtn{
					display: none;
				}
				
				
				.banner_moreBtn a{
					width: 180px;
					display: inline-block;
					padding: 17px 28px 15px;
					box-sizing: border-box;
					font-size: 13px;
					font-weight: bold;
					color: #fff;
					border-radius: 45px;
					text-decoration: none;
					transition: 0.3s ease all;
					background-color: #ccc;
					position: relative;
				}	
					.banner_moreBtn span{
						transition: 0.3s ease all;
						position: absolute;
						top: 0px;
						right: 0px;
						padding: 4.5px 5px;
						border-left: 1px solid #fff;
					}
						.banner_moreBtn i{
							font-size: 36px;
						}
			
			
			/*hover*/
			.banner_moreBtn:hover{
     			transition: all .2s ease-out;
			}	
				.banner_moreBtn a:hover{ /*.banner_moreBtn:hover a{*/ /*modify by pekey 20190123*/
					background-color: #ff6721;
					transition: 0.3s ease all;
				}
					/*hover*/
					.banner_moreBtn:hover span{
					}
					
					/*.indexMain_moreBtn_before{
						display: block;
					}
					.indexMain_moreBtn_after{
						display:none;
					}*/
					
					/*hover*/
					/*.banner_moreBtn:hover .indexMain_moreBtn_before{
						transition: all .2s ease-out;
						display:none;
					}
					.banner_moreBtn:hover .indexMain_moreBtn_after{
						transition: all .2s ease-out;
						display: block;
					}*/
					/*modify by pekey 20180821 end*/




@media (max-width:1060px){
	
	
	/*modify by pekey 20180821 start*/
	.banner > .wrap:before{
		position: absolute;
		content: url(../index/images/TB_deco_002.png);
		bottom: -101px;
		right: 0px;
		z-index: 999;
	}
	/*modify by pekey 20180821 end*/
}

@media (max-width: 768px){
	
	/*banner_背景圖區塊*/
	.banner_bgArea {
		height: 921px;
	}
	
		/*banner_文字區塊*/
		.banner_textArea {
			width: 90%;
			/*height: 360px;*/  /*modify by pekey 20181126*/
			min-height: 360px;
			padding: 30px 40px;
			margin: 495px 0px 0px;
		}
			
			/*大標*/
			.banner_inTit{
				padding: 20px 0px;
				font-size: 28px;
				line-height: 36px;
			}
				.banner_inTit:after{
					bottom: 0px;
				}
			
			/*簡述*/
			.banner_inText{
				padding: 20px 0px 0px;
				-webkit-line-clamp: 2;
			}
			
			/*作者詳細資料區塊*/
			.banner_authorArea{
				padding: 20px 0px 0px;
			}	
			
			.banner_moreBtn{
				width: 180px;
				/*bottom: 30px;*/ /*modify by pekey 20181126*/
				padding: 30px 0px 0px;
			}
			
}

@media (max-width: 767px){
	
	/*modify by pekey 20180821 start*/
	.banner > .wrap:before{
		display: none;
	}
	/*modify by pekey 20180821 end*/
}

@media (max-width: 640px){
	
	/*banner_背景圖區塊*/
	.banner_bgArea {
		height: 956px;
	}
	
		/*banner_文字區塊*/
		.banner_textArea {
			width: 100%;
			/*height: 530px;*/  /*modify by pekey 20181126*/
			min-height: 530px;
			padding: 30px 40px;
			margin: 360px 0px 0px;
		}
			
			/*大標*/
			.banner_inTit{
				padding: 20px 0px;
				font-size: 30px;
				line-height: 38px;
			}
			
			/*簡述*/
			.banner_inText{
				/*padding: 20px 0px 0px;*/
				font-size: 16px;
				line-height: 30px;
				-webkit-line-clamp: 6;
			}
			
			/*作者詳細資料區塊*/
			.banner_authorArea{
				/*padding: 20px 0px 0px;*/
			}	
			
			.banner_moreBtn{
				width: 180px;
				/*bottom: 50px;*/ /*modify by pekey 20181126*/
				padding: 50px 0px 0px;
			}
}

@media (max-width: 425px){
	
	/*banner_背景圖區塊*/
	.banner_bgArea {
		height: 560px;
	}
	
		/*banner_文字區塊*/
		.banner_textArea {
			/*height: 320px;*/  /*modify by pekey 20181126*/
			min-height: 320px;
			padding: 20px 20px;
			margin: 200px 0px 0px;
		}
			
			/*大標*/
			.banner_inTit{
				padding: 15px 0px;
				/*font-size: 14px;
				line-height: 20px;*/
			}
			
			/*簡述*/
			.banner_inText{
				font-size: 14px;
				line-height: 22px;
				-webkit-line-clamp: 3;
			}
			
			/*作者*/
			.banner_inAuthor{
				padding-top: 5px;
				font-size: 12px;
				line-height: 16px;
			}
				.banner_inAuthor span{
				}
			
			
			.banner_moreBtn{
				/*width: 150px;
				bottom: 20px;
				left: 20px;*/ /*modify by pekey 20181126*/
				padding: 20px 0px 0px;
			}
}

@media (max-width: 375px){
	
	/*大標*/
	.banner_inTit{
		font-size: 26px;
		line-height: 32px;
	}
}

@media (max-width: 320px){
	
	/*大標*/
	.banner_inTit{
		font-size: 20px;
		line-height: 26px;
	}
			
	
	.banner_moreBtn{
		/*bottom: 25px;*//*modify by pekey 20181126*/
		padding: 25px 0px 0px;
	}
}



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

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

/*-------頁籤------------------------------------------------------------------------*/
.tab_area {
}
	.tabs_btn_now {
		transition:0.3s ease all;
		font-size:16px;
		line-height:39px;
		padding:0px 36px 0px 36px;
		text-align:center;
		display:none;
		position:relative;
		background:#fff;
		border-bottom: solid 1px #e3e3e3;
		font-weight:bold;
	}
		.tabs_btn_now:hover {
			background:#fff;
		}
		.tabs_btn_now_arrow {
			position: absolute;
			border-top: solid 5px #333;
			top: 17px;
			right: 20px;
			border-left: solid 5px rgba(255, 255, 255, 0);
			border-right: solid 5px rgba(255, 255, 255, 0);
		}
		
	.img-scroll { 
		height: 60px; 
		position:relative;
    	border-bottom: solid 1px #bebebe;
	}
		.img-list { 
			position:relative; 
		}
			ul.tabs {
				margin:0; 
				padding:0; 
				list-style:none;
			}




				.tabs li { 
					line-height: 60px;
					float:left;
					position: relative;
					font-size:16px;
					width: auto;
					color: #808080;
					font-weight: bold;
				}
					.tabs span { 
						text-decoration:none;
						display:block;
						padding:0px 50px;
						transition:0.3s ease all;
						text-align:center;
						cursor:pointer;
					}
						.tabs li span:hover {
							background:#edeff2;
						}
						
					.tabs li.active {
						/*當前模式*/
						color: #000;
					}
						.tabs li.active span {
							background:#edeff2;
							border-bottom: 3px solid #ff6721;
							border-top-left-radius: 6px;
							border-top-right-radius: 6px;
						}
						.tabs li.active:after {
							/*content:url(../product/images/tabs_arrow.png);*/
							position:absolute;
							bottom:-6px;
							left:50%;
							margin:0px 0px 0px -10px;
						}
		
		#tab1{}
		.tab_content{}

/*產品內頁頁籤的網編區*/
.p_tab_text_area {
	background: transparent;
}

	.p_tab_text_area img{
		max-width: 100%;
		height: auto;	
	}
	
	/*網編區塊*/
	.p_tab_text_area .text_area{
		padding: 20px 0px;
		font-size: 15px;
		line-height: 26px;
		font-weight: bold;
		color: #333;
	}


@media (max-width: 1024px){
	.tabs li{
		width: 25%;
	}
		.tabs span{
			padding: 0px;
		}
}


@media (max-width: 767px){
	.tabs li{
		box-sizing: border-box;
		font-size: 13px;
	}
}




/*@media (max-width: 760px){
	.tab_area {
		position:relative;
	}
		.tabs_btn_now {
			display:block;
		}
		
		.img-scroll {
			display:none;
			height:auto;
			width: 100%;
			z-index: 999;
		}
			.tabs li, .img-scroll1 .tabs li, .img-scroll2 .tabs li, .img-scroll3 .tabs li, .img-scroll4 .tabs li, .img-scroll5 .tabs li {
				float:none;
				text-align:center;
				width:100%;
				font-size:15px;
				border-radius:0px;
			}
				.tabs li.active:after {
					content:"";
				}
}*/



/*-------浮動top鍵----------------------------------------------------------------------------*/
.topBtn {
	position:fixed;
	/*right:30px;*/ /*modify by pekey 20171225*/
	right:18px;
	/*bottom:-70px;*/
	z-index: 1000;
	transform: scale(0.84);
	transition:0.3s ease all;
}
	.topBtn a {
		display:block;
		transition:0.3s ease all;
		text-decoration:none;
		font-size:12px;
		line-height: 12px;
		text-align:center;
		/*width:50px;
		height:50px;*/ /*modify by pekey 20171225*/
		width:54px;
		height:54px;
		box-sizing:border-box;
		border-radius:100%;
		color: #ff6721;
		background: #fff;
		box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	}
		.topBtn a i {
			font-size: 40px;
			/*margin: -3px 0px -9px;*/ /*modify by pekey 20171225*/
			margin: -1.5px 0px -9px;
		}
			/*hover*/
			.topBtn:hover {
				transform:scale(1);
			}
				.topBtn:hover a {
					color:#777;
					box-shadow:none;
					box-shadow:0px 0px 10px rgba(0,0,0,0.1);
				}
				
				
/*-------驗證碼----------------------------------------------------------------------------*/
.captcha {
	line-height: 37px;
    padding: 0px 0px 5px 0px !important;
}
	.captcha input[type="text"] {
		width:80px;
		margin-right:5px;
	}
	.captcha a {
		transition: 0.5s ease all;
		color: #fff;
		background: #333;
		border-radius: 5px;
		padding: 0px 11px;
		font-size: 14px;
		display: inline-block;
		margin: 9px 0px 7px;
		line-height: 29px;
		text-decoration:none;
	}
		.captcha a:hover {
		}
	.captcha img {
		vertical-align:middle;
	}
	.captcha span {
		color:#c30000;
	}

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

.form_area_bg {
	width: 100%;
    max-width: 800px; 
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px 20px;
}
	@media (max-width: 800px){
		.form_area_bg {
			padding:0px;
		}
	}


/*表單區底*/
.form_area {
	font-size:0px;
   /* margin: 0 auto;*/
    margin: 0 -15px;
	padding: 20px 0px 30px;
}
	
	/*表單區備註*/
	.form_remark {
		text-align:left;
		font-size:15px;
		line-height:22px;
		padding: 25px 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_left {
			width:48%;
			float:left;
		}
		/*表單區右*/
		.form_right {
			width:48%;
			float:right;
		}
			.form_list {
				font-size:15px;
				line-height:21px;
				/*border-bottom: dotted 1px #0f0f0f;*/					
				/*padding:18px 30px 0px 0px;*/
				padding: 10px 15px;
				box-sizing:border-box;				
			}
			
				.fL_tit {
					font-weight:bolder;
					padding: 7px 0px 0px;
					position:relative;
					color: #000;
				}
					.fL_tit span{
						color: #808080;
						font-size: 12px;
						font-weight: normal;
					}
						.fL_tit span a{  /*Judy修改20191002*/
							color: #ff6721;
							text-decoration:none;
						}				
						.fL_tit span a:hover{  /*Judy修改20191002*/
							opacity:0.5;
						}				
				
					/*必填icon*/
					.fL_tit .requirde_icon {
						position:absolute;
						right:0px;
					}
					
				.fL_info {
					/*padding:0px 0px 17px 0px;*/
				}
					/*沒有輸入框時*/
					.fL_info.no_input {
						padding: 10px 0px 25px 0px;
    					line-height: 24px;
					}
					
					.fL_info span{
						display: inline-block;
						vertical-align: middle;
						font-weight: bold;
						padding-right: 7px;
					}
			
					.fL_info label {
						display:inline-block;
						margin: 7px 7px 3.5px 0px;
					}
					
					.fL_info select {
						width: 100%;
						background-color: #edeff2;
						border-color: transparent;
						cursor: pointer;
						margin: 7px 7px 3.5px 0px;
					}
					
					.fL_info textarea {
						width: 100%;
						background-color: #edeff2;
						border-color: transparent;
						margin: 7px 7px 3.5px 0px;
					}
					
					.fL_info input[type="checkbox"], .fL_info input[type="radio"] {
						width: 100%;
						background-color: #edeff2;
						border-color: transparent;
						margin: 7px 7px 3.5px 0px;
					}
					.fL_info input {
						width: 100%;
						background-color: #edeff2;
						border-color: transparent;
						margin: 7px 7px 3.5px 0px;
					}

/*modify by pekey 20180717 start*/
.fL_info ::-webkit-input-placeholder { /* WebKit browsers */
    color: #b3b3b3;
}
.fL_info :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b3b3b3;
}
.fL_info ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b3b3b3;
}
.fL_info :-ms-input-placeholder { /* Internet Explorer 10+ */
  	color: #b3b3b3;
}
/*modify by pekey 20180717 end*/
					
					
					
	
								
					.fL_info.sample input{
						width: 190px;
					}
					.fL_info.budget select{
						/*width: 200px;
						width: 25%;*/
    					box-sizing: border-box;         /*Judy修改20191015*/
					}
					
					.fL_info.budget select:first-child{ /*Judy修改20191015*/
						width: 47%;
						float:left;
					}					
					.fL_info.budget select:nth-child(2){ /*Judy修改20191015*/
						width: 47%;
						float:right;
						margin: 7px 0px 3.5px 7px;
					}					
					
					
					
					
					.fL_info.calendar input{
						width: 190px;
					}
						.calendar_list{
							display: inline-block;
							vertical-align: middle;
						}
					

					.checkBox_A{
						margin: 0px -15px;
					}
						.checkBox_listA{
							float: left;
							width: 50%;
							box-sizing: border-box;
							padding: 0px 15px;
						}

					.checkBox_B{
						margin: 0px -15px;
					}
						.checkBox_listB{
							float: left;
							width: 33%;
							box-sizing: border-box;
							padding: 0px 15px;
						}
					
					
					
					/*地址樣式*/
					.fL_info.address select {
						margin:0px 5px 0px 0px;
					}
					.fL_info.address input[type='text']:nth-of-type(1) {
						width:97px;
					}
					.fL_info.address input[type='text']:last-of-type {
						margin:12px 0px 0px 0px;
					}
					
					/*生日樣式*/
					.fL_info.birthday { /*Judy修改20191015*/
					}
						.fL_info.birthday > div { /*Judy修改20191015*/
							width: 33.3%;
							float:left;
							box-sizing: border-box;
							position:relative;
							padding-right: 22px;
						}
						.fL_info.birthday div select { /*Judy修改20191015*/
							width: 100%;
							margin: 7px 0px 3.5px;
						}
						.fL_info.birthday div span { /*Judy修改20191015*/
							position:absolute;
							right: 3px;
							top: 18px;
							padding: 0px;
						}
						
						
						
												

.required_icon {
    color: #ff6721;
    display: inline-block;
}

	
/*起訖日輸入框*/
.from, .to {
	cursor:pointer;
}	



/*上傳檔案區塊*/
.fL_info.update{
}
	.update_listArea{
		float: left;
		width: 80%;
		box-sizing: border-box;
		margin: 0px -15px;
	}
	
	.update_listArea.B{
		width: auto;
	}
	
		.update_list{
			width: 33.3%;
			box-sizing: border-box;
			float: left;
			padding: 0px 15px;
			
			position: relative;
		}
		.update_listArea.B > .update_list{
			width: auto;
		}
		
			.update_list input{
				padding: 10px 60px 10px 20px;
				
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			
			.update_list label{
				width: 18px;
				height: 18px;
				border-radius: 100%;
				color: #fff;
				background-color: #808080;
				line-height: 18px;
				padding: 0px;
				margin: 0px;
				
				position: absolute;
				top: 19px;
				right: 30px;
			}
				.update_list input.update_delete{
					width: 18px;
					height: 19px;
					border-radius: 100%;
					color: #fff;
					background-color: transparent;
					line-height: 18px;
					padding: 0px;
					margin: 0px;
				}
			
			
	.update_btnArea{
		float: left;
		width: 20%;
		box-sizing: border-box;
	}
		.update_btnArea div{
			width: 40px; 
			/*background: #333;
			color: #fff;
			font-size: 14px;
			line-height: 42px;
			text-align: center;
			display: inline-block;
			transition: 0.3s ease all;
			padding: 0px 15px;*/
			margin-left: 30px;
     		transition: all .2s ease-out;
		}
		.update_btnArea div:hover{
			opacity: 0.8;
     		transition: all .2s ease-out;
		}
		
		.update_btnArea input[type='file'] {
			display: none;
		}	

	
	
@media (max-width: 1195px){	
	.fL_info.birthday select {
		width: 24.5%;
	}	
}
@media (max-width: 990px){	
	.fL_info.birthday select {
		width: 22.1%;
	}	
}						
@media (max-width: 800px){
	/*表單區左*//*表單區右*/
	.form_left, .form_right {
		float:none;
		width:auto;
	}
		/*沒有輸入框時*/
		.fL_info.no_input {
			padding: 0px 0px 5px 0px;
		}
		.fL_info label {
		
		}
}

@media (max-width: 768px){
	.checkBox_listB{
		width: 50%;
	}
	
	.fL_info.budget select {
		width: 39%;
	}
		.fL_info.budget span:first-child{
			display: block;
		}
		.fL_info.budget span:nth-child(3){
			padding: 0px 16px 0px 10px;
		}
		
	.fL_info.calendar input{
		width: 39%;
	}
	
	
	
	
	
	.update_listArea{
		float: none;
		width: 100%;
		margin: 0px;
	}
		.update_list{
			width: 100%;
			float: none;
			padding: 5px 0px;
		}
			.update_list label{
				top: 24px;
				right: 20px;
			}
			
			
	.update_btnArea{
		float: none;
		width: auto;
	}
		.update_btnArea div{
			margin: 0px;
		}
	
	
	
}

@media (max-width: 640px){/*@media (max-width: 715px){*/   /*@media (max-width: 540px){*/
	.form_area{
		margin: 0px;
	}
	.form_list {
		padding: 10px 0px;
	}
	
	.checkBox_A{
		margin: 0px;
	}
		.checkBox_listA{
			padding: 5px 0px;
			float: none;
			width: 100%;
		}
		
		
	.checkBox_B{
		margin: 0px;
	}
	
		.checkBox_listB{
			padding: 5px 0px;
			float: none;
			width: 100%;
		}
		
	.update_btnArea{
		text-align: center;
	}

			
}


@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;
	}
	
	
	.fL_info.budget select{
		width: 108px;
	}
		
	.fL_info.calendar input{
		width: 108px;
	}
}
								
			.form_list_remark {
				font-size: 15px;
				line-height: 21px;
				color: #c13e42;
				padding: 12px 0px 0px 0px;
			}
	
	
	
			
			
/*一列兩個樣式*/
.fLType2 {
	/*display:inline-block;
	vertical-align:top;
	width:49.6%;*/
	width: 50%;
	padding: 10px 15px;
	box-sizing: border-box;
	float: left;
}



@media (max-width: 640px){/*@media (max-width: 715px){*/   /*@media (max-width: 540px){*/
	/*一列兩個樣式*/
	.fLType2 {
		width: 100%;
		display:block;
		padding: 10px 0px;
		
	}
}





.btn_area {
	font-size: 0px;
	text-align: center;
	padding: 40px 0px;
}
.btn_area.one{
	text-align:center;
}
	.btn_area input {
		margin: 0px 30px;
	}
	
	.btn_area input[type="submit"] {
		margin: 0px 30px;
		background-image: url(../images/form_btn_submit.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: transparent;
		width: 180px;
		height: 45px;
		
		position: relative;
		left: 0px;
     	transition: all .2s ease-out;
		
	}
	.btn_area input[type="submit"]:hover{
		left: 10px;
     	transition: all .2s ease-out;
		background-image: url(../images/form_btn_submit2.png);
	}
	


/*-------↓↓↓↓↓↓↓--------------Judy修改20191002-------↓↓↓↓↓↓↓--------------*/		

	input.btn_area2[type="submit"] {
		background-image: url(../images/form_btn_submit_2.png);	
	}
	input.btn_area2[type="submit"]:hover{
		background-image: url(../images/form_btn_submit2_2.png);
	}	
	
	input.btn_area3[type="submit"] {
		background-image: url(../images/form_btn_submit_3.png);
		
	}
	input.btn_area3[type="submit"]:hover{
		background-image: url(../images/form_btn_submit2_3.png);
	}	
	
	input.btn_area4[type="submit"] {
		background-image: url(../images/form_btn_submit_4.png);
		
	}
	input.btn_area4[type="submit"]:hover{
		background-image: url(../images/form_btn_submit2_4.png);
	}	
				
/*-------↑↑↑↑↑↑↑--------------Judy修改20191002-------↑↑↑↑↑↑↑--------------*/		
	
	
	
	
	
	
	/*.btn_area input:nth-of-type(2) {
		background: #999;
	}	*/	
		
	input.back{
		background: #231815;
	}


/*modify by pekey 20180911 start*/
	.btn_areaIn{
		position: relative;
		width: 180px;
		display: inline-block;
		background-image: url(../images/btn_arrowRight.png);
		background-position: right center;
		background-repeat: no-repeat;
	}
		.page_contentArea .btn_area input[type="button"] {
			width: 180px;
			display: inline-block;
			/*padding: 17px 38px 15px;*/
			padding: 15px 60px 16px 35px;
			box-sizing: border-box;
			font-size: 18px;
			font-weight: bold;
			color: #fff;
			border-radius: 45px;
			text-decoration: none;
			transition: 0.3s ease all;
			background-color: #ccc;
			position: relative;
			text-align: left;
			
			line-height: 18px;
			margin: 0px auto;
			background-image: url(../images/btn_arrowRight.png);
			background-position: right center;
			background-repeat: no-repeat;
			height: 45px;
			transition: 0.3s ease all;
		}
			.page_contentArea .btn_area  span{
				transition: 0.3s ease all;
				position: absolute;
				top: 0px;
				right: 0px;
				/*padding: 4.5px 5px;*/
				padding: 9px 10px;
				border-left: 1px solid #fff;
				color: #fff;
			}
		
		/*hover*/
		.page_contentArea .btn_area input[type="button"]:hover {
			background-color: #ff6721;
			transition: 0.3s ease all;
		}

/*modify by pekey 20180911 end*/


@media (max-width: 525px){
	.btn_area.two input {
		/*float: left;
		 width: 48%; */
		width: 129px;
		height: 32px;
		margin: 0px 5px;
		box-sizing:border-box;
	}
	.btn_area.one input {
		float:none;
	}
	.btn_area input:nth-of-type(2) {
		float: right;
	}
	.btn_area.two input:nth-of-type(2) {
		float:inherit;
	}		
}


/*-------hack----------------------------------------------------------------------------*/
.hack {
	padding:20px;
}




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

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

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



	
	

/*/////////////////////////////////////////////////////////*/
/*-------版頭--------*/
/*/////////////////////////////////////////////////////////*/

.header {
	/*padding: 0px 0px 22px;*/
	padding: 0px 0px 12px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
	background-color: #fff;
}

.header.fixed{
	box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.3);
}

	.header > .wrap{
		position: relative;
	}
	
		.header.index_header > .wrap:before{
			position: absolute;
			content: url(../index/images/deco_001.png);
			top: 0px;
			left: -385px;
			z-index: 9999;
		}
	
		.header.index_header > .wrap:after{
			position: absolute;
			content: url(../index/images/deco_002.png);
			top: 0px;
			right: -227px;
			z-index: 9999;
		}
	
		.header.index_header.fixed > .wrap:before{
			/*display: none;*/ /*modify by pekey 20180821*/
		}
	
		.header.index_header.fixed > .wrap:after{
			/*display: none;*/ /*modify by pekey 20180821*/
		}
	
	
		
		/*手機menu按鍵*/
		.menu_btn {
			position:absolute;
			/*width: 25px;*/
			width: 28px;
			top: 50%;
			left: 40px;
			cursor:pointer;
			display:none;
			z-index: 99;
			margin: -15px 0px 0px;
		}
			.menu_btn span {
				display:block;
				/*background: #fff;*/
				/*background: #777;*/
				background: #333;
				/*height:2px;*/
				height: 5px;
				margin: 3.5px 0px;
				/*margin: 6px 0px;*/
				transition:0.3s ease all;
				/*border-radius:3px;*/
				border-radius: 4px;
			}
				/*點擊*/
				.menu_btn.active {
					/*top: 28px;*/
					top: 33px;
					position: fixed;
					margin: 0px;
					right: 15px;
				}
					.menu_btn.active span {
						/*background:#fff;*/
					}
					.menu_btn.active span:nth-of-type(1) {
						/*transform: rotate(39deg);*/
						transform: rotate(42deg);
						transform-origin: top left;
					}
					.menu_btn.active span:nth-of-type(2) {
						opacity: 0;
					}
					.menu_btn.active span:nth-of-type(3) {
						/*transform: rotate(-39deg);*/
						transform: rotate(-42deg);
						transform-origin: bottom left;
					}
		
		
		
		.logo{
			float: left;
			box-sizing: border-box;
			padding:  45px 0px 0px;
			width: 170px;
		}
			.logo a{
				display: block;
			}
				.logo img{
					width: 100%;
					height: auto;
				}
		
		
		/*版頭右側區塊*/
		.header_rightArea{
			float: right;
			box-sizing: border-box;
		}
		
		
			/*版頭右上區塊*/
			.headerRight_topArea{
				text-align: right;
				/*padding-right: 160px;*/
			}
				/*PC_搜尋區塊*/
				.PC_search_area{
					display: inline-block;
					vertical-align: middle;
					padding-top: 7px;
				}
					.PC_search_icon{
						display: inline-block;
						vertical-align: middle;
					}
					.PC_search_inArea{
						display: inline-block;
						vertical-align: middle;
						box-sizing: border-box;
						width: 163px;
					}
						.PC_search_inArea input[type="text"]{
							background: transparent;
							border: 2px solid #b3b3b3;
							color: #ff6721;
							font-size: 12px;
							font-weight: bold;
							line-height: 22px;
							height: 25px;
							padding: 5px 10px;
							width: 100%;
							border-radius: 50px;
							letter-spacing: 1px;
						}

/*modify by pekey 20180709 start*/
.PC_search_area ::-webkit-input-placeholder { /* WebKit browsers */
    color: #b3b3b3;
}
.PC_search_area :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b3b3b3;
}
.PC_search_area ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b3b3b3;
}
.PC_search_area :-ms-input-placeholder { /* Internet Explorer 10+ */
  	color: #b3b3b3;
}
/*modify by pekey 20180709 end*/

						
						
						
						
		
				/*版頭語系區塊*/
				.PC_languge_area{
					display: inline-block;
					vertical-align: middle;
					padding: 7px 10px 0px;
				}
					.PC_languge_list{
						display: inline-block;
						vertical-align: middle;
						padding: 0px 5px;
					}
						.PC_languge_list a{
							display: block;
							font-size: 12px;
							font-weight: bold;
							color: #808080;
							text-decoration: none;
						}
						/*當前模式*/
						.PC_languge_list.active > a{
							color: #ff6721;
						}
						/*當前模式*/
						.PC_languge_list > a:hover{
							color: #ff6721;
						}
					
				/*PC版_版頭我想發問*/
				.PC_qa_area{
					display: inline-block;
					vertical-align: middle;
					position: relative;
				}
				.PC_qa_area:before{
					position: absolute;
					content: '';
					top: 5px;
					left: -2px;
					width: 2px;
					height: 17px;
					background-color: #b3b3b3; 
				}
				
					.PC_qa_area a{
						display: block;
						font-size: 12px;
						font-weight: bold;
						color: #808080;
						text-decoration: none;
    					padding: 8px 22px 0px;
						position: relative;
					}
					.PC_qa_area a:hover{
						color: #ff6721;
					}
					
						.PCQA_listArea{
							position: absolute;
							left: 50%;
							padding: 12px 0px 0px;
							/* width: 140px; */
							 width: 103px; 
							margin: 0px 0px 0px -50px;
							display: none;
							z-index: 1000;
						}
						/*hover*/
						.PC_qa_area:hover .PCQA_listArea{
							display: block;
						}
						
							.PCQA_listContent{
								position: relative;
								box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
								background: rgba(255,255,255,1);
								border-top: 6px solid #ff6721;
							}
								.PCQA_list{
									text-align: left;
								}
									.PCQA_list a{
										display: block;
										box-sizing: border-box;
										font-size: 14px;
										font-weight: 600;
										line-height: 18px;
										color: #333;
										padding: 12px 20px;
										transition: 0.3s ease all;
										text-decoration: none;
										border-bottom: 1px solid #fff;
									}
				
				
				
				/*版頭_會員登入區塊*/
				.header_memberArea{
					display: inline-block;
					vertical-align: middle;
				}	
					.header_memberList:nth-child(1){
						
					}
						.header_memberList:nth-child(1) > a{
							/*font-family: 'Noto Sans', sans-serif;*/
							font-size: 15px;
							display: block;
							padding: 15px 30px;
							text-align: center;
							color: #fff;
							background-color: #ff6721;
							border-bottom-left-radius: 10px;
							border-bottom-right-radius: 10px;
							text-decoration: none;
							transition: all .2s ease-out;
							box-shadow: 1px 3px 7px -1px rgba(20%,20%,40%,0.35);
						}
						.header_memberList:nth-child(1) > a:hover{
							/*background-color: #edeff2;*/
							/*color: #ff6721;*/
							opacity: 0.75;
							transition: all .2s ease-out;
							/*box-shadow: none;*/
						}
							.header_memberIcon{
								display: inline-block;
								vertical-align: middle;
							}
								.header_memberIcon img{
									border-radius: 100%;
									border: 1px solid #ff6721;
								}
								
							.header_memberTit{
								display: inline-block;
								vertical-align: middle;
								font-family: 'Noto Sans', 微軟正黑體;
								font-weight: bold;
							}
						
					.header_memberList:nth-child(2){
						padding: 22.5px 0px;
						position: relative;
					}
						.header_memberList:nth-child(2):before{
							position: absolute;
							content: '';
							top: 31px;
							/*top: 35px;*/
							left: -2px;
							width: 2px;
							height: 17px;
							background-color: #b3b3b3; 
						}
								
						.header_memberList:nth-child(2) > span{
							display: inline-block;
							vertical-align: middle;
							font-size: 12px;
							color: #ff6721;
							font-weight: bold;
    						padding: 5px 15px 0px 20px;
						}
						.header_memberList:nth-child(2) > a{
							display: inline-block;
							vertical-align: middle;
							width: 45px;
							height: 22px;
							background-color: #808080;
							color: #fff;
							font-size: 12px;
							font-weight: bold;
							text-align: center;
							box-sizing: border-box;
							padding: 5px 7px;
							border-radius: 22px;
							text-decoration: none;
							transition: all .2s ease-out;
      						margin: 3px 0px 0px;
						}
						.header_memberList:nth-child(2) > a:hover{
							transition: all .2s ease-out;
							background-color: #ff6721;
						}
					
					.Mobile_header_memberArea{
						position: absolute;
						width: 28px;
						top: 50%;
						right: 40px;
						margin: -15px 0px 0px;
						cursor: pointer;
						z-index: 99;
					}	
						.Mobile_header_memberArea a{
							display: block;
						}
							.Mobile_header_memberArea img{
								width: 100%;
								height: auto;
							}
			
			
				
				
			
			/*主按鍵*/
			.navbar{
				text-align: right;
				padding-top: 10px;
			}	
				.nav{
					float: left;
					position: relative;
					box-sizing: border-box;
				}
			
					.nav > a{
						display: block;
						padding: 8px 30px;
						color: #333333;
						font-size: 15px;
						font-weight: bold;
						line-height: 22px;
						border-radius: 3px;
						transition: 0.3s ease all;
						position: relative;
						box-sizing: border-box;
						
						/*modify by pekey 20180903 start*/
						font-family: 'Poppins', 微軟正黑體;
						letter-spacing: 1.7px;
						/*modify by pekey 20180903 end*/
					}
			
					.nav:nth-child(5) > a{
						padding: 8px 20px;
					}
					
					/*hover*/
					.nav:hover > a {
						color: #ff6721;

						text-decoration:none;
						transition: 0.3s ease all;
					}
						/*after*/
						.nav > a:after{
							position: absolute;
							content: url('../images/nav_after.png');
							top: 15px;
							right: 15px;
						}
						
						/*after*/
						.nav:nth-child(5) > a:after{
							right: 0px;
						}
						
							.nav > a > span{
								display: none;
							}
						
						/*主按鍵_下拉選單*/
						.navOpen.pc {
							position:absolute;
							left:50%;
							/*padding: 20px 0px 0px;*/
							padding: 12px 0px 0px;
							/*width: 140px;*/
							width: 220px;
							margin:0px 0px 0px -50px;
							display:none;
							/*z-index: 2;*/
							z-index: 10000;
						}
						.nav:nth-child(3) .navOpen.pc {
							margin:0px 0px 0px -85px;
						}
						
						/*mobile版*/
						.navOpen.mobile {
							display:none;
							opacity:0;
							z-index:-999999;
							position: absolute;
						}	
						
						/*hover*/
						.nav:hover .navOpen.pc {
							display: block;
						}	
											
							.navOpenBg {
								position:relative;
								box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
								
								/*border-radius: 8px;*/
								background: rgba(255,255,255,1);
								border-top: 6px solid #ff6721;
							}
						
								/*.navOpenBg:before {
									position: absolute;
									content:'';
									border-bottom: solid 8px rgba(0,0,0,0.6);
									border-left: solid 12px rgba(255,255,255,0);
									border-right: solid 12px rgba(255,255,255,0);
									top:-8px;
									left:50%;
									margin:0px 0px 0px -12px;
								}*/
								
								.navOpen.pc .navOpenList{
									text-align: left;
								}
								
								.navOpen.pc .navOpenList:first-child {
									/*border-top-right-radius: 8px;
									border-top-left-radius: 8px;*/
								}
									.navOpen.pc  .navOpenList a {
										display:block;
										box-sizing: border-box;
										font-size: 14px;
										font-weight: 600;
										line-height: 18px;
										color: #333;
										padding: 12px 20px;
										transition:0.3s ease all;
										text-decoration:none;
										border-bottom: 1px solid #fff;
										
										/*modify by pekey 20180903 start*/
										word-break: break-all;
										/*modify by pekey 20180903 end*/
									}
									.navOpen.pc  .navOpenList:last-child a {
										border-bottom: 0px;
									}
										.navOpen.pc  .navOpenList a:hover {
											text-decoration:none;
											transition: 0.3s ease all;
											padding: 12px 20px 12px 23px;
											
											color: #ff6721;
											background: #edeff2;
										}




				.mobileNavbar_bototmArea{
					display: none;
				}

					/*mobile_搜尋區塊*/
					.mobile_search_area{
						padding: 25px 40px;
						box-sizing: border-box;
						position: relative;
					}
						.mobile_search_icon{
							position: absolute;
							left: 55px;
							top: 27px;
							
							width: 22px;
						}
							.mobile_search_icon img{
								width: 100%;
								height: auto;
							}
							
						.mobile_search_inArea{
							position: relative;
							box-sizing: border-box;
							width: 100%;
							padding-left: 55px;
						}
							.mobile_search_inArea input[type="text"]{
								background: transparent;
								border: 2px solid #b3b3b3;
								color: #ff6721;
								font-size: 12px;
								font-weight: bold;
								line-height: 28px;
								height: 30px;
								padding: 5px 10px;
								width: 100%;
								border-radius: 50px;
								letter-spacing: 1px;
							}
	
	/*modify by pekey 20180709 start*/
	.mobile_search_area ::-webkit-input-placeholder { /* WebKit browsers */
		color: #b3b3b3;
	}
	.mobile_search_area :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #b3b3b3;
	}
	.mobile_search_area ::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #b3b3b3;
	}
	.mobile_search_area :-ms-input-placeholder { /* Internet Explorer 10+ */
		color: #b3b3b3;
	}
	/*modify by pekey 20180709 end*/

					.mobileNavbar_inBottom{
						text-align: center;
					}
					
						/*版頭語系區塊*/
						.mobile_languge_area{
							display: inline-block;
							vertical-align: middle;
							
							/*width: 49%;*/ /*modify by pekey 20181126*/
							width: 32%;
							box-sizing: border-box;
						}
							.mobile_languge_list{
								display: inline-block;
								vertical-align: middle;
								
								box-sizing: border-box;
							}
								.mobile_languge_list a{
									display: block;
									font-size: 12px;
									font-weight: bold;
									color: #808080;
									text-decoration: none;
									
									/*padding: 0px 20px;*/ /*modify by pekey 20181126*/
									padding: 0px 15px;
								}
								/*當前模式*/
								.mobile_languge_list.active > a{
									color: #ff6721;
								}
								/*當前模式*/
								.mobile_languge_list > a:hover{
									color: #ff6721;
								}
							
						/*PC版_版頭我想發問*/
						.mobile_qa_area{
							display: inline-block;
							vertical-align: middle;
							position: relative;
							
							/*width: 49%;*/ /*modify by pekey 20181126*/
							width: 32%;
							box-sizing: border-box;
						}
						.mobile_qa_area:before{
							position: absolute;
							content: '';
							top: -2px;
							left: -2px;
							width: 2px;
							height: 17px;
							background-color: #b3b3b3; 
						}
						
							.mobile_qa_area a{
								display: block;
								font-size: 12px;
								font-weight: bold;
								color: #808080;
								text-decoration: none;
								padding: 0px 22px;
							}
							.mobile_qa_area a:hover{
								color: #ff6721;
							}
											
								
							

@media (max-width: 1440px){
	
	/*主按鍵_下拉選單*/
	.navOpen.pc {
		margin:0px 0px 0px -150px;
	}
}
	
@media (max-width:1060px){
	
.header{
	padding: 0px;
	top: 0px;
}
	
	/*modify by pekey 20180821 start*/
	.header.index_header > .wrap:before {
		display: none;
	}
	.header.index_header > .wrap:after {
		position: absolute;
		content: url(../index/images/TB_deco_001.png);
		top: 75px;
		right: 0;
	}
	/*modify by pekey 20180821 end*/


	.logo{
		float: none;
		display: inline-block;
		text-align: center;
		width: 100%;
		padding: 40px 0px;
	}
		.logo a{
     		width: 170px;
			margin: 0px auto;
			display: inline-block;
		}
	
	.menu_btn {
		display: block;
	}
		.header_rightArea{
			float: none;
		}
		
			.headerRight_topArea{
				text-align: left;
			}
				.PC_search_area{
					display: none;
				}
				.PC_languge_area{
					display: none;
				}
				.PC_qa_area{
					display: none;
				}
				.header_memberArea{
					position: absolute;
					top: 0px;
					right: 40px;
				}
					.header_memberList:nth-child(1) > a{
						padding: 35px 30px 15px;
					}
				.header_memberList:nth-child(2){
					/*padding: 36px 0px 22.5px;*/ /*modify by pekey 20190123*/
					padding: 33px 0px 22.5px;
					text-align: center;
				}
					.header_memberList:nth-child(2):before{
						display: none;
					}
								
		
			/*主按鍵*/
			.navbar {
				float: none;
				/*padding: 75px 0px 0px;*/
				/*padding: 101px 0px 0px;*/
				padding: 0px;
				position:fixed;
				top:0px;
				/*top: -100%;*/ /*從上面出來*/
				top: 101px; 
				/*left: -225px;*/ /*從右邊出來*/
				left: -100%; /*從左邊出來*/
				/*left:0px;*/ 
				transition:0.3s ease all;
				/*width:225px;*/
				width: 100%;
				box-sizing:border-box;
				/*background: rgba(0, 0, 0, 0.8);*/
				background: rgba(255, 255, 255, 1);
				height: 100%; /*滿版*/
				/*height: auto;*/ /*依據內容多寡*/
				overflow-y:scroll;
				z-index: 98; 
      			padding-bottom: 25px;
			}
			.navbar.active {
				left:0px; 
				/*box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);*/
     			box-shadow: 0px 4px 15px rgba(0,0,0,0.5);
			}
			
				.nav {
					float:none;
					padding: 0px;
					margin: 0px 40px;
					border-bottom: 1px solid #ccc;
				}
				.nav:first-child{
					border-top: 3px solid #ff6721;

				}
					.nav  a {
						color:#333;
						border:none;
					}
						.nav > a {
							line-height:23px;
							/*padding: 20px 15px;*/
							padding: 14px 0px;
							font-size:16px;
							text-align: left;
						}
							.nav:nth-child(5) > a{
								padding: 14px 0px;
							}
						
							/*hover*/
							.nav:hover > a{
								border:none;
								/*background: transparent;
								color: #fff;
								opacity: 0.7;*/
							}
							
							/*當前模式*/
							.nav.active > a{
								background: transparent;
							}
							
							/*after*/
							.nav > a:after{
								display: none;
							}
							.nav > a > span{
								display: inline-block;
								position: relative;
								top: -2px
							}
							
							
								/*展開選單*/
								.navOpen {
									position:relative;
									top:0px;
									left:0px;
									margin:0px;
									width:auto;
									border-radius:0px;
									background:#444;
								}
									.navOpen:before, .navOpen:after {
										border-bottom: solid 8px #444;
										left: 23px;
									}
										.nO_list a {
											text-align:left;
											padding: 15px 15px;
										}
										
								
								/*hover*/
								.nav:hover .navOpen.pc {
									display:none;
								}	
								.fixed_nav:hover .navOpen.pc {
									display:none;
								}
									
									.navOpen.mobile {
										display: none;
										opacity: 1;
										z-index: 1;
										position: relative;
									}
										.navOpenBg {
											box-shadow: none;
											border-top: 1px solid #ff6721;
										}
											.navOpen.mobile  .navOpenList {
											}
											.navOpen.mobile  .navOpenList > a {
													text-align:left;
													font-size:14px;
													color: #333;
													line-height:22px;
													padding: 12px 15px;
													background: rgba(255, 255, 255, 0.5);
													transition:0.3s ease all;
													text-decoration:none;
													display:block;
													font-weight: bold;
												}
												
												.navOpen.mobile .navOpenList > a:hover {
													/*opacity: 0.7;*/
													text-decoration: none;
													transition: 0.3s ease all;
													padding: 12px 20px 12px 23px;
													color: #ff6721;
													background: #edeff2;
												}
													
				
				
				.mobileNavbar_bototmArea{
					display: block;
				}
					/*mobile_搜尋區塊*/
				
				
				

}




@media (max-width: 768px){
	
	.menu_btn{
		left: 30px;
	}

	.logo{
		padding: 35px 0px;
	}
	
	.header_memberArea{
		right: 30px;
	}
		/*modify by pekey 20190123*/
		.header_memberList:nth-child(2) {
    		padding: 28px 0px;
		}

	.Mobile_header_memberArea {
		right: 30px;
	}
				
		
		.navbar{
			top: 91px;
		}
			.nav{
				margin: 0px 30px;
			}
			
			/*mobile_搜尋區塊*/
			.mobile_search_area{
				padding: 25px 30px;	
			}
				.mobile_search_icon{
					left: 45px;
				}
}


@media (max-width: 767px){
	
	
	/*modify by pekey 20180821 start*/
	.header.index_header > .wrap:after {
		display: none;
	}
	/*modify by pekey 20180821 end*/

}



@media (max-width: 640px){
	
	.menu_btn{
		left: 20px;
	}
	.menu_btn.active {
		top: 40px;
	}

	.logo{
		padding: 45px 0px;
	}
		.logo a{
			
		}
	
	.header_memberArea{
		right: 20px;
	}	
	
		.header_memberList:nth-child(1) > a{
			padding: 22px 15px 15px;
		}
			.header_memberIcon{
				display: block;
			}
			.header_memberTit{
				display: block;
			}
				
				.header_memberTit span{
					display: block;
					padding-top: 3px;
				}
		
		.header_memberList:nth-child(2) {
			/*padding: 22.5px 0px;*/ /*modify by pekey 20190123*/
			padding: 27.5px 0px;
		}
		
		.header_memberList:nth-child(2) > span{
			display: block;
		}	
		.header_memberList:nth-child(2) > a{
			margin-top: 10px;
		}


	.Mobile_header_memberArea {
		right: 20px;
	}
		
		.navbar{
			top: 111px;

		}
			.nav{
				margin: 0px 20px;
			}
			
			/*mobile_搜尋區塊*/
			.mobile_search_area{
				padding: 25px 20px;	
			}
				.mobile_search_icon{
					left: 30px;
				}
		
}

@media (max-width: 375px){

		.logo a{
			width: 150px;
		}
		
		.navbar{
			top: 109px;
		}
	

}

@media (max-width: 320px){
	
	.menu_btn.active {
		top: 30px;
	}
	.logo{
		padding: 40px 0px;
	}
		.logo a{
			width: 110px;
		}
		.header_memberList:nth-child(1) > a{
			padding: 15px 10px 10px;
			font-size: 13px;
		}
		
		.header_memberList:nth-child(2) {
			/*modify by pekey 20190123*/
			padding: 19px 0px;
		}
		
		.navbar{
			top: 94px;
		}
	

}
									

/*/////////////////////////////////////////////////////////*/
/*-------首頁內容--------*/
/*/////////////////////////////////////////////////////////*/

	
.main{
	/*padding-top: 124px;*/
	padding-top: 114px;
	position: relative;
	/*top: -124px;*/
}


@media (max-width:1060px){
	.main{
		padding-top: 101px;
		/*top: -101px;*/
		position: static;
	}
}

@media (max-width: 768px){
	.main{
		padding-top: 91px;
		/*top: -91px;*/
	}
}	
	
@media (max-width: 640px){
	.main{
		padding-top: 111px;
		/*top: -111px;*/
	}
}
@media (max-width: 425px){
	
}
@media (max-width: 375px){
	.main{
		padding-top: 108px;
		/*top: -108px;*/
	}
}

@media (max-width: 320px){
	.main{
		padding-top: 93px;
		/*top: -93px;*/
	}
}

	
/*/////////////////////////////////////////////////////////*/
/*-------首頁內容_上半部區塊--------*/
.indexMain_topArea{
	background-color: #fff;
	padding: 65px 0px;
	text-align: center;
    overflow: hidden;
}
	.indexMain_topArea > .wrap{
		position: relative;
	}
		
		.indexMain_topArea > .wrap:before{
			position: absolute;
			content: url(../index/images/deco_005.png);
			top: -180px;
   			right: -400px;
			z-index: 3;
		}
	
		.indexMain_topArea > .wrap:after{
			position: absolute;
			content: url(../index/images/deco_006.png);
			bottom: -310px;
    		left: -385px;
			z-index: 3;
		}


	.indexMain_topList{
		position: relative;
		padding: 25px 0px;
	}
		/*圖示*/
		.indexMain_topIcon{
			width: 76px;
			height: 76px;
			background-color: #73aad8;
			border-radius: 100%;
			position: absolute;
			left: 0px;
			top: 40px; /*25+15=40*/
     		z-index: 2;
		}
			
			.indexMain_topList:nth-child(2) .indexMain_topIcon{
				/*modify by pekey 20190521*/
				background-color: #9ec237;
			}
			.indexMain_topList:nth-child(3) .indexMain_topIcon{
				/*modify by pekey 20190521*/
				background-color: #ff9800;
			}
			
			.indexMain_topIcon img{
				width: 100%;
				height: auto;
			}
			
		/*列表內容*/
		.indexMain_topListIn{
			padding-left: 40px;
			box-sizing: border-box;
		}
		

		/*左側*/
		.indexMain_topLeft{
			float: left;
			width: 30%;
			box-sizing: border-box;
			padding: 45px 55px;
			min-height: 360px;
			max-height: 360px;
			overflow: hidden;
			background-color: #c7ddef;
			border-top-left-radius: 6px;
			border-bottom-left-radius: 6px;
			position: relative;
		}
		
		/*modify by pekey 20180821 start*/
		.indexMain_topLeft:after{
			position: absolute;
			content: url(../index/images/indexMain_topLeft.png);
			left: 0px;
			bottom: 0px;
			width: 100%;
			z-index: 7;
		}
		/*modify by pekey 20180821 end*/
		
		
			.indexMain_topLeftIn{
			}
			.indexMain_topList:nth-child(2) .indexMain_topLeft{
				background-color: #d8e7af;
			}
			.indexMain_topList:nth-child(3) .indexMain_topLeft{
				/*modify by pekey 20190521*/
				background-color: #f3e0ac;
			}
			
			
				/*modify by pekey 20180821 start*/
				/*.indexMain_topLeftIn:after{
					position: absolute;
					content: url(../index/images/indexMain_topLeft.png);
					left: 0px;
					bottom: 0px;
					width: 100%;
				}*/
				/*modify by pekey 20180821 end*/
			
			
				/*標題*/
				.indexMain_topTit{
					padding-bottom: 30px;
					font-size: 24px;
					font-weight: bold;
					color: #5680a2;
					text-align: left;
					position: relative;
				}
				
				.indexMain_topList:nth-child(2) .indexMain_topTit{
					color: #779229;
				}
				.indexMain_topList:nth-child(3) .indexMain_topTit{
					/*modify by pekey 20190521*/
					color: #ff6721;
				}
					.indexMain_topTit:after{
						position: absolute;
						content: '';
						left: 0px;
						bottom: 0px;
						width: 50px;
						height: 6px;
						background-color: #73aad8;
					}
					.indexMain_topList:nth-child(2) .indexMain_topTit:after{
						background-color: #9ec237;
					}
					.indexMain_topList:nth-child(3) .indexMain_topTit:after{
						/*modify by pekey 20190521*/
						background-color: #ff6721;
					}
				
				/*文字區塊*/
				.indexMain_topText{
					/*padding-top: 30px;*/  /*modufy by pekey 20180821*/
					padding-top: 15px;
					
					font-size: 17px;
					line-height: 32px;
					font-weight: bold;
					color: #333;
					text-align: left;
					
					display: -webkit-box;
					overflow: hidden;
					text-overflow: ellipsis;
					-webkit-text-overflow: ellipsis;
					-webkit-line-clamp: 6;
					-webkit-box-orient: vertical;
				}
			
		/*右側*/
		.indexMain_topRight{
			float: left;
			box-sizing: border-box;
			width: 70%;
			min-height: 360px;
			max-height: 360px;
			overflow: hidden;
			text-align: left;
			background-color: #e4eef7;
			/*padding: 40px 40px;*/
			padding: 30px 20px;
			border-top-right-radius: 6px;
			border-bottom-right-radius: 6px;
		}
		.indexMain_topList:nth-child(2) .indexMain_topRight{
			background-color: #ecf3d7;
		}
		.indexMain_topList:nth-child(3) .indexMain_topRight{
			/*modify by pekey 20190521*/
			background-color: #f9efd5;
		}
			.indexMain_topRight img{
				width: 100%;
				height: auto;
			}
	

@media (max-width:1060px){
	
	/*-------首頁內容_上半部區塊--------*/
	.indexMain_topArea{
		/*padding: 35px 0px;*/
		padding: 100px 0px 35px;
	}
		
		
		/*modify by pekey 20180821 start*/
		.indexMain_topArea > .wrap:before{
			/*content: url(../index/images/TB_deco_002.png);
			right: 0px;*/
			
			display: none;
		}
		
	
		.indexMain_topArea > .wrap:after{
			content: url(../index/images/TB_deco_003.png);
			bottom: -35px;
			left: unset;
    		left: 0px;
		}
		/*modify by pekey 20180821 end*/
	
	
	
	
	
		.indexMain_topList{
			padding: 15px 0px;
		}
				
				.indexMain_topLeft{
					width: 100%;
					float: none;
					min-height: inherit;
					max-height: none;
					
					/*padding: 35px 55px;*/ /*modify by pekey 20180821*/
					padding: 25px 55px;
					
					border-top-left-radius: 6px;
					border-bottom-left-radius: 0px;
					border-top-right-radius: 6px;
				}
				
				/*modify by pekey 20180821 start*/
				.indexMain_topLeft:after{
					content: url(../index/images/TB_indexMain_topLeft.png);
					left: unset;
					right: 0px;
					width: auto;
				}
				/*modify by pekey 20180821 end*/
				
				
					
					/*標題*/
					.indexMain_topTit{	
					
					    /*modify by pekey 20180821*/	
						padding: 11px 0px 21px; 							
					}
					
					/*文字區塊*/
					.indexMain_topText{
						
						display: -webkit-box;
						overflow: hidden;
						text-overflow: ellipsis;
						-webkit-text-overflow: ellipsis;
						-webkit-line-clamp: unset;
						-webkit-box-orient: vertical;
					}
					
				.indexMain_topRight{
					width: 100%;
					float: none;
					min-height: inherit;
					max-height: none;
					/*padding: 35px 55px;*/
					padding: 20px 20px; 
					border-top-right-radius: 0px;
					border-bottom-right-radius: 6px;
					border-bottom-left-radius: 6px;
				}
}

@media (max-width: 768px){
}
@media (max-width: 767px){
	
	/*modify by pekey 20180821 start*/
	.indexMain_topArea > .wrap:after{
		display: none;
	}
	/*modify by pekey 20180821 end*/
}	
	
@media (max-width: 640px){
	
	
	.indexMain_topListIn{
		padding-left: 25px;
	}
		.indexMain_topIcon{
			width: 50px;
		}
		
		.indexMain_topLeft{
			padding: 23px 40px 18px;
		}
		
			/*modify by pekey 20180821 start*/
			.indexMain_topLeft:after{
				content: url(../index/images/indexMain_topLeft.png);
			}
			/*modify by pekey 20180821 end*/
			
						
			/*標題*/
			.indexMain_topTit{
				padding-bottom: 25px;
			}
			
			/*文字區塊*/
			.indexMain_topText{
				padding-top: 20px;
			}
			
		.indexMain_topRight{
			/*padding: 25px 40px;*/ /*modify by pekey 20181126*/
			padding: 13px 13px;
		}
}
@media (max-width: 425px){
	/*modify by pekey 20180821 start*/
	.indexMain_topLeft{
		padding: 12px 20px 10px 40px;
	}
	.indexMain_topLeft:after{
		content: url(../index/images/MB_indexMain_topLeft.png);
	}
	
	.indexMain_topRight {
		/*padding: 20px 20px;*/ /*modify by pekey 20181126*/
	}
	/*modify by pekey 20180821 end*/
}

@media (max-width: 320px){
	
}		
		
	
/*/////////////////////////////////////////////////////////*/
/*-------首頁內容_中半部區塊--------*/		
.indexMain_middleArea{
	background-color: #edeff2;
	padding: 80px 0px;
	text-align: center;
    overflow: hidden;
}
	.indexMain_middleArea > .wrap{
		position: relative;
	}
		.indexMain_middleArea > .wrap:before{
			position: absolute;
			content: url(../index/images/deco_006.png);
			top: -175px;
    		left: -385px;
			z-index: 3;
		}
		
		/*modify by pekey 20190123*/
		/*.indexMain_middleArea > .wrap:after{
			position: absolute;
			content: url(../index/images/deco_007.png);
			bottom: -148px;
			right: -350px;
			z-index: 3;
		}*/
	
	
	/*首頁大標*/
	.index_titArea{
		display: inline-block;
		font-size: 24px;
		color: #333;
		font-weight: bold;
		position: relative;
		padding: 0px 0px 25px;
	}
		/*.index_titArea:before{
			position: absolute;
			content: '';
			right: -40px;
			top: 7px;
			content: url(../images/tit_iconImg.png);
		}*/
		.index_titArea:after{
			position: absolute;
			content: '';
			left: 50%;
			bottom: 0px;
			margin: 0px 0px 0px -24px;
			width: 50px;
			height: 6px;
			background-color: #ff6721;
		}
	
	/*首頁_洞察區塊*/
	.index_insightArea{
		padding: 65px 0px;
	}
		/*列表*/
		.indexInsight_list{
			width: 33%;
			display: inline-block;
			vertical-align: top;
			padding: 5.5px 0px;
			box-sizing: border-box;
			transition: 0.3s ease all;
		}
			.indexInsight_listIn{
				border: 12px solid #edeff2;
				text-align: left;
			}
			/*hover*/
			.indexInsight_list:hover > .indexInsight_listIn{
				border: 12px solid #e1e4e9;
				border-radius: 8px;
				transition: 0.3s ease all;
			}
		
		
				/*圖片*/
				.indexInsight_listImg{
				}
					.indexInsight_listImg a{
						display: block;
						overflow: hidden;
					}
						.indexInsight_listImg img{
							width: 100%;
							height: auto;
							border-top-left-radius: 6px;
							border-top-right-radius: 6px;
							transition: 0.3s ease all;
						}
						.indexInsight_listImg:hover img{
							transform: scale(1.05);
							transition: 0.3s ease all;
							opacity: 0.7;
						}
				
				/*列表下半部*/
				.indexInsight_listBottom{
					background-color: #fff;
					padding: 30px 25px;
					border-bottom-left-radius: 6px;
					border-bottom-right-radius: 6px;
				}
					/*分類*/
					.indexInsight_listCategory{
						font-size: 13px;
						color: #808080;
						padding-right: 7px;
						border-right: 1px solid #808080;
						display: inline-block;
					}
					/*標題*/
					.indexInsight_listTit{
						padding: 20px 0px;
						position: relative;
					}	
				
					.indexInsight_listTit:after{
						position: absolute;
						content:'';
						left: 0px;
						bottom: 0px;
						background-color: #ff6721;
						height: 4px;
						width: 50px;
					}
						.indexInsight_listTit a{
							display: block;
							font-size: 20px;
							color: #ff6721;
							font-weight: bold;
							text-decoration: none;
							transition: 0.3s ease all;
							
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
						
						.indexInsight_listTit a:hover{
							padding-left: 10px; 
							transition: 0.3s ease all;
						}
						
					/*簡述*/
					.indexInsight_listText{
						padding: 20px 0px 0px;
						font-size: 14px;
						color: #333;
						line-height: 22px;
						font-weight: bold;
							
						overflow: hidden;
						/*white-space: nowrap;*/
						text-overflow: ellipsis;
						
						display: -webkit-box;
						-webkit-text-overflow: ellipsis;
						/*-webkit-line-clamp: 4;*/  /*modify by pekey 20181126*/
						-webkit-line-clamp: 1;
						-webkit-box-orient: vertical;
					}
					
					/*詳細資料區塊*/
					.indexInsight_authorArea{
						padding: 23px 0px 0px;
					}
						/*時間*/
						.indexInsight_listTime{
							/*display: inline-block;*/ /*modify by pekey 20181126*/
							vertical-align: middle;
							color: #808080;
							font-size: 12px;
							position: relative;
							padding-right: 13px;
     						line-height: 18px;
						}
							/*modify by pekey 20181126*/
							/*.indexInsight_listTime:after{
								position: absolute;
								content:'';
								right: 2px;
								bottom: 7px;
								background-color: #808080;
								height: 3px;
								width: 3px;
								border-radius: 100%;
							}*/
						
						/*作者*/
						.indexInsight_listAuthor{
							/*display: inline-block;*/ /*modify by pekey 20181126*/
							vertical-align: middle;
							color: #808080;
							font-size: 12px;
     						line-height: 18px;
							
							/*modify by pekey 20181126*/
							padding: 3px 0px 0px;
						}
					
			 	/*modify by pekey 20180821 start*/	
				
			 	/*查看更多*/
				.indexMain_moreBtn{
					margin: 0px auto;
					transition: all .2s ease-out;
				}
					.indexMain_moreBtn a{
						width: 180px;
						display: inline-block;
						padding: 17px 28px 15px;
						box-sizing: border-box;
						font-size: 13px;
						font-weight: bold;
						color: #fff;
						border-radius: 45px;
						text-decoration: none;
						transition: 0.3s ease all;
						background-color: #ccc;
						position: relative;
					
						text-align: left;
					}
						.indexMain_moreBtn span{
							transition: 0.3s ease all;
							position: absolute;
							top: 0px;
							right: 0px;
							padding: 4.5px 5px;
							border-left: 1px solid #fff;
						}

							.indexMain_moreBtn i{
								font-size: 36px;
							}
							
						
				/*hover*/
				.indexMain_moreBtn:hover{
					transition: all .2s ease-out;
				}
					.indexMain_moreBtn a:hover {
						background-color: #ff6721;
						transition: 0.3s ease all;
					}
						/*hover*/
						.indexMain_moreBtn:hover span{
						}
					
					/*.indexMain_moreBtn_before{
						display: block;
					}
					.indexMain_moreBtn_after{
						display:none;
					}*/
					
					/*hover*/
					/*.indexMain_moreBtn:hover .indexMain_moreBtn_before{
						transition: all .2s ease-out;
						display:none;
					}
					.indexMain_moreBtn:hover .indexMain_moreBtn_after{
						transition: all .2s ease-out;
						display: block;
					}*/
					/*modify by pekey 20180821 end*/




@media (max-width: 1280px){

	/*列表*/
	.indexInsight_list{
		width: 32%;
	}
}


@media (max-width:1060px){
		
	/*-------首頁內容_中半部區塊--------*/		
	.indexMain_middleArea{
		padding: 50px 0px;
	}
		/*.index_insightArea {
			padding: 30px 0px;
		}*/
		
		/*modify by pekey 20180821 start*/
		.indexMain_middleArea > .wrap:before{
			content: url(../index/images/TB_deco_004.png);
			top: -50px;
    		left: 0px;
		}
		
		
		/*modify by pekey 20190123*/
		/*.indexMain_middleArea > .wrap:after{
			content: url(../index/images/TB_deco_005.png);
			bottom: -50px;
			right: unset;
			right: 0px;
		}*/
		
		/*modify by pekey 20180821 end*/
		
		
		.index_insightArea {
			padding: 15px 0px;
		}
		
			/*列表*/
			.indexInsight_list{
				/*width: 50%;
				float: left;*/ /*20190314*/
				width: 49%;
				float: none;
				display: inline-block;
     			padding: 15px 0px;
			}
			
			/*總共6筆，第4筆以後都隱藏*/
			.indexInsight_list:nth-child(5), .indexInsight_list:nth-child(6){
				display: none;
			}
	
}

@media (max-width: 768px){
	
		
	
}	
	
@media (max-width: 767px){/*@media (max-width: 640px){*/
	
	/*-------首頁內容_中半部區塊--------*/		
	.indexMain_middleArea{
		padding: 50px 0px 10px; /*modify by pekey 20181126*/
	}
	
		/*modify by pekey 20180821 start*/
		.indexMain_middleArea > .wrap:before{
			display: none;
		}
		
		
		/*modify by pekey 20190123*/
		/*.indexMain_middleArea > .wrap:after{
			display: none;
		}*/
		/*modify by pekey 20180821 end*/
		
		
		.index_insightArea {
			padding: 23px 0px 0px;
		}
		
			/*列表*/
			.indexInsight_list{
				width: 100%;
				float: none;
			}
			
			/*總共6筆，第3筆以後都隱藏*/
			.indexInsight_list:nth-child(4){
				display: none;
			}
			
			/*modify by pekey 20181126*/
			.indexInsight_list:nth-child(3){
				padding: 15px 0px 0px;
			}
	
	

/*查看更多*/
.indexMain_moreBtn{
	padding: 35px 0px;
}			
			
}

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

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

@media (max-width: 320px){
	
}		
	
/*/////////////////////////////////////////////////////////*/
/*-------首頁內容_媒體中心區塊--------*/				
.indexMain_newsArea{
	background-color: #fff;
	padding: 80px 0px;
	text-align: center;
	overflow: hidden;
}
	
	.indexMain_newsArea > .wrap{
		position: relative;
	}
		
		
		.indexMain_newsArea > .wrap:before{
			position: absolute;
			content: url(../index/images/deco_007.png);
			top: -360px;
			right: -350px;
			z-index: 3;
		}
		.indexMain_newsArea > .wrap:after{
			position: absolute;
			content: url(../index/images/deco_008.png);
			bottom: -280px;
			left: -400px;
			z-index: 3;
		}
	
	
	
	/*首頁_媒體中心區塊*/
	.index_newsArea{
		padding: 65px 0px;
		text-align: left;
	}		
		/*列表*/
		.index_newsList{
			border-top: 1px solid #d2d2d2;
			position: relative;
			padding: 25px 25px;
		}
		.index_newsList:last-child{
			border-bottom: 1px solid #d2d2d2;
		}
		
		/*hover*/
		.index_newsList:hover{
			background-color: #edeff2;
		}
		
			/*左側區塊*/
			.indexNews_listLeft{
				position: absolute;
				left: 25px;
				top: 21px;
				z-index: 3;
			}
				/*時間*/
				.indexNews_listTime{
					display: inline-block;
					vertical-align: middle;
					font-weight: bold;
					font-size: 14px;
					color: #333;
					padding-right: 30px;
					box-sizing: border-box;
				}
				
				/*類別*/
				.indexNews_listCategory{
					display: inline-block;
					vertical-align: middle;
					font-size: 12px;
					color: #fff;
					padding: 5px 10px;
					border-radius: 12px;
					font-weight: bold;
					max-width: 182px;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					box-sizing: border-box;
				}
				
			.indexNews_listTit{
				padding-left: 355px;
				position: relative;
				transition: 0.3s ease all;
			}
			/*hover*/
			.indexNews_listTit:hover{
				padding-left: 365px;
				transition: 0.3s ease all;
			}
				.indexNews_listTit a{
					display: block;
					font-size: 14px;
					color: #333;
					font-weight: bold;
					text-decoration: none;
					
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
			
			/*hover*/
			.index_newsList:hover > .indexNews_listTit a{
				color: #00bac7;
			}
	
	
	
					
@media (max-width:1060px){
	
	/*modufy by pekey 20180821 start*/
	.indexMain_newsArea > .wrap:before{
		content: url(../index/images/TB_deco_006.png);
		top: -80px;
		right: unset;
		right: 0px;
	}
	.indexMain_newsArea > .wrap:after{
		content: url(../index/images/TB_deco_007.png);
		bottom: -80px;
		left: unset;
		left: 0px;
	}
	/*modufy by pekey 20180821 end*/
}

@media (max-width: 768px){
	
	/*-------首頁內容_媒體中心區塊--------*/				
	.indexMain_newsArea{
		padding: 50px 0px;
	}	
}	
	
@media (max-width: 767px){/*@media (max-width: 640px){*/

	/*-------首頁內容_媒體中心區塊--------*/				
	.indexMain_newsArea{
		padding: 50px 0px 0px;
	}	

	/*modufy by pekey 20180821 start*/
	.indexMain_newsArea > .wrap:before{
		display: none;
	}
	.indexMain_newsArea > .wrap:after{
		display: none;
	}
	/*modufy by pekey 20180821 end*/
	
	

	.index_newsArea{
		padding: 50px 0px 0px;
	} 
		.index_newsList{
			padding: 15px 20px;
		}
			/*左側區塊*/
			.indexNews_listLeft{
				position: static;
			}
				
			.indexNews_listTit{
				padding: 15px 0px 0px;
			}
			
			/*hover*/
			.indexNews_listTit:hover{
				padding-left: 10px;
			}
}




@media (max-width: 425px){
	.indexNews_listTime{
		padding-right: 0px;
	}
}
@media (max-width: 375px){
	.indexNews_listCategory{
		max-width: 208px;
	}
}
@media (max-width: 320px){
	.indexNews_listCategory {
		max-width: 154px;
	}
}		
		

/*/////////////////////////////////////////////////////////*/
/*-------首頁內容_活動資訊區塊--------*/	
.indexMain_activitiesArea{
	background-color: #edeff2;
	padding: 80px 0px;
	text-align: center;
	overflow: hidden;
}

	.indexMain_activitiesArea > .wrap{
		position: relative;
	}
	
		.indexMain_activitiesArea > .wrap:before{
			position: absolute;
			content: url(../index/images/deco_008.png);
			top: -221px;
			left: -400px;
			z-index: 3;
		}
		.indexMain_activitiesArea > .wrap:after{
			position: absolute;
			content: url(../index/images/deco_009.png);
			bottom: -148px;
			right: -385px;
			z-index: 3;
		}
		
	
	/*首頁_活動資訊區塊*/
	.index_activitiesArea{
		padding: 65px 0px;
		margin: 0px -10px;
	}		
		/*列表*/
		.index_activitiesList{
			width: 33.3%;
			float: left;
			box-sizing: border-box;
			padding: 0px 10px;
		}
			.indexActivities_listIn{
			}
				.indexActivities_listBtn{
					margin: 0px auto;
					background-color: rgba(0,0,0,0.5);
					padding: 80px 0px;
					transition: 0.3s ease all;
				}
			
				/*hover*/
				.index_activitiesList:hover .indexActivities_listBtn{
					background-color: transparent;
					transition: 0.3s ease all;
				}
				
					.indexActivities_listBtn a{
						display: inline-block;
						vertical-align: middle;
						text-align: center;
						padding: 8px 5px 3px 21px;
						font-size: 17px;
						font-weight: bold;
						color: #fff;
						border: 1px solid #fff;
						border-radius: 45px;
						text-decoration: none;
						transition: 0.3s ease all;

					}
			
					/*hover*/
					.index_activitiesList:hover .indexActivities_listBtn a{
						background-color: #ff6721;
						border: 1px solid #ff6721;
						transition: 0.3s ease all;
					}
						.indexActivities_listBtn span{
							display: inline-block;
							vertical-align: middle;
							position: relative;
							top: -2px;
							right: 3px;
							font-weight: normal;
							transition: 0.3s ease all;
						}
						/*hover*/
						.indexActivities_listBtn:hover span{
							right: 0px;
							transition: 0.3s ease all;
						}
							.indexActivities_listBtn i{
								font-size: 36px;
							}
	
		

@media (max-width:1060px){
		
		/*modify by pekey 20180821 start*/
		.indexMain_activitiesArea > .wrap:before{
			content: url(../index/images/TB_deco_008.png);
			top: -80px;
			left: unset;
			left: 0px;

		}
		.indexMain_activitiesArea > .wrap:after{
			content: url(../index/images/TB_deco_009.png);
			bottom: -80px;
			right: unset;
			right: 0px;
		}
		/*modify by pekey 20180821 end*/
		
}

@media (max-width: 768px){
	
	.indexMain_activitiesArea{
		padding: 50px 0px;
	}
	
		/*首頁_活動資訊區塊*/
		.index_activitiesArea{
			margin: 0px;
			padding: 35px 0px 0px;
		}		
			/*列表*/
			.index_activitiesList{
				width: 50%;
				float: none;
				padding: 15px 0px;
				margin: 0px auto;
			}
				.indexActivities_listBtn a{
					width: 35%;
				}
}	
	
@media (max-width: 767px){/*@media (max-width: 640px){*/
		
		/*modify by pekey 20180821 start*/
		.indexMain_activitiesArea > .wrap:before{
			display: none;
		}
		.indexMain_activitiesArea > .wrap:after{
			display: none;
		}
		/*modify by pekey 20180821 end*/
		
		
		
		/*列表*/
		.index_activitiesList{
			width: 100%;
		}
			.indexActivities_listBtn {
				padding: 25% 0px;
			}
}
@media (max-width: 640px){
	.indexActivities_listBtn a{
		width: auto;
	}
}

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


/*/////////////////////////////////////////////////////////*/
/*-------版腳--------*/
/*/////////////////////////////////////////////////////////*/

.footer{
	padding: 80px 0px;
	background-color: #dcdee0;
	overflow: hidden;
}

	.footer > .wrap{
		position: relative;
	}
		/*首頁版腳*/
		.footer.index_footer > .wrap:after{
			position: absolute;
			content: url(../index/images/deco_009.png);
			top: -359px;
			right: -385px;
			z-index: 3;
		}


@media (max-width:1060px){

/*modify by pekey 20180821 start*/
.footer{
	position: relative;
}
	.footer > .wrap:before{
		position: absolute;
		content: url(../index/images/TB_deco_010.png);
		top: -80px;
		right: 0px;
		z-index: 3;
	}
/*modify by pekey 20180821 end*/
	
}

@media (max-width: 767px){/*@media (max-width: 640px){*/
	
	/*modify by pekey 20180821 start*/
	.footer > .wrap:before{
		display: none;
	}
	/*modify by pekey 20180821 end*/
	
	.footer{
		padding: 50px 0px 30px;
	}
}

@media (max-width: 640px){
	
	.footer > .wrap:before{
		display: none;
	}
	
}


/*/////////////////////////////////////////////////////////*/
/*-------版腳上方資訊區塊--------*/	
.footerMain_infoArea{
	padding: 0px 0px 25px;
	
}



@media ( max-width: 920px){
	
	/*-------版腳上方資訊區塊--------*/	
	.footerMain_infoArea{
		padding: 0px 70px 25px;
		
	}
}
@media ( max-width: 767px){
	
	/*-------版腳上方資訊區塊--------*/	
	.footerMain_infoArea{
		padding: 0px 0px 25px;
		
	}
}
	
	
	
	

/*版腳左側區塊*/
.footer_leftArea{
	float: left;
	box-sizing: border-box;
	width: 30%;
}
	/*版腳logo*/
	.footerLeft_logo{
		position: relative;
		width: 170px;
		padding-bottom: 30px;
	}
		.footerLeft_logo:after{
			position: absolute;
			left: 0px;
			bottom: 5px;
			content: '';
			width: 30px;
			height: 5px;
			background-color: #ff6721;
		}
		
		.footerLeft_logo img{
			width: 100%;
			height: auto;
		}
		
	
	/*版腳左側文字輪播區塊*/	
	.footerLeft_sliderArea{
		padding: 25px 0px;
	}
	
		.device {
			position:relative;
			overflow:hidden;
		}
			/*左右鍵*/
			.device .arrow-left, .device .arrow-right {
				/*position:absolute;*/
				z-index: 2;
				top:50%;
				margin:-18px 0px 0px 0px;
				/*opacity:0;*/
				transition:0.3s ease all;
			}
			
				/*左鍵*/
				.device .arrow-left {
					left:-20px;
				}
				
				/*右鍵*/
				.device .arrow-right {
					right:-20px;
				}
					.device:hover .arrow-left {
						opacity:1;
						left:20px;
					}
					.device:hover .arrow-right {
						opacity:1;
						right:20px;
					}
			
			/*輪播區*/
			.swiper-container {
				height:auto;
				padding-bottom: 20px;
			}
				.swiper-wrapper {
				}
					.swiper-slide {
						position:relative;
					}
						.swiper-slide img {
							width:100%;
							height:auto;
						}
						.swiper-slide p {
							/*font-size: 14px;*/  /*modify by pekey 20181126*/
							font-size: 12px;
							/*line-height: 22px;*/  /*modify by pekey 20181126*/
							line-height: 20px;
							color: #000;
							/*font-weight: bold;*/ /*modify by pekey 20181126*/
						}
			
			/*輪播點點*/
			.pagination {
			  position: absolute;
			  z-index: 1;
			  bottom: -39px;
			  width: 100%;
			  text-align: center;
			}
				.swiper-pagination-switch {
				  display: inline-block;
				  width: 20px;
				  height: 20px;
				  border-radius: 5px;
				  background: #edbdb4;
				  margin: 0 7px;
				  cursor: pointer;
				}
				.swiper-active-switch {/*輪播點點當前模式*/
				  background: #c42605;
				}
					/*客制區塊*/
					.swiper-slide {
						position:relative;
					}
					.pcBanner {
					}
					.mobileBanner {
						display:none;
					}
						
@media (max-width: 880px){
	.device {
		height:auto;
	}
		/*左右鍵*/
		.device .arrow-left, .device .arrow-right {
			/*display:none;*/
		}
}

@media (max-width: 767px){ /*@media (max-width: 640px){*/
	/*.pcBanner {
		display: none;
	}
	.mobileBanner {
		display:block;
	}*/
	
	.swiper-container{
		padding: 0px 0px 15px;
	}
}
	
		
			
				
				
			/*版腳左側社群區塊*/
			.footerLeft_snsArea{
				padding: 25px 0px 0px;
				margin: 0px -10px;
				position: relative;
			}
				.footerLeft_snsArea:before{
					position: absolute;
					left: 10px;
					top: -5px;
					content: '';
					width: 30px;
					height: 5px;
					background-color: #ff6721;
				}
				
				.footerLeft_snsList{
					float: left;
					box-sizing: border-box;
					padding: 0px 10px;
					width: 36px;
				}
					.footerLeft_snsList a{
						display: block;
						text-decoration: none;
					}
						.footerLeft_snsList img{
							width: 100%;
							height: auto;
						}
						/*hover*/
						.footerLeft_snsList:hover .footerSNS_listBefore{
							display: none;
						}
						
						.footerSNS_listAfter{
							display: none;
						}
						
						/*hover*/
						.footerLeft_snsList:hover .footerSNS_listAfter{
							display: block;
						}
		
		
		/*modify by pekey 20190225*/
		.footer_snsArea{
			display: none;
		}
	
@media ( max-width: 1024px){

	/*版腳左側區塊*/
	.footer_leftArea{
		width: 25%;
	}
}	

@media ( max-width: 920px){

	/*版腳左側區塊*/
	.footer_leftArea{
		width: 67%;
		padding: 30px 20px;
	}
		/*版腳左側社群區塊*/
		.footerLeft_snsArea{
			display:  none;
		}
}




@media ( max-width: 767px){

	/*版腳左側區塊*/
	.footer_leftArea{
		width: 100%;
		float:none;
		padding: 0px 0px 30px;
		text-align: center;
		display: inline-block;
	}
		.footerLeft_logo{
			margin: 0px auto;
		}
			.footerLeft_logo:after {
				left: 50%;
				margin: 0px 0px 0px -15px;
			}
		
		.footerLeft_sliderArea{
			padding: 15px 0px 20px;
		}
		
		/*modify by pekey 20190225 start*/
		/*版腳左側社群區塊*/
		/*.footerLeft_snsArea{
			display:  block;
			text-align: center;
			margin: 0px -15px;
			padding: 0px;
		}
		.footerLeft_snsArea:before{
			display: none;
		}
			.footerLeft_snsList{
				width: 16.6%;
				padding: 0px 15px;
			}*/
			
		
		/*版腳社群連結區塊_平板手機用*/
		.footer_snsArea{
			display:  block;
			text-align: center;
			margin: 0px -15px;
			padding: 0px;
		}
			.footer_snsList{
					float: left;
					box-sizing: border-box;
				width: 16.6%;
				padding: 0px 15px;
		}
				.footer_snsList a{
					display: block;
					text-decoration: none;
				}
					.footer_snsList img{
						width: 100%;
						height: auto;
					}
		/*modify by pekey 20190225 end*/
}

	
		
	
/*版腳中間區塊*/
.footer_middleArea{
	float: left;
	box-sizing: border-box;
	width: 54%;
	/*margin: 0px 20px;*/
}

/*TB+MB版 版腳中間區塊*/
.footer_middleAreaSP{
	display: none;
}


	/*列表*/
	.footerMiddle_listArea{
		width: 33.3%;
		float: left;
		box-sizing: border-box;
		padding: 0px 20px;
		min-height: 242px;
	}
		/*標題*/
		.footerMiddle_listTit{
			font-size: 13px;
			color: #000;
			line-height: 18px;
			font-weight: bold;
			padding-bottom: 15px;
			position: relative;
		}
			.footerMiddle_listTit:after{
				position: absolute;
				left: 0px;
				bottom: -5px;
				content: '';
				width: 30px;
				height: 5px;
				background-color: #ff6721;
			}
			.footerMiddle_listTit span{
				display: block;
			}

		/*內容*/
		.footerMiddle_listContent{
			padding: 20px 0px 0px;
			font-size: 12px;
			color: #000;
			line-height: 21px;

			padding-bottom: 15px;
			position: relative;
			
			/*modify by pekey 20180801*/				
			min-height: 119px;
			box-sizing: border-box;
		}
			.footerMiddle_listContent span{
				display: block;
			}

		/*QRcode*/
		.footerMiddle_listQR{
			width: 71px;
		}


			.footerMiddle_listQR a{
				/*modify by pekey 20180821*/
				display: block;
			}
			
				.footerMiddle_listQR img{
					width: 100%;
					height: auto;
				}


@media ( max-width: 1024px){

	/*版腳中間區塊*/
	.footer_middleArea{
		width: 55%;
	}
}
@media ( max-width: 920px){

	/*版腳中間區塊*/
	.footer_middleArea{
		width: 100%;
		float: none;
		padding: 30px 0px;
	}
}
@media ( max-width: 767px){

	/*版腳中間區塊*/
	.footer_middleArea{
		display: none;
	}
	.footer_middleAreaSP{
		display: block;
		width: 100%;
	}
		.footerMiddle_listAreaSP{
			float: none;
			width: 100%;
			padding: 10px 0px;
		}
			.footerMiddle_listTitSP{
				text-align: center;
			}
				.footerMiddle_listTitSP a{
					display: block;
					width: 100%;
					box-sizing: border-box;
					padding: 15px 15px;
					border-radius: 40px;
					background-color: #333;
					color: #fff; 
					font-size: 14px;
					font-weight: bold;
					line-height: 18px;
					text-decoration: none;
				}
				/*hover*/
				.footerMiddle_listTitSP a:hover{
					background-color: #ff6721;
				}
				
			.footerMiddle_listContentSP {
				padding: 10px 0px 0px;
				font-size: 14px;
				font-weight: bold;
				color: #000;
				line-height: 21px;
				text-align: center;
			}
				.footerMiddle_listContentSP span {
					display: block;
				}
}


	

/*版腳右側區塊*/	
.footer_rightArea{
	float: right;
	box-sizing: border-box;
	width: 16%;
	padding-left: 10px;
}
	/*列表*/
	.footerRight_listArea{
	}
	.footerRight_listArea:nth-child(2){
		padding-top: 20px;
	}
	
		.footerRight_listArea a{
			display: block;
			position: relative;
			color: #fff;
			padding: 10px 18px;
			border-radius: 40px;
			background-color: #ff6721;
			text-decoration: none;
		}
		/*hover*/
		.footerRight_listArea a:hover{
			opacity: 0.8;
		}
		.footerRight_listArea:nth-child(2) a{
			background-color: #052148;
			border-radius: 10px;
			cursor: default;
		}
		/*hover*/
		.footerRight_listArea:nth-child(2) a:hover{
			opacity: 1;
		}
				
			
			/*標題區塊*/
			.footerRight_titArea{
				position: relative;
			}
				/*icon*/
				.footerRight_inIcon{
					width: 21px;
					display: inline-block;
					vertical-align: middle;
					padding-right: 5px;
				}
					.footerRight_inIcon img{
						width: 100%;
						height: auto;
					}
					
				/*標題*/
				.footerRight_inTit{
					font-size: 12px;
					font-weight: bold;
					display: inline-block;
					vertical-align: middle;
					transition: 0.3s ease all;
				}
				
				/*next*/
				.footerRight_inNext{
					position: absolute;
					right: 0px;
					top: -2px;
					transition: 0.3s ease all;
				}
				/*hover*/
				.footerRight_listArea a:hover .footerRight_inNext{
					right: -10px;
					transition: 0.3s ease all;
				}
				/*hover*/
				.footerRight_listArea:nth-child(2) a:hover .footerRight_inNext{
					right: 0px;
				}
					.footerRight_inNext i{
					}
				
				
				.footerRight_inputArea{
					padding-top: 15px;
				}
					.footerRight_inputIn input[type="text"]{
						border: 0px;
						border-bottom: 1px solid #fff;
						background-color: transparent;
						color: #fff;
						font-size: 12px;
						padding: 0px;
						line-height: 16px;
						height: 30px;
					  	
						/*modify by pekey 20190123*/
					    border-radius: 0;
					}
		
/*modify by pekey 20180713 start*/
.footerRight_inputArea ::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.footerRight_inputArea :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
.footerRight_inputArea ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
.footerRight_inputArea :-ms-input-placeholder { /* Internet Explorer 10+ */
  	color: #fff;
}
/*modify by pekey 20180713 end*/

						
					.footerRight_inputEnter{
						padding: 12px 0px 3px;
						text-align: center;
					}
					
						.footerRight_inputEnter label{
							cursor: pointer;
						}
							.footerRight_inputEnter input[type="submit"], .footerRight_inputEnter input[type="button"]{
								border: 1px solid #fff;
								border-radius: 22px;
								padding: 5px 8px;
								color: #fff;
								font-size: 12px;
								font-weight: bold;
								line-height: 16px;
								height: 26px;
								width: 105px;
								display: inline-block;
								background-color: transparent;
							}




@media ( max-width: 1024px){

	/*版腳中間區塊*/
	.footer_rightArea{
		width: 20%;
	}
}
@media ( max-width: 920px){

	/*版腳中間區塊*/
	.footer_rightArea{
		width: 33%;
		padding: 30px 20px;
	}
}
@media ( max-width: 767px){

	/*版腳中間區塊*/
	.footer_rightArea{
		width: 100%;
		float: none;
		padding: 0px;
	}	
		.footerRight_listArea:nth-child(2){
			padding-top: 10px;
		}
			.footerRight_listArea a{
				padding: 15px 18px;
			}
			.footerRight_listArea:nth-child(2) a{
				border-radius: 16px;
			}
				.footerRight_inTit{
					font-size: 14px;
				}
				
				.footerRight_inputIn{
					float: left;
					width: 50%;
					box-sizing: border-box;
					padding: 0px 20px 0px 0px;
				}
				.footerRight_inputEnter{
					float: left;
					width: 50%;
					box-sizing: border-box;
					padding: 0px;
				}
					.footerRight_inputEnter input[type="submit"]{
						width: 100%;
						padding: 7px 8px;
						height: 30px;
					}
}








/*TB+MB版 版腳社群連結區塊*/
.footerBottom_snsAreaSP{
	padding: 25px 0px 0px;
	margin: 0px -10px;
	position: relative;
	text-align: center;
	
	display: none;
}
	/*.footerBottom_snsAreaSP:before{
		position: absolute;
		left: 10px;
		top: -5px;
		content: '';
		width: 30px;
		height: 5px;
		background-color: #ff6721;
	}*/
	
	.footerBottom_snsListSP{
		/*box-sizing: border-box;*/
		padding: 0px 15px;
		width: 25px;
		
		display: inline-block;
		vertical-align: middle;
	}
		.footerBottom_snsListSP a{
			display: block;
			text-decoration: none;
		}
			.footerBottom_snsListSP img{
				width: 100%;
				height: auto;
			}
			/*hover*/
			.footerBottom_snsListSP:hover .footerSNS_listBefore{
				/*display: none;*/ /*modify by pekey 20190225*/
				display: block;
			}
			
			.footerSNS_listAfterSP{
				display: none;
			}
			
			/*hover*/
			.footerBottom_snsListSP:hover .footerSNS_listAfter{
				/*display: block;*/ /*modify by pekey 20190225*/
				display: none;
			}


@media (max-width:1060px){

	/*TB+MB版 版腳社群連結區塊*/
	.footerBottom_snsAreaSP{
		display: block;
	}
		
}
@media (max-width: 768px){/*@media (max-width: 767px){*/ /*modify by pekey 20190225*/

	/*TB+MB版 版腳社群連結區塊*/
	.footerBottom_snsAreaSP{
		/*display: none;*/ /*modify by pekey 20190225*/
	}
}

/*modify by pekey 20190225*/
@media (max-width: 640px){ 

	/*TB+MB版 版腳社群連結區塊*/
	.footerBottom_snsAreaSP{
		display: none; 
	}
}
		

/*/////////////////////////////////////////////////////////*/
/*-------版腳中間主按鍵區塊--------*/	
.footerMain_navbarArea{
	padding: 15px 0px;
	text-align: center;
	border-top: 1px solid #808080; 
	border-bottom: 1px solid #808080; 
}
	.footerMain_nav{
		display: inline-block;
		vertical-align: middle;
	}
		.footerMain_nav a{
			display: block; 
			color: #808080;
			font-size: 12px;
			position: relative;
			padding: 0px 5px;
			text-decoration: none;
		}
		.footerMain_nav a:hover{
			color: #ff6721;
		}
			.footerMain_nav a:after{
				position: absolute;
				content: '';
				width: 1px;
				height: 12px;
				background: #808080;
				top: 0px;
				right: -3px;
			}
			.footerMain_nav:last-child a:after{
				display: none;
			}

@media (max-width: 767px){
	
	.footerMain_navbarArea{
		padding: 0px;
	}

	
		.footerMain_nav{
			display: block;
			width: 100%;
			text-align: left;
		}
			.footerMain_nav a{
				padding: 15px 0px;
				border-bottom: 1px solid #808080;
				font-size: 14px;
				line-height: 20px;
			}
			.footerMain_nav:last-child a{
				border-bottom: 0px;
			}
				.footerMain_nav a:after{
					display: none;
				}
}
	

/*/////////////////////////////////////////////////////////*/
/*-------版腳下方版權宣告區塊--------*/		
.footerMain_copyrightArea{
	padding-top: 20px;
}
		
	/*版腳下方文字區塊*/
	.footerMain_copyrightText{
		float: left;
		box-sizing: border-box;
	}
		.footerMain_copyrightList{
			font-size: 12px;
			color: #808080;
			line-height: 16px;
			padding: 3px 0px;
		}
		
		
		.footerMain_copyrightList:last-child{
			color: #b3b3b3;
		}
			.footerMain_copyrightList:last-child a{
				color: #b3b3b3;
			}
		
	
	/*總公司logo區塊*/
	.footerBottom_logoArea{
		float: right;
		box-sizing: border-box;
		width: 158px;
	}
		.footerBottom_logoArea a{
			display: block;
		}
			.footerBottom_logoArea img{
				width: 100%;
				height: auto;
			}
			
			
@media (max-width: 767px){
	
	.footerMain_copyrightArea{
		padding: 14px 0px 0px;
	}
		.footerMain_copyrightText{
			float: none;
			text-align: center;
		}
			.footerMain_copyrightList{
				padding: 14px 0px;
				line-height: 20px;
				letter-spacing: 0px;
			}
			.footerMain_copyrightList:nth-child(2){
				padding: 10px 0px 0px;
			}
			.footerMain_copyrightList:last-child{
				padding: 0px;
			}
				.footerMain_copyrightList span{
					display: block;
				}
		
		.footerBottom_logoArea{
			float: none;
			text-align: center;
			margin: 0px auto;
			padding: 16px 0px 0px;
		}
}


	




/*會員登入區*/
.member_login_area {
	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;
}
.member_login_area.show {
	opacity:1;
	pointer-events: auto;
	display:block \9;		/*ie9*/
	
	overflow-y: auto;
}

/* IE10、11、edge模式 */
@media all and (-ms-high-contrast:none) {
	.member_login_area {
		opacity:1;
		display:none;
	}
	*::-ms-backdrop, .member_login_area {
		opacity:1;
		display:none;
	}
		.member_login_area.show {
			display:block;
		}
		*::-ms-backdrop, .member_login_area.show {
			display:block;
		}
}
	.mL_info {
		position: relative;
		background:#fff;
		border-radius:3px;
		padding: 50px 90px;
		/*top:50%;*/
		top: 10%;
		/*margin:-235px auto 0px;*/
		margin: 0 auto;
		width: 556px;
		display: inline-block;
		box-sizing: border-box;
	}
		.mL_close {
			position: absolute;
			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;
		}
			

		
			
			
		/*happyGo卡友登入標題區塊*/	
		.memberLogin_titArea{
			padding:0px 0px 25px;
			max-width: 344px; 
			text-align:center;
			box-sizing: border-box;
			
			font-size: 24px;
			font-weight: bold;
			color: #333;
			position: relative;
			margin: 0px auto;
		}
		.memberLogin_titArea:after{
			content: '';
			position: absolute;
			bottom: -5px;
			left: 50%;
			margin: 0px 0px 0px -23px;
			background-color: #ff6721;
			width: 50px;
			height: 5px;
		}
		
		/*表單區塊*/
		.memberLogin_inputArea{
			padding-top: 30px;
		}
			/*欄位*/
			.memberLogin_inputList{
				padding: 5px 0px;
			}
				/*內容bg*/
				.memberLogin_listIn{
					/*border-bottom: 1px solid #808080;*/
				}
					/*內容in*/
					.memberLogin_inContent{
						position: relative;
					}
					
					/*圖塊*/
					.memberLogin_inIcon{
						position: absolute;
						left: 5px;
						top: 12px;
					}
						.memberLogin_inIcon img{  /*Judy修改20191002*/
							width:100%;
							height:auto;
						}								
					/*表格*/
					.memberLogin_inInput{
						position: relative;
					}
						.memberLogin_inInput input[type="text"], .memberLogin_inInput input[type="password"]{
							border: 0px;
							
							outline: none;
							z-index: 1;
							position: relative;
							background: none;
							width: 100%;
							/*height: 60px;*/
							border: 0;
							color: #212121;
							font-size: 14px;
							font-weight: 400;
							padding: 0px;
							
							padding-left: 35px;
						}
						.memberLogin_inInput label{
							position: absolute;
							/*top: 0;*/
							top: 13px;
							/*left: 0;*/
							left: 35px;
							color: #333;
							font-size: 14px;
							font-weight: 300;
							/*line-height: 60px;*/
							line-height: 18px;
							transition: .2s ease;
							cursor: default;
							text-align: left;
						}
							.memberLogin_inInput span{
								font-size: 12px;
							}
							
							/*active*/
							.memberLogin_inInput.active label{
								color: #9d9d9d;
								-webkit-transform: translate(-5%, -100%) scale(0.9);
								transform: translate(-5%, -100%) scale(0.9);
							}
								.memberLogin_inInput.active span{
									color: #9d9d9d;
								}
							
						.input_lineArea{
							position: absolute;
							left: 0;
							bottom: 0;
							background: #757575;
							width: 100%;
							height: 1px;
							transition: .2s ease;
						}
							.input_lineArea:before{
								content: '';
								position: absolute;
								left: 50%;
								bottom: 0;
								background: #ff6721;
								width: 0;
								height: 2px;
								transition: .2s ease;
							}
							/*active*/
							.input_lineArea.active:before{
								left: 0%;
								width: 50%;
							}
							
							
							.input_lineArea:after{
								content: '';
								position: absolute;
								right: 50%;
								bottom: 0;
								background: #ff6721;
								width: 0;
								height: 2px;
								transition: .2s ease;
							}
							
							.input_lineArea.active:after{
								right: 0%;
								width: 50%;
							}
						
			
				/*下方區塊*/
				.memberLogin_listBottom{
					text-align: right;
					padding-top: 10px;
				}
					.memberLogin_bottomIn{
						display: inline-block;
						vertical-align: middle;
					}
						
						.memberLogin_inputList:nth-child(2) .memberLogin_bottomIn:last-child{
							border-left: 1px solid #808080;
							padding: 0px 0px 0px 10px;
						}
						
						.memberLogin_bottomIn a{
							display: block;
							font-size: 12px;
							color: #808080;
						}
						
						.memberLogin_inputList:nth-child(2) .memberLogin_bottomIn:first-child a{
							color: #ff6721;
						}
			
			
			
			/*驗證碼欄位*/
			.memberLogin_captchaArea{
				/*padding: 5px 0px;*/
				padding: 10px 0px;
				text-align: left;
			}
				/*欄位*/
				.memberLogin_captchaInput{
					display: inline-block;
					vertical-align: bottom;
					width: 172px;
					padding-right: 20px;
					position: relative;
				}
					.memberLogin_captchaInput input[type="text"]{
						border: 0px;
						border-bottom: 1px solid #808080;
						border-radius: 0px;
						padding: 0px;
					}
				
					.memberLogin_captchaInput label{
						position: absolute;
						/*top: 0;*/
						top: 13px;
						left: 0;
						color: #333;
						font-size: 14px;
						font-weight: 300;
						/*line-height: 60px;*/
						line-height: 18px;
						transition: .2s ease;
						cursor: default;
						text-align: left;
					}
						
						/*active*/
						.memberLogin_captchaInput.active label{
							color: #9d9d9d;
							-webkit-transform: translate(-5%, -100%) scale(0.9);
							transform: translate(-5%, -100%) scale(0.9);
						}
					
					
					
					
				
				/*圖片*/
				.memberLogin_captchaImg{
					display: inline-block;
					vertical-align: bottom;
				}
					.memberLogin_captchaImg img{
						width: 100%;
						height: auto;
					}
				
				/*reload按鈕*/	
				.memberLogin_captchaReload{
					display: inline-block;
					vertical-align: middle;
				}
					.memberLogin_captchaReload a{
						display: block;
						padding: 5px 0px 7px 10px;
					}
					
					/*hover*/
					.memberLogin_captchaReload a:hover{
						opacity: 0.7;
					}
					
					
					
					
					
					
					
					
			
			
			
			/*會員登入按鈕區塊*/
			.memberLogin_btnArea{
				padding: 30px 0px 0px;
			}
				.memberLogin_btnList{
					padding: 12px 0px;
				}
					.memberLogin_btnList input[type="button"]{
						width: 180px;
						height: 46px;
						border-radius: 46px;
						background-color: #ff6721;
					}
					.memberLogin_btnList:nth-child(3) input[type="button"]{
						background-color: #052148;
					}
			
				.memberLogin_btnDeco{
					width: 100%;
					box-sizing: border-box;
					background-image: url(../images/memberDeco.png);
					background-position: center center;
					background-repeat: repeat-x;
				}
					.memberLogin_btnDeco span{
						background-color: #fff;
						padding: 7px 17px;
						font-size: 12px;
					}
			
				.memberLogin_closeBtn{
					display: none;
				}
					.memberLogin_closeBtn input[type="button"]{
						width: 100%;
						height: 46px;
						border-radius: 46px;
						background-color: transparent;
						border: 1px solid #ccc;
						color: #9999;
						margin-top: 40px;
					}


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

@media (max-width:  640px){
	
	.mL_close{
		display: none;
	}
	
	.mL_info {
		width: 100%;
		padding: 50px 15px;
		/*top: 3%;*/
		top: 0%;
		border-radius: 0px;
	}
	
		/*active*/
		.memberLogin_inInput.active label{
			-webkit-transform: translate(-5%, -100%) scale(0.9);
					transform: translate(-5%, -100%) scale(0.9);
		}
			.memberLogin_inInput.active span{
			}
			
			.memberLogin_btnList input[type="button"]{
				width: 100%;
			}
			.memberLogin_closeBtn{
				display: block;
			}
}



@media (max-width: 425px){
	/*.mL_info {
		left: auto;
		top: auto;
		margin: 25px auto 0px;
		width: 80%;
		position: relative;
	}
		.mLI_logo {
			width:100%;
		}*/
}

@media (max-width: 414px){
	.memberLogin_captchaInput {
		width: 45%;
	}
}

@media (max-width: 375px){
	.mL_info {
		/*top: 0;*/
	}
	.memberLogin_captchaInput {
		width: 40%;
     	padding-right: 10px;
	}
}

@media (max-width: 320px){ 
	
	.memberLogin_inInput input[type="text"], .memberLogin_inInput input[type="password"]{
		line-height: 60px;
	}
	
	.memberLogin_inInput label{ 
		top: 0px;
	}
	/*active*/
	.memberLogin_inInput.active label{
		-webkit-transform: translate(-5%, -70%) scale(0.9);
		transform: translate(-5%, -70%) scale(0.9);
	}
	
	
	#input002 label{
		top: 13px;
	}
	/*active*/
	#input002.active label{
		-webkit-transform: translate(-5%, -100%) scale(0.9);
		transform: translate(-5%, -100%) scale(0.9);
	}
	

	
	
	.memberLogin_inputList:nth-child(2) .memberLogin_bottomIn:last-child {


		border-left: 0; 
		margin-top: 20px;
	}
	
	.memberLogin_captchaArea{
		/*text-align: right;*/
	}
		.memberLogin_captchaInput {
			/*width: 33%;*/
			width: 30%; /*Judy修改20191002*/
			padding-right: 10px;
		}
}

@media (max-height: 485px){
	/*.mL_close {
		display:none;
	}
	.mL_info {
		top: auto;
		left: auto;
		position: relative;
		width: 100%;
		box-sizing: border-box;
		margin: 3% auto 0px;
		max-width: 323px;
		height: 90%;
		overflow-y: scroll;
	}*/
}				

	








/*/////////////////////////////////////////////////////////*/
/*-------內頁區塊--------*/
/*/////////////////////////////////////////////////////////*/

/*內頁banner區塊*/
.page_bannerArea{
	position: relative;
	background-color: #f2f1f0;
	height: 340px;
	width: 100%;
	text-align: center;
	
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
	
	overflow: hidden;
}

	/*deco*/	
	.page_bannerArea:before{
		position: absolute;
		content: url(../images/page_banner_before.png);
		/*modify by pekey 20180903 start*/
		left: 0px;
		/*left: -160px;*/
		/*modify by pekey 20180903 end*/
		bottom: 0px;
	}	
	.page_bannerArea:after{
		position: absolute;
		content: url(../images/page_banner_after.png);
		/*modify by pekey 20180903 start*/
		right: 0px;
		bottom: 0px;	
		/*right: -163px;
	    bottom: -3px;*/
		/*modify by pekey 20180903 end*/
	}


	.pageBanner_titArea{
		width: auto;
		margin: 0px auto;
		display: inline-block;
		padding: 130px 0px 40px;
		font-size: 36px;
		font-weight: bold;
		color: #333;
		
		position: relative;
	}
		.pageBanner_titArea:after{
			position: absolute;
			content: '';
			left: 50%;
			bottom: 0px;
			margin: 0px 0px 0px -24px;
			width: 50px;
			height: 6px;
			background-color: #ff6721;
		}



@media (max-width: 768px){
	
	/*內頁banner區塊*/
	.page_bannerArea{
		height: 200px;
	}
	
		/*deco*/	
		.page_bannerArea:before{
			content: url(../images/TBpage_banner_before.png);
		}	
		.page_bannerArea:after{
			content: url(../images/TBpage_banner_after.png);
		}

	.pageBanner_titArea{
		font-size: 24px;
		padding: 75px 0px 25px;
	}

}

@media (max-width: 640px){
	
	/*內頁banner區塊*/
	.page_bannerArea{
		height: 152px;
	}
	
		/*deco*/	
		.page_bannerArea:before{
			content: url(../images/MBpage_banner_before.png);
		}	
		.page_bannerArea:after{
			content: url(../images/MBpage_banner_after.png);
		}

	.pageBanner_titArea{
		font-size: 17px;
		padding: 55px 0px 25px;
	}


}



/*/////////////////////////////////////////////////////////*/
/*-------我想發問--------*/

/*內頁內容*/
.page_contentArea{
	padding: 30px 0px 50px;
}
	.page_contentArea > .wrap{
		position: relative;
	}

		/*麵包屑*/
		.crumb_area {
			/*position:absolute;
			top:0px;
			right:0px;*/
			text-align: left;
			font-size:12px;
			line-height:20px;
			color: #808080;
		}
			.crumb_list {
				/*display:inline-block;
				position:relative;*/
				float: left;
				padding: 0px 10px;
				position: relative;
			}
			.crumb_list:first-child {
				padding: 0px 10px 0px 0px;
			}
				
				.crumb_list:before {
					position:absolute;
					content:'>';
					top:1px;
					left: -4px;
				}
					.crumb_list:first-of-type:before {
						display:none;
					}
					
				.crumb_area a {
					display:block;
					text-decoration:none;
					transition:0.3s ease all;
					color:#9a9a9a;
				}
					.crumb_area a:hover {
						opacity:0.7;
					}





	/*表單備註*/
	.form_remarkArea{
		text-align:  center;
		padding: 40px 0px;
		border-bottom: 1px solid #ccc;
		color: #333;
		font-weight: bold;
	}
		.form_remarkList{
			padding: 9px 0px;
			letter-spacing: 0px;
			/*font-size: 14px;*//*modify by pekey 20200525*/
			font-size: 15px;
			line-height: 20px;
			
			/*modify by pekey 20200525*/
			font-weight: bold;
		}
		.form_remarkList:nth-child(2){
			color: #808080;
		}
		
			.form_remarkIcon{
				width: 14px; 
				height: 14px; 
				line-height: 20px;
				background-color: #00bac7;
				border-radius: 100%;
				display: inline-block;
				vertical-align: middle;
			}
			.form_remarkArea a{
				color: #00bac7;
				/*text-decoration: none;*/
			}

@media (max-width: 768px){
	.crumb_area{
		display: none;
	}
}


/*/////////////////////////////////////////////////////////*/
/*-------表單欄位 複選/單選_ checkbox / radio 樣式 start--------*/
@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: #ff6721; } 
}

.magic_radio,
.magic_checkbox {
	position: absolute;
	display: none; 
}

.magic_radio[disabled],
.magic_checkbox[disabled] {
	cursor: not-allowed; 
}

.magic_radio + label,
.magic_checkbox + label {
	position: relative;
	/*display: block;*/
	padding-left: 30px;
	cursor: pointer;
	vertical-align: middle; 
	
	font-weight: bold;
}
  
	.magic_radio + label:hover:before,
	.magic_checkbox + label:hover:before {
		animation-duration: 0.4s;
		animation-fill-mode: both;
		animation-name: hover-color; 
	}
	
	.magic_radio + label:before,
	.magic_checkbox + label:before {
		position: absolute;
		/*top: 0;*/
		top: -1px;
		left: 0;
		display: inline-block;
		width: 20px;
		height: 20px;
		content: '';
		border: 1px solid #c0c0c0; 
	}
	
	.magic_radio + label:after,
	.magic_checkbox + label:after {
		position: absolute;
		display: none;
		content: ''; 
	}

.magic_radio[disabled] + label,
.magic_checkbox[disabled] + label {
	cursor: not-allowed;
	color: #e4e4e4; 
}

	.magic_radio[disabled] + label:hover, .magic_radio[disabled] + label:before, .magic_radio[disabled] + label:after,
	.magic_checkbox[disabled] + label:hover,
	.magic_checkbox[disabled] + label:before,
	.magic_checkbox[disabled] + label:after {
		cursor: not-allowed; 
	}
	
	.magic_radio[disabled] + label:hover:before,
	.magic_checkbox[disabled] + label:hover:before {
		border: 1px solid #e4e4e4;
		animation-name: none; 
	}
	
	
	.magic_radio[disabled] + label:before,
	.magic_checkbox[disabled] + label:before {
    	border-color: #e4e4e4; 
	}

.magic_radio:checked + label:before,
.magic_checkbox:checked + label:before {
	animation-name: none; 
}

.magic_radio:checked + label:after,
.magic_checkbox:checked + label:after {
	display: block; 
}

.magic_radio + label:before {
	border-radius: 50%; 
}

.magic_radio + label:after {
	/*top: 7px;*/
	top: 6px;
	left: 7px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ff6721; 
}

.magic_radio:checked + label:before {
	border: 1px solid #ff6721; 
}

.magic_radio:checked[disabled] + label:before {
	border: 1px solid #c9e2f9; 
}

.magic_radio:checked[disabled] + label:after {
	background: #c9e2f9; 
}

.magic_checkbox + label:before {
	border-radius: 3px; 
}

.magic_checkbox + label:after {
	top: 2px;
	left: 7px;
	box-sizing: border-box;
	width: 6px;
	height: 12px;
	transform: rotate(45deg);
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	border-top: 0;
	border-left: 0; 
}

.magic_checkbox:checked + label:before {
	border: #ff6721;
	background: #ff6721; 
}

.magic_checkbox:checked[disabled] + label:before {
	border: #c9e2f9;
	background: #c9e2f9; 
}

/*-------表單欄位 複選/單選_ checkbox / radio 樣式 end--------*/
/*/////////////////////////////////////////////////////////*/



/*/////////////////////////////////////////////////////////*/
/*-------我要發問、調查投稿 _ 送出表單後的燈箱--------*/

.contact_login_area {
	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;
}
.contact_login_area.show {
	opacity:1;
	pointer-events: auto;
	display:block \9;		/*ie9*/
	
	overflow-y: auto;
}

/* IE10、11、edge模式 */
@media all and (-ms-high-contrast:none) {
	.contact_login_area {
		opacity:1;
		display:none;
	}
	*::-ms-backdrop, .contact_login_area {
		opacity:1;
		display:none;
	}
		.contact_login_area.show {
			display:block;
		}
		*::-ms-backdrop, .contact_login_area.show {
			display:block;
		}
}
	.contactLogin_info {
		position: relative;
		background:#fff;
		border-radius: 6px;
		padding: 50px 70px;
		/*top:50%;*/
		top: 20%;
		/*margin:-235px auto 0px;*/
		margin: 0 auto;
		/*width: 365px;*/
		display: inline-block;
		box-sizing: border-box;
	}
		
			
		/*燈箱表單標題區塊*/	
		.contactLogin_titArea{
			padding:0px 0px 25px;
			max-width: 344px; 
			text-align:center;
			box-sizing: border-box;
			
			font-size: 24px;
			font-weight: bold;
			color: #333;
			position: relative;
			margin: 0px auto;
		}
			.contactLogin_titArea:after{
				content: '';
				position: absolute;
				bottom: -5px;
				left: 50%;
				margin: 0px 0px 0px -23px;
				background-color: #ff6721;
				width: 50px;
				height: 5px;
			}
		
		/*內容區塊*/
		.contactLogin_textArea{
			padding-top: 53px;
			color: #333;
			font-size: 14px;
			line-height: 24px;
			font-weight: bold;
			text-align: center;
		}
		

		.contactLogin_close {
			text-align: center;
			width: 180px;
			height: 45px;
			margin: 0px auto;
			cursor: pointer;
			transition:0.3s ease all;
			padding-top: 50px;
		}
			.contactLogin_close img{
				width: 100%;
				height: auto;
			}
			
		/*hover*/
		.contactLogin_close:hover {
			opacity: 0.7;
		}
		
		
		
@media (max-width: 768px){
		.contactLogin_info {
			width: 526px;
			/*width: 68%;*/
			padding: 50px 70px;	
		}
}

@media (max-width:  640px){

	.contactLogin_info {
		width: 80%;
		height: auto;
		margin: auto;
		padding: 50px 15px;
		top: 10%;
	}
	
	
}
@media (max-width: 425px){

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

}
@media (max-width: 375px){
	.contactLogin_info {
		
	}
}
@media (max-width: 320px){
	
}
@media (max-height: 485px){

}				





/*/////////////////////////////////////////////////////////*/
/*-------站內搜尋--------*/

/*內頁搜尋框區塊*/
.page_searchArea{
	padding-top: 50px;
}
	.page_searchIn{
		position: relative;
	}
		.page_searchInput{
			padding-right: 95px;
		}
			.page_searchIn input[type="text"]{
				background: #edeff2;
				border: 0px;
				color: #333;
				font-size: 14px;
				font-weight: bold;
				line-height: 28px;
				height: 40x;
				padding: 5px 20px;
				width: 100%;
				border-radius: 6px;
				letter-spacing: 1px;
			}


/*modify by pekey 20180709 start*/
.page_searchIn ::-webkit-input-placeholder { /* WebKit browsers */
    color: #333;
}
.page_searchIn :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333;
}
.page_searchIn ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
}
.page_searchIn :-ms-input-placeholder { /* Internet Explorer 10+ */
  	color: #333;
}
/*modify by pekey 20180709 end*/
				
			
			.page_searchArea label{
				position: absolute;
				right: 0px;
				top: 0px;
				
				width: 76px;
				height: 40px;
				background: #ff6721;
				border-radius: 40px;
				transition: 0.3s ease all;
			}
			/*hover*/
			.page_searchArea label:hover{
				background: #ccc;
				transition: 0.3s ease all;
			}
				.page_searchArea img{
					position: relative;
					top: 10px;
					left: 28px;
					width: 20px;
					height: auto;
				}
				
				.page_searchArea input[type="submit"]{
					display: none;
				}
				
				
/*站內搜尋結果提示列區塊*/				
.page_resultTop{
	padding: 25px 0px 20px;
	border-bottom: 1px solid #cccccc;
}		
	.pageResult_topList{
		display: inline-block;
		vertical-align: middle;
		position: relative;
		font-size: 13px;
		color: #808080;
		font-weight: bold;
		padding: 0px 5px;
	}
		.pageResult_topList:after{
			position: absolute;
			content: '';
			width: 1px;
			height: 13px;
			background: #808080;
			top: 1.5px;
			right: -3px;
		}
		.pageResult_topList:last-child:after{
			display: none;
		}
		.pageResult_topList span{
			font-size: 15px;
			color: #333;
		}
		
		
@media (max-width: 640px){
	
	.page_searchInput{
		padding-right: 85px;
	}
		.page_searchArea label{
			width: 62px;
		}
			.page_searchArea img {
				left: 21px;
			}
}


/*站內搜尋結果列表區塊*/
.result_area{
}
	/*列表*/
	.result_list{
		padding: 30px 0px;
		border-bottom: 1px solid #cccccc;
	}
		/*標題*/
		.result_listTit{
		}
			.result_listTit a{
				font-size: 17px;
				color: #333;
				line-height: 23px;
				font-weight: bold;
				text-decoration: none;
				transition: 0.3s ease all;
			}
			/*hover*/
			.result_listTit a:hover{
				color: #ff6721;
				transition: 0.3s ease all;
			}
		
		/*簡述*/
		.result_listText{
			padding: 10px 0px 0px;
			font-size: 14px;
			color: #333;
			line-height: 22px;
			font-weight: bold;
			
			display: -webkit-box;
			overflow: hidden;
			text-overflow: ellipsis;
			-webkit-text-overflow: ellipsis;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		
		/*網址*/
		.result_listURL{
			padding: 15px 0px 0px;
			font-size: 12px;
			color: #808080;
			line-height: 16px;
		}


@media (max-width: 640px){
	
	/*簡述*/
	.result_listText{
		-webkit-line-clamp: 3;
	}
}



/*/////////////////////////////////////////////////////////*/
/*-------頁數列區塊--------*/	
.number_pageArea{
	text-align:center;
	padding-top: 50px;
}
	/*左側區塊*/
	.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: #ff6721;
				color: #fff;
			}
			/*hover*/
			.numberPage_middleList a:hover{
				background-color: #ff6721;
				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){
	
		.numberPage_leftList:first-child{
			display: none;
		}
		
	.numberPage_middleArea{
		padding: 0px;
	}
		.numberPage_middleList{
			padding: 0px;
		}
		
		.numberPage_rightList:last-child{
			display: none;
		}
		
	
}



/*/////////////////////////////////////////////////////////*/
/*-------內頁換頁區塊--------*/	
.page_changeArea{
	text-align: center;
	position: relative;
	padding-top: 50px;
}


	/*左邊按鈕*/
	.pageChange_leftArea{
		/*display: inline-block;
		vertical-align: middle;*/
		float: left;
	}
		/*圖示*/
		.pageChange_leftIcon{
			display: inline-block;
			vertical-align: middle;
		}
			.pageChange_leftIcon a{
				display: block;
				color: #ccc;
				border-radius: 100%;
				width: 72px;
				height: 72px;
			}
				.pageChange_leftIcon img{
					width: 100%;
					height: auto;
				}
				img.pageChange_iconBefore{
					display: block;
				}
				img.pageChange_iconAfter{
					display: none;
				}
				
				/*hover*/
				.pageChange_leftArea:hover .pageChange_leftIcon .pageChange_iconBefore{
					display: none;
				}
				.pageChange_leftArea:hover .pageChange_leftIcon .pageChange_iconAfter{
					display: block;
				}
				
		/*標題*/
		.pageChange_leftTit{
			display: inline-block;
			vertical-align: middle;
			color: #ccc;
			font-size: 13px;
			font-weight: bold;
			padding-left: 10px;
		}
			.pageChange_leftArea:hover .pageChange_leftTit{
				color: #ff6721;
			}
	
	
		
	/*中間按鈕*/	
	.pageChange_middleArea{
		display: inline-block;
		vertical-align: middle;
     	padding-top: 16px;
	}
		.pageChange_middleArea a{
			display: block;
			color: #ccc;
			font-size: 13px;
			font-weight: bold;
			border: 1px solid #ccc;
			border-radius: 42px;
			padding: 7px 15px;
			text-decoration: none;
		}
		/*hoevr*/
		.pageChange_middleArea a:hover{
			color: #ff6721;
			border-color: #ff6721 ;
		}
			
			
			/*圖示*/
			.pageChange_middleIcon{
				display: inline-block;
				vertical-align: middle;
			}
			/*標題*/
			.pageChange_middleTit{
				display: inline-block;
				vertical-align: middle;
				position: relative;
				top: 1px;
			}

			/*hoevr*/
			.pageChange_middleArea a:hover .pageChange_middleTit{
				color: #ff6721;
			}
	
	
	
	/*右邊按鈕*/
	.pageChange_rightArea{
		/*display: inline-block;
		vertical-align: middle;*/
		float: right;
	}
		/*圖示*/
		.pageChange_rightIcon{
			display: inline-block;
			vertical-align: middle;
		}
			.pageChange_rightIcon a{
				display: block;
				color: #ccc;
				border-radius: 100%;
				width: 72px;
				height: 72px;
			}
				.pageChange_rightIcon img{
					width: 100%;
					height: auto;
				}
				
				/*hover*/
				.pageChange_rightArea:hover .pageChange_rightIcon .pageChange_iconBefore{
					display: none;
				}
				.pageChange_rightArea:hover .pageChange_rightIcon .pageChange_iconAfter{
					display: block;
				}
			
			
			
		/*標題*/
		.pageChange_rightTit{
			display: inline-block;
			vertical-align: middle;
			color: #ccc;
			font-size: 13px;

			font-weight: bold;
			padding-right: 10px;
		}
			.pageChange_rightArea:hover .pageChange_rightTit{
				color: #ff6721;
			}
	
@media (max-width: 768px){
	.pageChange_leftTit{
		display: none;
	}
	.pageChange_rightTit{
		display: none;
	}
}


/*/////////////////////////////////////////////////////////*/
/*-------隱私權政策--------*/	

/*內容*/
.page_contentIn{
	padding: 50px 0px 0px;
}
	.textArea{
		/*font-size: 14px;
		line-height: 24px;*/ /*modify by pekey 20181128*/
		font-size: 12px;
		line-height: 22px;
		color: #333;
		/*font-weight: bold;*/ /*modify by pekey 20181128*/
	}
		.textArea a{
			color: #00bac7;
			font-size: 14px;
			line-height: 22px;
			/*text-decoration: none;*/
		}

@media (max-width: 768px){
	.page_contentIn{
		padding: 20px 0px 0px;
	}
}

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



/*/////////////////////////////////////////////////////////*/
/*-------網站地圖--------*/	
.siteMap_area{
	padding-top: 20px;
}	
	/*區塊*/
	.siteMap_boxArea{
		padding: 30px 0px;
		border-bottom: 1px solid #ccc;
	}
	.siteMap_boxArea:last-child{
		border-bottom: 0px;
	}
	
		/*標題*/
		.siteMap_inTit{
			font-size: 17px;
			color: #ff6721;
			font-weight: bold;
			position: relative;
			padding-bottom: 15px;
		}
			.siteMap_inTit:after{
				position: absolute;
				left: 0px;
				bottom: -3px;
				content: '';
				width: 50px;
				height: 3px;
				background-color: #ff6721;
			}
		
		/*內容*/
		.siteMap_listArea{
			padding: 25px 0px 0px;
			margin: 0px -15px;
		}
			
			/*項目*/
			.siteMap_list{
				float: left;
				width: 25%;	
				box-sizing: border-box;
				padding: 7.5px 15px;
			}
				.siteMap_list > a{
					display: inline-block;
					padding: 0px 15px 0px 0px;
					position: relative;
					
					color: #333;
					font-size: 13px;
					line-height: 18px;
					font-weight: bold;
					text-decoration: none;
     				transition: 0.3s ease all;
				}

					.siteMap_list > a:hover{
						color: #ff6721;
     					transition: 0.3s ease all;
					}

					.siteMap_list > a:after{
						position: absolute;
						content: url(../images/siteList_after.png);
						top: 4.5px;
						right: 0px;
     					transition: 0.3s ease all;
					}

					.siteMap_list > a:hover:after{
						right: -10px;
     					transition: 0.3s ease all;
					}
				
				
				/*項目區塊*/
				.siteMap_listIn{
					padding: 10px 0px 0px 14px;
				}
					.siteMap_inItem{
						padding: 10px 0px;
					}
						.siteMap_inItem a{
							font-size: 13px;
							color: #808080;
							font-weight: bold;
							line-height: 18px;
							text-decoration: none;
							transition: 0.3s ease all;
						}
						.siteMap_inItem a:hover{
							color: #ff6721;
							padding-left: 5px;
							transition: 0.3s ease all;
						}


@media (max-width: 768px){
	
	/*內容*/
	.siteMap_listArea{
	}
	
		/*項目*/
		.siteMap_list{
			width: 50%;
		}
}

@media (max-width: 640px){
	/*內容*/
	.siteMap_listArea{
		margin: 0px;
	}
	
		/*項目*/
		.siteMap_list{
			width: 100%;
			float: none;
			padding: 7.5px 0px;
		}
}



/*/////////////////////////////////////////////////////////*/
/*-------Go Survey 洞察--------*/

/*左*/
.left{
	width: 75%;
	float: left;
	box-sizing: border-box;
}

/*右*/
.right{
	width: 170px;
	float: right;
	box-sizing: border-box;
}

	
	/*右選單*/
	.rightListArea {
		min-height:153px;
		padding: 0px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		/*新增by pekey 20170803*/
		/*background:url('../images/left_area.png') no-repeat bottom left;*/   
		/*min-height:300px;*/
	}
		.rightList {
			padding-top: 13px;
			border-bottom: 1px #a0a0a0 solid;
		}
		
		.rightList:first-child {  
			padding-top: 0px;
		}
		
			.rightList a {
				display:block;
				text-decoration:none;
				font-size: 14px;
				font-weight: bold;
				color:#333;
				position: relative;
				/*line-height: 22px;*/
				line-height: 18px;
				padding: 13px 25px 13px 0px;
				cursor: default;
				letter-spacing: 0px;
			}
			
			
			.rightList a > span{
				/*position: relative;
				top: 2px;*/
				
				position: absolute;
				top: 15px;
				right: 10px;
			}			
			
		
				/*左側選單列表第二層*/
				.rightList_open{
					/*display: none;*/
					display: block;
				}
				.rightList_open.active{
					display:block;
				}
					.rightList_open_list{
					}
						.rightList_open_list a {
							display: block;
							transition: 0.3s ease all;
							color: #808080;
							padding: 13px 15px;
							line-height: 26px;
							font-size: 14px;
							font-weight: bold;
							line-height: 18px;
							font-weight:normal;
							letter-spacing: 0px;
							cursor: pointer;
							
							/*modify by pekey 20180920*/
							word-break: break-all;
						}
						.rightList_open_list.active a {
							color: #ff6721;
							background: #edeff2;
						}
						.rightList_open_list a:hover {
							color: #ff6721;
							background: #edeff2;
							text-decoration:none;
						}


@media (max-width: 1080px){
		
	/*左*/
	.left{
		padding-right: 5px;
	}
}

@media (max-width: 768px){
		
	/*左*/
	.left{
		padding-right: 100px;
	}
			
		.insight_moreBtn{
			display: none;
		}

}

@media (max-width: 767px){
		
	/*左*/
	.left{
		width: 100%;
		padding: 0px;
		float: none;
	}
	
	/*右*/
	.right{
		display: none;
	}
}





/*Go Survey 洞察列表區塊*/
.insight_listArea{
}

	/*列表*/
	.insight_list{
		padding: 25px 0px;
		margin: 0px -10px;
	}
	
	.insight_list:first-child{
		padding-top: 0px;
	}
	

		/*左圖區塊*/
		.insight_imgArea{
			float: left;
			width: 55%;
			box-sizing: border-box;
			padding: 0px 10px;
		}
			.insight_imgArea a{
				display: block;
				overflow: hidden;
			}
				.insight_imgArea img{
					width: 100%;
					height: auto;
					transition: 0.3s ease all;
				}
				.insight_imgArea:hover img{
					transform: scale(1.05);
					transition: 0.3s ease all;
					opacity: 0.7;
				}
	
		/*右文區塊*/
		.insight_textArea{
			float: left;
			width: 45%;
			box-sizing: border-box;
			padding: 0px 10px;
		}
		
		/*分類*/
		.insight_inCategory{
			font-size: 13px;
			color: #808080;
			padding-right: 5px;
			border-right: 1px solid #808080;
			display: inline-block;
		}
		
		
		/*大標*/
		.insight_inTit{
			padding: 25px 0px;
			position: relative;
		}
			.insight_inTit:after{
				position: absolute;
				left: 0px;
				bottom: -3px;
				content: '';
				width: 50px;
				height: 3px;
				background-color: #ff6721;
			}
			
			.insight_inTit a{
				display: block;
				font-size: 20px;
				line-height: 26px;
				font-weight: bolder;
				color: #ff6721;
				text-decoration: none;
     			transition: 0.3s ease all;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			/*hover*/
			.insight_inTit a:hover{
				padding-left: 10px; 
				transition: 0.3s ease all;
			}
			
		
		/*簡述*/
		.insight_inText{
			padding: 30px 0px 0px;
			font-size: 14px;
			line-height: 24px;
			font-weight: bolder;
			color: #333;
			letter-spacing: 1px; 
			
			display: -webkit-box;
			overflow: hidden;
			text-overflow: ellipsis;
			-webkit-text-overflow: ellipsis;
			/*-webkit-line-clamp: 3;*/  /*modify by pekey 20181126*/
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
		}
		
			
		
		/*作者詳細資料區塊*/
		.insight_authorArea{
			padding: 21px 0px 0px;
		}	
		
			
			/*時間*/
			.insight_inTime{
				/*display: inline-block;*/ /*modify by pekey 20181126*/
				vertical-align: middle;
				color: #808080;
				font-size: 12px;
				position: relative;
				padding-right: 13px;
				line-height: 18px;
			}
				/*modify by pekey 20181126*/
				/*.insight_inTime:after{
					position: absolute;
					content:'';
					right: 2px;
					bottom: 7px;
					background-color: #808080;
					height: 3px;
					width: 3px;
					border-radius: 100%;
				}*/
			
			/*作者*/
			.insight_inAuthor{
				/*display: inline-block;*/ /*modify by pekey 20181126*/
				vertical-align: middle;
				color: #808080;
				font-size: 12px;
				line-height: 18px;
				
				/*modify by pekey 20181126*/
				padding: 3px 0px 0px;
			}
				
		
		
		/*modify by pekey 20180821 start*/	
		/*查看更多*/
		.insight_moreBtn{
			padding-top: 35px;
			margin: 0px auto;
			transition: all .2s ease-out;
		}
		
			.insight_moreBtn a{
				width: 180px;
				display: inline-block;
				padding: 17px 28px 15px;
				box-sizing: border-box;
				font-size: 13px;
				font-weight: bold;
				color: #fff;
				border-radius: 45px;
				text-decoration: none;
				transition: 0.3s ease all;
				background-color: #ccc;
				position: relative;
			
				text-align: left;
			}
				.insight_moreBtn span{
					transition: 0.3s ease all;
					position: absolute;
					top: 0px;
					right: 0px;
					padding: 4.5px 5px;
					border-left: 1px solid #fff;
				}
					.insight_moreBtn i{
						font-size: 36px;
					}
					
		
		/*hover*/
		.insight_moreBtn:hover{
			transition: all .2s ease-out;
		}
			.insight_moreBtn a:hover {
				background-color: #ff6721;
				transition: 0.3s ease all;
			}
				/*hover*/
				.insight_moreBtn:hover span{
				}		
				
				/*modify by pekey 20180717 start*/
				/*.insight_moreBtn .indexMain_moreBtn_before{
					transition: all .2s ease-out;
					display: none;
				}
				.insight_moreBtn .indexMain_moreBtn_after{
					transition: all .2s ease-out;
					display: block;
				}*/
				
				
				/*hover*/
				/*.insight_moreBtn a:hover .indexMain_moreBtn_before{
					transition: all .2s ease-out;
					display:block;
				}
				.insight_moreBtn a:hover .indexMain_moreBtn_after{
					transition: all .2s ease-out;
					display: none;
				}*/
				/*modify by pekey 20180717 end*/


@media (max-width: 768px){
		/*左圖區塊*/
		.insight_imgArea{
			width: 50%;
		}
	
		/*右文區塊*/
		.insight_textArea{
			width: 50%;
		}
				
			/*作者詳細資料區塊*/
			.insight_authorArea{
				letter-spacing: 0px;
			}	
		
}
@media (max-width: 767px){
	
/*Go Survey 洞察列表區塊*/
.page_goSurveyArea{
}

	/*列表*/
	.insight_list{
		margin: 0px;
	}
	
		/*左圖區塊*/
		.insight_imgArea{
			width: 100%;
			float: none;
			padding: 0px;
		}
	
		/*右文區塊*/
		.insight_textArea{
			width: 100%;
			float: none;
			padding: 25px 0px 0px;
		}
			.insight_inTit a{
				font-size: 18px;
			}
			
			.insight_inText{
				font-size: 13px;
				/*-webkit-line-clamp: 4;*/  /*modify by pekey 20181126*/
			}
	
}




/*手機版_內頁模組_右側選單燈箱*/
.MBPage_topArea{
	display: none;
	cursor: pointer;
}
	/*標題*/
	.MBPage_topTit{
		background-color: #ccc;
		box-sizing: border-box;
		width: 100%;
		padding: 13.5px 25px;
		border-radius: 40px;
		position: relative;
	}
		.MBPage_titIn{
			font-size: 13px;
			color: #fff;
			font-weight: bold;
			text-align: left;
		}
			
			.MBPage_titNext{
				position: absolute;
				right: 15px;
				top: 8.5px;
				transition: 0.3s ease all;
				color: #fff;
			}
			


/*選單區塊*/
.MBPage_boxArea {
	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;
}
.MBPage_boxArea.show {
	opacity:1;
	pointer-events: auto;
	display:block \9;		/*ie9*/
	
	overflow-y: auto;
}

/* IE10、11、edge模式 */
@media all and (-ms-high-contrast:none) {
	.MBPage_boxArea {
		opacity:1;
		display:none;
	}
	*::-ms-backdrop, .MBPage_boxArea {
		opacity:1;
		display:none;
	}
		.MBPage_boxArea.show {
			display:block;
		}
		*::-ms-backdrop, .MBPage_boxArea.show {
			display:block;
		}
}
	.MBPage_boxIn {
		position: relative;
		background:#fff;
		width: 80%;
		height: 85%;
		margin: auto;
		padding: 50px 30px;
		top: 7.5%;
		border-radius: 6px;
		display: inline-block;
		box-sizing: border-box;
		overflow-y: auto;
	}
		
		.MBPage_boxClose{
			/*position: absolute;*/
			position: fixed;
			text-align: center;
			width: 17px;
			color: #333;
			/*top: 20px;
			right: 20px;*/
			/*top: 50px;
			right: 70px;*/
			top: 11%;
			right: 13%;
			cursor: pointer;
			transition: 0.3s ease all;
			z-index: 3;
		}
			.MBPage_boxClose img{
				width: 100%;
				height: auto;
			}
			/*hover*/
			.MBPage_boxClose:hover img{
				opacity: 0.7;
			}
			
		.MBPage_boxContent{
			width: 100%;
			height: 100%;
			overflow-y: auto;
		}
			.MBPage_boxListArea{
			}
				.MBPage_boxList{
					border-bottom: 1px solid #ccc;
				}
					.MBPage_boxList a{
						display: block;
						text-decoration: none;
						font-size: 14px;
						font-weight: bold;
						color: #333;
						position: relative;
						line-height: 22px;
						padding: 13px 0px 13px 0px;
						text-align: left;
					}
					.MBPage_boxList:first-child > a{
						padding-top: 0px;
					}
					
						
					.MBPage_boxList a > span{
						position: relative;
						top: 2px;
				
						/*position: absolute;
						top: 15px;
						right: 10px;*/
					}
			
					.MBPageBox_listOpen{
					}
						.MBPageBox_listOpen_list{
						}
							.MBPageBox_listOpen_list a{
								display: block;
								transition: 0.3s ease all;
								color: #808080;
								padding: 13px 15px;
								line-height: 26px;
								font-size: 14px;
								font-weight: bold;
								line-height: 18px;
								font-weight: normal;
								letter-spacing: 0px;
							}
							.MBPageBox_listOpen_list.active a {
								color: #ff6721;
								background: #edeff2;
							}
							.MBPageBox_listOpen_list a:hover {
								color: #ff6721;
								background: #edeff2;
								text-decoration:none;
							}
		
		
@media (max-width: 768px){
		.MBPage_boxIn {
		}
}

@media (max-width: 767px){
	
	/*手機板右側選單燈箱*/
	.MBPage_topArea{
		display: block;
		padding-bottom: 50px;
	}
	
	/*內頁放在下方 class 加 page_in*/
	.MBPage_topArea.page_in{
		padding: 80px 0px 30px;
	}

	.MBPage_boxIn {
	}
	
	
	.MBPage_boxList a{
		/*padding: 13px 35px 13px 0px;*/
		padding: 13px 0px 13px 0px;
	}
}

@media (max-width:  640px){

}
@media (max-width: 425px){
	
	.MBPage_boxClose{
		/*top: 11%;*/
		right: 15%;
	}

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

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

}				



/*/////////////////////////////////////////////////////////*/
/*-------Go Survey 洞察內頁--------*/

/*Go Survey 洞察內頁內容*/
.page_goSurveyArea{
}

	/*上方區塊*/
	.pageGoSurvey_topArea{
	}
		/*類別*/
		.pageGoSurvey_categoryArea{
			font-size: 13px;
			color: #808080;
			border-right: 1px solid #808080;
			display: inline-block;
			padding-right: 8px;
		}
			
			
		/*標題*/	
		.pageGoSurvey_titArea{
			color: #ff6721;
			font-size: 28px;
			font-weight: bold;
			font-weight: bold;
			position: relative;
			padding: 35px 0px;
		}
			.pageGoSurvey_titArea:after{
				position: absolute;
				left: 0px;
				bottom: 5px;
				content: '';
				width: 50px;
				height: 5px;
				background-color: #ff6721;
			}
		
		/*作者相關資訊*/
		.pageGoSurvey_authorArea{
			padding-top: 35px;
		}
			.pageGoSurvey_timeArea{
				display: inline-block;
				vertical-align: middle;
				font-size: 12px;
				color: #808080;
			}
				.pageGoSurvey_timeArea span{
					display: inline-block;
					vertical-align: middle;
				}
				
			.pageGoSurvey_inAuthor{
				display: inline-block;
				vertical-align: middle;
				font-size: 12px;
				color: #808080;
				padding-left: 25px;
			}
				.pageGoSurvey_inAuthor span{
					display: inline-block;
					vertical-align: middle;
				}
				
		
	
	/*簡述區塊*/
	.pageGoSurvey_descriptionArea{
		padding-top: 50px;
	}
		.pageGoSurvey_descriptionIn{
			background-color: #edeff2;
			padding: 45px 75px;
			border-radius: 6px;
			position: relative;
			
			font-size: 16px;
			line-height: 28px;
			color: #333;
			font-weight: bold;
		}
			.pageGoSurvey_descriptionIn:before{
				content:url(../images/textArea_decoLeft.png);
				position: absolute;
				top: 30px;
				left: 30px;
			}
			.pageGoSurvey_descriptionIn:after{
				content:url(../images/textArea_decoRight.png);
				position: absolute;
				bottom: 30px;
				right: 30px;
			}
		
		
	
	/*網編區塊*/
	.pageGoSurvey_textArea{
		color: #333;
		font-size: 14px;
		line-height: 24px;
		font-weight: bold;
		padding-top: 80px;
	}
		.pageGoSurvey_textArea img{
			
		}

@media (max-width: 767px){
	.pageGoSurvey_textArea img{
		width: 100%;
		height: auto;
	}
}

		



/*/////////////////////////////////////////////////////////*/
/*-------媒體中心--------*/

/*媒體列表區塊*/		
.news_listArea{
}
	/*列表*/
	.news_list{
		padding: 25px 0px;
		margin: 0px -15px;
	}
	.news_list:first-child{
		padding: 0px;
		position: relative;
		box-sizing: border-box;
		margin: 0px;
	}
	.news_list:nth-child(2){
		padding: 80px 0px 25px;
	}
	
		/*左圖區塊*/
		.news_imgArea{
			width: 35%;
			float: left;
			box-sizing: border-box;
			padding: 0px 15px;
		}
		.news_list:first-child .news_imgArea{
			width: 100%;
			float: none;
			padding: 0px;
		}
			.news_imgArea a{
				display: block;
				overflow: hidden;
			}
				.news_imgArea img{
					width: 100%;
					height: auto;
					transition: 0.3s ease all;
				}
				
				/*hover*/
				.news_imgArea:hover img{
					transform: scale(1.05);
					transition: 0.3s ease all;
					opacity: 0.7;
				}
		
		
	
		/*右文區塊*/
		.news_textArea{
			width: 65%;
			float: left;
			box-sizing: border-box;
			padding: 0px 15px;
		}
		
		.news_list:first-child .news_textArea{
			position: absolute;
			bottom: 0px;
			width: 100%;
			padding: 30px 30px;
			background-color: rgba(255,255,255,0.9);
		}
		
			/*日期+分類區塊*/
			.news_categoryArea{
				position: relative;
			}
				
				/*日期*/
				.news_inTime{
					color: #333;
					font-size: 13px;
					font-weight: bold;
					position: absolute;
					left: 0px;
					top: 5px;
     				z-index: 3;
				}
				
				/*分類*/
				.news_inCategory{
					padding-left: 95px;
					position: relative;
				}
					.news_categoryTab{
						display: inline-block;
						vertical-align: middle;
						font-size: 12px;
						color: #fff;
						padding: 5px 10px;
						border-radius: 12px;
						font-weight: bold;
						max-width: 182px;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						box-sizing: border-box;
					}
			
			/*大標*/
			.news_inTit{
				padding-top: 20px;
			}
				.news_inTit a{
					font-size: 20px;
					font-weight: bold;
					color: #333;
					text-decoration: none; 
					transition: 0.3s ease all;
				}
				/*hover*/
				.news_inTit a:hover{
					color: #ff6721;
					transition: 0.3s ease all;
				}
				
				
			/*簡述*/
			.news_inText{
				padding-top: 25px;
				font-size: 15px;
				line-height: 24px;
				font-weight: bold;
				color: #333;
				display: -webkit-box;
				overflow: hidden;
				text-overflow: ellipsis;
				-webkit-text-overflow: ellipsis;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
			}	
		
			.news_list:first-child .news_inText{
				-webkit-line-clamp: 2;
			}






.news_mediaArea{
}

	/*媒體訂閱按鈕區塊*/
	.news_mediaBtn{
		position: relative;
		background-color: #ff6721;
		box-sizing: border-box;
		width: 100%;
		padding: 11px 15px;
		border-radius: 40px;
		margin-bottom: 15px;
		cursor: pointer;
	}
	
	/*手機版_媒體訂閱按鈕區塊*/
	.MBnews_mediaBtn{
		display: none;
		position: relative;
		background-color: #ff6721;
		box-sizing: border-box;
		width: 100%;
		padding: 11px 15px;
		border-radius: 40px;
		margin-bottom: 15px;
		cursor: pointer;
	}
	

	.newsMedia_inIcon{
		width: 21px;
		display: inline-block;
		vertical-align: middle;
		padding-right: 5px;
	}
		.newsMedia_inIcon img{
			width: 100%;
			height: auto;
		}
		
	.newsMedia_inTit{
		font-size: 13px;
		font-weight: bold;
		display: inline-block;
		vertical-align: middle;
		transition: 0.3s ease all;
		color: #fff;
	}
	.newsMedia_inNext{
		position: absolute;
		right: 10px;
		top: 8px;
		transition: 0.3s ease all;
		color: #fff;
	}
		/*hover*/
		.news_mediaBtn:hover .newsMedia_inNext{
			right: 3px;
			transition: 0.3s ease all;
		}
	
	
	
	
	


@media (max-width: 768px){
	
	.news_list{
		margin: 0px;
		padding: 20px 0px;
	}
	.news_list:nth-child(2){
		padding: 50px 0px 20px;
	}
		.news_imgArea{
			width: 60%;
			float: none;
			padding: 0px;
		}
		
		.news_list:first-child .news_textArea{
			position: static;
			padding: 30px 30px;
			background-color: #edeff2;
		}
		.news_textArea{
			width: 100%;
			float: none;
			padding: 20px 0px 0px;
		}
}

@media (max-width: 767px){
	
	
	.news_mediaArea{
		
	}
	
	.MBnews_mediaBtn{
		display: block;
	}
	
		.newsMedia_inNext{
			right: 15px;
		}
		
		
}



/*媒體訂閱燈箱區塊*/
.newsMedia_boxArea {
	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;
}
.newsMedia_boxArea.show {
	opacity:1;
	pointer-events: auto;
	display:block \9;		/*ie9*/
	
	overflow-y: auto;
}

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


	.newsMedia_boxIn{
		position: relative;
		background:#fff;
		border-radius: 6px;
		padding: 50px 70px;
		top: 10%;
		margin: auto;
		height: auto;
		display: inline-block;
		box-sizing: border-box;
	}
	
		/*關閉媒體訂閱燈箱*/
		.newsMedia_boxClose{
			position: absolute;
			text-align: center;
			width: 17px;
			color: #333;
			top: 20px;
			right: 20px;
			cursor: pointer;
			transition: 0.3s ease all;
		}
			.newsMedia_boxClose img{
				width: 100%;
				height: auto;
			}
			/*hover*/
			.newsMedia_boxClose:hover img{
				transition: 0.3s ease all;
				opacity: 0.7;
			}
			
		/*標題*/	
		.newsMedia_boxTit{
			padding: 0px 0px 25px;
			max-width: 344px;
			text-align: center;
			box-sizing: border-box;
			font-size: 24px;
			font-weight: bold;
			color: #333;
			position: relative;
			margin: 0px auto;
		}
			.newsMedia_boxTit:after{
				content: '';
				position: absolute;
				bottom: -5px;
				left: 50%;
				margin: 0px 0px 0px -23px;
				background-color: #ff6721;
				width: 50px;
				height: 5px;
			}
			
		
		/*簡述區塊*/
		.newsMedia_boxText{
			padding-top: 40px;
			font-size: 14px;
			line-height: 22px;
			color: #333;
			font-weight: bold;
		}
		
		
		/*媒體訂閱_表單區塊*/
		.newsMedia_boxForm{
			text-align: left;
			margin: 0px -15px;
			padding-top: 30px;
		}
		.newsMedia_boxForm.B{
			padding-top: 10px;
		}
			.newsMedia_boxForm.B .fL_info{
				padding-top: 3.5px;
			}
				.newsMedia_radioList{
					padding: 3.5px 0px;
				}
				
			.newsMedia_boxForm.B .fL_tit{
				color: #808080;
			}
			
		
		/*媒體訂閱_表單確認按鈕*/	
		.newsMedia_boxBtn{
			text-align: center;
			padding: 50px 0px 0px;
		}
			.newsMedia_boxBtn input[type="submit"]{
				background-color: #ff6721;
				width: 180px;
				height: 46px;
				border-radius: 46px;
				box-sizing: border-box;
				position: relative;
				left: 0px;
				transition: all .2s ease-out;
			}
			

		/*手機版_關閉媒體訂閱燈箱*/
		.MBnewsMedia_boxClose{
			display: none;
		}
			.MBnewsMedia_boxClose input[type="button"] {
				width: 180px;
				height: 46px;
				border-radius: 46px;
				background-color: transparent;
				border: 1px solid #ccc;
				color: #9999;
				margin-top: 40px;
			}



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

@media (max-width: 767px){
	
	/*內頁放在下方 class 加 page_in*/
	.news_mediaArea.page_in{
		padding: 80px 0px 0px;
	}
}
		
@media (max-width: 640px){
	
	.newsMedia_boxIn {
		width: 100%;
		padding: 50px 15px;
		top: 0%;
		border-radius: 0px;
	}
	
		/*媒體訂閱_表單區塊*/
		.newsMedia_boxForm{
			margin: 0px;	
		    padding: 30px 5px 0px;
		}
				/*媒體訂閱_表單確認按鈕*/	
				.newsMedia_boxBtn input[type="submit"]{
					width: 100%;
				}
			
			/*電腦版_關閉媒體訂閱燈箱*/
			.newsMedia_boxClose{
				display: none;
			}
			/*手機版_關閉媒體訂閱燈箱*/
			.MBnewsMedia_boxClose{
				display: block;
			}
				.MBnewsMedia_boxClose input[type="button"] {
					width: 100%;
				}	
}




/*/////////////////////////////////////////////////////////*/
/*-------媒體中心內頁--------*/

/*媒體中心內頁內容*/
.page_newsArea{
}

	/*標題區塊*/
	.pageNews_titArea{
	}
		
		.pageNews_topArea{
		}
			
			/*時間*/
			.pageNews_inTime{
				color: #808080;
				font-size: 13px;
				font-weight: bold;
				display: inline-block;
				vertical-align: middle;
				padding-right: 15px;
			}
			
			/*分類*/
			.pageNews_inCategory{
				display: inline-block;
				vertical-align: middle;
				font-size: 12px;
				color: #fff;
				padding: 5px 10px;
				border-radius: 12px;
				font-weight: bold;
				max-width: 182px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				box-sizing: border-box;
			}
		
		.pageNews_inTit{
			font-size: 24px;
			font-weight: bold;
			color: #333;
			padding: 30px 0px 45px;
			position: relative;
		}
			.pageNews_inTit:after {
				position: absolute;
				left: 0px;
				bottom: -5px;
				content: '';
				width: 50px;
				height: 5px;
				background-color: #ff6721;
			}
	
	
	/*網編區塊*/
	.pageNews_textArea {
		color: #333;
		font-size: 14px;
		line-height: 24px;
		font-weight: bold;
		padding-top: 50px;
	}




/*/////////////////////////////////////////////////////////*/
/*-------關於Go Survey--------*/

.page_textTit{
	color: #ff6721;
	font-size: 16px;
	font-weight: bold;
	padding-right: 60px;
	display: inline-block;
	position: relative;
}
	.page_textTit:after{
		position: absolute;
		content:'';
		top: 7px;
		right: 0px;
		background-color: #ff6721;
		width: 50px;
		height: 1px;
	}

.page_textArea{
	color: #333;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	padding-top: 40px;
}



/*關於我們下方區塊*/
.about_bottomArea{
	background-position: center center;
	background-size: cover;
	min-height: 280px;
	padding: 60px 0px;
}
	.aboutBottom_textArea{
		font-size: 22px;
		line-height: 34px;
		color: #fff;
		position: relative;
		letter-spacing: 3px;
		word-break: break-all;
	}

		.aboutBottom_textArea:before{
			position: absolute;
			content: url(../about/images/about_before.png);
			top: -60px;
			left: 0px;
		}


			
			/*右選單*/
			.rightList.no_padding  {
				padding-top: 0px;
			}
			
				.rightList.no_padding  a{
					cursor: pointer;
					transition: 0.3s ease all;
				}
				
				/*hover*/
				.rightList.no_padding a:hover {
					color: #ff6721;
					transition: 0.3s ease all;
				}
				
				/*當前模式*/
				.rightList.no_padding.active a {
					color: #ff6721;
				}
			
			
			
		/*多網編內頁放在下方 class 加 page_in*/	
		.MBPage_topArea.textPage_in{
			padding: 50px 0px;
		}
		

@media (max-width:  640px){
	.aboutBottom_textArea img{
		max-width: 100%;
		height: auto;
	}
}		
		

/*/////////////////////////////////////////////////////////*/
/*-------服務--------*/


/*/////////////////////////////////////////////////////////*/
/*-------服務_常見問題列表--------*/
.qa_list_area {
	padding:0px 0px 10px 0px;
}
	.qa_list {
		border-bottom: solid 1px #dadada;
	}
	.qa_list:first-child {
		border-top: solid 1px #dadada;
	}
		.qaL_tit {
			font-size:15px;
			line-height:22px;
			color:#333;
			position:relative;
			padding: 25px 27px 25px 44px;
			cursor:pointer;
			font-weight: bold;
		}
			.qaL_tit:before {
				content: url(../service/images/q_icon.png);
				position:absolute;
				font-size:13px;
				color:#fff;
				border-radius:100%;
				text-align:center;
				/*width:25px;
				height:25px;
				line-height:25px;
				font-weight:bold;
				background: #31ACEE;*/
				background-color: transparent;
				box-sizing: border-box;
				padding: 0px 0px 0px 2px;
				/*top:9px;
				left:8px;*/
				top: 26px;
				left: 0px;
			}
			.qaL_tit:after {
				content: url(../service/images/open_icon.png);
				position: absolute;
				font-size:19px;
				color: #585858;
				/*top: 9px;
				right: 8px;*/
				top: 26px;
				right: 0px;
				transition:0.3s ease all;
				transform-origin:center center;
			}
			
		.qaL_text {
			position:relative;
			font-size:14px;
			line-height:24px;
			color:#464545;
			padding:11px 27px 11px 44px;
			display:none;
			

			/*modify by pekey 20180212*/
			word-break: break-all;
		}
			.qaL_text:before {
				content: url(../service/images/a_icon.png);
				position:absolute;
				border-radius:100%;
				text-align:center;
				/*width:25px;
				line-height:25px;
				font-size:13px;
				color:#fff;
				background: #b7b7b7;*/
				background-color: transparent;
				box-sizing: border-box;
				padding: 0px 0px 0px 2px;
				/*top:9px;
				left:8px;*/
				top: 18px;
				left: 0px;
			}
			/*hover*/
			/*.qaL_tit:hover {
				background:#eaeaea;
			}*/
			/*當前模式*/
			/*.qa_list.active .qaL_tit {
				background:#eaeaea;
				border-radius:5px;
			}*/
				.qa_list.active .qaL_tit:after {
					-webkit-transform: rotate(180deg);
							transform: rotate(180deg);
					content: url(../service/images/close_icon.png);
					position: absolute;
					font-size:19px;
					color: #585858;
					/*top: 9px;
					right: 8px;*/
					top: 26px;
					right: 0px;
					transition:0.3s ease all;
					transform-origin:center center;
				}





/*/////////////////////////////////////////////////////////*/
/*-------卡友專區_我的專區--------*/

.page_contentArea.member{
	border-top: 1px solid #e6e6e6;
	padding-top: 60px;
}

@media (max-width: 768px){
	.page_contentArea.member {
		border-top: 2px solid #e6e6e6;
		padding-top: 30px;
	}
}
	
	/*我的專區_上方區塊*/
	.member_topArea{
		
	}
		.member_topIn{
			padding: 40px 15px;
			background-color: #edeff2;
			text-align: center;
		}
			/*招呼提示語*/
			.member_topGreetings{
				font-size: 15px;
				line-height: 30px;
				color: #ff6721;
				font-weight: bold;
			}
			
			/*標題*/
			.member_topTit{
				font-size: 15px;
				line-height: 30px;
				color: #000;
				font-weight: bold;
			}
			
			/*我的專區_會員登入按鈕*/
			.member_topLogin{
				padding-top: 20px;
			}
				.member_topLogin a{
					display: block;
				}
					.member_topLogin img{
						max-width: 100%;
						height: auto;
					}

		
	/*裝飾分隔線*/
	.deco_line{
		padding: 50px 0px;
		
		background-image: url(../images/textArea_deco.png);
		background-position: center center;
		background-repeat: no-repeat;
		height: 19px;
	}	
		.deco_line img{
			width: 100%;
			height: auto;
		}
	
	/*大標*/
	.member_bigTit{
		color: #333;
		font-size: 28px;
		/*line-height: 42px;*/
		font-weight: bold;
		padding-bottom: 35px;
		position: relative;
	}
		.member_bigTit:after{
			position: absolute;
			left: 0px;
			bottom: 0px;
			content: '';
			width: 40px;
			height: 5px;
			background-color: #ff6721;
		}
	
	/*文字區塊*/
	.member_textArea{
		color: #333;
		font-size: 15px;
		line-height: 26px;
		font-weight: bold;
		padding-top: 30px;
	}
	
	
	/*what區塊*/
	.member_whatArea{
		/*margin: 0px -47.5px;*/ /*modify by pekey 20181128*/
		
		/*modify by pekey 20181128*/
		text-align: center
	}
		.member_whatList{
			/*width: 50%;*/ /*modify by pekey 20181128*/
			width: 42.5%;
			/*padding: 0px 47.5px;*/ /*modify by pekey 20181128*/
			padding: 0px 58px;
			box-sizing: border-box;
			/*float: left;*/  /*modify by pekey 20181128*/
			
			/*modify by pekey 20181128*/
			display: inline-block;
		}
			.member_whatList a{
				display: block;
				background-color: #ff6721;
				/*border-radius: 6px;*/ /*modify by pekey 20181128*/
				border-radius: 60px;
				/*font-size: 15px;*/ /*modify by pekey 20181128*/
				font-size: 18px;
				font-weight: bold;
				color: #fff;
				/*padding: 28px 0px 24px;*/  /*modify by pekey 20181128*/
				padding: 23px 30px 20px 0px;
				text-align: center;
				position: relative;
				/*height: 70px;*/ /*modify by pekey 20181128*/
				height: 60px;
				box-sizing: border-box;
				text-decoration: none;
				transition: all .2s ease-out;
				
				
				
				
			}
			
			.member_whatList:nth-of-type(2) a{
				background-color: #052148;
			}
	
			/*hover*/
			.member_whatList a:hover {
				opacity: 0.75;
				transition: all .2s ease-out;
			}
			
				/*icon*/
				.memberWhat_listIcon{
					position: absolute;
					/*right: 12px;
					top: 12px;*/ /*modify by pekey 20181128*/
					right: 14px;
    				top: 10px;
					/*width: 50px;
					height: 50px;*/  /*modify by pekey 20181128*/
					width: 40px;
					height: 40px;
					/*background-color: #052148;*/ /*modify by pekey 20181128*/
					background-color: #fff;
					border-radius: 100%;
				}
				.member_whatList:nth-of-type(2) .memberWhat_listIcon{
					/*background-color: #ff6721;*/ /*modify by pekey 20181128*/
				}
					/*內標*/
					.memberWhat_iconTit{
						/*font-size: 15px;*/ /*modify by pekey 20181128*/
						font-size: 14px;
						/*color: #fff;*/ /*modify by pekey 20181128*/
						color: #ff6721;
						position: relative;
						/*top: 16.5px;*/ /*modify by pekey 20181128*/
						top: 14px;
						left: 1px;
					}
					
					/*modify by pekey 20181128*/
					.member_whatList:nth-of-type(2) .memberWhat_iconTit{
						color: #052148;
					}

@media (max-width: 1024px){
	.member_whatArea{
		margin: 0px -20px; 
	}
		.member_whatList{
			padding: 0px 20px;
		}
}

@media (max-width: 768px){
	.member_whatArea{
		margin: 0px; 
	}
		.member_whatList{
			padding: 15px 0px;
			width: 100%;
			float: none;
		}
			.member_whatList a{
				padding: 23px 0px 20px;
			}
}

	
	
	/*頁籤區塊*/
	.member_tabArea{
		padding-top: 40px;
	}
		/*列表區塊*/
		.member_activityArea{
		}
			/*列表*/
			.member_activityList{
				border-bottom: 1px solid #ccc;
			}
				.member_activityList a{
					padding: 20px 0px;
					display: block;
					text-decoration: none
				}
				
					.memberActivity_listTit{
						font-size: 16px;
						font-weight: bold;
						color: #333;
					}
					.memberActivity_listTime{
						padding-top: 10px;
					}
					
						/*標題*/
						.memberActivity_timeTit{
							float: left;
							box-sizing: border-box;
							color: #00bac7;
							font-size: 12px;
							font-weight: bold;
							padding-right: 7.5px;
							position: relative;
						}
						.memberActivity_timeTit:after{
							position: absolute;
							content:'';
							right: 0px;
							top: 0px;
							width: 1px;
							height: 12px;
							background-color: #00bac7;
						}
								
						/*時間區塊*/
						.memberActivity_timeDate{
							float: left;
							box-sizing: border-box;
							color: #00bac7;
							font-size: 12px;
							font-weight: bold;
						}
							/*區間日期*/
							.memberActivity_dateIn{
								float: left;
								box-sizing: border-box;
								padding: 0px 7.5px;
								position: relative;
							}
							.memberActivity_dateIn:first-child:after{
								position: absolute;
								content:'';
								right: -2px;
								top: 5px;
								width: 4px;
								height: 1px;
								background-color: #00bac7;
							}

	
	/*點數區塊*/
	.member_pointArea{
		padding-top: 40px;
	}
		.member_pointIn{
			padding: 25px 40px;
			background-color: #edeff2;
		}
			
			.member_pointList{
				padding: 15px 0px;
			}
				.memberPoint_listTit{
					font-size: 18px;
					color: #333;
					font-weight: bold;
					display: inline-block;
					vertical-align: middle;
				}
				.memberPoint_listIn{
					font-size: 18px;
					color: #333;
					font-weight: bold;
					display: inline-block;
					vertical-align: middle;
				}
					.memberPoint_listIn span{
						font-size: 28px;
						font-weight: bold;
						color: #d41f63;
						padding-right: 10px;
						line-height: 36px;
					}
					
					.member_pointList:nth-of-type(2) span{
						font-size: 18px;
						padding-right: 0px;
						line-height: 26px;
     					word-break: break-word;
					}
					
@media(max-width: 767px){
	
	.member_pointIn{
		padding: 20px 20px;
	}
		.memberPoint_listTit{
			display: block;
		}
		.memberPoint_listIn{
			display: block;
			padding-top: 15px;
		}
	
}	



				
	/*我的調查區塊*
	/*列表區塊*/
	.member_surveyArea{
		margin-top: 40px;
		border-top: 1px solid #ccc;
	}
		/*列表*/
		.member_surveyList{
			border-bottom: 1px solid #ccc;
		}
			.member_surveyList a{
				padding: 20px 100px 20px 0px;	
				display: block;
				text-decoration: none;
				position: relative;
			}
				/*列表_標題*/
				.memberSurvey_listTit{
					font-size: 16px;
					font-weight: bold;
					color: #333;
				}
				
				/*列表_時間區塊*/
				.memberSurvey_listTime{
					padding-top: 10px;
				}
				
					/*標題*/
					.memberSurvey_timeTit{
						float: left;
						box-sizing: border-box;
						color: #00bac7;
						font-size: 12px;
						font-weight: bold;
						padding-right: 7.5px;
						position: relative;
					}
					.memberSurvey_timeTit:after{
						position: absolute;
						content:'';
						right: 0px;
						top: 0px;
						width: 1px;
						height: 12px;
						background-color: #00bac7;
					}
							
					/*時間區塊*/
					.memberSurvey_timeDate{
						float: left;
						box-sizing: border-box;
						color: #00bac7;
						font-size: 12px;
						font-weight: bold;
					}
						/*區間日期*/
						.memberSurvey_dateIn{
							float: left;
							box-sizing: border-box;
							padding: 0px 7.5px;
							position: relative;
						}
						.memberSurvey_dateIn:first-child:after{
							position: absolute;
							content:'';
							right: -2px;
							top: 5px;
							width: 4px;
							height: 1px;
							background-color: #00bac7;
						}
	
					/*列表_狀態*/
					.memberSurvey_listStatus{
						position: absolute;
						right: 0px;
						top: 27.5px;
						color: #fff;
						font-size: 12px;
						font-weight: bold;
						border-radius: 22px;
						padding: 5px 0px;
						text-align: center;
						min-width: 76px;
					}
			
@media(max-width: 360px){
	.memberSurvey_timeTit{
		float: none;
		display: inline-block;
	}
	.memberSurvey_timeDate{
		float: none;
		padding: 7.5px 0px 0px;
	}
		.memberSurvey_dateIn:first-child{
			padding-left: 0px;
		}
	
	.memberSurvey_listStatus{
		top: 38.5px;
	}
}




/*/////////////////////////////////////////////////////////*/
/*-------卡友專區_常見問題--------*/

.qa_area.member{
	padding-top: 40px;
}


/*/////////////////////////////////////////////////////////*/
/*-------首頁_得獎名單--------*/

	.news_listArea.winning .news_list:first-child{
		padding: 0px 0px 20px;
		margin: 0px -15px;
	}
	
		.news_listArea.winning .news_list:first-child .news_imgArea{
			width: 35%;
			float: left;
			padding: 0px 15px;
		}
		.news_listArea.winning .news_list:first-child .news_textArea{
			width: 65%;
			padding: 0px 15px;
			position: static;	
			background-color: transparent;
		}
			.news_list:first-child .news_inText{
				-webkit-line-clamp: 3;
			}
	
	
	.news_listArea.winning .news_list:nth-child(2){
		padding: 25px 0px;
	}
		
		.news_listArea.winning .news_inTime{
			position:static;
		}
	
	





@media (max-width: 768px){
	.news_listArea.winning .news_list:first-child{
    	margin: 0px;
	}
	
		.news_listArea.winning .news_list:first-child .news_imgArea {
			width: 60%;
			float: none;
			padding: 0px;
		}
		
		.news_listArea.winning .news_list:first-child .news_textArea{
			width: 100%;
			float: none;
			padding: 20px 0px 0px;
		}
}






/*/////////////////////////////////////////////////////////*/
/*app_客製部分_新增樣式 開始*/
/*/////////////////////////////////////////////////////////*/


	

	/*app畫面_關於我們區塊*/
	.app_aboutArea{
	}
		/*列表*/
		.app_aboutList{
			width: 100%;
			padding: 15px 0px;
		}
		/*列表第一個*/
		.app_aboutList:first-of-type{
			padding-top: 0px;
		}
		
			/*列表內容*/
			.appAbout_listIn{
				border-radius: 18px;
				overflow: hidden;
			}
				.appAbout_listIn a{
					width: 100%;
					/*padding: 80px 0px;*/
					padding: 122px 0px;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					text-decoration: none;
					
					background-color: rgba(0,0,0,0.5);
					transition: 0.3s ease all;
					border-radius: 18px;
					overflow: hidden;
					transition: 0.3s ease all;
				}
				
				/*hover*/
				.appAbout_listIn a:hover{
					opacity: 0.7;
					transition: 0.3s ease all;
				}
					/*按鈕*/
					.appAbout_btnArea{
						border-radius: 18px;
					}
						/*圖片*/
						.appAbout_btnIcon{
							width: 56px;
							margin: 0px auto;
						}
							.appAbout_btnIcon img{
								width: 100%;
								height: auto;
							}
						
						/*標題*/
						.appAbout_btnTit{
							padding-top: 20px;
							color: #fff;
							font-size: 26px;
							font-weight: bold;
						}



@media (max-width: 768px){
	
	/*app畫面_關於我們區塊*/
	.app_aboutArea{
		width: 92%;
		margin: 0px auto;
	}
}

@media (max-width: 425px){
	
	/*app畫面_關於我們區塊*/
	.app_aboutArea{
		width: 85%;
	}
		.appAbout_listIn a{
			padding: 55px 0px;
		}
							
			/*圖片*/
			.appAbout_btnIcon{
				width: 28px;
			}
			
			/*標題*/
			.appAbout_btnTit{
				padding-top: 10px;
				font-size: 18px;
			}
}


@media (max-width: 375px){
	
	/*app畫面_關於我們區塊*/
	.app_aboutArea{
		width: 83%;
	}
		/*列表*/
		.app_aboutList{
			padding: 12px 0px;
		}
			.appAbout_listIn a{
				padding: 45px 0px;
			}
}

@media (max-width: 320px){
	
	.appAbout_listIn a{
		padding: 35px 0px;
	}

}




/*聯絡我們*/
.app_contactArea{
	text-align: center;
/*	padding: 15px 0px 0px;*/
}
	.app_contactTit{
		font-size: 15px;
		font-weight: bold;
		color: #000;
		letter-spacing: 1px;
	}
	
	/*列表區塊*/
	.appContact_inArea{
		padding: 10px 0px 0px;
	}
		.appContact_inList{
			padding: 7px 0px;
		}
			.appContact_inIcon{
				width: 18px;
				display: inline-block;
				vertical-align: middle;
			}
				.appContact_inIcon img{
					width: 100%;
					height: auto;
				}
			
			.appContact_inTit{
				display: inline-block;
				vertical-align: middle;
				padding-left: 7px;
			}
			
				.appContact_inTit a{
					font-size: 15px;
					color: #333;
					font-weight: bold;
				}

@media (max-width: 320px){

	.appContact_inTit{
		padding-left: 5px;
		letter-spacing: 0px;
	}
}



/*/////////////////////////////////////////////////////////*/
/*app_客製部分_新增樣式 結束*/
/*/////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////*/
/*modify by pekey 20190123 start*/
/*/////////////////////////////////////////////////////////*/

.header_memberIcon.login{
	display: none;
}

@media (max-width: 640px){
	
	.header_memberList:nth-child(2) > span{
		display: none;
	}
	.header_memberIcon.login{
		display: block;
	}
}










/*卡友專區_我的專區*/
.member_topLogin{
	margin: 0px auto;
	transition: all .2s ease-out;
}
	.member_topLogin a{
		width: 245px;
		display: inline-block;
		padding: 15px 65px 15px 22px;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		border-radius: 45px;
		text-decoration: none;
		transition: 0.3s ease all;
		background-color: #ff6721;
		position: relative;
	
		text-align: left;
	}
		.member_topLogin span{
			transition: 0.3s ease all;
			position: absolute;
			top: 0px;
			right: 0px;
			padding: 4.5px 5px;
			border-left: 1px solid #fff;
		}

			.member_topLogin i{
				font-size: 36px;
			}
			
		
/*hover*/
.member_topLogin:hover{
	transition: all .2s ease-out;
}
	.member_topLogin a:hover {
		background-color: #cccccc;
		transition: 0.3s ease all;
	}
		/*hover*/
		.member_topLogin:hover span{
		}
	


/*版腳_輪播套件*/
.cycle-slideshow{
	height: 80px;
	box-sizing: content-box;
	padding-bottom: 20px;
}

.arrow{
	display: block;
}
	.arrow span{
		cursor: pointer;
	}
		/*modify by pekey 20190225 start*/
		.arrow span i{
			color: #808080;
		}
		/*modify by pekey 20190225 end*/
		
	

@media (max-width: 640px){
	.cycle-slideshow{
		height: auto;
		display: block;
		text-align: center;
	}
		.swiper-slide{
			float: none;
		}
}


/*/////////////////////////////////////////////////////////*/
/*modify by pekey 20190123 end*/
/*/////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////*/
/*新增問卷區塊 modify by pekey 20190506 start*/
/*/////////////////////////////////////////////////////////*/

.questionnaire_area{
	padding: 10px 15px;
}
	.questionnaire_tit{
		font-size: 17px;
		line-height: 32px;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px;
	}
	.questionnaire_listArea{
		margin: 15px 0px 0px;
		overflow: hidden;
		min-height: 185px;
		max-height: 185px;
		box-sizing: border-box;
	}
		.questionnaire_listIn{
			overflow-y: auto;
			min-height: 185px;
    		max-height: 185px;
			margin: 0px -10px;
		}
			.questionnaire_list{
				padding: 10px 10px;
				display: inline-block;
				vertical-align: middle;
				/*width: 24%;*/
				box-sizing: border-box;
			}
				.questionnaire_list label{
					cursor: pointer;
				}
					
					.questionnaire_list input[type="radio"], .questionnaire_list input[type="checkbox"]{
						width: 17px;
						height: 17px;
						line-height: 17px;
						vertical-align: middle; 
						position: relative;
    					top: -1px;
					}


.questionnaire_area .page_area{
    padding: 20px 0px 0px;
    text-align: center;
}
	.questionnaire_area .page_left_arrow, .questionnaire_area .page_right_arrow{
		width: auto;
		height: 40px;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		display: inline-block;
		vertical-align: top;
		margin: 0px 10px;
	}
		.questionnaire_area .page_left_arrow label, .questionnaire_area .page_right_arrow label{
			/*width: 152px;*/  /*modify by pekey 20190513*/
			width: 100px;
			height: 40px;
			border-radius: 40px;
			background-color: #808080;
			display: block;
			transition: 0.2s ease all;
			color: #fff;
			line-height: 40px;
			position: relative;
			cursor: pointer;
			transition: 0.3s ease all;
		}
		/*hover*/
		.questionnaire_area .page_left_arrow label:hover, .questionnaire_area .page_right_arrow label:hover { /*.banner_moreBtn:hover a{*/ /*modify by pekey 20190123*/
			background-color: #ff6721;
			transition: 0.3s ease all;
		}
		
			
			.page_left_arrow input[type="submit"], .page_right_arrow input[type="submit"]{
				display: none;		
			}
			.questionnaire_area .page_left_arrow span{
				padding-left: 15px;
			}
			.questionnaire_area .page_right_arrow span{
				padding-right: 15px;
			}
			.questionnaire_area .page_right_arrow span.page_spanResult{
				padding-right: 0px;
			}
			.questionnaire_area .page_left_arrow .page_spanBefore, .questionnaire_area .page_right_arrow .page_spanAfter{
				position: absolute;
				top: 8px;
				width: 24px;
				height: 24px;
				line-height: 24px;
				/*left: 30px;*/  /*modify by pekey 20190513*/
				left: 10px;
				padding-left: 0px;
				padding-right: 0px;
			}
			.questionnaire_area .page_right_arrow .page_spanAfter{
				left: inherit;
				/*right: 30px;*/  /*modify by pekey 20190513*/
				right: 10px;
			}
			

@media (max-width: 640px){
	
.questionnaire_listArea{
	min-height: 100%;
	max-height: 100%;
}


/*結果頁*/
.questionnaire_area .page_left_arrow label.page_labelResult, .questionnaire_area .page_right_arrow label.page_labelResult{
	width: 40px;
}
	.questionnaire_area .page_left_arrow label.page_labelResult span{
		display: none;
	}
	.questionnaire_area .page_right_arrow label.page_labelResult span{
		display: none;
	}
	
	/*結果頁*/
	.questionnaire_area .page_left_arrow label.page_labelResult .page_spanBefore{
		display: block;
		left: 7px;
	}
	.questionnaire_area .page_right_arrow label.page_labelResult .page_spanAfter{
		display: block;
		right: 7px;
	}

}

/*/////////////////////////////////////////////////////////*/
/*新增問卷區塊 modify by pekey 20190506 end*/
/*/////////////////////////////////////////////////////////*/



















/*/////////////////////////////////////////////////////////*/
/*新增活動註冊區塊社群註冊 modify by Judy 20191002 start*/
/*/////////////////////////////////////////////////////////*/





.form_area.form_area2{
	max-width:60%;
	margin:0 auto;
}



.form_area_All{
	display: flex;
	flex-direction: row-reverse;
	padding:15px 0px 15px;
	/*justify-content: space-between;*/
}
	.form_area_LEFT{
		/*align-items: stretch;*/
		/* display:table-cell; */
		/*float: left;*/
		/*float:right;*/
		box-sizing: border-box;
		width: 50%;
		background-color: #edeff2;
		border: 1px  #edeff2 solid;
		margin-left: 10px;
	}
		.form_area_LEFT_in{
			padding: 5px 15px;
		}
		.form_area_All .form_area {
			padding: 20px 0px 5px;
		}
		.form_area_All input {
    		/*background-color: #fff;*/
		}
		
		
	
	.form_area_RIGHT{
		/*align-items: stretch;*/
		box-sizing: border-box;
		width: 50%;
		background-color: #fff;
		border: 1px  #c5c5c5 solid;
		padding: 5px 15px;
		margin-right: 10px
	}
		.form_area_RIGHT_in{
			padding: 5px 15px;
		}


/*.memberAdd_inputArea{
	text-align:center;
}


.memberAdd_inputArea .memberLogin_inputList:nth-child(2) .memberLogin_bottomIn:last-child {
    border-left: 0px solid #808080;
    padding: 0px 0px 0px 0px;
}

	.memberLogin_btnList input[type="button"]:nth-child(2){
		background-color: #052148;
	}*/


.form_area_All .memberLogin_btnDeco{
	/*width: 100%;
	box-sizing: border-box;
	background-image: url(../images/memberDeco.png);
	background-position: center center;
	background-repeat: repeat-x;*/
	padding: 45px 0px;
    position: relative;
}
	.form_area_All .memberLogin_btnDeco span{
		/*background-color: #fff;
		padding: 7px 17px;
		font-size: 12px;*/
		border-radius: 50%;
    	padding: 17px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(0) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

.form_area_All .memberLogin_btnArea {
    padding: 5px 0px 0px;
}

.Community_Login_btn{
	text-align: center;
	padding: 12px 0px;
	display: flex;
	/*justify-content: space-between;*/
	
	/*modify by pekey 20200525*/
	margin: 0px -5px;
}
                               
/*社群登入*/
.Community_Login_btnList{
	width: 100%;
	/*width: 49%;*/
	padding: 0px 5px;
	box-sizing: border-box;
	display: inline-block;
}
	.Community_Login_btnList a{
		padding: 15px 5px 15px 35px;
		display: block;
		border: #c5c5c5 1px solid;
		background-color: #ffffff;
		color: #fff;
		text-align: center;
		position: relative;
		box-sizing: border-box;
		text-decoration: none;
		transition: all .2s ease-out;
	}
	.Community_Login_btnList a:hover{
		opacity:0.5;
		transition: all .2s ease-out;
	}	
	
	
		.Community_Login_btnList a span{
			font-size: 12px;
			font-weight: bold;
			color: #3c3c3c;
		}
	
		.CommunityWhat_listIcon{
			position: absolute;
			top: 50%;
			left: 5px;
			-webkit-transform: translateX(0) translateY(-50%);
			transform: translateX(0) translateY(-50%);
			width: 30px;
			height: 30px;
			background-color: #fff;
			border-radius: 100%;
		}
		.CommunityWhat_iconTit{
		}
			.CommunityWhat_iconTit img{
				width:100%;
				height:auto;
			}

			.Community_Login_btnList a:hover .CommunityWhat_iconTit img {
				transition: all .2s ease-out;
				transform:scale(0.8);
			}




@media (max-width: 1180px){

.Community_Login_btn{
	/*margin:0px -10px;*/
}
	
	/*社群登入*/
	.Community_Login_btnList{
		/*padding: 0px 10px;*/
	}	
	.Community_Login_btnList a {
    	padding: 15px 5px 15px 25px;
	}
	.CommunityWhat_listIcon {
		width: 20px;
		height: 20px;
	}
		.Community_Login_btnList a span{
			transform: scale(0.9);
			letter-spacing: 0px;
			display: inline-block;
		}
	
}


@media (max-width: 990px){

	.form_area_All{
		display:block;
		flex-direction: unset;
		/*padding:15px 0px 15px;*/
	}
		.form_area_LEFT {
			width: 100%;
			/*background-color: #fff;
			border: 1px #c5c5c5 solid;*/
			margin-left: 0px;
			margin-bottom:30px;
			padding: 15px 15px;
		}
		.form_area_LEFT .page_textArea {
			padding-top: 0px;
		}
		.form_area_RIGHT {
			width: 100%;
			/*background-color: #edeff2;
			border: 1px #edeff2 solid;*/
			margin-right: 0px;
			padding: 15px 15px;
		}
		
		.Community_Login_btn {
    		display: block;
		}
			.Community_Login_btnList {
				width: 170px;
			}		
				.Community_Login_btnList a {
					padding: 15px 5px 15px 50px;
					text-align: left;
				}		
					.CommunityWhat_listIcon {
						width: 25px;
						height: 25px;
						left: 20px;
					}		
		
}




@media (max-width: 768px){


	.form_area.form_area2{
		max-width:80%;
	}


/*.Community_Login_btn{
	margin:0px 0px;
}
	.Community_Login_btnList{
		width:auto;
	}
		.Community_Login_btnList a{
			width:55px;
			height:55px;
		}	
			.Community_Login_btnList a span{
				display:none;
			}
	
			.CommunityWhat_listIcon {
				right: 7.5px;
				top: 7.2px;
			}*/
	
}






	
@media (max-width: 640px){	
	
	.form_area.form_area2{
		max-width:inherit;
		/*margin:0 auto;*/
	}


	.Community_Login_btn {
		display: block;
	}
		.Community_Login_btnList {
			width: 160px;
			margin:0 auto;
			padding: 5px 0px;
		}
	
}
	





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

	.memberAdd_inputArea .memberLogin_btnList  input{
		margin:10px 0px;
	}

}


.memberLogin_inInput2{
	text-align: left;
	padding-left:165px; 
}

	.memberLogin_inInput2 input[type="radio"], 
	.memberLogin_inInput2 input[type="checkbox"] {
		margin: 15px 0px;
	}

	.memberLogin_inInput2 select{
		padding: 5px 0px 5px 7px;
		border-color: #bfbfbf;
		margin: 6px 0px;
	}



.memberLogin_listIn2 .memberLogin_inInput label {
    left: 0px;
}





@media (max-width: 510px){
	
	.memberLogin_inInput2 {
		padding-left: 145px;
	}
	
		.memberLogin_inInput2 select{
			width:100px;
		}
}*/




/*/////////////////////////////////////////////////////////*/
/*新增活動註冊區塊社群註冊modify by Judy 20191002 end*/
/*/////////////////////////////////////////////////////////*/




/*/////////////////////////////////////////////////////////*/
/*新增修改案 註冊提醒視窗、登入頁_其餘登入方式區塊移動、註冊頁面_新增文字輸入框 modify by pekey 20200525 strat*/
/*/////////////////////////////////////////////////////////*/

.registered_bg{
	position:absolute;
	top: 45px;
	/*right: 0;*/
	right: -175px;
	/*width: 510px;*/
	width: 488px;
	padding: 25px 10px 20px;
	text-align: center;
	
	
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    background: rgba(255,255,255,1);
    border-top: 6px solid #ff6721;
	z-index: 10001;
	
	transition:0.3s ease all;
	display: none;
}

.registered_bg.active{
	transition:0.3s ease all;
	display: block;
}


	.registered_in{
	}
		
		/*簡述區塊*/
		.registered_loginText{
			font-size: 15px;
			font-weight: bold;
			color: #333;
		}
		
		/*登入按鈕區塊*/
		.registered_loginArea{
			text-align: center;
			/*padding: 20px 60px 0px;*/
			padding: 20px 50px 0px;
			display: flex;
			margin: 0px -5px;
		}
			.registered_loginList{
				/*width: 165px;*/
				width: 100%;
				padding: 0px 5px;
				box-sizing: border-box;
				display: inline-block;
			}
				.registered_loginList a{
					/*padding: 15px 5px 15px 35px;*/
					padding: 15px 15px 15px 60px;
					display: block;
					border: #c5c5c5 1px solid;
					background-color: #fff;
					text-align: center;
					position: relative;
					box-sizing: border-box;
					text-decoration: none;
					transition: all .2s ease-out;
				}
				
				.registered_loginList:nth-of-type(2) a{
					padding: 15px 5px;
				}
				
				/*hover*/	
				.registered_loginList a:hover{
					transition: all .2s ease-out;
					opacity: 0.5;
				}
					
					
					.registered_loginIcon{
						position: absolute;
						top: 50%;
						/*left: 5px;*/
						left: 20px;
						-webkit-transform: translateX(0) translateY(-50%);
						transform: translateX(0) translateY(-50%);
						width: 30px;
						height: 30px;
						background-color: #fff;
						border-radius: 100%;
					}
						.registered_loginIcon img{
							width: 100%;
							height: auto;
							transition: all .2s ease-out;
						}
						
						/*hover*/	
						.registered_loginList a:hover .registered_loginIcon img {
							transition: all .2s ease-out;
							transform:scale(0.8);
						}
					
					.registered_loginTitle{
						font-size: 12px;
						font-weight: bold;
						color: #3c3c3c;
						transition: all .2s ease-out;
					}
					
					/*hover*/	
					.registered_loginList a:hover .registered_loginTitle{
						transition: all .2s ease-out;
						color: #3c3c3c;
					}
	




/*其餘登入方式區塊*/
.otherLogin_bg{
	padding: 30px 0px 0px;
}
	
	/*暫時隱藏Facebook登入*//*modify by pekey 20200525-2200528*/
	.Community_Login_btnList:nth-of-type(3){
		display: none;
	}
	.Community_Login_btnList{
		width: 165px;
	}
	
	
	.form_area_All .form_area {
		padding: 0px 0px 5px;
	}
	
	/*移動溫馨提醒之註冊區塊*/
	.loginPage_remindList{
		float: left;
	}
	.loginPage_remindList:nth-of-type(2){
		float: right;
	}
		
		
		.loginPage_remindList a{
			color:#ff6721; 
			text-decoration:none;
			display: inline-block;
		}
		
		.loginPage_remindList:nth-of-type(2) a{
			padding-left: 5px;
		}
		
	
@media (max-width: 640px){
	
	.loginPage_remindBg{
		padding: 20px 0px 0px;
	}
		
		.loginPage_remindList{
			float: none;
		}
		.loginPage_remindList:nth-of-type(2){
			float: none;
			padding: 20px 0px 0px;
		}
}






/*註冊頁面_新增文字輸入框*/
.form_area.form_area2 input[type="text"]{
	padding: 9px 0px 10px 7px;
	border-radius: 3px;
}
	

/*/////////////////////////////////////////////////////////*/
/*新增修改案 註冊提醒視窗、登入頁_其餘登入方式區塊移動、註冊頁面_新增文字輸入框 modify by pekey 20200525 end*/
/*/////////////////////////////////////////////////////////*/










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


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