@charset "utf-8";


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.mxA {width: 100%;}
.mxB {width: 1200px;margin:0px auto;}
.mxC {width: 980px;margin: 0px auto;}
.mxD {width: 980px;margin: 0px auto;}

.menuA {
	width: 150px;
	height: 50px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	line-height: 50px;
}


.menuA a:link {
	color: #FFF;
	height: 50px;
	padding: 6px 0px 40px 0px;
}
.menuA a:hover {color: #FFF;}
.menuA a:visited {color: #FFF;}
.menuA a:active {color: #FFF;}


/* hide the checkbox */
.menuA2 {
	color: #FFF;
	width: 92px;
	height: 50px;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	}
	
.menuA2 label:hover  {color: #CC0000;}


	
.menuGc a{
	padding: 8px;
	font-size: 18px;
	line-height: 30px;
	color:#555;
}
.menuGc a:link {}
.menuGc a:hover {background-color: #FFC04D; width:100%;}
.menuGc a:visited {}
.menuGc a:active {}

.menuGd a{
	font-size: 18px;
	line-height: 30px;
	color:#FFF;
}
.menuGd a:link {}
.menuGd a:hover {color: #CC0000;}
.menuGd a:visited {}
.menuGd a:active {}



.menuGb {
  width: 140px;
  top: -4px;
  padding: 10px;
  border-top: 0px solid #fff; 
  border-right: 1px solid #FFC140;
  border-left: 1px solid #FFC140;
  border-bottom: 1px solid #FFC140;	
  background-color: #FFECC4;
  -webkit-box-shadow: 2px 2px 6px -2px rgba(20%,20%,40%,0.5);
  border-top-left-radius: 0px ;
  border-top-right-radius: 0px ;
  border-bottom-right-radius:10px ;
  border-bottom-left-radius:10px ;
  position:relative;
  z-index: 50;
}







.mA1 {	margin: 0px 5px 0px 0px;
		vertical-align: middle;
		width: 20%;}

.BSearch {
	margin: 0px 15px 0px 60px;	
	position:relative;
}

/* 電腦版 Box 框架 */
.divBox {
height:300px; 
overflow:auto;
}




.BReset { margin: 20px 40px 20px 5px}
.BSubmit { margin: 20px 5px 20px 5px}

.footer { 
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
	background-color: #f3f3f3;
	border-top: 1px solid #ddd;
}

.p001-1 {
padding: 20px;
margin: 40px;
}

.p017-1 {
width:1px;
height: 450px;
background: #999;
background: -moz-linear-gradient(top, #eee 0%, #000 36%, #eee 100%); 
background: -webkit-linear-gradient(top, #eee 0%,#000 36%,#eee 100%); 
background: linear-gradient(to bottom, #eee 0%,#000 36%,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#000',GradientType=0 ); 
} 
.p025-1 {
width:1px;
height: 450px;
background: #999;
background: -moz-linear-gradient(top, #eee 0%, #000 36%, #eee 100%); 
background: -webkit-linear-gradient(top, #eee 0%,#000 36%,#eee 100%); 
background: linear-gradient(to bottom, #eee 0%,#000 36%,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#000',GradientType=0 ); 
} 


LA { }
LB { }
.afc a:link {color: #000;}/* 未連結 */
.afc a:hover {color: #009900;}/* 滑鼠移至連結 */
.afc a:visited {color: #009900;}/* 已連結過*/
.afc a:active {color: #000;}/* 選擇的連結 */

.afcN a:link {color: #FFF ;}/* 未連結 */
.afcN a:hover {color: #FFF; text-decoration: none;}/* 滑鼠移至連結 */
.afcN a:visited {color: #FFF;}/* 已連結過*/
.afcN a:active {color: #FFF;}/* 選擇的連結 */

.afcN1 a:link {color: #444 ;}/* 未連結 */
.afcN1 a:hover {color: #444; text-decoration: none;}/* 滑鼠移至連結 */
.afcN1 a:visited {color: #444;}/* 已連結過*/
.afcN1 a:active {color: #444;}/* 選擇的連結 */


/* menu控制影藏 */
#m1 {display: none;}
#m2 {display: none;}
#m3 {display: none;}
#m4 {display: none;}
#m5 {display: none;}
#m6 {display: none;}
#m7 {display: none;}
#m8 {display: none;}
#m9 {display: none;}
#m10 {display: none;}
#m11 {display: none;}
#m12 {display: none;}
#m13 {display: none;}
#m14 {display: none;}
#m15 {display: none;}
#m16 {display: none;}
#m17 {display: none;}
#m18 {display: none;}
#m19 {display: none;}
#m20 {display: none;}

#menuhide1 { display: none; }
#menuhide2 { display: none; }
#menuhide3 { display: none; }
#menuhide4 { display: none; }
#menuhide5 { display: none; }
#menuhide6 { display: none; }
#menuhide7 { display: none; }
#menuhide8 { display: none; }
#menuhide9 { display: none; }
#menuhide10 { display: none; }
#menuhide11 { display: none; }
#menuhide12 { display: none; }
#menuhide13 { display: none; }
#menuhide14 { display: none; }
#menuhide15 { display: none; }
#menuhide16 { display: none; }
#menuhide17 { display: none; }
#menuhide18 { display: none; }
#menuhide19 { display: none; }
#menuhide20 { display: none; }


#menuhide1:checked + #m1 {display: block;}
#menuhide2:checked + #m2 {display: block;}
#menuhide3:checked + #m3 {display: block;}
#menuhide4:checked + #m4 {display: block;}
#menuhide5:checked + #m5 {display: block;}
#menuhide6:checked + #m6 {display: block;}
#menuhide7:checked + #m7 {display: block;}
#menuhide8:checked + #m8 {display: block;}
#menuhide9:checked + #m9 {display: block;}
#menuhide10:checked + #m10 {display: block;}
#menuhide11:checked + #m11 {display: block;}
#menuhide12:checked + #m12 {display: block;}
#menuhide13:checked + #m13 {display: block;}
#menuhide14:checked + #m14 {display: block;}
#menuhide15:checked + #m15 {display: block;}
#menuhide16:checked + #m16 {display: block;}
#menuhide17:checked + #m17 {display: block;}
#menuhide18:checked + #m18 {display: block;}
#menuhide19:checked + #m19 {display: block;}
#menuhide20:checked + #m20 {display: block;}


.productimg { width:100%; height: 270px;}

.XX {
	width: 25px;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 101;
}

/* 手機版往選單 */
.top4 {
	position:absolute;
	z-index:200;
	top: 0px;
}
.top4B {
	position:absolute;
	z-index:201;
	right: 0px;
	bottom: 0px;
}
.top41 {
	width: 0px;
}
 
@media only screen and (min-width: 1700px) and (max-width: 2400px) {

.mxB {width: 1600px;margin:0px auto;}
.mxC {width: 1400px;margin: 0px auto;}
.mxD {width: 1400px;margin: 0px auto;}

.menuA {
	width: 180px;
	height: 50px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	line-height: 50px;
}


.menuA a:link {
	color: #FFF;
	height: 50px;
	padding: 6px 0px 40px 0px;
}
.menuA a:hover {color: #FFF;}
.menuA a:visited {color: #FFF;}
.menuA a:active {color: #FFF;}


/* hide the checkbox */
.menuA2 {
	color: #FFF;
	width: 180px;
	height: 50px;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	}
	
.menuA2 label:hover  {color: #CC0000;}

	
.menuGc a{
	padding: 8px;
	font-size: 18px;
	line-height: 30px;
	color:#555;
}
.menuGc a:link {}
.menuGc a:hover {}
.menuGc a:visited {}
.menuGc a:active {}

.menuGd a{
	font-size: 18px;
	line-height: 30px;
	color:#FFF;
}
.menuGd a:link {}
.menuGd a:hover {color: #CC0000;}
.menuGd a:visited {}
.menuGd a:active {}



.menuGb {
  width: 180px;
  padding: 10px ;
  border-top: 0px solid #fff; 
  border-right: 1px solid #FFC140;
  border-left: 1px solid #FFC140;
  border-bottom: 1px solid #FFC140;	
  background-color: #FFECC4;
  -webkit-box-shadow: 2px 2px 6px -2px rgba(20%,20%,40%,0.5);
  border-top-left-radius: 0px ;
  border-top-right-radius: 0px ;
  border-bottom-right-radius:10px ;
  border-bottom-left-radius:10px ;
  position:relative;
  z-index: 50;
}

.productimg { width:100%; height: 270px;}
}




@media only screen and (orientation: portrait) {

.mxA {width: 100%;}
.mxB {width: 100%;margin:0px auto;}
.mxC {width: 100%;margin:0px auto;}
.mxD {width: 100%;margin:0px auto;}

.menuA {
	width: 100%;
	height: 120px;
	text-align: left;
	color: #FFF;
	font-size: 50px;

}


.menuA a:link {
	color: #FFF;
	height: 120px;
	padding: 6px 0px 40px 0px;
}
.menuA a:hover {color: #FFF;}
.menuA a:visited {color: #FFF;}
.menuA a:active {color: #FFF;}


/* hide the checkbox */
.menuA2 {
	color: #FFF;
	width: 45%;
	height: 80px;
	text-align: center;
	font-size: 45px;
	padding: 30px 0px 0px 30px;
	margin: 5px 5px 0px 10px;
	border-radius: 15px;
background-image: url(../img/cfe52b.jpg)
	}
	
.menuA2 label:hover  {color: #FFFF00;}



	
.menuGc a{
	padding: 0px;
	font-size: 45px;
	line-height: 70px;
	height: 90px;
	color:#555;
	
}
.menuGc a:link {}
.menuGc a:hover {background-color: none ; width:100%;}
.menuGc a:visited {}
.menuGc a:active {}

.menuGd a{
	font-size: 45px;
	color:#FFF;
}
.menuGd a:link {}
.menuGd a:hover {color:#FFFF00;}
.menuGd a:visited {}
.menuGd a:active {}



.menuGb {
text-align: left;
background: #FCF1DA;
background: -moz-linear-gradient(top, #FCF1DA 0%, #FF9900 100%); 
background: -webkit-linear-gradient(top, #FCF1DA 0%,#FF9900 100%); 
background: linear-gradient(to bottom, #FCF1DA 0%,#FF9900 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCF1DA', endColorstr='#FF9900',GradientType=0 );
box-shadow:inset 0px 5px 40px rgba(10%,10%,30%,0.2);
  width: 75%;
  padding: 20px 10px 20px 10px ;
  margin: -30px 20px 0px 0px;
  border-top: 0px solid #fff; 
  border-right: 5px solid #FFC140;
  border-left: 5px solid #FFC140;
  border-bottom: 5px solid #FFC140;	
  background-color: #FFECC4;
  -webkit-box-shadow: 2px 2px 6px -2px rgba(20%,20%,40%,0.5);
border-radius: 15px;
  position:relative;
  z-index: 50;
}

.productimg { width:100%; height: 400px;}

.XX {
	width: 60px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 101;
}


/* 手機版往選單 */
.top4 {
	position: fixed;
	z-index:200;
	top: 0px;
	right: 1%;
}
.top4B {
	position: fixed;
	z-index:201;
	right: 1%;
	bottom: 8%;
}
.top41 {
	width:auto;
}


}