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

table							{ border-collapse: collapse; }

h1                              { font: bold 50px Helvetica; letter-spacing: -2px; margin: 0 0 3px 0;  }

.clear 							{ clear: both; }

#order-table                    { width: 100%; }
#order-table td                 { padding: 5px; font-weight: normal;font-size: 16px;border: 1px solid #ccc;}
#order-table th                 { padding: 5px; background: #B9141A; color: white; text-align: left; font-weight:bold; font-size:14px;border: 1px solid #B9141A; }
#order-table td.row-total       { text-align: right; }
#order-table td input           {  padding:5px; }
#order-table tr.even td         { background: #eee; }

#order-table td .total-box, 
.total-box                      { border: 3px solid #7BA800; width: 70px; padding: 3px; 
                                  margin: 5px 0 5px 0; text-align: center; font-size: 14px; }

#shipping-subtotal              { margin: 0; }

#shipping-table                 { width: 350px; float: right; }
#shipping-table td              { padding: 5px; }

#shipping-table th              { padding: 5px; background: black; color: white; text-align: left; }
#shipping-table td input        { width: 69px;  text-align: center;  }

#order-total                    { font-weight: bold; font-size: 21px; width: 110px; }
a.link2{ color:#727272;}
.odd2{ background:#e3e3e3;}
input.inquiry { border:1px solid #A9A9A9; background:#fff;border-radius: 4px;
    line-height: 37px;
    width: 433px;
    height: 37px;}
#code_math{ width:722px;}
.submit{ padding:5px 10px; background:#B9141A; color:#fff}
.prodetail1 .submit2{ width:99%;}
.submit2{ border:none; padding:10px 10px; background:#FA8A34; color:#fff; width:49%; margin-top:10px; cursor:pointer;}
.submit2:hover{ background:#333;}

td#letter11{ padding-left:10px;}
@media screen and (max-width: 1193px){
	input.inquiry{ width:99%;}
	#code_math{ width:81%;}
	}
@media screen and (max-width: 1173px){
	#code_math{ width:79%;}
	}
@media screen and (max-width: 1090px){
	#code_math{ width:77%;}
	}
@media screen and (max-width: 1024px){
	#code_math{ width:81%;}
	}
@media screen and (max-width: 921px){
	#code_math{ width:80%;}
	}
@media screen and (max-width: 876px){
	#code_math{ width:78%;}
	}
@media screen and (max-width: 876px){
	#code_math{ width:76%;}
	}
@media screen and (max-width: 733px){
	#code_math{ width:74%;}
	}
@media screen and (max-width: 677px){
	#code_math{ width:72%;}
	}
@media screen and (max-width: 630px){
	#code_math{ width:70%;}
	}
@media screen and (max-width: 589px){
	#code_math{ width:68%;}
	}
@media screen and (max-width: 554px){
	#code_math{ width:99%; margin-bottom:4px;}
	}