.phone_row {
	margin:0;padding:0;display:inline-block;font-size:4.5vw;color:#000;
}

.phone_row_left {
	border-radius:36px 0 0 36px;padding:2px 1em;background-color:#666;color:#FFF;
}

.phone_row_right {
	border:2px solid #666;border-radius:0 36px 36px 0;padding:0px 1em;color:#555;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.fq_question {
	text-align:center;
	color:#666;
	font-weight: bold;
	font-size:5vw;
}

.fq_answer {
	font-size:2vw;
	background-color: #8AA383;
	color:#fff;
	padding:1em;
	margin-bottom:6vw;
}


/*! llyv.css v0.1.0 2023.09.18 add by gk */
.iframe-style {
  width: 100%;
  height: 100%;
}
.llyv,.llyv .llyv-play-btn,.llyv img{
	cursor:pointer}
.llyv{
	background-color:#000;
	margin-bottom:30px;
	position:relative;
	width: 100%;
	height:0;
	padding-bottom: 56.25%;
	overflow:hidden}
.llyv img{
	width:100%;
	top:0.100%}
.llyv .llyv-play-btn{width:100px;height:60px;background-color:#282828;z-index:1;border-radius:9px}.llyv .llyv-play-btn:before{content:"";border-style:solid;border-width:15px 0 13px 28px;border-color:transparent transparent transparent #fff}.llyv .llyv-play-btn:hover{background-color:red}.llyv .llyv-play-btn,.llyv .llyv-play-btn:before,.llyv iframe,.llyv img{position:absolute}.llyv iframe{height:100%;width:100%;top:0;left:0}.llyv .llyv-play-btn,.llyv .llyv-play-btn:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}

/*-webkit-transition-property: box-shadow;
 transition-property: box-shadow;
 box-shadow: inset 0 0 0 4px #FFF, 0 0 1px rgba(0, 0, 0, 0);
*/

/*.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.owl-prev {
  left: -2rem;
}

.owl-next {
  right: -2rem;
}

*/

#displayHead {
	
}
#displayHeaderText2 {
	border-bottom:0.5px solid #ccc;padding-left:2em;
	text-align: middle;padding-right:0.5em;
	font-size:3vw;
	margin-bottom: 1em;

	position: relative; 
	z-index: 9999;

}
#displayBlock2 {
	display:inline-block;position:relative;width:18%;text-align:center;margin:0.5vw;margin-bottom: 0;
	bottom:20px;
	border:0px solid #C00018;
	/*background-color: rgba(204,204,204,0.6);*/
}
#displayBlock2 img {
	margin:0;padding:0;vertical-align:middle;height:auto;display:block;

}

#displayBlock2 div {
	background-color: rgba(204,204,204,0.8);position:relative;

	bottom:15px;

	/*border-radius:0 0 10px 10px;*/
	border:0;
	/*padding:0 1em;*/
	
	width:100%;

	font-size:2.5vw;

	margin:0px;

	border-top: 1px solid #61432A;	
	border-bottom: 1px solid #61432A;
}
#displayBlock2 span {
	text-align: right;
	font-weight: bold;
	color:#C00018;
}




#displayHead {
	
}
#displayHeaderText {


	border-bottom:0.5px solid #ccc;padding-left:2em;
	text-align: middle;padding-right:2em;
	font-size:120%;
	margin-bottom: 1em;
}
#displayBlock {
	display:inline-block;position:relative;width:18%;text-align:center;margin:0.5vw;
	bottom:20px;
	border:0px solid #C00018;
	/*background-color: rgba(204,204,204,0.6);*/
}

#displayBlock img {
	margin:0;padding:0;vertical-align:middle;height:auto;display:block;

}

#displayBlock div {
	background-color: rgba(204,204,204,0.8);position:relative;

	bottom:15px;

	/*border-radius:0 0 10px 10px;*/
	border:0;
	/*padding:0 1em;*/
	
	width:100%;

	font-size:2.5vw;

	margin:0px;

	border-top: 1px solid #61432A;	
	border-bottom: 1px solid #61432A;
}





body {
	overflow-x: hidden;
}

#displayImg {
	text-align:center;
}

#displayImg img {
		/*width:100%;*/
		/*max-width:1200px;*//*850*/
		/*max-height:90%;
		max-width:92%;
		*{height:90%;}*/
		margin:0;
}
img {
		width:100%;
		padding:0;
        margin:0;
        /*padding-top:80px;*/
}

a:link {
	color:#61432A;
	display:block;
	text-decoration:none;
	cursor:pointer;
	font-weight:lighter;
	font-family: helvetica;
	padding:1.3em 1.3em 8px 1.3em; 
	font-size:24px;
}

.row_topic a:hover {
	/*color:#61432A;*/	
	color:#fff100;
	/*border-bottom: 3px solid #fff100;*//*9DB253*/	
	background-color:#61432A;  
	/*background-color:#e2e2e2;  */

}

a:visited {
	color: #61432A;	
	/*color: #FFF;*/
	/*text-decoration:none;*/
}

a:active {
	color: #61432A;	

}


#displayBlock a:hover div{
	cursor: pointer;
	font-weight: normal;
	background-color: #FEF100;
}

.owl-theme a:link {
	/*color:#61432A;*/
	/*display:block;*/
	text-decoration:none;
	cursor:pointer;
	/*font-weight:lighter;*/
	/*font-family: helvetica;*/
	padding:0; 
	/*font-size:24px;*/
}

.owl-theme a:hover {
	/*color:#61432A;*/	
	/*color:#fff100;*/
	border-bottom: 0px solid #fff100;/*9DB253*/	
	/*background-color:#61432A;  */
	/*background-color:#e2e2e2;  */

}


@charset "utf-8";
/* CSS Document */


body {
    color:#61432A;
	margin: 0;
	padding: 0;
}



nav .logo {
	float:left;
	z-index: 888;
	margin-top:0em;	
}
nav .logo img{
	width:300px;
	margin-top: 9px;
    padding:0;
    margin-left:0em;
}

.logo a:link {
	color:#61432A;
	display:block;
	text-decoration:none;
	cursor:pointer;
	font-weight:lighter;
	font-family: helvetica;
	padding:0px 1em 0px 1em; 
}

.logo a:hover {
	/*color:#fff100;*/

	background-color:#fff100;
/*	border-bottom: 1px solid #666;*/
/*	border-bottom: 3px solid #61432A;*/
}
.logo a:visited {
	color: #61432A;	
	/*text-decoration:none;*/
}
.logo a:active {
	/*color: #576267;*/
	/*text-decoration:none;*/
}




nav {
	z-index: 888;
	width: 100%;
	height: 76px;
	background: #FFF;
	margin-right:2em;
	border-bottom:0px solid #ccc;


}
#counter_nav {
	margin-top: 79px;
}
#nav, #nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav {
	width: 100%;
	padding-top:0px;
	z-index: 888;
}
#nav>li {
	float: right;
	padding:0;
}



/*#nav a:hover {*/
	/*color:#fff100;*/
	/*border:1px solid #C00018;*/
/*}*/

nav #nav a:hover{	
	color:#fff100;
	background-color: #61432A;
	border-bottom: 4px solid #61432A;
}




nav .logo2 {
	display:none;
	float:left;
	z-index: 888;
	margin-top:0em;	
}
nav .logo2 img{
	width:74px;
	/*height:30px;*/
	padding:0em;
	margin:0em;
	margin-top:4px;
}
nav .logo2 a{
	margin:0;
	padding:0;
}










/*sub menu display*/
/*
nav1 {
	z-index: 999;
	width: 100%;
	height: 30px;
	margin-right:2.5em;
	padding-top: 1.6em;
}
*/
#nav1, #nav1 ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#nav1 {
	width: 100%;
	display: block;
	/*padding-top: 1.6em;*/
	margin:80px 0 0 0;
											/*background-color:#0F6;*/


	z-index: 888;	
	/*border: 0px solid #C00018;*/
}
#nav1>li {
				/*display: block;*/
	float: right;
	padding:0;
				/*margin:0 0 1px 0;*/
						/*border-left:1px solid #ccc;*/
						/*border-top:1px solid #ccc;*/
				/*border-bottom:1px solid #ccc;*/
}
#nav1 span {
						/*border-bottom:2px solid #CCC;*/
	/*padding: 0 1px;*/
	
}


/*
sub menu color
#FEF100 黃色
#61432A 咖啡

*/


#nav1 a:visited {
	color:#FEF100;

}
#nav1 a:active {
	color:#FEF100;
}
#nav1 li:hover {
	color:#FEF100;
}
#nav1 a:hover {
	margin-top: 0px;
	border-radius: 36px;

		font-weight: normal;
		-webkit-transition-property: box-shadow;
		 transition-property: box-shadow;
		 box-shadow: inset 0 0 0 2px #61432A, 0 0 1px rgba(0, 0, 0, 0);
		font-weight: normal;

		color:#61432A;/*61432A*/
		background-color:#FEF100;/*D3D3D3*/


}

		
#nav1 a:link {
	/*color:#666;*//*61432A*/
	display:block;
	text-decoration:none;
	cursor:pointer;
	/*font-weight:lighter;*/
	font-family: helvetica;
	/*margin-top:0px;*/
	font-size:2vw;
	padding:0.1em 1em 0.1em 1em;
	/*background-color:#fff;*//*D3D3D3*/
	/*margin:0; */
	border-radius: 36px;
/*sub-menu*/
	/*color:#61432A;*/
	color:#FEF100;
	background-color:#61432A;/*D3D3D3*/
	margin:2px;
}









/*sub menu display*/
/*
nav1 {
	z-index: 999;
	width: 100%;
	height: 30px;
	margin-right:2.5em;
	padding-top: 1.6em;
}
*/
#nav1, #nav1 ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#nav1 {
	width: 100%;
	display: block;
	/*padding-top: 1.6em;*/
	margin:80px 0 0 0;
											/*background-color:#0F6;*/


	z-index: 888;	
	/*border: 0px solid #C00018;*/
}
#nav1>li {
				/*display: block;*/
	float: right;
	padding:0;
				/*margin:0 0 1px 0;*/
						/*border-left:1px solid #ccc;*/
						/*border-top:1px solid #ccc;*/
				/*border-bottom:1px solid #ccc;*/
}
#nav1 span {
						/*border-bottom:2px solid #CCC;*/
	/*padding: 0 1px;*/
	
}




















/*sub menu display*/
/*
nav2 {
	z-index: 999;
	width: 100%;
	height: 30px;
	margin-right:2.5em;
	padding-top: 1.6em;
}
*/
#nav2, #nav2 ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#nav2 {
	width: 100%;
	display: block;
	/*padding-top: 1.6em;*/
	margin:15px 0 0 0;
											/*background-color:#0F6;*/


	z-index: 888;	
	/*border: 0px solid #C00018;*/
}
#nav2>li {
				/*display: block;*/
	float: right;
	padding:0;
				/*margin:0 0 1px 0;*/
						/*border-left:1px solid #ccc;*/
						/*border-top:1px solid #ccc;*/
				/*border-bottom:1px solid #ccc;*/
}
#nav2 span {
						/*border-bottom:2px solid #CCC;*/
	/*padding: 0 1px;*/
	
}


/*
sub menu color
#FEF100 黃色
#61432A 咖啡

*/

#nav2 a:visited {
	color:#FEF100;

}
#nav2 a:active {
	color:#FEF100;
}
#nav2 li:hover {
	color:#FEF100;
}
#nav2 a:hover {
	margin-top: 0px;
	border-radius: 36px;

		font-weight: normal;
		-webkit-transition-property: box-shadow;
		 transition-property: box-shadow;
		 box-shadow: inset 0 0 0 2px #61432A, 0 0 1px rgba(0, 0, 0, 0);
		font-weight: normal;

		color:#61432A;/*61432A*/
		background-color:#FEF100;/*D3D3D3*/

}

		
#nav2 a:link {
	/*color:#666;*//*61432A*/
	display:block;
	text-decoration:none;
	cursor:pointer;
	/*font-weight:lighter;*/
	font-family: helvetica;
	/*margin-top:0px;*/
	font-size:2vh;
	padding:0.1em 1em 0.1em 1em;
	/*background-color:#fff;*//*D3D3D3*/
	/*margin:0; */
	border-radius: 36px;
/*sub-menu*/
	/*color:#61432A;*/
	color:#FEF100;
	background-color:#61432A;/*D3D3D3*/
	margin:2px;
}



#nav3 a:visited {
	color:#FEF100;

}
#nav3 a:active {
	color:#FEF100;
}
#nav3 li:hover {
	color:#FEF100;
}
#nav3 a:hover {
	margin-top: 0px;
	border-radius: 36px;

		font-weight: normal;
		-webkit-transition-property: box-shadow;
		 transition-property: box-shadow;
		 box-shadow: inset 0 0 0 2px #61432A, 0 0 1px rgba(0, 0, 0, 0);
		font-weight: normal;

		color:#61432A;/*61432A*/
		background-color:#FEF100;/*D3D3D3*/


}

		
#nav3 a:link {
	/*color:#666;*//*61432A*/
	display:block;
	text-decoration:none;
	cursor:pointer;
	/*font-weight:lighter;*/
	font-family: helvetica;
	/*margin-top:0px;*/
	font-size:2vw;
	padding:0.1em 1em 0.1em 1em;
	/*background-color:#fff;*//*D3D3D3*/
	/*margin:0; */
	border-radius: 36px;
/*sub-menu*/
	/*color:#61432A;*/
	color:#FEF100;
	background-color:#61432A;/*D3D3D3*/
	margin:2px;
}




/*sub menu display nav4*/
#nav4, #nav4 ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#nav4 {	
	width: 100%;
	display: block;
	margin:80px 0 0 0;
	z-index: 888;
	text-align: right;	
}
#nav4>li {
	float: left;
	padding:0;
	margin-top: 4px;
	margin-left: 18px;
}
#nav4 span {

}
#nav4 a:visited {
	color:#FEF100;

}
#nav4 a:active {
	color:#FEF100;
}
#nav4 li:hover {
	color:#FEF100;
}
#nav4 a:hover {
	margin-top: 0px;
	border-radius: 36px;
    font-weight: normal;
	 -webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	box-shadow: inset 0 0 0 2px #61432A, 0 0 1px rgba(0, 0, 0, 0);
	font-weight: normal;
    color:#61432A;/*61432A*/
	background-color:#FEF100;/*D3D3D3*/
}		
#nav4 a:link {
	display:block;
	text-decoration:none;
	cursor:pointer;
	font-family: helvetica;
	font-size:2vw;
	padding:0.1em 1em 0.1em 1em;
	border-radius: 36px;
	color:#FEF100;
	background-color:#61432A;/*D3D3D3*/
	margin:2px;
}



#main_prod img {
	width:300px;
	cursor:pointer;
}
#main_prod a:link {
	display:inline;
	margin:0;
	padding:0;
}
#main_prod a:hover {
	background:#FFF;
}













#disNo {
	font-size:24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
    color:#FFF;
}



















.wrapper {
	/*
  margin: 13px auto;
  margin-bottom: 13px;
  margin-top: 13px;
  margin-left: 7px;*/
  width:100%;
  /*background: white;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 4px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 4px rgba(0,0,0,0.3);*/
  position: relative;
  z-index: 800;
  display: inline-block;
}
.wrapper a:link {
	margin:0;
	padding:0;	
}
.wrapper a:hover {
	background-color:#FFF;	
}
.wrapper img{
	/*
	width:230px;
	padding-top:5px;
	padding-bottom: 12px;
	padding-left: 5px;*/
	width:100%;
	padding-top:5px;
	padding-bottom: 12px;
	padding-left: 5px;
}

.wrapper div{
	color:#FFF;	
	text-align: center;
	text-shadow: 5px 3px 39px black;
}

.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}

.ribbon-red {
	cursor:pointer;
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #80550f;/*80550f*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#bf9d45)); /*#f1ce95), to(#bf9d45)*/
  background-image: -webkit-linear-gradient(top, #f00 0%, #c67474 100%); 
  background-image:    -moz-linear-gradient(top, #f00 0%, #bf9d45 100%); 
  background-image:     -ms-linear-gradient(top, #f00 0%, #bf9d45 100%); 
  background-image:      -o-linear-gradient(top, #f00 0%, #bf9d45 100%); 
  color: #6c6740;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-red:before, .ribbon-red:after {
  content: "";
  border-top:   3px solid #99691a;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon-red:before {
  left: 0;
}
.ribbon-red:after {
  right: 0;
}






























/* Contact Us mailForm2.php */
#contactForm {
	 width:96%;
	 text-align:left;
	 margin-top:5em;
	 padding:0;
	color:#61432A;
	margin-bottom: 5em;
}
	
#headF {
	text-align:right;
	font-size:48px;

	margin-bottom:8px;
	margin-right:1em;
	text-align:right;
	font-weight:normal;
	font-family: helvetica;


}
#headF2 {
	text-align:right;
	font-size:18px;
	color:#999;
	margin-bottom:8px;
	margin-right:2.5em;
	text-align:right;
}
#headF3 {
	text-align:left;
	font-size:26px;
	margin-bottom:1em;
	/*margin-left:1em;*/
}
#rowF {
	margin-bottom:1em;
	display:block;
	width:100%; 
}

#rowF span {
	color:#999; 
	font-size:18px;	
}

#rowF input {
	font-family:helvetica;
	font-weight: lighter;

	width:100%; 
	font-size:28px;
	background:#FFF;
	border:0;
	line-height:110%;
	border-bottom:1px dashed #999;
	margin-bottom: 0.2em;
}

#rowF ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
#rowF :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
#rowF ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
#rowF :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
}
#rowF ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #999;
}







textarea {
	width:100%;
	font-size:28px;
	background:#FFF;
	border:0; 
	border:1px dashed #999;
}



#sub {
	font-size:40px;
	width:100%; 
	/*color:#61432A; */
	/*background-color:#D2D2D2; */
	color:#fff;
	background-color:#61432A;
	/*border:0px dashed #999;*/
	opacity:0.8;
	border-radius:40px;
	border:0;
}
#asurF{
	border:0;
	border:3px dashed #C00018;
	font-size:28px;
	background-color:#FFF;
	text-align: center;
	color: #61432A;
}






.row_topic {
	margin-top: 5em;
	margin-right:4em;
	text-align:right;
}
.row_topic .rowHeading {
	border-bottom:0px solid #CCC;

	font-size:48px;
}
.row_topic span {
	color:#999;
	display: block;
	font-size: 46px;
}

.row_topic a {
	margin:0;
	padding:0;
	font-weight: normal;
	display: inline-block;
}

.row_topic a:hover {
	color: #FFF100;
}
.row_topic a span:hover {
	color:#FFF100;
}
.row_topic .note {
	/*color:#CCC;*/display:inline-block;/*font-size:20px;*/
}





/* foot.php */
.foota {
	border-bottom: 0px solid #61432A;text-align: center;
}
.foota div {
	color:#61432A;
	padding-top: 0.5em;
	padding-bottom: 0.2em; 
	display: inline-block;
	font-size: 2vw;
	margin: 0;
	width: 20%;
			border: 1px solid #C00018;
}


@media screen and (min-width: 481px) and (max-width: 840px) { 
	.foota a {
		font-size: 2vw;
		border: 1px solid #000;
	}


}
@media (max-width: 480px) {
	.foota a {
		font-size: 2vw;
		border: 1px solid #C00018;
	}


}	















/* footer.php */
.footer_back {
	z-index: 100;
	width: 100%;
	background-color: #f2f2f2;
	padding:2em 0;
	vertical-align: top;
	text-align: center;
	/*font-size: 17pt;*/

	font-weight:lighter;
	font-family: helvetica;

	background-image: url("./images/footer_back.jpeg");
    background-size:     cover;                     
    background-repeat:   no-repeat;
    background-position: center center; 	

}

.footer_back .f_1_5 {
	vertical-align: top;
	text-align: left;
	width: 19%;
	display: inline-block;
	/*border: 1px dashed #ccc;*/
	/*width:22%;*/
}

.footer_back .f_1_5_h {
	display: inline-block;
	width: 18%;
	text-align: center;
	height: 500px;
	display: none;
	background-color: #C00018;
}
.f_1_5 .head {
	display:block;
	/*width: 98%;*/
	color:#333;
	font-weight:bolder;
	font-size: 2.5vw;
	/*margin-bottom:1em;*/
	cursor: pointer;
	border-bottom:2px solid #555;
	/*border-bottom: 2px solid #C00018;*/
	opacity: 0.9;
	vertical-align: middle;
	text-align: center;
}

.f_1_5 a {
	vertical-align: middle;
	font-size: 2vw;
	color:#666;
	display: block;
	margin:4px 0;
	/*border-bottom: 0px solid #e2e2e2;*/
	cursor: pointer;

	/*height: 40px;*/
	padding:2px 0;

	/*overflow: auto;*/

}

.f_1_5 a:hover {
	vertical-align: middle;
	background-color: #61432A;
	color:#fff;
	padding-left: 0em;
	text-align: center;


}






/* 05 Fixed Header
================================================== */
.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 900;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	opacity: 0.85;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95); 	
}

#nav2 {
	position: fixed;
	width: 100%;
	z-index: 900;
}



/*///////////////////////////////////////////////////////////////////////////////////////////  max 481 - 840 */

@media screen and (min-width: 481px) and (max-width: 840px) { 





#displayHeaderText {
	/*border-bottom:0.5px solid #ccc;padding-left:3em;*/
	text-align: right;
	padding-right:0.1em;
	font-size:180%;
	margin-bottom: 1em;
		border: 2px dashed #C00018;
}

#displayBlock {
/*	display:inline-block;position:relative;border:0px solid #ccc;width:18%;text-align:center;margin:0.5vw;
	bottom:20px;
*/
	/*margin: 0.4vw;*/
}







	nav .logo img{
		display:none;
	}

	nav .logo a:link{
		margin:0;padding:0;
	}
		
		
	nav .logo2 {
		display:inline;
	}
	
	nav .logo2 img{
		height:31px;
		width:auto;
	    padding:0;
	    margin:0;
	}


	nav .logo2 a:link{
	    padding:0;
	    margin:0;
		padding:0px 1em 0px 1em;

		/*border:1px solid #C00018;*/
	}
	nav .logo2 a:hover {

		/*color:#fff100;*/
		background-color:#FFF100;
		/*opacity: 0.9;*/
		border-bottom: 0px solid #FFF100;
	}			
				
	a:link {
	    padding:0;
	    margin:0;
		padding:0px 0.6em 1px 0.6em; 
		/*margin:1px;*/
		color:#61432A;
	}

.row_topic a:hover {
	/*color:#61432A;*/	
	color:#fff100;
	/*border-bottom: 3px solid #fff100;*//*9DB253*/	
	background-color:#61432A;  
	/*background-color:#e2e2e2;  */

}	
/*	a:hover {
		color:#FFF;
		border:0;
	    padding:0;
	    margin:0;
		border-bottom: 3px solid #FFF100;
	}
*/

	nav #nav a:hover{	
		padding:0px 0.6em 1px 0.6em; 
		/*background-color: #61432A;*/
		/*border-bottom: 3px solid #61432A;*/

	color:#FEF100;/*61432A*/
	background-color:#61432A;/*D3D3D3*/
	/*margin:2px;		*/
	}

	#nav {
		padding-top: 0px;
	}	





	#nav1 {
		margin:37px 0 0 0;
	}
	#nav1 a:visited {
		color:#FEF100;

	}
	#nav1 a:active {
		color:#FEF100;
	}

	#nav1 a:hover {
		/*margin-top: 1px;*/
		/*padding-bottom: 5px;*/
		/*color: #FFF;*/

		-webkit-transition-property: box-shadow;
		 transition-property: box-shadow;
		 box-shadow: inset 0 0 0 2px #61432A, 0 0 1px rgba(0, 0, 0, 0);
		font-weight: normal;

		color:#61432A;/*61432A*/
		background-color:#FEF100;/*D3D3D3*/
	}
	#nav1 a:link {
		/*font-size: 18px;*/
		font-size:2vh;
		color:#FEF100;/*61432A*/
		background-color:#61432A;/*D3D3D3*/
		margin:4px;
		border-radius: 36px;
	}	








	
	#nav2 {
		margin:10px 0 0 0;
	}
	#counter_nav {
		margin-top: 10px;
		/*border:1px solid #C00018;*/
	}
	
	#nav2 a:visited {
		color:#FEF100;

	}
	#nav2 a:active {
		color:#FEF100;
	}

	#nav2 a:hover {
		/*margin-top: 1px;*/
		/*padding-bottom: 5px;*/
		/*color: #FFF;*/

		-webkit-transition-property: box-shadow;
		 transition-property: box-shadow;
		 box-shadow: inset 0 0 0 2px #61432A, 0 0 1px rgba(0, 0, 0, 0);
		font-weight: normal;

		color:#61432A;/*61432A*/
		background-color:#FEF100;/*D3D3D3*/
	}
	#nav2 a:link {
		/*font-size: 18px;*/
		font-size:1.7vh;
		color:#FEF100;/*61432A*/
		background-color:#61432A;/*D3D3D3*/
		margin:4px;
		border-radius: 36px;
	}	








	#nav3 {
		margin:37px 0 0 0;
	}
	#counter_nav {
		margin-top: 37px;
		/*border:1px solid #C00018;*/
	}
	
	#nav3 a:visited {
		color:#FEF100;

	}
	#nav3 a:active {
		color:#FEF100;
	}

	#nav3 a:hover {
		/*margin-top: 1px;*/
		/*padding-bottom: 5px;*/
		/*color: #FFF;*/

		-webkit-transition-property: box-shadow;
		 transition-property: box-shadow;
		 box-shadow: inset 0 0 0 2px #61432A, 0 0 1px rgba(0, 0, 0, 0);
		font-weight: normal;

		color:#61432A;/*61432A*/
		background-color:#FEF100;/*D3D3D3*/
	}
	#nav3 a:link {
		/*font-size: 18px;*/
		font-size:2vh;
		color:#FEF100;/*61432A*/
		background-color:#61432A;/*D3D3D3*/
		margin:4px;
		border-radius: 36px;
	}	



  /* 481-840 nav4*/
	#nav4 {
		margin:37px 0 0 0;
	}
	#nav4 a:visited {
		color:#FEF100;
	}
	#nav4 a:active {
		color:#FEF100;
	}
	#nav4 a:hover {
		/*margin-top: 1px;*/
		/*padding-bottom: 5px;*/
		/*color: #FFF;*/
	     -webkit-transition-property: box-shadow;
		transition-property: box-shadow;
		box-shadow: inset 0 0 0 2px #61432A, 0 0 1px rgba(0, 0, 0, 0);
	    font-weight: normal;
	    color:#61432A;/*61432A*/
		background-color:#FEF100;/*D3D3D3*/
	}
	#nav4 a:link {
		/*font-size: 18px;*/
		font-size:2vh;
		color:#FEF100;/*61432A*/
		background-color:#61432A;/*D3D3D3*/
		margin:4px;
		border-radius: 36px;
	}



/*	#nav a:hover {
		color:#FFF;
		border-bottom: 0;
		padding-bottom: 0px;
	}	
*/	#nav #nav_shopping a:link {
		border:0px solid #C00018;
	}

	#nav #nav_shopping a:hover {
		border-bottom: 0px;
		padding-bottom: 2px;


	}
	nav {
		height: 37px;
	}		

#counter_nav {
	margin-top: 37px;
}



/* footer.php */
.footer_back {
	text-align: center;
	padding-left:4px;
}

.footer_back .f_1_5 {
	vertical-align: top;
	text-align: left;
	/*width: 18%;*/
	display: inline-block;
	/*border:1px dashed #C00018;*/
	width:19%;
}

.footer_back .f_1_5_h {
	width: 18%;
	font-size: 17px;
	height: 300px;
	display: none;
	/*width: 2%;*/
}

.f_1_5 .head {
	display:block;
	color:#666;
	font-weight:normal;
	font-size: 20px;
	/*margin-bottom:1px;*/
		border-bottom:1px solid #555;
	/*border-bottom: 1px solid #C00018;*/
	cursor: pointer;

}

.f_1_5 a {
	font-size: 13px;
	color:#666;
	display: block;
	margin:1px 0;
	padding:2px 0 6px 0;
	border-bottom: 0px solid #e2e2e2;
	cursor: pointer;
	/*height: 20px;*/
}


.f_1_5 a:hover {
	background-color: #61432A;
	color:#fff;
	text-align: center;
}





	.row_topic {
		margin-top: 8em;
		margin-right:1em;
		text-align:right;
	}
	.row_topic .rowHeading {
		/*border-bottom:1px solid #CCC;*/

		font-size:32px;
	}

	.row_topic span {
		color:#999;
		display: block;
		font-size: 20px;
		
	}

	.row_topic a {
		margin:0;
		padding:0;
		font-weight: normal;
		display: inline-block;
	}
	.row_topic a:hover {
		color: #FFF100;

	}
	.row_topic .note {
		/*color:#CCC;*/display:inline-block;/*font-size:20px;*/
	}


	.fq_answer{
		font-size:6vw;
	}



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


	.fq_answer{
		font-size:6vw;
	}


#displayHeaderText {
	/*border-bottom:0.5px solid #ccc;padding-left:3em;*/
	width: 100%;
	text-align: right;
	padding-right:0.5em;
	font-size:140%;
	margin-bottom: 1em;

}
#displayBlock {
/*	display:inline-block;position:relative;border:0px solid #ccc;width:18%;text-align:center;margin:0.5vw;
	bottom:20px;
*/
	/*margin: 0.4vw;*/
}



	a:link {
		padding:1em 0.6em 0.2em 0.6em; 
		font-size: 16px;
	}	

	/*a:hover {*/
		/*color:#FFF;*/
		/*border-bottom: 3px solid #FFF100;*/
	/*}*/

.row_topic a:hover {
	/*color:#61432A;*/	
	color:#fff100;
	/*border-bottom: 3px solid #fff100;*//*9DB253*/	
	background-color:#61432A;  
	/*background-color:#e2e2e2;  */

}

	nav #nav a:hover{	
		padding:0px 0.6em 0px 0.6em; 
		background-color: #61432A;
/*		border-bottom: 1px solid #61432A;*/
/*				border-bottom: 1px solid #C00018;*/
	}


	nav {
		height: 50px;
        overflow:auto;
        text-overflow:ellipsis;
	}
	#counter_nav {
		margin-top: 50px;
		/*border:1px solid #C00018;*/
	}
	nav .logo img{
		display:none;
	}
	nav .logo a:link{
		margin:0;padding:0;
	}
	
	
	nav .logo2 {
		display:inline;
	}
	nav .logo2 img{
		height:38px;
		width: auto;
		/*border:1px solid #C00018;*/
	}		
	nav .logo2 a:link{
		padding:2px 2px 0px 2px;
	}	
	/*nav .logo2 a:hover {*/
		/*color:#fff100;*/
		/*background-color:#fff;*/
		/*border-bottom: 3px solid #61432A;*/
	/*}	*/
	nav .logo2 a:hover {

		/*color:#fff100;*/
		background-color:#FFF100;
		/*opacity: 0.9;*/
		border-bottom: 1px solid #FFF100;
	}			
		
	#nav {
		padding-top: 0px;
	}




	#nav1 {
		/*padding-top: 0px;*/
		margin:51px 0 0 0;
	}
	#nav1 a:link {
			/*margin:0 1px;*/
		/*font-size:2.5vh;*/
		/*color:#FEF100;*//*61432A*/
		/*background-color:#61432A;*//*D3D3D3*/
		/*margin:1px;*/

		font-size:2.5vh;
		color:#FEF100;/*61432A*/
		background-color:#61432A;/*D3D3D3*/
		margin:2px;
		border-radius: 36px;

	}
#nav1 a:visited {
	color:#FEF100;

}
#nav1 a:active {
	color:#FEF100;
}

	#nav1 li:hover {
		color:#FEF100;/*61432A*/
		background-color:#61432A;/*D3D3D3*/
		margin:1px;
	}



	#nav1 a:hover {
		/*color:#FEF100;*/
							/*61432A*/
		/*background-color:#61432A;*/
							/*D3D3D3*/
		margin:2px;

			/*color:#FFF;*/

			/*margin-top: 1px;*/
			/*padding-bottom: 5px;*/

		font-weight: normal;
		-webkit-transition-property: box-shadow;
		 transition-property: box-shadow;
		 box-shadow: inset 0 0 0 1px #61432A, 0 0 1px rgba(0, 0, 0, 0);
		font-weight: normal;

		color:#61432A;/*61432A*/
		background-color:#FEF100;/*D3D3D3*/


	}




	
	#nav2 {
		/*padding-top: 0px;*/
		margin:5px 0 0 0;
	}
	#nav2 a:link {
			/*margin:0 1px;*/
		/*font-size:2.5vh;*/
		/*color:#FEF100;*//*61432A*/
		/*background-color:#61432A;*//*D3D3D3*/
		/*margin:1px;*/

		font-size:1.5vh;
		color:#FEF100;/*61432A*/
		background-color:#61432A;/*D3D3D3*/
		margin:2px;
		border-radius: 36px;

	}
#nav2 a:visited {
	color:#FEF100;

}
#nav2 a:active {
	color:#FEF100;
}

	#nav2 li:hover {
		color:#FEF100;/*61432A*/
		background-color:#61432A;/*D3D3D3*/
		margin:1px;
	}



	#nav2 a:hover {
		/*color:#FEF100;*/
							/*61432A*/
		/*background-color:#61432A;*/
							/*D3D3D3*/
		margin:2px;

			/*color:#FFF;*/

			/*margin-top: 1px;*/
			/*padding-bottom: 5px;*/

		font-weight: normal;
		-webkit-transition-property: box-shadow;
		 transition-property: box-shadow;
		 box-shadow: inset 0 0 0 1px #61432A, 0 0 1px rgba(0, 0, 0, 0);
		font-weight: normal;

		color:#61432A;/*61432A*/
		background-color:#FEF100;/*D3D3D3*/


	}








	#nav3 {
		/*padding-top: 0px;*/
		margin:51px 0 0 0;
	}
	#nav3 a:link {
			/*margin:0 1px;*/
		/*font-size:2.5vh;*/
		/*color:#FEF100;*//*61432A*/
		/*background-color:#61432A;*//*D3D3D3*/
		/*margin:1px;*/

		font-size:2.5vh;
		color:#FEF100;/*61432A*/
		background-color:#61432A;/*D3D3D3*/
		margin:2px;
		border-radius: 36px;

	}
#nav3 a:visited {
	color:#FEF100;

}
#nav3 a:active {
	color:#FEF100;
}

	#nav3 li:hover {
		color:#FEF100;/*61432A*/
		background-color:#61432A;/*D3D3D3*/
		margin:1px;
	}



	#nav3 a:hover {
		/*color:#FEF100;*/
							/*61432A*/
		/*background-color:#61432A;*/
							/*D3D3D3*/
		margin:2px;

			/*color:#FFF;*/

			/*margin-top: 1px;*/
			/*padding-bottom: 5px;*/

		font-weight: normal;
		-webkit-transition-property: box-shadow;
		 transition-property: box-shadow;
		 box-shadow: inset 0 0 0 1px #61432A, 0 0 1px rgba(0, 0, 0, 0);
		font-weight: normal;

		color:#61432A;/*61432A*/
		background-color:#FEF100;/*D3D3D3*/


	}


		/*nav4 <480 手機版*/
		#nav4 {
			margin:51px 0 0 0;
		}
		#nav4 a:link {
			font-size:2.5vh;
			color:#FEF100;/*61432A*/
			background-color:#61432A;/*D3D3D3*/
			margin:2px;
			border-radius: 36px;
		}
		#nav4 a:visited {
			color:#FEF100;

		}
		#nav4 a:active {
			color:#FEF100;
		}

		#nav4 li:hover {
			color:#FEF100;/*61432A*/
			background-color:#61432A;/*D3D3D3*/
			margin:1px;
		}
		#nav4 a:hover {
			/*color:#FEF100;*/
			/*background-color:#61432A;*/
		    margin:2px;
			/*color:#FFF;*/
			/*margin-top: 1px;*/
			/*padding-bottom: 5px;*/
			font-weight: normal;
			 -webkit-transition-property: box-shadow;
			transition-property: box-shadow;
		    box-shadow: inset 0 0 0 1px #61432A, 0 0 1px rgba(0, 0, 0, 0);
			font-weight: normal;
		    color:#61432A;/*61432A*/
			background-color:#FEF100;/*D3D3D3*/
		}


/*
	#gotop{
      position:absolute;
      width:55px;
      height:55px;
      right:10px;
      bottom:50px;
      z-index: 9999;

	}


	#fbmsg{
	  position:absolute;
      width:55px;
      height:55px;
      right:10px;
      bottom:0px;
      z-index: 9999;
	}
*/



	/* footer.php */
	.footer_back {
		width: 100%;
		display: block;
	}

	.footer_back .f_1_5 {
		vertical-align: top;
		text-align: left;
		width: 100%;
		display: block;
		border:0px dashed #ccc;
		margin-left: 2px;
		font-size: 34px;
	}

	.footer_back .f_1_5_h {
		width: 100%;
		font-size: 17px;
		/*height: 100px;*/
		border:0px dashed green;
		display: block;
		display: none;

	}

	.f_1_5 .head {
		display:inline-block;
		color:#333;
		font-weight:bolder;
		font-size: 36px;
		/*margin-bottom:1px;*/
		/*margin-top: 1em;*/
		cursor: pointer;
		text-align: right;
		/*border-bottom:3px solid #777;*/
		border-bottom:3px solid #61432A;
		margin:1px 0;
		padding:3px 1em;		
		/*color: #C00018;*/
		/*margin-right: 12px;*/

	}

	.f_1_5 a {
		text-align: right;
		font-size: 36px;
		color:#333;
		display: block;
		margin:1px 0;
		padding:3px 0 7px 0;
		/*margin-bottom:1px;*/
		border-bottom: 0px solid #e2e2e2;
		/*color:#C00018;*/
		cursor: pointer;
		/*height: 46px;*/
	}


	.f_1_5 a:hover {
		background-color: #61432A;
		color:#fff;
		text-align: center;

	}










	.row_topic {
		padding-top: 8em;
		margin-right:1em;
		text-align:right;
		margin-bottom: 1em;
	}
	.row_topic .rowHeading {
		/*border-bottom:1px solid #CCC;*/

		font-size:20px;
	}
	.row_topic span {
		display: block;
		font-size: 24px;
	}

	.row_topic a {
		margin:0;
		padding:0;
		font-weight: normal;
		display: inline-block;
	}

	.row_topic a:hover {
		color: #FFF100;

	}

	.row_topic .note {
		/*color:#666;*/display:inline-block;/*font-size:8px;*/
	}



#rowF input {
	font-size: 18px;
}

	
	#headF {
		text-align:right;
		font-size:48px;

		margin-bottom:8px;
		margin-right:0.3em;
		text-align:right;
		font-weight:normal;
		font-family: helvetica;


	}
	#headF2 {
		text-align:right;
		font-size:18px;
		color:#999;
		margin-bottom:8px;
		margin-right:1em;
		text-align:right;
	}




}

/* 手機橫屏 產品頁第二層固定 
   2023.10.12 add by gk
*/
@media (max-height: 480px) { 
  #nav2 a:link {
		font-size:2vw;
	}
}



#gotop{
      display:none;
      width:55px;
      height:55px;
      position:fixed;
      right:12px;
      bottom:60px;
      background:url(stop2.png) no-repeat 0px 0px;    
      cursor: pointer;
       /*z-index: 9999;*/
}
#linemsg{
	 z-index: 9999;
      /*display:none;*/
      
			width:40px;
      height:40px;
      /*
      width:55px;
      height:auto;*/
      /*border: 1px solid #c00018;*/
      position:fixed;
      right:15px;
      bottom:8px;
      /*background:url(line_icon.png) no-repeat 0px 0px;    */
      /*background:url(line.png) no-repeat 0px 0px;    */
      cursor: pointer;
}
#fbmsg{
	 /*z-index: 9999;*/
      display:none;
      width:55px;
      height:55px;
      position:fixed;
      right:4px;
      bottom:0px;
      background:url(fb_icon.png) no-repeat 0px 0px;    
      cursor: pointer;
}