@media only screen and (max-width:768px){


.pdmenudiv{
	width:98%;
	height:auto;
	margin:10px 1%; 
	padding:0;
	text-align:left; 	
}

.pdmenubt{
	display:block;
	width:auto;
	height:auto;
	margin:0 5px 5px 0; 
	padding:5px 8px;
	font-size:16px;
	line-height:25px;
	font-weight:300;
	text-align:center; 
	letter-spacing:0;
	color:#111;	
	border: 1px solid #898989;
	float:left;
}

.pdmenubt2{
	display:block;
	width:auto;
	height:auto;
	margin:0 5px 5px 0; 
	padding:5px 8px;
	font-size:16px;
	line-height:25px;
	font-weight:300;
	text-align:center; 
	letter-spacing:0;
	color:#fff;	
	border: 1px solid #898989;
	float:left;
	background-color:#898989;
}



.pdmenudiv2{
	width:100%;
	height:auto;
	margin:2px 0 20px 0; 
	padding:0;
	text-align:left; 	
}


.pdmenubts{
	display:block;
	width:auto;
	height:auto;
	margin:5px 8px 5px 0; 
	padding:0 8px 0 0;
	font-size:16px;
	line-height:16px;
	font-weight:300;
	text-align:left; 
	letter-spacing:0;
	color:#111;	
	float:left;
	border-right: 1px solid #898989;
}



.pdmenubts2{
	display:block;
	width:auto;
	height:auto;
	margin:5px 8px 5px 0; 
	padding:0 8px 0 0;
	font-size:16px;
	line-height:16px;
	font-weight:300;
	text-align:left; 
	letter-spacing:0;
	color:#c00000;
	float:left;
	border-right: 1px solid #898989;

}

.obestpddiv{
	width:90%;
	margin:0 5%;
	text-align: center;
}
.obestpddiv2{
	width:95%;
	margin:0;
	text-align: center;
}

/*product7內容*/


.mainbox2 {
	width:98%;
	height:auto;
	margin:10px 1% 10px 1%;	
	padding:0 0 10px 0; 
	position: relative;
	overflow: hidden;
	float: left;
	display:none;
}
.mainbox2 > img {
	display: block;
	z-index: 10;
}

.mainbox2 > a {
	text-decoration: none;
}


.mainbox2by2{
	width:48%;
	height:auto;
	margin:5px 0.5%;		
}


.mainbox2by3{
	width:48%;
	height:auto;
	margin:5px 1%;		
}

.mainbox2by4{
	width:48%;
	height:auto;
	margin:5px 1%;		
}

.mainbox2by4s{
	position:relative;
	width:45%;
	height:auto;
	margin:10px 1%;	
	padding:20px 1% 0 1%;
	border:1px solid #52C3F1; 
}

.mboxpdname{
	display : block;
	color:#282828;
	width:90%;
	height:auto;
	line-height:26px;
	font-size:16px;
	font-weight:700;
	margin:0; 
	padding:8px 5%; 
	letter-spacing:1px;	
	float:left;
	text-align: left; 
}

.mboxpdname a{color:#9a1d20;}
.mboxpdname a span{color:#E16106;}
.mboxpdname span{
	color:#C32700;
	font-size:20px !important;
}

.mboxpdname2{
	display : block;
	width:100%;
	height:60px;
	color:#7a7a7a;
	line-height:25px;
	font-size:14px;
	font-weight:300;
	margin:0; 
	padding:5px 0 0 0; 
	letter-spacing:0px;
	text-align: center; 	
}

.mboxpdname2 a{color:#7a7a7a;}
.mboxpdname2 span{
	color:#C32700;
	font-size:14px !important;
}


.mboxpdprice{
	width:60%;
	height:auto;
	display : block;
	color:#9a1d20;
	line-height:48px;
	font-size:42px;
	font-weight:700;
	margin:0; 
	padding:0 0 0 40%; 
	letter-spacing:1px;	
	float:left;
}

.mboxpdprice span{
	color:#9a1d20;
	line-height:28px;
	font-size:16px;
	font-weight:700;
	margin:0; 
	padding:0 0 0 3px; 
	letter-spacing:1px;
}



}

@media only screen and (min-width:768px){



.obestpddiv{
	width:100%;
	height:auto;
	margin:0;
	text-align: left;
}
.obestpddiv2{
	width:100%;
	height:auto;
	margin:0;
	text-align: left;
}


/*product7內容*/

.mainbox2 {
	width:46%;
	height:auto;
	margin:10px 2% 5px 2%;	
	position: relative;
	overflow: hidden;
	float: left;
	display:none;

}


.mainbox2 > a {
	text-decoration: none;
}


.mainbox2by2{
	position:relative;
	width:48%;
	height:auto;
	margin:10px 1%;	
}


.mainbox2by3{
	position:relative;
	width:31.3%;
	height:auto;
	margin:10px 1%;		
}



.mboxpdcname{
	color:#E16106;
	font-size:13px;
	font-weight:700;
	padding:10px 10px 5px 0;
	margin:0 0 5px 0;
	font-family: 'Didot';
	text-rendering: optimizeLegibility;
	letter-spacing:1px;
	line-height:24px;
}

.mboxpdname{
	display : none;
	color:#282828;
	width:50%;
	height:70px;
	line-height:28px;
	font-size:16px;
	font-weight:700;
	margin:0; 
	padding:20px 3% 20px 7%; 
	letter-spacing:1px;	
	float:left;
	text-align: left; 
}

.mboxpdname a{color:#9a1d20;}
.mboxpdname a span{color:#E16106;}


.mboxpdname3{
	display: block;
	position:relative;
	width:480px;	
	color:#111;
	line-height:28px;
	font-size:16px;
	font-weight:700;
	margin:-20px 0 0 30px; 
	padding:0 15px 20px 0; 
	letter-spacing:1px;	
	text-align: left; 
}

.mboxpdprice{
	width:40%;
	height:70px;
	display : block;
	color:#9a1d20;
	line-height:48px;
	font-size:42px;
	font-weight:700;
	margin:0; 
	padding:20px 0 0 0; 
	letter-spacing:1px;	
	float:left;
}

.mboxpdprice span{
	color:#9a1d20;
	line-height:28px;
	font-size:16px;
	font-weight:700;
	margin:0; 
	padding:40px 0 0 3px; 
	letter-spacing:1px;
}


.uline{
	color:#442513;
	font-size:13px;
	font-weight:700;
	padding:0 0 5px 0;
	margin:0 0 5px 0; 
	text-decoration:underline;

}



}



@media (min-width: 768px) and (max-width:1400px) {

.mainbox2by4{
	position:relative;
	width:23%;
	height:30vw;
	margin:10px 1%;	
	padding:20px 0 0 0;
}


.mainbox2by4s{
	position:relative;
	width:21.5%;
	height:30vw;
	margin:10px 0.5%;	
	padding:20px 1% 0 1%;
	border:1px solid #52C3F1; 
}

}

@media (min-width: 1400px) and (max-width:1600px) {

.mainbox2by4{
	position:relative;
	width:23%;
	height:26vw;
	margin:10px 1%;	
	padding:20px 0 0 0;
}


.mainbox2by4s{
	position:relative;
	width:21.5%;
	height:26vw;
	margin:10px 0.5%;	
	padding:20px 1% 0 1%;
	border:1px solid #52C3F1; 
}

}




@media only screen and (min-width:1600px){

.mainbox2by4{
	position:relative;
	width:23%;
	height:21vw;
	margin:10px 1%;	
	padding:20px 0 0 0;
}


.mainbox2by4s{
	position:relative;
	width:21.5%;
	height:21vw;
	margin:10px 0.5%;	
	padding:20px 1% 0 1%;
	border:1px solid #52C3F1; 
}

}






@media (min-width: 768px) and (max-width:1200px) {



.pdmenudiv{
	width:100%;
	height:auto;
	margin:10px 0; 
	padding:0;
	text-align:left; 	
}


.pdmenubt{
	display:block;
	width:auto;
	height:auto;
	margin:0 10px 5px 0; 
	padding:5px 15px;
	font-size:20px;
	line-height:28px;
	font-weight:300;
	text-align:center; 
	letter-spacing:0;
	color:#111;	
	border: 1px solid #898989;
	float:left;
}



.pdmenubt2{
	display:block;
	width:auto;
	height:auto;
	margin:0 10px 5px 0; 
	padding:5px 15px;
	font-size:20px;
	line-height:28px;
	font-weight:300;
	text-align:center; 
	letter-spacing:0;
	color:#fff;	
	border: 1px solid #898989;
	float:left;
	background-color:#898989;
}


.pdmenudiv2{
	width:100%;
	height:auto;
	margin:2px 0 20px 0; 
	padding:0;
	text-align:left; 	
}


.pdmenubts{
	display:block;
	width:auto;
	height:auto;
	margin:5px 8px 5px 0; 
	padding:0 8px 0 0;
	font-size:18px;
	line-height:18px;
	font-weight:300;
	text-align:left; 
	letter-spacing:0;
	color:#111;	
	float:left;
	border-right: 1px solid #898989;
}



.pdmenubts2{
	display:block;
	width:auto;
	height:auto;
	margin:5px 8px 5px 0; 
	padding:0 8px 0 0;
	font-size:18px;
	line-height:18px;
	font-weight:300;
	text-align:left; 
	letter-spacing:0;
	color:#c00000;
	float:left;
	border-right: 1px solid #898989;

}

.mboxpdname2{
	display:block;
	width:100%;
	height:80px;
	color:#7a7a7a;
	line-height:21px;
	font-size:14px;
	font-weight:300;
	margin:0; 
	padding:5px 0 0 0; 
	letter-spacing:0px;
	text-align: center; 	
}

.mboxpdname2 a{color:#7a7a7a;}
.mboxpdname2 span{
	color:#C32700!important;
	font-size:20px !important;
}

}

@media only screen and (min-width:1200px){

.pdmenudiv{
	width:100%;
	height:auto;
	margin:10px 0; 
	padding:0;
	text-align:left; 	
}


.pdmenubt{
	display:block;
	width:auto;
	height:auto;
	margin:0 10px 5px 0; 
	padding:5px 15px;
	font-size:20px;
	line-height:28px;
	font-weight:300;
	text-align:center; 
	letter-spacing:0;
	color:#111;	
	border: 1px solid #898989;
	float:left;
}



.pdmenubt2{
	display:block;
	width:auto;
	height:auto;
	margin:0 10px 5px 0; 
	padding:5px 15px;
	font-size:20px;
	line-height:28px;
	font-weight:300;
	text-align:center; 
	letter-spacing:0;
	color:#fff;	
	border: 1px solid #898989;
	float:left;
	background-color:#898989;
}


.pdmenudiv2{
	width:100%;
	height:auto;
	margin:2px 0 20px 0; 
	padding:0;
	text-align:left; 	
}


.pdmenubts{
	display:block;
	width:auto;
	height:auto;
	margin:5px 8px 5px 0; 
	padding:0 8px 0 0;
	font-size:18px;
	line-height:18px;
	font-weight:300;
	text-align:left; 
	letter-spacing:0;
	color:#111;	
	float:left;
	border-right: 1px solid #898989;
}



.pdmenubts2{
	display:block;
	width:auto;
	height:auto;
	margin:5px 8px 5px 0; 
	padding:0 8px 0 0;
	font-size:18px;
	line-height:18px;
	font-weight:300;
	text-align:left; 
	letter-spacing:0;
	color:#c00000;
	float:left;
	border-right: 1px solid #898989;

}




.mboxpdname2{
	display:block;
	width:100%;
	height:100px;
	color:#7a7a7a;
	line-height:28px;
	font-size:16px;
	font-weight:300;
	margin:0; 
	padding:5px 0 0 0; 
	letter-spacing:0px;
	text-align: center; 	
}

.mboxpdname2 a{color:#7a7a7a;}
.mboxpdname2 span{
	color:#C32700!important;
	font-size:20px !important;
}

}

.mboxpdname2 a:hover{color:#f00000;}
.mboxpdname2:hover a{color:#f00000;}
.mboxpdname2:hover{color:#f00000;}


.pdmenubt a{color:#111;}
.pdmenubt a:hover{background-color:#E2FFF9;color:#00A6C3;}
.pdmenubt:hover{background-color:#E2FFF9;color:#00A6C3;}
.pdmenubt2 a{color:#fff;}
.pdmenubt2:hover{color:#fff;}


/*  */

@media only screen and (max-width:768px){

.pdstyle7 {
	position:relative;
	width:100%;
	height:40vw;
	overflow:hidden;
	margin: 0;
	padding:0;
	background:#fff;
	display: table-cell;
	vertical-align: middle;
}


.pdstyle7 img {
	width:100%;
	height:auto;
	margin:5px 0 0 0;
	border:0;
	display:block;
}

.pdstyle7 .info{display:none;}
	
.pdstyle7 .text {   
	font-family: 'Didot';
	color: #fff;
	padding: 2px 0 15px 0;
	text-align:center;
	border:none;
	}


.pdstyle7 .title {
	font-family: 'Didot';
	text-rendering: optimizeLegibility;
	color: #fff;
	text-transform:uppercase;
	font-size:18px;
	line-height:1em;
	letter-spacing:0px;
	line-height:150%;
	}

.pdstyle7 .title a{
	font-size:18px;
	line-height:1em;
	letter-spacing:0px;
	line-height:150%;
}
	
.pdstyle7 .type {
	font-family: 'Didot-italic';
	padding-top:10px;
	color: #ababab;
    	font-size:15px;
	line-height:160%;
    	letter-spacing:0px;
	text-transform:none;
	font-weight:300;
	}

}

@media (min-width: 768px) and (max-width:1200px) {


.pdstyle7 {
	position:relative;
	width:100%;
	height:18vw;
	overflow:hidden;
	margin: 0;
	padding:0;
	background:#fff;
	display: table-cell;
	vertical-align: middle;
}

.pdstyle7 .pimg {
	width:100%;
	height:auto;
	margin:0;	
	padding:0;
	background: #fff;
}

.pdstyle7 img {
	width:100%;
	height:auto;
	margin:0;
	border:0;
	display:block;
    	-moz-transform:scale(1);
    	-webkit-transform:scale(1);
    	-o-transform:scale(1);
    	transform:scale(1);
    	-webkit-transition: all 0.4s ease;
    	-moz-transition: all 0.4s ease;
    	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;

}


.pdstyle7 .info {
	background: no-repeat rgba(255, 204, 0, 0.8);
	opacity: 0;
	-webkit-transition: opacity .5s ease;
    	-moz-transition: opacity .5s ease;
    	-o-transition: opacity .5s ease;
    	transition: opacity .5s ease;
    	left: 0;    
	top: 0;
    	position: absolute;    
	height:70%;
	width:100%;
	text-align:center;
	margin:0;
	padding:30% 0 0 0;

	}

	
.pdstyle7:hover .info {
	opacity: 0.8;
	}

.pdstyle7:hover img {    
	cursor: pointer;
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
	
	
.pdstyle7 .text {   
	font-family: 'Didot';
	color: #111;
	padding: 30px 0;
	text-align:center;
	border:none;
	}


.pdstyle7 .title {
	font-family: 'Didot';
	text-rendering: optimizeLegibility;
	color: #111;
	text-transform:uppercase;
	font-size:16px;
	line-height:1em;
	letter-spacing:0px;
	line-height:21px;
	padding:0;
	margin:0;
	}

	
.pdstyle7 .type {
	font-family: 'Didot-italic';
	padding-top:10px;
	color: #111;
    	font-size:14px;
	line-height:180%;
    	letter-spacing:0px;
	text-transform:none;
	}


}


@media (min-width: 1200px) and (max-width:1600px) {


.pdstyle7 {
	position:relative;
	width:100%;
	height:16vw;
	overflow:hidden;
	margin: 0;
	padding:0;
	background:#fff;
	display: table-cell;
	vertical-align: middle;
}

.pdstyle7 .pimg {
	width:100%;
	height:auto;
	margin:0;	
	padding:0;
	background: #fff;
}

.pdstyle7 img {
	width:100%;
	height:auto;
	margin:0;
	border:0;
	display:block;
    	-moz-transform:scale(1);
    	-webkit-transform:scale(1);
    	-o-transform:scale(1);
    	transform:scale(1);
    	-webkit-transition: all 0.4s ease;
    	-moz-transition: all 0.4s ease;
    	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;

}


.pdstyle7 .info {
	background: no-repeat rgba(255, 204, 0, 0.8);
	opacity: 0;
	-webkit-transition: opacity .5s ease;
    	-moz-transition: opacity .5s ease;
    	-o-transition: opacity .5s ease;
    	transition: opacity .5s ease;
    	left: 0;    
	top: 0;
    	position: absolute;    
	height:70%;
	width:100%;
	text-align:center;
	margin:0;
	padding:30% 0 0 0;

	}

	
.pdstyle7:hover .info {
	opacity: 0.8;
	}

.pdstyle7:hover img {    
	cursor: pointer;
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
	
	
.pdstyle7 .text {   
	font-family: 'Didot';
	color: #111;
	padding: 30px 0;
	text-align:center;
	border:none;
	}


.pdstyle7 .title {
	font-family: 'Didot';
	text-rendering: optimizeLegibility;
	color: #111;
	text-transform:uppercase;
	font-size:18px;
	line-height:1em;
	letter-spacing:0px;
	line-height:40px;
	padding:0;
	margin:0;
	}

	
.pdstyle7 .type {
	font-family: 'Didot-italic';
	padding-top:10px;
	color: #111;
    	font-size:14px;
	line-height:180%;
    	letter-spacing:0px;
	text-transform:none;
	}


}

@media only screen and (min-width:1600px){


.pdstyle7 {
	position:relative;
	width:100%;
	height:14vw;
	overflow:hidden;
	margin: 0;
	padding:0;
	background:#fff;
	display: table-cell;
	vertical-align: middle;
}

.pdstyle7 .pimg {
	width:100%;
	height:auto;
	margin:0;	
	padding:0;
	background: #fff;
}

.pdstyle7 img {
	width:100%;
	height:auto;
	margin:0;
	border:0;
	display:block;
    	-moz-transform:scale(1);
    	-webkit-transform:scale(1);
    	-o-transform:scale(1);
    	transform:scale(1);
    	-webkit-transition: all 0.4s ease;
    	-moz-transition: all 0.4s ease;
    	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;

}


.pdstyle7 .info {
	background: no-repeat rgba(255, 204, 0, 0.8);
	opacity: 0;
	-webkit-transition: opacity .5s ease;
    	-moz-transition: opacity .5s ease;
    	-o-transition: opacity .5s ease;
    	transition: opacity .5s ease;
    	left: 0;    
	top: 0;
    	position: absolute;    
	height:85%;
	width:100%;
	text-align:center;
	margin:0;
	padding:35% 0 0 0;

	}

	
.pdstyle7:hover .info {
	opacity: 0.8;
	}

.pdstyle7:hover img {    
	cursor: pointer;
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
	
	
.pdstyle7 .text {   
	font-family: 'Didot';
	color: #111;
	padding: 30px 0;
	text-align:center;
	border:none;
	}


.pdstyle7 .title {
	font-family: 'Didot';
	text-rendering: optimizeLegibility;
	color: #111;
	text-transform:uppercase;
	font-size:20px;
	line-height:1em;
	letter-spacing:0px;
	line-height:40px;
	padding:0;
	margin:0;
	}

	
.pdstyle7 .type {
	font-family: 'Didot-italic';
	padding-top:10px;
	color: #111;
    	font-size:14px;
	line-height:180%;
    	letter-spacing:0px;
	text-transform:none;
	}

}



.red18font{
	line-height:180%;
	font-size:1.8em;
	font-weight:700;
	color:#990000;
}



/*   */



/*  */

@media only screen and (max-width:768px){

.productmaindiv{
	width:94%;
	height:auto
	margin:0 auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:1%;
	margin-right:1%;
	padding:2%;
	background: rgba(255,255,255,0.8);
	-webkit-box-shadow: 2px 2px 4px rgba(20%,20%,40%,0.6);
	-moz-box-shadow: 2px 2px 4px rgba(20%,20%,40%,0.6);
	box-shadow: 2px 2px 4px rgba(20%,20%,40%,0.6);	
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.prdtitle{
	width:98%;
	height:auto
	margin:10px 0;
	padding:5px 1%;
	border-bottom:1px solid #bbb;
        font-size: 18px;
        font-weight: 700;
        color: #111;
        letter-spacing: 0px;
	text-align:left;
}

.zonetitle{
	display:block;
	width:200px;
	height:auto
	margin:20px 0 20% 2%;
	padding:3px 0;
        font-size: 22px;
        font-weight: 700;
        color: #EA100F;
	border-bottom:1px solid #777;
        letter-spacing: 1px;
	text-align:left;
}

.pdimg{
	width:100%;
	height:auto
	margin:10px 0;
	padding:0;
	background:#fff;
}

.showbox{
	width:100%;
	padding:0;
	text-align:center;
}

.showbox img{
	width: 90%; 
	height:auto;
	margin:0 5%;
	padding:0;
	
}
.showsmall{
	width:100%;
	height: auto;
}

.showsmall img{
	width: 20%; 
	height:auto;
	margin:1%;
	padding:1%;
	float:left;
	border:1px solid #ddd;
	cursor: pointer;
	background:#fff;
}

.pdescdiv{
	width:96%;
	height:auto;
	text-align:left;
	padding:20px 2%;
	line-height:180%!important;
	font-size:12px!important;
	font-weight:300!important;
	letter-spacing:0px!important;
	color:#111;
}

}

@media (min-width: 768px) and (max-width:1200px) {

.productmaindiv{
	width:94%;
	height:auto
	margin:0 auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:1%;
	margin-right:1%;
	padding:2%;
	background: rgba(255,255,255,0.8);
	-webkit-box-shadow: 2px 2px 4px rgba(20%,20%,40%,0.6);
	-moz-box-shadow: 2px 2px 4px rgba(20%,20%,40%,0.6);
	box-shadow: 2px 2px 4px rgba(20%,20%,40%,0.6);	
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align:center;
}

.prdtitle{
	width:98%;
	height:auto
	margin:10px 0;
	padding:5px 1%;
	border-bottom:1px solid #bbb;
        font-size: 20px;
        font-weight: 700;
        color: #111;
        letter-spacing: 0px;
	text-align:left;
}

.zonetitle{
	display:block;
	width:200px;
	height:auto
	margin:20px 0 20% 2%;
	padding:3px 0;
        font-size: 22px;
        font-weight: 700;
        color: #EA100F;
	border-bottom:1px solid #777;
        letter-spacing: 1px;
	text-align:left;
}

.pdimg{
	width:100%;
	height:auto
	margin:10px 0;
	padding:0;
	background:#fff;
}

.showbox{
	width:58%;
	float:left;
	padding:0 2% 0 0;
	text-align:center;
}

.showbox img{
	width: auto; 
	height:200px;
	margin:0;
	padding:0;
	
}
.showsmall{
	width:40%;
	float:left;
	height: auto;
}

.showsmall img{
	width: 20%; 
	height:auto;
	margin:1%;
	padding:1%;
	float:left;
	border:1px solid #ddd;
	cursor: pointer;
	background:#fff;
}

.pdescdiv{
	width:96%;
	height:auto;
	text-align:left;
	padding:20px 2%;
	line-height:180%!important;
	font-size:14px!important;
	font-weight:300!important;
	letter-spacing:1px!important;
	color:#111;
}

}

@media only screen and (min-width:1200px){

.productmaindiv{
	width:96%;
	height:auto
	margin:10px 0;
	padding:2%;
	background: rgba(255,255,255,0.8);
	-webkit-box-shadow: 2px 2px 4px rgba(20%,20%,40%,0.6);
	-moz-box-shadow: 2px 2px 4px rgba(20%,20%,40%,0.6);
	box-shadow: 2px 2px 4px rgba(20%,20%,40%,0.6);	
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.prdtitle{
	width:98%;
	height:auto
	margin:10px 0;
	padding:5px 1%;
	border-bottom:1px solid #bbb;
        font-size: 22px;
        font-weight: 700;
        color: #111;
        letter-spacing: 1px;
	text-align:left;
}

.zonetitle{
	display:block;
	width:200px;
	height:auto
	margin:20px 0 20% 2%;
	padding:3px 0;
        font-size: 28px;
        font-weight: 700;
        color: #EA100F;
	border-bottom:1px solid #777;
        letter-spacing: 0px;
	text-align:left;
}

.pdimg{
	width:100%;
	height:auto
	margin:10px 0;
	padding:0;
	background:#fff;
	border:1px solid #ddd;
}

.showbox{
	width:48%;
	float:left;
	padding:0 2% 0 0;
	text-align:center;
}

.showbox img{
	width: auto; 
	height:240px;
	margin:0;
	padding:0;
	
}
.showsmall{
	width:50%;
	float:left;
	height: auto;
}

.showsmall img{
	width: 20%; 
	height:auto;
	margin:1%;
	padding:1%;
	float:left;
	border:1px solid #ddd;
	cursor: pointer;
	background:#fff;
}

.pdescdiv{
	width:100%;
	height:auto;
	text-align:left;
	padding:30px 0;
	line-height:180%!important;
	font-size:16px!important;
	font-weight:300!important;
	letter-spacing:1px!important;
	color:#111;
}


}



.pdescdiv img{
	width:100% !important;
	height:auto !important;
	margin:0 !important; 
	padding:10px 0 !important;
	border:0 !important;
}


.pdescdiv table{
	width:100%;
	border: 1px solid #777;
}

.pdescdiv th{
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	text-align:center;
	padding:2px;  
}
.pdescdiv th:hover
        {

 }
.pdescdiv tr{
	border-bottom: 1px solid #E1E1E1;
	word-wrap:break-word; 
	word-break:normal;
}
.pdescdiv tr:hover{

}
.pdescdiv td{
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	word-wrap:break-word; 
	word-break:normal;             
	padding:2px;  
}



/* 商品內頁 */
@media only screen and (max-width:768px){
.product{
	width:96%;
	margin:20px 2% 0 2%;
}

.pdimg{
	width:95%;
	float:left;
	padding:0 10px 0 5px;
}

.showbox img{
	width:95%;
	margin:3px;
}
.showsmall{
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
}

.pdspicdiv {
	width: 23%;
	border: 1px solid #CCC;
	height: auto;
	float:left;
	margin:1px;
}
.pdspicdiv a img {
	width: 95%;
	display:table-cell;
	vertical-align:middle;
	margin:1px;
}

.product .text {width:95%;float:right;font-family:Verdana, Geneva, sans-serif; font-size:1.1em; padding-right:10px;text-align:left; }
.product .text2 {display:none; }
.product .text3 {width:95%;float:right;font-family:Verdana, Geneva, sans-serif; font-size:1.1em; padding-right:10px;text-align:left; }


.productdesc{
	width:96%;
	height:auto; 
	padding:20px 0 0 0;
	margin:0 2%;
	letter-spacing:0px;
	line-height:25px;
	color:#111;
	font-size:16px;
	font-weight:300;
	text-align: left;
}

.productdesc img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;	
}

.buttondiv{
	width:90%;
	height:auto; 
	padding:20px 0;
	margin:0 5%;
	text-align:center;
}


}
@media only screen and (min-width:768px){
.product{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.pdimg{
	width:40%;
	height:auto;
	float:left;
	padding:0;
	border: 0px;
}

.showbox{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.showbox img{
	width:96%;
	height:auto;
	margin:20px 2% 10px 2%;
	padding:0;
}
.showsmall{
	margin-top: 10px;
	width: 100%;
	height: auto;
}

.pdspicdiv {
	width: 21%;
	border: 1px solid #efefef;
	height: 80px;
	float:left;
	margin:1%;
	text-align:center;
}
.pdspicdiv a img {
	display:table-cell;
	vertical-align:middle;
	margin:3px auto;
}

.product .text {
	width:50%;
	float:left;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:1.1em; 
	padding:0;
	text-align:left; 
}

.product .text2 {
	width:55%;
	height:auto;
	float:left;
	padding:0 0 0 3%;
	text-align:left; 
}

.product .text3 {display:none; }

.productdesc{
	width:90%;
	height:auto; 
	padding:20px 0 0 0;
	margin:0 5%;
	letter-spacing:1px;
	line-height:25px;
	color:#111;
	font-size:16px;
	font-weight:300;
	text-align: left;
}

.productdesc img{
	width:90%!important;
	height:auto!important;
	margin:0!important;
	padding:0!important;	
}

.buttondiv{
	width:90%;
	height:auto; 
	padding:20px 0;
	margin:30px 10% 0 0;
	text-align:center;
}


}





.text .keyno{ font-size:18px; line-height:180%; position:relative;color:#0094A5;}
.text .title{
	font-size:16px; 
	line-height:150%;
	color:#333;
}

.text2 .keyno{ font-size:20px; line-height:32px; font-weight:700;position:relative;color:#0094A5;padding:10px 0;}
.text2 .title{
	font-size:16px; 
	line-height:150%;
	color:#333;
}
.text2 .reprice{ 
	font-size:16px; 
	line-height:150%;
	color:#333;
 }
.text2 .price{ min-height:80px;font-size:18px;  font-weight:300; line-height:28px; position:relative; color:#C32700; }
.text2 .price span{ font-size:16px; line-height:28px; font-weight:300; position:relative; color:#666; }
.text2 .about{ 
	margin:10px 0px;
	padding:10px 0;
	font-size:16px; 
	line-height:150%;
	color:#333; 
	border-top:1px solid #ccc; 
}

.text3 .keyno{ font-size:18px; line-height:150%; position:relative;color:#0094A5;padding:10px 0;}
.text3 .title{
	font-size:16px; 
	line-height:150%;
	color:#333;
}
.text3 .reprice{ 
	font-size:16px; 
	line-height:150%;
	color:#333;
}
.text3 .price{ font-size:18px; line-height:28px; font-weight:300; position:relative; color:#C32700; }
.text3 .price span{ font-size:16px; line-height:28px;position:relative; color:#666; }
.text3 .about{ 
	margin:10px 0px 35px 0;
	padding:10px 0;
	font-size:16px; 
	line-height:150%;
	color:#333; 
	border-top:1px solid #ccc; 
}


/*  */

@media only screen and (max-width:768px){

.urldiv{
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:5px 0 10px 0;
	color: #111;
	font-size:14px;
	line-height:18px;
	letter-spacing:1px;
	border-bottom: 1px dashed #ccc;
}


}

@media (min-width: 768px) and (max-width:1200px) {

.urldiv{
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:5px 0 10px 0;
	color: #111;
	font-size:14px;
	line-height:18px;
	letter-spacing:1px;
	border-bottom: 1px dashed #ccc;
}


}

@media only screen and (min-width:1200px){

.urldiv{
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:5px 0 10px 0;
	color: #111;
	font-size:16px;
	line-height:18px;
	letter-spacing:1px;
	border-bottom: 1px dashed #ccc;
}




}



/*  */

@media only screen and (max-width:768px){


}

@media (min-width: 768px) and (max-width:1200px) {



}

@media only screen and (min-width:1200px){



}