@charset "utf-8";

.content {display: block; font-size:15px; line-height: 30px; margin:0px 0px 8px 0px;}
.exclusive-con {display: block; font-size:15px; line-height: 24px; margin:0px 0px 8px 10px; font-weight: normal;}
.exclusive-con2 {color:#fc4c02; font-weight: bold;}
.exclusive-con2 a {text-decoration: underline; color:#fc4c02;}
.exclusive-con2 a:hover {text-decoration: none;}
.txt-sp {color:#e60012; font-weight: bold; font-size:30px;}
.txt-sp2 {color:#e60012; font-weight: bold;}
.exclusive {background:#e7fdfa; border:1px solid #c6eee9; padding:10px; font-weight: bold; float:left; margin:10px 0px;}
.exclusive-title {background: #3b9c9c; color:#ffffff; padding:8px; margin-left:-11px; margin-top:-10px; position: absolute;}
.exclusive p {display: block; font-size:24px; line-height: 36px; text-align: center; margin:25px 0px 10px 0px; color:#046b6b;}

.txt-note {font-size:13px; color:#535353;}

.stroke {margin:15px 0px;}
.route {margin:5px 0px; line-height: 24px;}
.route-title {color:#eb6100; padding:5px 0px 5px 0px; margin:8px 0px; font-weight: bold; font-size:18px; line-height: 30px;}

.introduction {font-weight: bold; display: block; float:left;}
.introduction p {display: block; font-size:24px; line-height: 36px; text-align: center; margin:25px 0px 10px 0px; color:#046b6b;}
.introduction-con {width:57%; float:right; padding:10px 5px 3px 5px; display: block; font-size:13px; line-height: 24px; margin:0px 0px 8px 10px; font-weight: normal;}
.introduction-title {background: #e47a7d; color:#ffffff; padding:5px; font-weight: bold; text-align: center; font-size:16px; margin-bottom:5px;}

.hot {background:#fceeef; padding:10px; font-weight: bold; margin:10px 0px; display: block; float:left; }
.introduction-pic {float:left; width:38%; height:100%; padding:5px 5px 10px 5px; margin-left:2px;}
.introduction-pic img {width:100%; height:100%; margin:0 auto; float:left;}
.introduction-pic .picture {width:100%; float:left; padding:6px 4px 0px 4px;}
.award {position: absolute; float:left; margin-left:5px; margin-top:-15px;}

.introduction-con ul {float:left; width:100%; display: block; margin-top:15px;}
.introduction-con ul li {float:left; width:100%;}
.tt1 {color:#5f955d; font-weight: bold;}
.tt2 {color:#c66a4b; font-weight: bold;}
.tt3 {color:#5c669c; font-weight: bold;}


.text-list {text-indent: -12px; padding-left:12px;}
.product ul {display: block; margin:5px; padding-bottom: 10px; }
.product li {display: block; border-bottom: #C5C5C5 1px dashed;}
.product li a {display: block; overflow: hidden; padding:10px 10px 5px 10px; }
.product li a:hover { background-color: #f6f6f6;}
.product li p {display: block;}
.product li p span {display: block; font-size:13px; color: #00a5ff;}
.product li p em {font-size:18px; font-weight: bold; font-style: normal;}

.left {float:left; display:inline-block; width: 100%;}
.right {float:right;}
.txt_l {width: auto; color: #292929;}
.txt_r {width: auto; text-align:right;}
.txt_r span.price {color:#db2228;}

.sp-tt {display: block; width:100%; color:#097c25; font-size:14px; font-weight: bold;}
.sp-txt {background: #097c25; color:#ffffff; clear: both; padding:5px 10px; border-radius: 15px;}

.btn-go {display: block; text-align: center; margin:15px; padding-top:15px; -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}
.btn-go a {
    background:#086969;
    padding:10px; 
    color:#ffffff;
    border-radius: 4px;
    
    -moz-box-shadow:1px 1px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:1px 1px rgba(20%,20%,40%,0.5);
    box-shadow:1px 1px rgba(20%,20%,40%,0.5);
}
.btn-go a:hover {
    background: #034c4c;  
}

.notice-sp {font-size:13px; line-height: 21px; font-weight: bold; color:#666666;}
.notice-disc li {color:#898989; list-style:none; }
.list-icon {text-indent: -15px; padding-left:0px;}



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

.hot {background:#fceeef; padding:5px 10px 5px 5px; font-weight: bold; margin:10px 0px; display: block; float:left; }
.introduction-pic {float:left; width:97%; height:100%; padding:5px 5px 10px 5px; margin-left:2px;}  
.introduction-con {float:left; width:97%; height:100%; padding:5px 5px 10px 5px; display: block; font-size:14px; line-height: 24px; margin-left:6px; font-weight: normal;}
    
}
@media screen and (max-width: 768px) {
.left,.right{ float:none;}
.product li a {display: block; overflow: hidden; padding:5px; }
.txt_r {width: auto; text-align:center; margin-top:5px;}
    
}