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

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

html, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dt, dd, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*//*修改部分 by kevin 20140822*/
	/*vertical-align: baseline;*//*修改部分 by kevin 20140822*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	/*list-style: none;*//*修改部分 by kevin 20140822 會影響到網邊*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

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

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

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

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

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

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

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

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

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


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

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

.wrap {
	width:1170px;
	margin:0 auto;
	padding: 0;
}
	@media (max-width: 1200px){
		.wrap {
			width: 970px;
		}
	}
		@media (max-width: 992px){
			.wrap {
				width: 750px;
			}
		}
			@media (max-width: 768px){
				.wrap {
					width: auto;
					padding:0px 15px;
				}
			}

/*-------input reset--------------------------------------------------------*/
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "微軟正黑體", "Microsoft JhengHei", "新細明體";
	font-size:15px;
	border-radius:3px;
}
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;
    border: solid 1px #aeaeae;
    width: 100%;
    transition: 0.2s ease all;
    padding: 0px 6px 0px 6px;
    box-sizing: border-box;
}
	input[type="text"]:focus, input[type="password"]:focus {
		border: solid 1px #d5d5d5;
	}
	
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	vertical-align: middle;
	border:none;
	width:162px;
	height:42px;
	background:#de484d;
	color:#fff;
	border-radius:5px;
	line-height:42px;
	transition: 0.2s ease all;
	letter-spacing:1px;
}
	input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
		opacity:0.7;
	}
	
	input[type="reset"] {
		background:#555;
	}
	
input[type="radio"], input[type="checkbox"] {
	margin:0px;
	padding:0px;
	outline:none;
	vertical-align: baseline;
	cursor:pointer;
}
textarea {
	margin: 0;
    padding: 0;
    outline: none;
    vertical-align: middle;
    line-height: 24px;
    border: solid 1px #aeaeae;
    width: 100%;
    resize: none;
    height: 117px;
    transition: 0.2s ease all;
    box-sizing: border-box;
    padding: 3px;
}
	textarea:focus {
		border: solid 1px #d5d5d5;
	}
	
select {
	margin:0;
	padding:0;
	outline:none;
	vertical-align: middle;
	border: solid 1px #aeaeae;
	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;
	border-radius:3px;
}
	select::-ms-expand {	/*for Internet Explorer*/
		display: none;
	}
	select:focus {
		border: solid 1px #d5d5d5;
	}
	
label {
	cursor:pointer;
}
	
/*-------輪播----------------------------------------------------------------------------*/
.banner {
	background:#fff;
	position:relative;
}
	.device {
		position:relative;
	}
		/*左右鍵*/
		.device .arrow-left, .device .arrow-right {
			position:absolute;
			z-index:2;
			top:50%;
			margin:-18px 0px 0px 0px;
		}
		
			/*左鍵*/
			.device .arrow-left {
				left:20px;
			}
			
			/*右鍵*/
			.device .arrow-right {
				right:20px;
			}
		
		/*輪播區*/
		.swiper-container {
			height:auto;
		}
			.swiper-wrapper {
			}
				.swiper-slide {
				}
					.swiper-slide img {
						width:100%;
						height:auto;
					}
		
		/*輪播點點*/
		.pagination {
		  position: absolute;
		  z-index: 20;
		  bottom: -39px;
		  width: 100%;
		  text-align: center;
		}
			.swiper-pagination-switch {
			  display: inline-block;
			  width: 20px;
			  height: 20px;
			  border-radius: 5px;
			  background: #edbdb4;
			  margin: 0 7px;
			  cursor: pointer;
			}
			.swiper-active-switch {/*輪播點點當前模式*/
			  background: #c42605;
			}
				/*客制區塊*/
				.swiper-slide {
					position:relative;
				}
				
				/*電腦版輪播*/
				.pc_banner {
				}
				
				/*手機版輪播*/
				.mobile_banner {
					display:none;
				}
					
					@media (max-width: 550px){
						.device {
							height:auto;
						}
							/*左右鍵*/
							.device .arrow-left, .device .arrow-right {
								display:none;
							}
						
							/*電腦版輪播*/
							.pc_banner {
								display:none;
							}
							
							/*手機版輪播*/
							.mobile_banner {
								display: block;
							}
					}

/*-------頁次--RWD版 by kevin 20150629------------------------------------------------------------------------*/			
.page_area_rwd {
	text-align:center;
	padding:25px 0px 0px 0px;
}
	.page_left_arrow, .page_right_arrow {
		width:83px;
		font-size:15px;
		background:#de484d;
		line-height:40px;
		font-weight:bold;
		text-align:center;
		border-radius:2px;
		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;
			height:40px;
		}
			.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;
		}
		
/*-------版頭----------------------------------------------------------------------------*/
.header {
	position: fixed;
    width: 100%;
    z-index: 9;
    /*background: rgba(255, 255, 255, 0.53);*/
}
	/*logo*/
	.logo {
		float:left;
		padding: 10px 0px 0px;
	}
		.logo img {
		}
	
	/*主按鍵*/
	.navbar {
		float:right;
	}
		.nav {
			float:left;
			border-bottom: 2px solid rgba(255,255,255,0);
			width:100px;
			margin:0px 2px;
			position:relative;
		}
			.nav a {
				display:block;
				transition:0.3s ease all;
				text-decoration:none;
				text-align:center;
				color:#ccc;
				font-size:15px;
				line-height:23px;
				font-weight:bold;
				padding:15px 0px;
			}

		.nav.active {
			border-bottom: 2px solid #ccc;
		}
			/*hover*/
			.nav:hover {
				border-bottom: 2px solid #FF9;
			}
				.nav:hover > a {
					color:#FF6;
				}
					/*展開選單第一層*/
					.nav_open {
						position:absolute;
						width:140px;
						border-top: solid 2px #c6856e;
						border-radius:0px 0px 3px 3px;
						background: rgba(0,0,0,0.8);
						padding:0px 5px;
						box-sizing:border-box;
						left:50%;
						margin:0px 0px 0px -70px;
						display:none;
					}
						.nav_open:before {
							position:absolute;
							content:'';
							border-bottom: solid 9px #eb3341;
							border-left: solid 12px rgba(255,255,255,0);
							border-right: solid 12px rgba(255,255,255,0);
							top: -13px;
							left: 50%;
							margin: 0px 0px 0px -12px;
							display:none;
						}
						.nO_list {
							border-bottom: solid 1px #727272;
						}
						.nO_list:last-of-type {
							border-bottom:none;
						}
							.nO_list a {
								display:block;
								text-align:center;
								transition:0.3s ease all;
								text-decoration:none;
								color:#fff;
								font-size:14px;
								line-height:22px;
								padding:8px 0px;
							}
								.nO_list:hover > a {
									color:#c6856e;
								}
									/*有第二層選單時*/
									.nO_list.has_open > a {
										position:relative;
									}
										.nO_list.has_open > a:after {
											position:absolute;
											content:'';
											border-top: solid 5px #fff;
											border-left:solid 3px rgba(255,255,255,0);
											border-right:solid 3px rgba(255,255,255,0);
											top: 16px;
											right: 2px;
										}
									
									/*展開選單第二層*/
									.nOL_open {
										margin: 0px -5px -1px;
										background: #505050;
										display:none;
									}
										.nOLO_list a {
										}
											.nOLO_list a:hover {
												color: #ed6d00;
											}
	/*手機menu按鍵*/
	.menu_btn {
		position: absolute;
		width: 20px;
		top: 15px;
		right: 15px;
		cursor: pointer;
		display: none;
		background: #ddd;
		padding: 6px 14px;
		z-index: 9;
		border-radius: 4px;
	}
		.menu_btn span {
			display:block;
			background:#888;
			height:2px;
			margin: 4px 0px;
			transition:0.3s ease all;
			border-radius:3px;
		}
			/*點擊*/
			.menu_btn.active span {
				position: relative;
				/*left: 4px;*/
			}
					@media (max-width: 767px){
						.header {
							background: rgba(0, 0, 0, 0.31);
						}
							/*手機menu按鍵*/
							.menu_btn {
								display:block;
							}
							/*主按鍵*/
							.navbar {
								display: none;
								position: fixed;
								top: 60px;
								width: 100%;
								float: none;
								left: 0px;
								border-top: 1px solid #e7e7e7;
								height: 100%;
								box-sizing: border-box;
								padding: 0px 0px 60px;
								overflow: scroll;
								/*background: rgba(255, 255, 255, 0.89);*/
							}
								.nav {
									float:none;
									width:auto;
									margin:0px;
									background: rgba(255, 255, 255, 0.89);
								}
									.nav a {
										font-size:16px;
										text-align:left;
										padding:15px;
									}
										/*展開選單第一層*/
										.nav_open {
											position: relative;
											width: auto;
											left: 0px;
											margin: 0px;
											background: #fff;
											border: none;
										}
											.nO_list {
												border-bottom: solid 1px #eaeaea;
											}
												.nO_list a {
													padding: 15px 28px;
													color: #1abc9c;
												}
										.nav.active .nav_open {
											display:block;
										}
					}

/*-------main----------------------------------------------------------------------------*/
.main {
	background:url(../images/bg.jpg);
	background-repeat : no-repeat; /*背景圖不要重複*/
	background-position : 90% 90%; /*放在 x 軸 90% y 軸 90% */
	background-attachment : fixed; /*背景固定*/
	padding:0px 0px 40px;
	box-sizing:border-box;
}

	/*標題樣式1*/
	.tit_type1 {
		text-align:center;
		font-weight: 700;
		color: #4a4a4a;
		font-size: 36px;
		padding:20px 0px 10px;
	}
	
	/*內頁大標*/
	.in_tit {
		color:#fff;
		text-align:center;
		height:400px;
	}
		.iT_s {
			font-size: 18px;
			line-height:26px;
			font-weight:bold;
			padding: 115px 0px 0px;
		}
		.iT_b {
			font-size: 50px;
			line-height:58px;
    		font-weight: bold;
			padding: 17px 0px 0px;
		}
	
	/*網編區*/
	.text_area {
		padding:80px 0px 40px;
		font-size:15px;
		line-height:23px;
		color:#333;
	}
		@media (max-width: 767px){
			.iT_s {
				padding: 149px 0px 0px;
			}
		}

/*-------footer----------------------------------------------------------------------------*/
.footer {
	background:#303030;
	padding:30px 0px;
}
	/*版腳公司資訊區*/
	.footer_company_info {
	}
		.footer_company_info span {
			display:inline-block;
			position:relative;
			font-size:14px;
			line-height:22px;
			color:#fff;
			padding:0px 6px;
		}
			.footer_company_info span:before {
				content:attr(data-name);
			}
			.footer_company_info span:after {
				position:absolute;
				content:'';
				width:1px;
				height:16px;
				background:#fff;
				left: -3px;
				top: 3px;
			}
				.footer_company_info span:first-of-type:after, .footer_company_info span:nth-of-type(4):after {
					display:none;
				}
			.footer_company_info span a {
				text-decoration:none;
				color:#fff;
			}
			
	/*copyright*/
	.copyright {
		font-size: 12px;
		line-height: 22px;
		color: #fff;
		padding: 0px 6px;
	}
		.copyright a {
			text-decoration:none;
			color:#fff;
		}
				@media (max-width: 955px){
					/*版腳公司資訊區*/
					.footer_company_info br {
						display: none;
					}
						.footer_company_info span:first-of-type:after, .footer_company_info span:nth-of-type(4):after {
							display:block;
						}
				}
					@media (max-width: 615px){
						/*版腳按鍵區*/
						.footer_link_area {
							text-align:center;
						}
							.fL_logo {
								float:none;
							}
								.fL_logo img {
									width:25px;
								}
							/*版腳主按鍵*/
							.fL_navbar {
								display:none;
							}
					}
						@media (max-width: 425px){
							/*版腳公司資訊區*/
							.footer_company_info span {
								text-indent: -75px;
								padding: 0px 0px 0px 75px;
							}
								.footer_company_info span:before {
									width: 70px;
									display: inline-block;
									text-indent: 0px;
								}
								.footer_company_info span:after, .footer_company_info span:first-of-type:after, .footer_company_info span:nth-of-type(4):after {
									display:none;
								}
							/*copyright*/
							.copyright {
								padding: 8px 0px 0px;
							}
						}

/*-------首頁----------------------------------------------------------------------------*/
/*首頁自訂圖片連結區*/
.index_link_area {
	padding: 80px 0px 40px;
    text-align: center;
}
	.iL_list {
		width: 33%;
		/* float: left; */
		box-sizing: border-box;
		padding: 16px 15px;
		display: inline-block;
		text-align: center;
	}
		.iL_list a {
			display:block;
			text-decoration:none;
			transition:0.3s ease all;
		}
			.iL_list a img {
				width:100%;
				height: auto;
			}
				.iL_list a:hover {
					opacity:0.7;
				}
				@media (max-width: 550px){
					.iL_list {
						width:50%;
					}
				}
	

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


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