body {width: 100%;text-align: center;background-color: #F5F1E9;}
img {width: 100%;max-width: 100%;}
a {color: #FFF;text-decoration: none;outline: none;}
a:hover {color: #BFBFBF;}
.clearfix {min-height: 1px;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
* html .clearfix {height: 1px;}
.wrap {width: 100%;margin: 0 auto;position: relative;}
.tagBtn1,.tagBtn2,.tagBtn3,.tagBtn4,.tagBtn5{display: block;height: 38px;width: 100%;margin-right: 1px;background-position: 15px 50%;padding-left: 20px;box-sizing: border-box;}
.tagBtn1 {background-color: #A18E5C;background-image: url(../images/ic_tag1.png);background-repeat: no-repeat;}
.tagBtn2 {background-color: #F58E7E;background-image: url(../images/ic_tag2.png);background-repeat: no-repeat;}
.tagBtn3 {background-color: #16A6B6;background-image: url(../images/ic_tag4.png);background-repeat: no-repeat;}
.tagBtn4 {background-color: #2C5379;background-image: url(../images/ic_tag5.png);background-repeat: no-repeat;}
.tagBtn5 {background-color: #a93f34;background-image: url(../images/ic_tag5.png);background-repeat: no-repeat;}
.title {width: 100%;height: 60px;margin: 0 auto;text-align: center;position: relative;padding: 32px 0;}
.title h2 {margin: 0 auto;width: 217px;height: 60px;line-height: 60px;font-size: 110%;background-image: url(../images/bg_h2.png);background-repeat: repeat-x;background-position: 50%;color: #E67F21;}
.h21 {display: inline-block;width: 168px;height: 60px;text-align: center;font-weight: bold;background-image: url(../images/ic_h21.png);background-repeat: no-repeat;background-position: 30px 50%;padding-left: 30px;}
.h22 {display: none;}
#menu {width: 100%;background-color: #FFF;padding: 32px 20px;box-sizing: border-box;}
#logoFoot {display: block;width: 163px;height: 89px;background-image: url(../images/z1_trackdevice.png);background-repeat: no-repeat;background-position: 0 0;margin: 40px auto 20px;}
#logoFoot span {display: none;}
#logoFoot:hover {background-position: 0 -89px;}
.tFoot li {float: left;line-height: 38px;text-align: center;font-weight: bold;font-size: 93%;letter-spacing: 1px;width: 50%;}
.tFoot li a:hover {color: #FFF;background-color: #DE4830;}
.tagBtn70 {display: block;line-height: 1px;font-weight: bold;font-size: 105%;margin-right: 1px;color: #332862;position: absolute;top: 0;left: 0;}
.tagBtn70:hover {color: #DE4830;}
.footNavi {text-align: left;margin: 30px 0 0;padding: 20px 0;}
.footNavi li {float: left;margin-right:15px;margin-bottom: 10px;}
.footNavi li a {font-weight: bold;color: #666;}
.footNavi li a span {color: #DE4830;}
.footNavi li a:hover {color: #DE4830}
.parameter,.price{margin: 60px 10%;}
#mainSlide .parameter img{margin-top: -4px;width: 100%;}
.bgc{background: #fff;}
.parameter p,.price p{line-height: 2.6;padding: 20px;text-align: justify;}
.parameter h1{font-size: 2em;}
.sp-css {color: #16a6b6;font-weight: bold;font-size: 2em;text-align: center;background: linear-gradient(transparent 70%, #FFFF00 0%);}
.parameter h3,.price h3 {background:#688db3;color: #fff;font-size: 1.0rem;line-height: 3.3;font-weight: bold;}
.shop{margin: 0px auto;width: 100%;background: #fff;}
.shop h2{line-height: 3.3;font-weight: bold;}
#mainSlide table {width: 100%;border-collapse: collapse;border: 1px solid #ccc;margin-bottom: 20px;}
#mainSlide table th,#mainSlide table td {padding: 10px;border: 1px solid #ccc;}
#mainSlide tbody{text-align: justify;}
footer{background: black;color: #fff;font-size: 12px;padding: 20px;}
.phonecall,.line{position: fixed;font-size: 16px;line-height: 40px;padding: 25px 0;left: 0;writing-mode: vertical-lr;}
.phonecall{background: #de4830;top: 300px;border-radius: 0 50px 0px 0px;}
.line{background: #1ed053;top: 414px;border-radius: 0 0 50px 0px;}
.phonecall:hover,.line:hover{background: #e67f21;width: 55px;padding: 25px 10px;}
.prb{background: #000;padding: 20px;margin:-20px 4px 40px;;display: inline-block;width: 100px;border-right: 1px solid;border-radius: 30px;}
.price a:first-child{background:#dc143c;}
#text-align{text-align:center;}
/* 購物用CSS*/
.shopping-cart {width: 100%;height: auto;overflow: hidden;}
.item {height: auto;flex-wrap: wrap;justify-content: center;}
.image,
.quantity,
.description {width: 100%;text-align: center;margin: 6px 0;}
.buttons {margin-right: 20px;}


.shop {
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;

font-family: "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
line-height: 1.8;
color: #333;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.shop h2 {
font-size: 26px;
margin-bottom: 20px;
color: #2c3e50;
text-align: center;
border-bottom: 2px solid #ccc;
padding-bottom: 10px;
}

.shop p {
font-size: 16px;
}

.shop br {
display: block;
margin-top: 6px;
content: "";
}

.shop span{font-weight: bold;color: #427da5;}

.shop .notic {
display: block;
margin-top: 20px;
font-weight: bold;
font-size: 15px;
background-color: #ffecec;
border: 1px solid #f5c2c2;
padding: 12px 16px;
border-radius: 6px;
color: #af4242;
}