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


.pdmpagediv1{
	width:200px;
	height:auto;
	min-height:300px;
	margin:0 0 120px 0;
	padding:0;
	text-align:left;
	float:left;
	font-size:15px;
	font-weight:700;
	line-height: 30px;
	color:#111;
	letter-spacing:1px;

}

.pdmpagediv1 span{
	font-size:13px;
	font-weight:300;
	line-height: 30px;
	color:#898989;
	letter-spacing:1px;
	padding:0 5px 0 0;
}

.pdmpagediv2{
	width:880px;
	height:auto;
	margin:0;
	padding:0 0 0 20px;
	text-align:left;
	float:left;
}

.pdmpagepic{
	width:96%;
	height:auto;
	margin:0;
	padding:2%;
	border:1px solid #a8a8a8; 	
}

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


.pdmenudiv{
	width:92%; 
	height:auto;
	min-height:300px;
	padding:4%;
	margin:10px 0 20px 0;
	border:1px solid #a8a8a8; 
}

.pdmenuitem0{
	width:100%;
	height:auto;
	word-wrap:break-word; word-break:break-all;
	border-bottom:1px solid #efefef; 
	font-size:16px;
	font-weight:700;
	line-height:36px;
	color:#287990;
	letter-spacing:1px;
	background-color:#ECF9FF;
}

.pdmenuitem0 a{color:#287990;}
.pdmenuitem0 a:hover{color:#1E5C6D;}
.pdmenuitem0:hover{color:#000;}
.pdmenuitem0:hover a{color:#000;}
.pdmenuitem0:hover span{color:#1E5C6D;}
.pdmenuitem0 span{
	font-size:14px;
	font-weight:700;
	line-height:36px;
	font-family:Tahoma,Helvetica,sans-serif;
	color:#8DC0CE;
	letter-spacing:1px;	
}


.pdmenuitem{
	width:100%;
	height:auto;
	word-wrap:break-word; word-break:break-all;
	border-bottom:1px solid #efefef; 
	font-size:15px;
	font-weight:700;
	line-height:31px;
	color:#287990;
	letter-spacing:1px;
}

.pdmenuitem a{color:#287990;}
.pdmenuitem a:hover{color:#1E5C6D;}
.pdmenuitem:hover{background-color:#efefef;color:#000;}
.pdmenuitem:hover a{color:#000;}
.pdmenuitem:hover span{color:#1E5C6D;}
.pdmenuitem span{
	font-size:11px;
	font-weight:700;
	line-height:31px;
	font-family:Tahoma,Helvetica,sans-serif;
	color:#8DC0CE;
	letter-spacing:1px;	
}

.pdmenuitem2{
	width:90%;
	height:auto;
	padding:0 0 0 10%;
	word-wrap:break-word; word-break:break-all;
	border-bottom:1px dashed #efefef; 
	font-size:13px;
	font-weight:700;
	line-height:31px;
	color:#287990;
	letter-spacing:1px;
}
.pdmenuitem2 a{color:#287990;}
.pdmenuitem2 a:hover{color:#1E5C6D;}
.pdmenuitem2:hover{background-color:#efefef;color:#000;}
.pdmenuitem2:hover a{color:#000;}
.pdmenuitem2:hover span{color:#1E5C6D;}

.pdmenuitem2 span{
	font-size:9px;
	font-weight:700;
	line-height:31px;
	font-family:Tahoma,Helvetica,sans-serif;
	color:#8DC0CE;
	letter-spacing:1px;	
}

.pdlinks{
	width:100%; 
	height:auto;
	padding:0;
	margin:10px 0 0 0;
	font-size:15px;
	font-weight:700;
	line-height:31px;
	color:#84C225;
	letter-spacing:1px;
}


}

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

.pdmpagediv1{
	width:200px;
	height:auto;
	min-height:300px;
	margin:0 0 120px 0;
	padding:0;
	text-align:left;
	float:left;
	font-size:15px;
	font-weight:700;
	line-height: 30px;
	color:#111;
	letter-spacing:1px;

}

.pdmpagediv1 span{
	font-size:13px;
	font-weight:300;
	line-height: 30px;
	color:#898989;
	letter-spacing:1px;
	padding:0 5px 0 0;
}

.pdmpagediv2{
	width:880px;
	height:auto;
	margin:0;
	padding:0 0 0 20px;
	text-align:left;
	float:left;
}

.pdmpagepic{
	width:96%;
	height:auto;
	margin:0;
	padding:2%;
	border:1px solid #a8a8a8; 	
}

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


.pdmenudiv{
	width:92%; 
	height:auto;
	min-height:300px;
	padding:4%;
	margin:10px 0 20px 0;
	border:1px solid #a8a8a8; 
}

.pdmenuitem0{
	width:100%;
	height:auto;
	word-wrap:break-word; word-break:break-all;
	border-bottom:1px solid #efefef; 
	font-size:16px;
	font-weight:700;
	line-height:36px;
	color:#287990;
	letter-spacing:1px;
	background-color:#ECF9FF;
}

.pdmenuitem0 a{color:#287990;}
.pdmenuitem0 a:hover{color:#1E5C6D;}
.pdmenuitem0:hover{color:#000;}
.pdmenuitem0:hover a{color:#000;}
.pdmenuitem0:hover span{color:#1E5C6D;}
.pdmenuitem0 span{
	font-size:14px;
	font-weight:700;
	line-height:36px;
	font-family:Tahoma,Helvetica,sans-serif;
	color:#8DC0CE;
	letter-spacing:1px;	
}


.pdmenuitem{
	width:100%;
	height:auto;
	word-wrap:break-word; word-break:break-all;
	border-bottom:1px solid #efefef; 
	font-size:15px;
	font-weight:700;
	line-height:31px;
	color:#287990;
	letter-spacing:1px;
}

.pdmenuitem a{color:#287990;}
.pdmenuitem a:hover{color:#1E5C6D;}
.pdmenuitem:hover{background-color:#efefef;color:#000;}
.pdmenuitem:hover a{color:#000;}
.pdmenuitem:hover span{color:#1E5C6D;}
.pdmenuitem span{
	font-size:11px;
	font-weight:700;
	line-height:31px;
	font-family:Tahoma,Helvetica,sans-serif;
	color:#8DC0CE;
	letter-spacing:1px;	
}

.pdmenuitem2{
	width:90%;
	height:auto;
	padding:0 0 0 10%;
	word-wrap:break-word; word-break:break-all;
	border-bottom:1px dashed #efefef; 
	font-size:13px;
	font-weight:700;
	line-height:31px;
	color:#287990;
	letter-spacing:1px;
}
.pdmenuitem2 a{color:#287990;}
.pdmenuitem2 a:hover{color:#1E5C6D;}
.pdmenuitem2:hover{background-color:#efefef;color:#000;}
.pdmenuitem2:hover a{color:#000;}
.pdmenuitem2:hover span{color:#1E5C6D;}

.pdmenuitem2 span{
	font-size:9px;
	font-weight:700;
	line-height:31px;
	font-family:Tahoma,Helvetica,sans-serif;
	color:#8DC0CE;
	letter-spacing:1px;	
}

.pdlinks{
	width:100%; 
	height:auto;
	padding:0;
	margin:10px 0 0 0;
	font-size:15px;
	font-weight:700;
	line-height:31px;
	color:#84C225;
	letter-spacing:1px;
}


}




/* 品牌故事 */

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

}

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

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

.faboutdescdiv{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:300;
	line-height:31px;
	color:#333;
	letter-spacing:1px;		
}


}


/* product */


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

.pdinner{
	width:90%;
	height:auto;
	padding:0;
	margin:0;
}

.pdodinner{
	width:90%;
	height:auto;
	padding:10px 2px;
	margin:0;
	background-color:#fff;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.productcell{
	width:90%;
	height:auto;
	padding:20px 5%;
	margin:0 1% 10px 1%;
	text-align: center;
	background: #efefef;
}


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

.productpic{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:center;
}


.productname{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:300;
	line-height:18px;
	color:#595959;
	letter-spacing:0px;	
}

.productname span{
	display:block;
	font-size:12px;
	font-weight:700;
	line-height:18px;
	color:#595959;
	letter-spacing:0px;
	word-wrap:break-word;
	word-break:normal;
}

.productprice{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:300;
	line-height:24px;
	color:#111;
	letter-spacing:0px;		
}

.productprice span{
	padding:0 0 0 5px;
	font-size:16px;
	font-weight:700;
	line-height:24px;
	color:#111;
	letter-spacing:1px;
}

}

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

.pdinner{
	width:80%;
	height:auto;
	padding:0;
	margin:0;
}

.pdodinner{
	width:80%;
	height:auto;
	padding:0;
	margin:0 20% 0 0;
}

.productcell{
	width:24%;
	height:auto;
	padding:1%;
	margin:0 5% 10px 2%;
	float:left;
	text-align: center;
	border: 1px solid #eee;
}


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

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

.productname{
	width:100%;
	height:80px;
	padding:0;
	margin:0;
	text-align:left;
	font-size:13px;
	font-weight:300;
	line-height:16px;
	color:#111;
	letter-spacing:0px;	
}

.productname span{
	display:block;
	font-size:12px;
	font-weight:300;
	line-height:12px;
	color:#333;
	word-wrap:break-word;
	word-break:normal;
}

.productprice{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:300;
	line-height:24px;
	color:#595959;
	letter-spacing:0px;		
}

.productprice span{
	padding:0 0 0 5px;
	font-size:16px;
	font-weight:700;
	line-height:24px;
	color:#595959;
	letter-spacing:1px;
}


}


/* pdmain */

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


.pdmaindiv1{
	width:90%;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
}

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

.pdmaindiv2{
	width:90%;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	color:#CC6401;
}

.pdmainname{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	font-weight:700;
	font-size:18px;
	line-height:31px;
	color:#fff;
	letter-spacing:1px;	
}

.pdmainname span{
	font-weight:300;
	font-size:16px;	
}

.pdmaintitle{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	font-weight:700;
	font-size:14px;
	line-height:31px;
	color:#efefef;
	letter-spacing:0px;	
}

.pdmainprome{
	width:100%;
	height:auto;
	padding:0 ;
	margin:10px 0 10px 0;
	font-weight:300;
	font-size:14px;
	line-height:31px;
	color:#efefef;
	letter-spacing:0px;	
}

.pdmainpricediv{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	font-weight:700;
	font-size:18px;
	line-height:31px;
	color:#CC6401;
	letter-spacing:1px;	

}

.pdmainpricediv span{
	font-weight:700;
	font-size:24px;
	line-height:31px;	
}

.pdmtitlediv{
	width:90%;
	height:16px;
	padding:0;
	margin:15px 0;
	border-bottom:1px solid #a8a8a8; 
}

.pdmtitlediv span{
	display:block;
	width:100px;
	height:32px;
	text-align:center;
	padding:0 30px;
	font-weight:700;
	font-size:18px;
	line-height:32px;
	color:#fff;
	letter-spacing:2px;
	background-color:#b8b8b8;
	border:1px solid #a8a8a8; 
}

.pdpicdiv{
	width:100%;
	height:auto;
	min-height:60px;
	padding:20px 0;
	margin:0;
}
.pdpicdiv img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:0;
}

.pddescdiv{
	width:90%;
	height:auto;
	min-height:60px;
	padding:0;
	margin:0 0 60px 0;
	font-weight:300;
	font-size:14px;
	line-height:25px;
	color:#fff;
	letter-spacing:0px;
}

.pddescdiv img{
	width:100%;
	height:auto;
	padding:0;
	margin:20px 0;
	border:0;
}

.buttonpd{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	width:47%;
	height:auto;
	margin:3px 1%;
	padding:8px 0;
	border: 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight:700;
	font-size:18px;
	line-height:31px;
	color:#CC6401;
	letter-spacing:1px;
	background-color:#E0DEDF;
}

.buttonpd:hover{background-color:#C2BEBF;}


}

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

.pdmaindiv1{
	width:450px;
	height:auto;
	min-height:300px;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
}

.pdmaindiv1 img{
	width:80%;
	height:auto;
	padding:0;
	margin:0 10%;
	border:0;
}

.pdmaindiv2{
	width:400px;
	height:auto;
	margin:0;
	padding:0 0 0 40px;
	text-align:left;
	float:left;
}

.pdmainname{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	font-weight:700;
	font-size:20px;
	line-height:31px;
	color:#111;
	letter-spacing:1px;	
}

.pdmainname span{
	font-weight:300;
	font-size:20px;	
}

.pdmaintitle{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	font-weight:300;
	font-size:18px;
	line-height:31px;
	color:#595959;
	letter-spacing:0px;	
}

.pdmainprome{
	width:100%;
	height:auto;
	padding:0 ;
	margin:10px 0 10px 0;
	font-weight:300;
	font-size:16px;
	line-height:31px;
	color:#595959;
	letter-spacing:0px;	
}

.pdmainpricediv{
	width:100%;
	height:auto;
	padding:0;
	margin:15px 0 0 0;
	font-weight:300;
	font-size:16px;
	line-height:31px;
	color:#CC6401;
	letter-spacing:1px;	

}

.pdmainpricediv span{
	font-weight:300;
	font-size:20px;
	line-height:31px;	
}

.pdmtitlediv{
	width:100%;
	height:16px;
	padding:0;
	margin:15px 0;
	border-bottom:1px solid #a8a8a8; 
}

.pdmtitlediv span{
	display:block;
	width:100px;
	height:32px;
	text-align:center;
	padding:0 30px;
	font-weight:700;
	font-size:18px;
	line-height:32px;
	color:#fff;
	letter-spacing:2px;
	background-color:#b8b8b8;
	border:1px solid #a8a8a8; 
}

.pdpicdiv{
	width:100%;
	height:auto;
	min-height:60px;
	padding:20px 0;
	margin:0;
}
.pdpicdiv img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:0;
}

.pddescdiv{
	width:100%;
	height:auto;
	min-height:60px;
	padding:0;
	margin:0 0 60px 0;
	font-weight:300;
	font-size:14px;
	line-height:25px;
	color:#111;
	letter-spacing:1px;
}


.buttonpd{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	width:auto;
	height:auto;
	margin:0;
	padding:6px 12px;
	border: 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight:700;
	font-size:16px;
	line-height:31px;
	color:#CC6401;
	letter-spacing:0px;
	background-color:#E0DEDF;
}

.buttonpd:hover{background-color:#C2BEBF;}



}





/* 購物車 */




.Odtitle {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    border-bottom: 7px solid #efefef;
}

.Odtitle {
    width: 100%;
    font-size: 12px;
    clear: both;
    font-family: Verdana, Geneva, sans-serif;
}

.Odtitle2 {
    width: 100%;
    font-size: 12px;
    clear: both;
    font-family: Verdana, Geneva, sans-serif;
    height:auto;
    border-top: 1px solid #ededed;
    padding: 5px 0;
    line-height: 100px;
}

    .Odtitle2 input {
        margin-top: 35px;
        margin-top: 0px\9;
    }

.odproduct {
    line-height: 30px;
    margin-top: 10px;
}

.oditem20 {
    float: left;
    width: 20%;
}

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

.carttitle {
	width:95%;
	text-align:center;
    margin: 40px 0 10px 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 31px;
}

    .pdimgitem {
        display: none;
    }

        .pdimgitem img {
            display: none;
        }

    .oditem35 {
        float: left;
        width: 35%;
        vertical-align: middle;
    }

    .oditem30 {
        float: left;
        width: 20%;
        vertical-align: middle;
        word-wrap: break-word;
        word-break: normal;
        line-height: 20px;
    }

    .oditem15 {
        float: left;
        width: 15%;
        text-align: center;
    }

        .oditem15 input {
            width: 50px;
            height: 30px;
            border: 1px solid #c2c2c2;
            line-height: 30px;
            text-align: center;
            margin-top: 30px;
        }

    .oditem40 {
        float: left;
        width: 40%;
        text-align: left;
        word-wrap: break-word;
        word-break: normal;
        line-height: 20px;
	margin-top: 30px;
    }

    .oditem10 {
        float: left;
        width: 15%;
        text-align: center;
        word-wrap: break-word;
        word-break: normal;
        line-height: 20px;
	margin-top: 30px;
    }

        .oditem10 span {
            font-weight: 700;
            color: #000;
        }

        .oditem10 img {
            width: 70px;
            height: 70px;
        }

        .oditem10 input {
            width: 50px;
            height:auto;
            border: 1px solid #c2c2c2;
            text-align: center;
	    margin: 0;
        }

        .oditem10 .Delete {
            display: block;
            width: 37px;
            height: 37px;
            background: url(../images/Delete_icon.gif) no-repeat;
            text-indent: -199999px;
            margin: 0;
        }

            .oditem10 .Delete:hover {
                background: url(../images/Delete_icon-hover.gif) no-repeat;
            }

    .oditem8 {
        float: left;
        width: 8%;
        text-align: center;
        word-wrap: break-word;
        word-break: normal;
        line-height: 20px;
    }

        .oditem8 .Delete {
            display: block;
            width: 37px;
            height: 37px;
            background: url(../images/Delete_icon.gif) no-repeat;
            text-indent: -199999px;
            margin: 25px 0 0 5px;
        }

            .oditem8 .Delete:hover {
                background: url(../images/Delete_icon-hover.gif) no-repeat;
            }



.TotalBox {
    width: 100%;
    height: 72px;
    background: #ededed;
    line-height: 24px;
    padding: 14px 0;
    font-family: Verdana, Geneva, sans-serif;
}

.Total {
    clear: both;
}

.Total1, .Total2, .Total3 {
    float: right;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

.Total3 {
    width: 20%;
    margin-right: 55px;
    font-family: Verdana, Geneva, sans-serif;
}

.Total2 {
    width: 20%;
}

.Total1 {
    width: 20%;
}

.TotalBox2 {
    line-height: 50px;
    color: #900000;
    clear: both;
    font-family: Verdana, Geneva, sans-serif;
}


.TotalBox01 {
    border-bottom: 2px solid #7a7979;
    border-top: 2px solid #7a7979;
    font-size: 12px;
    line-height: 21px;
    color: #7a7979;
    font-family: Verdana, Geneva, sans-serif;
    margin: 20px 0;
}

    .TotalBox01 .left {
        width: 90%;
        height: auto;
        padding: 10px 5%;
        word-wrap: break-word;
        word-break: normal;
    }

    .TotalBox01 .rigjht {
        width: 100%;
        height: auto;
        float: right;
        line-height: 30px;
        word-wrap: break-word;
        word-break: normal;
    }

        .TotalBox01 .rigjht .ps {
            background: url(../images/shopping/ps.gif) 10px 55px no-repeat;
            margin-left: 85px;
            padding-left: 32px;
        }

.TtBox02 {
    font-size: 12px;
    line-height: 18px;
    font-family: Verdana, Geneva, sans-serif;
    margin: 5px 0;
}


.pdaddBox01 {
    width:100%;
    border-top: 1px solid #7a7979;
    font-size: 12px;
    line-height: 21px;
    color: #7a7979;
    font-family: Verdana, Geneva, sans-serif;
    padding: 10px 0;
}


.pdadddiv1{
	width: 10%;
	float: left;
	text-align:left;
	padding:5px 0;
	line-height: 16px;	
}

.pdadddiv1 img{
	width: 80%;
	height:auto;
	margin:0 10%;
	padding:0;
	border:0;		
}

.pdadddiv2{
	width: 90%;
	float: left;
	text-align:left;
	padding:5px 0;
	font-size:13px;
	letter-spacing:1px;
	color:#333;
	line-height: 16px;	
}





}

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

.carttitle {
    margin: 60px 0 20px 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 31px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 31px;
}

.selectdiv {
	 margin-top: 40px;
}

    .pdimgitem {
        width: 20%;
        float: left;
    }

        .pdimgitem img {
            height: 90px;
            padding: 3px;
        }

    .oditem35 {
        float: left;
        width: 35%;
        vertical-align: middle;
    }

    .oditem30 {
        float: left;
        width: 30%;
        vertical-align: middle;
        word-wrap: break-word;
        word-break: normal;
    }

    .oditem15 {
        float: left;
        width: 15%;
        text-align: center;
    }

        .oditem15 input {
            width: 50px;
            height: 30px;
            border: 1px solid #c2c2c2;
            line-height: 30px;
            text-align: center;
            margin-top: 30px;
        }

    .oditem40 {
        float: left;
        width: 40%;
        text-align: center;
        word-wrap: break-word;
        word-break: normal;
        line-height: 16px;
    }

    .oditem10 {
        float: left;
        width: 10%;
        text-align: center;
        word-wrap: break-word;
        word-break: normal;
    }

        .oditem10 img {
            width: 70px;
            height: 70px;
        }

        .oditem10 input {
            width: 50px;
            height: 30px;
            border: 1px solid #c2c2c2;
            line-height: 30px;
            text-align: center;
            margin-top: 30px;
        }

        .oditem10 .Delete {
            display: block;
            width: 37px;
            height: 37px;
            background: url(../images/Delete_icon.gif) no-repeat;
            text-indent: -199999px;
            margin: 25px 0 0 30px;
        }

            .oditem10 .Delete:hover {
                background: url(../images/Delete_icon-hover.gif) no-repeat;
            }

    .oditem8 {
        float: left;
        width: 8%;
        text-align: center;
        word-wrap: break-word;
        word-break: normal;
        line-height: 20px;
    }

        .oditem8 .Delete {
            display: block;
            width: 37px;
            height: 37px;
            background: url(../images/Delete_icon.gif) no-repeat;
            text-indent: -199999px;
            margin: 25px 0 0 30px;
        }

            .oditem8 .Delete:hover {
                background: url(../images/Delete_icon-hover.gif) no-repeat;
            }


.TotalBox {
    width: 100%;
    height: 72px;
    background: #ededed;
    line-height: 24px;
    padding: 14px 0;
    font-family: Verdana, Geneva, sans-serif;
}

.Total {
    clear: both;
}

.Total1, .Total2, .Total3 {
    float: right;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

.Total3 {
    width: 45px;
    margin-right: 55px;
    font-family: Verdana, Geneva, sans-serif;
}

.Total2 {
    width: 120px;
}

.Total1 {
    width: 100px;
}

.TotalBox2 {
    line-height: 50px;
    color: #900000;
    clear: both;
    font-family: Verdana, Geneva, sans-serif;
}


.TotalBox01 {
    border-bottom: 2px solid #7a7979;
    border-top: 2px solid #7a7979;
    font-size: 12px;
    line-height: 21px;
    color: #7a7979;
    font-family: Verdana, Geneva, sans-serif;
    margin: 20px 0;
}

    .TotalBox01 .left {
        width: 400px;
        float: left;
        padding: 10px 0;
        padding-left: 20px;
        word-wrap: break-word;
        word-break: normal;
    }

    .TotalBox01 .rigjht {
        width: 400px;
        height: 130px;
        float: right;
        border-left: 1px solid #7a7979;
        line-height: 30px;
        word-wrap: break-word;
        word-break: normal;
    }

        .TotalBox01 .rigjht .ps {
            background: url(../images/shopping/ps.gif) 10px 55px no-repeat;
            margin-left: 85px;
            padding-left: 32px;
        }

.TtBox02 {
    font-size: 12px;
    line-height: 18px;
    font-family: Verdana, Geneva, sans-serif;
    margin: 5px 0;
}

.pdaddBox01 {
    width:100%;
    border-top: 1px solid #7a7979;
    font-size: 12px;
    line-height: 21px;
    color: #7a7979;
    font-family: Verdana, Geneva, sans-serif;
    padding: 10px 0;
}


.pdadddiv1{
	width: 10%;
	float: left;
	text-align:left;
	padding:5px 0;
	line-height: 16px;	
}

.pdadddiv1 img{
	width: 80%;
	height:auto;
	margin:0 10%;
	padding:0;
	border:0;		
}

.pdadddiv2{
	width: 90%;
	float: left;
	text-align:left;
	padding:5px 0;
	font-size:13px;
	letter-spacing:1px;
	color:#333;
	line-height: 16px;	
}


}





/*  */

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

.contactformtitle {
	width: 25%;
	float: left;
	text-align:right;
	padding:5px 2px;
	font-family: Arial, sans-serif;
	font-size:  13px;
	letter-spacing:1px;
	color:#333;
}
.contactformtxt {
	width: 70%;
	float: left;
	margin:5px 0;
	font-family: Arial, sans-serif;
	font-size:  13px;
	letter-spacing:1px;
	color:#006699;
	text-align:left;
}

.txtinput {
color: #595959;
padding: 8px 13px;
background: #fff;
width: 95%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput2 {
color: #595959;
padding: 8px 13px;
background: #fff;
width: 95%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput3 {
color: #595959;
padding: 8px 13px;
background: #fff;
width: 55%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.inputddl {
color: #595959;
margin:0 2px 2px 0;
padding: 8px 13px;
background: #fff;
width: auto;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}


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


.contactformtitle {
	width: 18%;
	float: left;
	text-align:right;
	padding:10px 5px;
	font-family: Arial, sans-serif;
	font-size:  15px;
	letter-spacing:1px;
	color:#333;
}
.contactformtxt {
	width: 80%;
	float: left;
	margin:5px 0;
	text-align:left;
	font-family: Arial, sans-serif;
	font-size:  15px;
	line-height:32px;
	letter-spacing:1px;
	color:#006699;	
	font-weight:700;
}

.inputddl {
color: #595959;
margin:0 2px 0 0;
padding: 8px 13px;
background: #fff;
width: auto;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput {
color: #595959;
padding: 8px 13px;
background: #fff;
width: 95%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput2 {
color: #595959;
padding: 8px 13px;
background: #fff;
width: 55%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput3 {
color: #595959;
padding: 8px 13px;
background: #fff;
width: 25%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

}

.ntxtinput {
color: #b0b0b0;
padding: 8px 13px;
background: #fff;
width: 95%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput2 {
color: #b0b0b0;
padding: 8px 13px;
background: #fff;
width: 55%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput3 {
color: #b0b0b0;
padding: 8px 13px;
background: #fff;
width: 25%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}


.contacttitle{width: 100%; line-height:180%; margin:5px 0 0 0; text-align:center; color:#B76D00;  font-size:1.1em;position:relative;font-weight:300;}
.contacttitle span{color:#B76D00;  font-size:1.1em;font-weight:700;}
.contactaddr{text-align:left;color:#333333;width:100%;word-wrap:break-word; word-break:break-all;font-size:1.2em; line-height:180%;}

#contactform {
position: relative;
background-color:#eeeeee; 
width: 100%;
}




.txttextarea {
color: #b0b0b0;
border: none;
padding: 8px 13px;
width: 95%;
height: 230px;
position: relative;
resize: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
margin: 0;
}

.contactformbutton {
width: 100%;
height: 50px;
margin:10px 0;
}