* {
	margin:0;
	padding:0;
}

html {
	text-size-adjust:none;
	-webkit-text-size-adjust:none;
	font-size:16px;
	
	width:100%;
	height:100%;
	min-height:100%;
	
/*	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
*/}

body {
	width:100%;
	height:100%;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
}

a.mNavigation { display:none; }
.mNavBar { display:none; }

/*////////////////////////////////////TOP////////////////////////////////////*/
#top {
	width:100%;
	height:70px;
	background-color:#0090d5;
	
	position:fixed;
	top:0;
	z-index:20;
}

.top990 {
	width:960px;
	margin:0 auto;
	position:relative;
/*	overflow:hidden;
*/	
}

/*==LOGO==*/
.logo { width:165px; float:left; padding:24px 20px 0 0; }
.plogo { width:155px; float:left; padding:21px 10px 0 0; }/*內頁HOME鍵選單*/
.logo img { display:block; }

/*+++++++++++++++++++下拉選單+++++++++++++++++++*/
/*第一層*/
.top990 a {
	color:#ffffff;
	font-size:15px;
	text-decoration:none;
}

.top990 ul { list-style:none; float:left; }
.top990 ul li { 
	list-style:none;
	float:left; 
}


/*==主選單==*/
.navigation{ padding-top:22px; position:relative; }

.navigation > li { margin:0 18px; height:46px; position:relative; }
.pnav > li { margin:0 19px; height:46px; position:relative; } /*內頁HOME鍵選單*/


/*第二層*/ 
.navigation li:hover > ul { visibility:visible; }
.navigation li > ul {
	visibility:hidden;
	position:absolute;
	top:48px;
	left:0;
	float:none;
	/*background-image:url(../images/layout/nav_bg.png);
	background-repeat:repeat;*/
	background-color:rgba(235, 248, 255, 0.95);
	background-color:#e9f7fe\9;
	line-height:1.8;
	padding:20px 0;
	z-index:14;
	/*border:#0090D5 1px solid;*/
	border-top:0;
}

.navigation li > ul > li {
	margin:0;
	float:none;
	position:relative;
}

.navigation li > ul > li > a {
	display:block;
	width:190px;
	padding:4px 14px;
	color:#0090d5;
}

.navigation li > ul > li > a:hover {
	color:#ffffff;
	background-color:#00a2ef;
}

/*第三層*/ 
.navigation li > ul > li > ul {
	position:absolute;
	left:190px;
	top:0;
	border-left:#66dbf7 2px solid;
	/*background-image:url(../images/layout/nav_bg.png);*/
	background-color:rgba(216, 241, 255, 0.95);
	background-color:#d7f0fe\9;
	padding:0;
}

.navigation > li:hover > ul:before {
	content:"";
	position:absolute;
	background-image:url(../images/layout/menu_icon.png);
	width:57px;
	height:20px;
	top:-2px;
	left:65px;
	z-index:3;
}

/*第二層定位*/ 
.navigation > li > ul.aPosition { left:-72px; }
.navigation > li > ul.bPosition { left:-43px; }
.navigation > li > ul.dPosition { left:-49px; }
.navigation > li > ul.ePosition { left:-66px; }
.navigation > li > ul.fPosition { left:-67px; }
.navigation > li > ul.gPosition { left:-67px; }


/*+++++++++++++++++++搜尋/語言+++++++++++++++++++*/
ul.SLnav {
	float:right;
}

/*==語言==*/
.langu { padding-top:27px; padding-right:20px; position:relative; }
.langu a { font-size:13px; display:block; width:40px; height:43px; }
.langu > a:after {
	content:"";
	position:absolute;
	top:32px;
	left:22px;
	border-top:#ffffff 6px solid;
	border-right:transparent 5px solid;
	border-bottom:transparent 5px solid;
	border-left:transparent 5px solid;
}

ul.SLnav > li.langu:hover > ul.lanPosition { visibility:visible; }

/*第二層*/
ul.lanPosition {
	visibility:hidden;
	width:70px;
	height:40px;
	/*background-image:url(../images/layout/nav_bg.png);
	background-repeat:repeat;*/
	background-color:rgba(216, 241, 255, 0.95);
	background-color:#e9f7fe\9;
	
	position:absolute; 
	top:70px; 
	left:-10px;
	z-index:14;
	
	/*border:#0090D5 1px solid;
	border-top:0;*/
}

ul.lanPosition li { float:none; height:30px; }

ul.lanPosition > li > a {
	display:block;
	width:70px;
	height:40px;
	color:#0090d5;
	text-align:center;
	padding-top:10px;
}

ul.lanPosition > li > a:hover {
	color:#65dbf7;
	/*background-color:#65dbf7;*/
}


.pLangu  { padding-top:27px; padding-right:10px; position:relative; }/*內頁HOME鍵選單*/
.pLangu > ul.lanPosition { width:60px; }/*內頁HOME鍵選單*/
.pLangu > ul.lanPosition > li > a { width:60px; }/*內頁HOME鍵選單*/

/*==登入==*/
.loginBox{
	float:right;
	margin:0 0 0 2px;
	}
	
.loginBox a{
	display:block;	
	width:65px;
	height:70px;
	background-image:url(../images/layout/icon_login.png);
	padding-top:44px;
	text-align:center;
	}

.loginBox > a:hover {
	background-image:url(../images/layout/icon_login_a.png);
	color:#0090d5;
}

.loginBar {
	display:none;
	width:960px;
	height:70px;
	background-image:url(../images/layout/nav_bg.png);
	background-repeat:repeat;
	padding:20px 30px 0 30px;
	
	position:absolute;
	top:70px;
	left:0;
	z-index:13;

	color:#0090d5;
	font-size:16px;
}

.loginBar > p{
	display:inline-block;
	}
	
.loginBar > input {
    width: 301px;
    height: 32px;
    border: #d6d6d6 1px solid;
    margin: 0 15px;
    padding-left: 15px;
    line-height: 32px;
}

.loginBar > button {
    width: 68px;
    height: 32px;
    border: 0;
    background-color: #0090d5;
    border-radius: 3px;
    font-size: 14px;
    line-height: 33px;
    color: #ffffff;
    border-bottom: #046d9f 2px solid;
    cursor: pointer;
}



/*==搜尋==*/
.searchIcon { float:right; }

.searchIcon a {
	display:block;	
	width:65px;
	height:70px;
	background-image:url(../images/layout/icon_search.png);
	padding-top:44px;
	
	text-align:center;
}

.searchIcon > a:hover {
	background-image:url(../images/layout/icon_search_a.png);
	color:#0090d5;
}

/*第二層*/
.searchBar {
	display:none;/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^先隱藏^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
	width:960px;
	height:70px;
	background-image:url(../images/layout/nav_bg.png);
	background-repeat:repeat;
	padding:20px 30px 0 30px;
	
	position:absolute;
	top:70px;
	left:0;
	z-index:13;

	color:#0090d5;
	font-size:16px;
}

.searchBar > p { float:left; padding-top:5px; }

.searchBar > input {
	width:730px;
	height:32px;
	border:#d6d6d6 1px solid;
	margin:0 15px;
	padding-left:15px;
	float:left;
	line-height:32px;
}

.searchBar > button {
	width:68px;
	height:32px;
	border:0;
	background-color:#0090d5;
	border-radius:3px;
	
	font-size:14px;
	line-height:33px;
	color:#ffffff;
	border-bottom:#046d9f 2px solid;
	float:left;
	
	cursor:pointer;
}

/*首頁主選單無邊框*/.indexNoBorder { border:0 !important;	background-image:url(../images/layout/nav_bg.png); }
/*首頁次選單左藍線*/.indexLBorder { border:0 !important; border-left: #66dbf7 2px solid !important; background-image:url(../images/layout/nav_bg.png);}

/*//////////////////內容//////////////////*/
#wrapper {
	overflow:hidden;
	margin-top:70px;
}

/*//////////////////版權//////////////////*/
#footer {
	width:100%;
	height:180px;
	background-color:#0090d5;
	
	font-size:13px;
	color:#ffffff;
	text-align:center;
	line-height:1.8;
	
	padding-top:28px;	
}

#footer a {
	color:#ffffff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer .linkbox{ display:flex; justify-content: center; margin: 0 0 10px 0; }
#footer .linkbox .icon01{ display:block; width:45px; height:45px; background-image:url(../images/layout/icon_youtube.png); background-repeat:no-repeat; background-position:center; background-size:40px; margin: 0 5px; background-color: #0069ab; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#footer .linkbox .icon02{ display:block; width:45px; height:45px; background-image:url(../images/layout/icon_in.png); background-repeat:no-repeat; background-position:center; background-size:40px; margin: 0 5px; background-color: #0069ab; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

/*//////////////////內頁共用//////////////////*/
/*主標題*/
.mainTitle { width:960px; height:85px; margin:0 auto; font-size:30px; color:#0090d5; line-height:85px; text-align:center; border-bottom:#0090d5 2px solid; position:relative; }
.titleMg01 { margin-bottom:40px; }
.titleMg02 { margin-bottom:15px; }

/*購物車鈕*/
.cart { display:block; background-image:url(../images/page/cart.png); width:56px; height:56px; font-size:12px; color:#ffffff; line-height:1.4; padding-top:14px;
position:absolute; top:14px; right:0; }
.cart:hover { background-image:url(../images/page/cart_a.png); }

/*無商品*/
.noCart { display:block; background-image:url(../images/page/cart_no.png); width:56px; height:56px; font-size:12px; color:#969696; line-height:1.4; padding-top:14px;
position:absolute; top:14px; right:0; }


/*次標*/
.secTitle { width:960px; margin:0 auto 20px auto; text-align:center; font-size:18px; color:#0090d5; }

/*top鈕*/
.topBtn { display:block; background-image:url(../images/page/topBtn.png); width:71px; height:71px; margin:100px auto 40px auto; }
.topBtn:hover { background-image:url(../images/page/topBtn_a.png); }
.topBtn img { display:none; }

/*====頁碼====*/
.pageNumber { overflow:hidden; display:table; margin:20px auto 0 auto; }
.pageNumber a { display:block; width:25px; height:25px; float:left; margin:0 7px; text-align:center; line-height:24px;  }
.pageNumber span.pageD span.pageN { display:block; width:25px; height:25px; float:left; margin:0 7px; text-align:center; line-height:24px; }

/*上一頁*/
span.pagePre { background-color:#cdcdcd; position:relative; display:block; width:25px; height:25px; float:left; text-align:center; line-height:24px; }
span.pagePre:before { content:""; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-left:transparent 9px solid; border-right:#ffffff 6px solid; 
position:absolute; top:6px; left:0; }
span.pagePre:hover { background-color:#B7B7B7; }

/*下一頁*/
span.pageNext { background-color:#cdcdcd; position:relative; display:block; width:25px; height:25px; float:left; text-align:center; line-height:24px; }
span.pageNext:before { content:""; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-left:#ffffff 6px solid;  border-right:transparent 9px solid; 
position:absolute; top:6px; right:0; }
span.pageNext:hover { background-color:#B7B7B7; }

/*頁數*/
a.pageN { border:#0090d5 1px solid; color:#0090d5; font-size:14px; }
span.pageD a { border:#0090d5 1px solid; color:#0090d5; font-size:14px; }
span.pageD a:hover { background-color:#0090d5; color:#ffffff; } 
span.pageD span.pageN { background-color:#0090d5; color:#ffffff; border:#0090d5 1px solid; font-size:14px; } 

/*404*/
.errorbox{ padding:90px 0; text-align:center;
background: rgb(0,68,123); 
background: -moz-linear-gradient(-45deg, rgba(0,68,123,1) 1%, rgba(44,138,183,1) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(0,68,123,1) 1%,rgba(44,138,183,1) 100%); 
background: linear-gradient(135deg, rgba(0,68,123,1) 1%,rgba(44,138,183,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00447b', endColorstr='#2c8ab7',GradientType=1 ); }

.errorbox .h1s{ font-size:76px; font-weight:bold; color:#fff; font-family:Arial,Helvetica,sans-serif,"微軟正黑體","新細明體"; padding:0 0 36px 0; }
.errorbox .ps{ font-size:16px; color:#fff; line-height:1.8; font-family:Arial,Helvetica,sans-serif,"微軟正黑體","新細明體"; padding:0 0 45px 0; }
.errorbox .ps .size{ font-size:14px; line-height:1.8; }
.errorbox .backbtn{ display:inline-block; text-decoration:none; padding:0 45px; background:#fff; line-height:40px; color:#0090d5; font-size:16px; font-weight:bold; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; }


/*登入頁*/
.newloginbox{ width:100%; height:100vh; display:flex; justify-content:center; align-items:center; }
.newloginbox .loginbox{ border:1px solid #ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:25px; width:90%; max-width:460px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin:auto; }
.newloginbox .loginbox .loglist{ margin:0 0 20px 0; display:flex; align-items: center; }
.newloginbox .loginbox .loglist .op01{ width:80px; color:#0090d5; font-size:1rem; padding-right:10px; }
.newloginbox .loginbox .loglist .op02{ flex:1;  }
.newloginbox .loginbox .loglist:last-child{ margin-bottom:0; }
.newloginbox .loginbox .loglist input{ border: #d6d6d6 1px solid; line-height:32px; height:32px; text-indent:10px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size:1rem; color:#333; }
.newloginbox .loginbox .loglist button{ width: 68px; height: 32px; line-height:32px; border:0; background-color:#0090d5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:0.875rem; color:#fff; border-bottom:#046d9f 2px solid; cursor:pointer; margin:auto; display:block; }
.newloginbox .loginbox .loglist .titlebox{ text-align:center; padding:10px; text-align:center; color:#fff; font-size:20px; font-weight:bold; background:#0069ab; }


/*DataBox*/
.DataBox{ display:flex; width:100%; gap:10px;}
.DataBox .Item{ background-color:#edf4f7; border-radius:5px; flex:1; padding:10px 20px;}
.DataBox .Item .Title{ font-size:14px; padding-bottom:5px; color:#333;}
.DataBox .Item .Num{ font-size:24px; font-weight:bold; color:#0090d5;}
.DataBox .Item .Num span{ font-size:16px; margin-left:5px; color:#333;}

/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●平版●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (min-width:768px) and (max-width:1023px) {
	/*////////////////////////////////////TOP////////////////////////////////////*/
	#top {
		width:100%;
		height:60px;
		background-color:#0090d5;
		
		position:fixed;
		top:0;
		z-index:20;
	}
	
	.top990 {
		width:100%;
		margin:0 auto;
	/*	overflow:hidden;
	*/	
	}
	
	/*==LOGO==*/
	.logo { width:130px; float:left; padding:24px 0 0 20px; }
	.plogo { width:130px; float:left; padding:19px 0 0 20px; }/*內頁HOME鍵選單*/
	.logo img { display:block; }
	.mProList { display:none; }/*手機產品下拉選單*/
	
	/*+++++++++++++++++++下拉選單+++++++++++++++++++*/
	/*第一層*/
	.top990 a {
		color:#ffffff;
		font-size:15px;
		text-decoration:none;
	}
	
	.top990 ul { list-style:none; float:left; }
	.top990 ul li { 
		list-style:none;
		float:left; 
	}
	
	
	/*==主選單==*/
	.navigation{ display:none !important; }


	/*+++++++++++++++++++語言+++++++++++++++++++*/
	ul.SLnav { float:right; }
	
	.langu { padding-top:23px; padding-right:20px; position:relative; }
	.langu a { font-size:13px; display:block; width:40px; height:37px; }
	.langu > a:after {
		content:"";
		position:absolute;
		top:28px;
		left:22px;
		border-top:#ffffff 6px solid;
		border-right:transparent 5px solid;
		border-bottom:transparent 5px solid;
		border-left:transparent 5px solid;
	}
	
	ul.SLnav > li.langu:hover > ul.lanPosition { visibility:visible; }
	
	/*第二層*/
	ul.lanPosition {
		visibility:hidden;
		width:70px;
		height:40px;
		/*background-image:url(../images/layout/nav_bg.png);
		background-repeat:repeat;*/
		background-color:rgba(216, 241, 255, 0.95);
		
		position:absolute; 
		top:60px; 
		left:-10px;
		z-index:14;
		
		/*border:#0090D5 1px solid;
		border-top:0;*/
	}
	
	ul.lanPosition li { float:none; height:30px; }
	
	ul.lanPosition > li > a {
		display:block;
		width:70px;
		height:40px;
		color:#0090d5;
		text-align:center;
		padding-top:10px;
	}
	
	ul.lanPosition > li > a:hover {
		color:#65dbf7;
		/*background-color:#65dbf7;*/
	}
	
	
	/*==登入==*/
.loginBox{
	display:none;
	}
	

.loginBar {
	display:none;}

	
	/*==手機版登入==*/
	
	.mobtitle{
		border-bottom: #329cce 2px solid;
		color:#fff;
		font-size:20px;
		margin:0 0 15px 0;
		padding:0 0 5px 0;
		}
	
	.moblogbox{
		padding:0 15px 20px 15px;
		}
		
	.moblogbox .grids{
		color:#fff;
		font-size:16px;
		float:left;
		width:44%;
		padding:0 0 20px 0;
		}
		
	.moblogbox .grids p{
		display:inline-block;
		}
				
	.moblogbox .grids input{
		height: 32px;
    	border: #d6d6d6 1px solid;
   		margin: 0 2%;
    	padding-left: 15px;
    	line-height: 32px;
		width:70%;
		color:#000;
		}
		
	.moblogbox button {
    width: 12%;
    height: 32px;
    border: 0;
    background-color: #0090d5;
    border-radius: 3px;
    font-size: 14px;
    line-height: 33px;
    color: #ffffff;
    border-bottom: #046d9f 2px solid;
    cursor: pointer;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
	}
	
	.moblogbox .clears_p{
		clear:both;
		}
	
	
	/*+++++++++++++++++++搜尋+++++++++++++++++++*/
	.searchIcon { float:right; }
	
	.searchIcon a {
		display:block;	
		width:65px;
		height:60px;
		background-image:url(../images/layout/icon_search.png);
		background-position:0 -5px;
		padding-top:34px;
		
		text-align:center;
	}
	
	.searchIcon > a:hover {
		background-color:#ffffff;
		color:#0090d5;
	}
	
	/*第二層*/
	.searchBar {
			display:none;/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^先隱藏^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
			width:100%;
			height:70px;
			background-image:url(../images/layout/nav_bg.png);
			background-repeat:repeat;
			clear:both;
			overflow:hidden;
			padding:20px 2% 0 2%;
			
			color:#0090d5;
			font-size:16px;
			
			position:absolute;
			top:60px;
			z-index:13;
	}

	.searchBar > p { float:left; padding-top:5px; }

	.searchBar > input {
		width:76%;
		height:32px;
		border:#d6d6d6 1px solid;
		margin:0 2%;
		padding-left:15px;
		float:left;
		line-height:32px;
	}

	.searchBar > button {
			width:10%;
			height:32px;
			border:0;
			background-color:#0090d5;
			border-radius:3px;
			
			font-size:14px;
			line-height:33px;
			color:#ffffff;
			border-bottom:#046d9f 2px solid;
			float:left;
			
			cursor:pointer;
	}

	/*+++++++++++++++++++主選單icon+++++++++++++++++++*/
	a.mNavigation {
		display:block;
		width:65px;
		height:60px;
		background-color:#e2f5ff;
		float:right;
		
		position:relative;
	}
	
	a.mNavigation img {
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
  	}

	/*====下拉樣式====*/
	/*關閉*/
	.navCancel {
		display:block;
		width:40px;
		height:40px;
		
		position:absolute;
		right:15px;
		top:15px;
	}
	
	.mNavBar { 
		display:none;/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^主選單先隱藏^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
		width:100%;
		height:auto;
		min-height:100%;
		
		/*background-image:url(../images/layout/nav_bg_03.png);
		background-repeat:repeat;*/
		background-color:#262D3D;
		
		position:absolute;
		top:0;
		left:0;
		z-index:20;
		
		padding-top:80px;
	}
	
	.mNavBar ul { width:100%; margin:0 auto; list-style:none; }
	.mNavBar > ul > li {
		width:100%;
	}	
	
	.mNavBar > ul > li > a {
		display:block;
		width:100%;
		height:52px;
		margin-bottom:28px;
		padding-left:2%;
	
		border:#329cce 2px solid;
		color:#ffffff;
		text-decoration:none;		
		line-height:52px;
		position:relative;
	}	
	
	/*點了下拉三角形*/
	.mNavBar > ul > li > a.click:before {
		content:"";
		background-image:url(../images/layout/nav_triangle.png);
		width:60px;
		height:16px;
		
		position:absolute;
		top:49px;
		left:0;
		right:0;
		margin:0 auto;
	} 
	
	/*第二層*/
	.mNavBar > ul > li > ul {
		margin-bottom:50px;
	}
	
	.mNavBar > ul > li > ul > li {
	}
	
	.mNavBar > ul > li > ul > li > a {
		color:#ffffff;
		text-decoration:none;
		
		display:block;
		width:100%;
		height:52px;
		margin-bottom:28px;
		padding-left:2%;
	
		border:#ffffff 2px solid;
		color:#ffffff;
		text-decoration:none;		
		line-height:52px;
		position:relative;
	}
	
	/*第三層*/
	.mNavBar > ul > li > ul > li > ul {
		width:95%;
		margin-bottom:32px;
	}
	
	.mNavBar > ul > li > ul > li > ul > li  {
		margin:15px 0;
	}
	
	.mNavBar > ul > li > ul > li > ul > li > a {
		display:block;
		width:100%;
		padding:10px 0 10px 2%;
		
		border:#66dbf7 1px solid;
		color:#ffffff;
		text-decoration:none;
	}
	
	/*點了下拉三角形*/
	.mNavBar > ul > li > ul > li > a.click02:before {
		content:"";
		position:absolute;
		top:50px;
		left:0;
		right:0;
		margin:0 auto;
		
		border-top:#ffffff 8px solid;
		border-left:transparent 15px solid;
		border-right:transparent 15px solid;
		border-bottom:transparent 10px solid;
	} 
	
	/*第四層*/
	.mNavBar > ul > li > ul > li > ul > li > ul {
		width:100%;
		margin-bottom:32px;
	}
	
	.mNavBar > ul > li > ul > li > ul > li > ul > li  {
		border:0;
		background-color:#3EA2BA;
		margin:15px 0;
	}
	
	.mNavBar > ul > li > ul > li > ul > li > ul > li >  a {
		display:block;
		width:100%;
		padding:10px 0 10px 4%;
		
		color:#ffffff;
		text-decoration:none;
	}
	
	/*首頁主選單無邊框*/.indexNoBorder { border:0 !important;	background-image:none; }
	/*首頁次選單左藍線*/.indexLBorder { border:0 !important; border-left:0 !important; background-image:none;}

	/*//////////////////內容//////////////////*/
	#wrapper {
		overflow:hidden;
		margin-top:60px;
	}
	
	/*//////////////////版權//////////////////*/
	#footer {
		width:100%;
		height:140px;
		background-color:#0090d5;
		
		font-size:13px;
		color:#ffffff;
		text-align:center;
		line-height:1.8;
		
		padding-top:35px;	
	}
	
	#footer a {
		color:#ffffff;
		text-decoration:none;
	}
	
	#footer a:hover {
		text-decoration:underline;
	}
	
	
	/*//////////////////內頁共用//////////////////*/
	/*主標題*/
	.mainTitle { width:738px; height:85px; margin:0 auto; font-size:30px; color:#0090d5; line-height:85px; text-align:center; border-bottom:#0090d5 2px solid; position:relative; }
	.titleMg01 { margin-bottom:40px; }
	.titleMg02 { margin-bottom:15px; }

	/*購物車鈕*/
	.cart { display:block; background-image:url(../images/page/cart.png); width:56px; height:56px; font-size:12px; color:#ffffff; line-height:1.4; padding-top:14px;
	position:absolute; top:14px; right:0; }
	.cart:hover { background-image:url(../images/page/cart_a.png); }
	
	/*無商品*/
	.noCart { display:block; background-image:url(../images/page/cart_no.png); width:56px; height:56px; font-size:12px; color:#969696; line-height:1.4; padding-top:14px;
	position:absolute; top:14px; right:0; }

	
	/*次標題*/
	.secTitle { width:738px; margin:0 auto 20px auto; text-align:center; font-size:18px; color:#0090d5; }
	
	/*top鈕*/
	.topBtn { display:block; background-image:url(../images/page/topBtn.png); width:71px; height:71px; margin:100px auto 40px auto; }
	.topBtn:hover { background-image:url(../images/page/topBtn_a.png); }
	.topBtn img { display:none; }
	
	/*====頁碼====*/
	.pageNumber { overflow:hidden; display:table; margin:20px auto 0 auto; }
	.pageNumber a { display:block; width:25px; height:25px; float:left; margin:0 7px; text-align:center; line-height:24px;  }
	.pageNumber span.pageD span.pageN { display:block; width:25px; height:25px; float:left; margin:0 7px; text-align:center; line-height:24px;  }
	
	/*上一頁*/
	span.pagePre { background-color:#cdcdcd; position:relative; display:block; width:25px; height:25px; float:left; text-align:center; line-height:24px; }
	span.pagePre:before { content:""; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-left:transparent 9px solid; border-right:#ffffff 6px solid; 
	position:absolute; top:6px; left:0; }
	span.pagePre:hover { background-color:#B7B7B7; }
	
	/*下一頁*/
	span.pageNext { background-color:#cdcdcd; position:relative; display:block; width:25px; height:25px; float:left; text-align:center; line-height:24px; }
	span.pageNext:before { content:""; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-left:#ffffff 6px solid;  border-right:transparent 9px solid; 
	position:absolute; top:6px; right:0; }
	span.pageNext:hover { background-color:#B7B7B7; }
	
	/*頁數*/
	a.pageN { border:#0090d5 1px solid; color:#0090d5; font-size:14px; }
	span.pageD a { border:#0090d5 1px solid; color:#0090d5; font-size:14px; }
	span.pageD a:hover { background-color:#0090d5; color:#ffffff; } 
	span.pageD span.pageN { background-color:#0090d5; color:#ffffff; border:#0090d5 1px solid; font-size:14px; } 
	
}


/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●手機版●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (max-width:767px) {
	/*////////////////////////////////////TOP////////////////////////////////////*/
	#top {
		width:100%;
		height:60px;
		background-color:#0090d5;
		
		position:fixed;
		top:0;
		z-index:20;
	}
	
	.top990 {
		width:100%;
		margin:0 auto;
	/*	overflow:hidden;
	*/	
	}
	
	/*==LOGO==*/
	.logo { width:125px; float:left; padding:24px 0 0 15px; }
	.plogo { width:125px; float:left; padding:19px 0 0 15px; }/*內頁HOME鍵選單*/
	.logo img { display:block; }
	
	/*+++++++++++++++++++下拉選單+++++++++++++++++++*/
	/*第一層*/
	.top990 a {
		color:#ffffff;
		font-size:15px;
		text-decoration:none;
	}
	
	.top990 ul { list-style:none; float:left; }
	.top990 ul li { 
		list-style:none;
		float:left; 
	}
	
	
	/*==主選單==*/
	.navigation{ display:none !important; }


	/*+++++++++++++++++++語言+++++++++++++++++++*/
	ul.SLnav { float:right; }
	
	.langu { padding-top:23px; padding-right:5px; position:relative; }
	.langu a { font-size:13px; display:block; width:40px; height:37px; }
	.langu > a:after {
		content:"";
		position:absolute;
		top:28px;
		left:22px;
		border-top:#ffffff 6px solid;
		border-right:transparent 5px solid;
		border-bottom:transparent 5px solid;
		border-left:transparent 5px solid;
	}
	
	ul.SLnav > li.langu:hover > ul.lanPosition { visibility:visible; }
	
	/*第二層*/
	ul.lanPosition {
		visibility:hidden;
		width:55px;
		height:38px;
		/*background-image:url(../images/layout/nav_bg.png);
		background-repeat:repeat;*/
		background-color:rgba(216, 241, 255, 0.95);
		
		position:absolute; 
		top:60px; 
		left:-10px;
		z-index:14;
		
		/*border:#0090D5 1px solid;
		border-top:0;*/
	}
	
	ul.lanPosition li { float:none; height:30px; }
	
	ul.lanPosition > li > a {
		display:block;
		width:54px;
		height:38px;
		color:#0090d5;
		text-align:center;
		padding-top:10px;
		font-size:15px;
	}
	
	ul.lanPosition > li > a:hover {
		color:#65dbf7;
		/*background-color:#65dbf7;*/
	}
	
	/*==登入==*/
.loginBox{
	display:none;
	}
	

.loginBar {
	display:none;}
	
	/*==手機版登入==*/
	
	.mobtitle{
		border-bottom: #329cce 2px solid;
		color:#fff;
		font-size:20px;
		margin:0 0 15px 0;
		padding:0 0 5px 0;
		}
	
	.moblogbox{
		padding:20px 15px 40px 15px;
		}
		
	.moblogbox .grids{
		color:#fff;
		font-size:16px;
		float:none;
		width:100%;
		padding:0 0 15px 0;
		}
		
	.moblogbox .grids p{
		display:inline-block;
		}
				
	.moblogbox .grids input{
		height: 32px;
    	border: #d6d6d6 1px solid;
   		margin: 0;
    	padding-left: 15px;
    	line-height: 32px;
		width:100%;
		color:#000;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		}
		
	.moblogbox button {
    width: 100%;
    height: 32px;
    border: 0;
    background-color: #0090d5;
    border-radius: 3px;
    font-size: 14px;
    line-height: 33px;
    color: #ffffff;
    border-bottom: #046d9f 2px solid;
    cursor: pointer;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:none;
	}
	
	.moblogbox .clears_p{
		clear:both;
		}
	
	/*+++++++++++++++++++搜尋+++++++++++++++++++*/
	.searchIcon { float:right; }
	
	.searchIcon a {
		display:block;	
		width:60px;
		height:60px;
		background-image:url(../images/layout/icon_search.png);
		background-position:-2px -5px;
		padding-top:34px;
		
		text-align:center;
	}
	
	.searchIcon > a:hover {
		background-color:#ffffff;
		color:#0090d5;
	}
	
	/*第二層*/
	.searchBar {
			display:none;/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^先隱藏^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
			width:100%;
			height:70px;
			background-image:url(../images/layout/nav_bg.png);
			background-repeat:repeat;
			clear:both;
			overflow:hidden;
			padding:20px 2% 0 2%;
			
			color:#0090d5;
			font-size:16px;
			
			position:absolute;
			top:60px;
			z-index:13;
	}

	.searchBar > p { width:20%; float:left; padding-top:5px; text-align:right; }

	.searchBar > input {
		width:50%;
		height:32px;
		border:#d6d6d6 1px solid;
		margin:0 2%;
		padding-left:15px;
		float:left;
		line-height:32px;
	}

	.searchBar > button {
			width:26%;
			height:32px;
			border:0;
			background-color:#0090d5;
			border-radius:3px;
			
			font-size:14px;
			line-height:33px;
			color:#ffffff;
			border-bottom:#046d9f 2px solid;
			float:left;
			
			cursor:pointer;
	}

	/*+++++++++++++++++++主選單icon+++++++++++++++++++*/
	a.mNavigation {
		display:block;
		width:60px;
		height:60px;
		background-color:#e2f5ff;
		float:right;
		
		position:relative;
	}
	
	a.mNavigation img {
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
  	}

	/*====下拉樣式====*/
	/*關閉*/
	.navCancel {
		display:block;
		width:30px;
		height:30px;
		
		position:absolute;
		right:15px;
		top:15px;
	}
	
	.mNavBar { 
		display:none;/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^主選單先隱藏^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
		width:100%;
		height:auto;
		min-height:100%;
		
		/*background-image:url(../images/layout/nav_bg_03.png);
		background-repeat:repeat;*/
		background-color:#262D3D;
		
		position:absolute;
		top:0;
		left:0;
		z-index:20;
		
		padding-top:70px;
	}
	
	.mNavBar ul { width:100%; margin:0 auto; list-style:none; }
	.mNavBar > ul > li {
		width:100%;
	}	
	
	.mNavBar > ul > li > a {
		display:block;
		width:100%;
		height:52px;
		margin-bottom:28px;
		padding-left:6%;
	
		border:#329cce 2px solid;
		color:#ffffff;
		text-decoration:none;		
		line-height:52px;
		position:relative;
	}	
	
	/*點了下拉三角形*/
	.mNavBar > ul > li > a.click:before {
		content:"";
		background-image:url(../images/layout/nav_triangle.png);
		width:60px;
		height:16px;
		
		position:absolute;
		top:49px;
		left:0;
		right:0;
		margin:0 auto;
	} 
	
	/*第二層*/
	.mNavBar > ul > li > ul {
		margin-bottom:50px;
	}
	
	.mNavBar > ul > li > ul > li {
	}
	
	.mNavBar > ul > li > ul > li > a {
		color:#ffffff;
		text-decoration:none;
		
		display:block;
		width:100%;
		height:52px;
		margin-bottom:24px;
		padding-left:6%;
	
		border:#ffffff 2px solid;
		color:#ffffff;
		text-decoration:none;		
		line-height:52px;
		position:relative;
	}
	
	/*第三層*/
	.mNavBar > ul > li > ul > li > ul {
		width:92%;
		margin-bottom:32px;
	}
	
	.mNavBar > ul > li > ul > li > ul > li  {
		margin:15px 0;
	}
	
	.mNavBar > ul > li > ul > li > ul > li > a {
		display:block;
		width:100%;
		border:#66dbf7 1px solid;
		padding:10px 0 10px 6%;
		
		color:#ffffff;
		text-decoration:none;
	}
	
	/*點了下拉三角形*/
	.mNavBar > ul > li > ul > li > a.click02:before {
		content:"";
		position:absolute;
		top:50px;
		left:0;
		right:0;
		margin:0 auto;
		
		border-top:#ffffff 5px solid;
		border-left:transparent 15px solid;
		border-right:transparent 15px solid;
		border-bottom:transparent 10px solid;
	} 
	
	/*第四層*/
	.mNavBar > ul > li > ul > li > ul > li > ul {
		width:100%;
		margin-bottom:32px;
	}
	
	.mNavBar > ul > li > ul > li > ul > li > ul > li  {
		border:0;
		margin:15px 0;
	}
	
	.mNavBar > ul > li > ul > li > ul > li > ul > li >  a {
		display:block;
		width:100%;
		padding:10px 0 10px 8%;
		background-color:#3EA2BA;
		
		color:#ffffff;
		text-decoration:none;
	}

	/*首頁主選單無邊框*/.indexNoBorder { border:0 !important;	background-image:none; }
	/*首頁次選單左藍線*/.indexLBorder { border:0 !important; border-left:0 !important; background-image:none;}

	/*//////////////////內容//////////////////*/
	#wrapper {
		overflow:hidden;
		margin-top:60px;
	}
	
	/*//////////////////版權//////////////////*/
	#footer {
		width:100%;
		height:auto;
		background-color:#0090d5;
		
		font-size:13px;
		color:#ffffff;
		text-align:center;
		line-height:1.8;
		
		padding:35px 5%;	
	}
	
	#footer a {
		color:#ffffff;
		text-decoration:none;
	}
	
	#footer a:hover {
		text-decoration:underline;
	}
	
	
	/*//////////////////內頁共用//////////////////*/
	/*主標題*/
	.mainTitle { width:96%; height:85px; margin:0 auto; font-size:30px; color:#0090d5; line-height:85px; text-align:center; border-bottom:#0090d5 2px solid; position:relative; }
	.titleMg01 { margin-bottom:20px; }
	.titleMg02 { margin-bottom:15px; }
	
	/*購物車鈕*/
	.cart { display:block; background-image:url(../images/page/cart.png); width:56px; height:56px; font-size:12px; color:#ffffff; line-height:1.4; padding-top:14px;
	position:fixed; top:inherit; right:2%; bottom:24px; z-index:12; }
	.cart:hover { background-image:url(../images/page/cart.png);  }
	
	/*無商品*/
	.noCart { display:block; background-image:url(../images/page/cart_no.png); width:56px; height:56px; font-size:12px; color:#969696; line-height:1.4; padding-top:14px;
	position:fixed; top:inherit; bottom:24px; right:2%; z-index:12; }


	/*次標題*/	
	.secTitle { width:100%; margin:0 auto 20px auto; text-align:center; font-size:20px; color:#0090d5; }
	
	/*top鈕*/
	.topBtn { display:block; background-image:none; width:71px; height:71px; margin:60px auto 40px auto; }
	.topBtn:hover { background-image:none; }
	.topBtn img { display:block; }
	
	/*====頁碼====*/
	.pageNumber { overflow:hidden; display:table; margin:20px auto 0 auto; }
	.pageNumber a { display:block; width:25px; height:25px; float:left; margin:0 7px; text-align:center; line-height:24px;  }
	.pageNumber span.pageD span.pageN { display:block; width:25px; height:25px; float:left; margin:0 7px; text-align:center; line-height:24px;  }
	
	/*上一頁*/
	span.pagePre { background-color:#cdcdcd; position:relative; display:block; width:25px; height:25px; float:left; text-align:center; line-height:24px; }
	span.pagePre:before { content:""; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-left:transparent 9px solid; border-right:#ffffff 6px solid; 
	position:absolute; top:6px; left:0; }
	span.pagePre:hover { background-color:#B7B7B7; }
	
	/*下一頁*/
	span.pageNext { background-color:#cdcdcd; position:relative; display:block; width:25px; height:25px; float:left; text-align:center; line-height:24px; }
	span.pageNext:before { content:""; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-left:#ffffff 6px solid;  border-right:transparent 9px solid; 
	position:absolute; top:6px; right:0; }
	span.pageNext:hover { background-color:#B7B7B7; }
	
	/*頁數*/
	a.pageN { border:#0090d5 1px solid; color:#0090d5; font-size:14px; }
	span.pageD a { border:#0090d5 1px solid; color:#0090d5; font-size:14px; }
	span.pageD a:hover { background-color:#0090d5; color:#ffffff; } 
	span.pageD span.pageN { background-color:#0090d5; color:#ffffff; border:#0090d5 1px solid; font-size:14px; } 
	
	/*DataBox*/
	.DataBox{ flex-wrap: wrap;}
	.DataBox .Item{ text-align:center; width:50%; flex:0 0 calc(50% - 10px);}
}