@charset "utf-8";
/* CSS Document */
.page{max-width:1200px; height:auto; position:relative; margin: auto;}
.page::after{content:""; display:block; clear: both; vertical-align: middle;}
/*header*/
.header{width:100%; height:auto; z-index:300; display:inline-block; vertical-align: middle; background:#fff; text-align:center; padding:10px 0; box-shadow:0 3px 5px rgba(0,0,0,0.2);}
.header .logo{display:inline-block; width:100%; height:auto; position:relative;}
.header .logo img{cursor: pointer;}

/*syisnav*/
.syisnav{position:relative; margin-top:10px;}
.syisnav li a{color:#333;}
.syisnav a.goshop{background:#b30000 url("images/cart.png") no-repeat left center; background-size:contain; color:#fff; border-radius:1em; vertical-align: middle; padding-left:35px;}
.syisnav a.goshop:hover{color:#FFDD00;}
/*footer*/
.footer{background:#333; color:#fff; width:100%; height:auto; padding:1em 0 0 0; font-size:13px; margin-top:30px;}
.footer .ll, .footer .cc, .footer .rr, .footer .infoblock{display:inline-block; vertical-align: top;}

.footer .rr{width:320px; text-align:center;}
.footer .ll{width:calc(calc(100% - 340px)/3 * 2); padding:10px;}
.footer .cc{width:calc(calc(100% - 340px)/3); padding:10px;}
.footer a:hover{text-decoration:underline;}
.footer p, .footer h4{margin:0; padding:0; line-height: 160%;}
.footer h4{font-weight:bold; padding-botom:1em;}
.footer.type2 .ll{width:70%;}
.footer.type2 .cc{width:29%;}
.footer.type2 .rr{display:none;}
.footer .ll .infoblock{width:48%;}
.footer .navb{list-style:none; margin:0; padding:0;}
.footer .navb li{display:inline-block; padding:0.3em;}
.footer .navb li a{color:#fff;}
.footer .navb li a:hover{text-decoration:underline;}
.copyright{background:#333; color:#999; text-align:center; padding:0.5em; margin-top:15px;}
/*fixedbtn*/
.fixedbtn{bottom:65px; right:24px; position:fixed; width:60px; z-index:300;}
.fixedbtn a{display: block; width:60px; height:60px; border-radius:100%; position:relative; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.fixedbtn a.linebtn{background:url(images/line.png) no-repeat center; background-size: contain;}
.fixedbtn a.telbtn{background:url(images/phone.png) no-repeat center; background-size: contain;}
.fixedbtn a.cartbtn{background:url(images/cart.png) no-repeat center; background-size: contain;}
.fixedbtn a.cartbtn span{display:inline-block; color:#f00; position:absolute; bottom:5px; left:50%; transform:translateX(-50%); font-size:12px; text-align: center; z-index: 301;}
.fixedbtn a.cartbtn span::after{content:""; width:1.5em; height:1.5em; border-radius:100%; background:#fff; position:absolute; bottom:50%; left:50%; transform:translate(-50%,50%); box-shadow:0 0 10px rgba(0,0,0,0.3); z-index: -1;}
/*list*/
.list{padding:15px 5px;} 
.list .frm{padding:5px; text-align: center; font-size:14px;}
.list .frm:hover{text-decoration:underline;}
.list h3.subject{padding:5px 0; margin:0;}
.list .innerhtml{color:#666; line-height: 160%; display: block;}
.list .more a{display:inline-block; padding:0.5em; background:#ff8c11; color:#fff; border-radius:5px; cursor: pointer; font-size:130%;}
.list .more a:hover{background:#f30505;}
.list .price{color:#f00; margin-top:10px; margin-bottom:0;}
/*defaultimg*/
#defaultimg{margin:10px 0;}
.edit{padding:10px 0;}

/*default page*/
.dtitle{text-align:center; margin-top:2em;}
.ADarea .list{border-bottom:none;}
.ADarea .list .frm{color:#333;}
/*sell list*/
.selllist .list{border-bottom:1px solid #ccc; padding:0;}
.selllist .list .frm{padding:1em 0.5em; text-align:left;}
.selllist .list .more{width:100px; display: inline-block; text-align:right;}
.selllist .list h3.subject{width:calc(100% - 100px); display:inline-block; text-align:left;}
/*========propage=========*/
.allpage{margin-top:10px;}
/*countdown*/
.countdown{text-align:center; display:inline-block; border-radius:1em; background:#f00; color:#fff; margin:1em 0; padding:0.5em 1.5em;}
/*popup*/
.popup{position:fixed; width:100%; height:100%; text-align:center; top:0; left:0; background-color:rgba(0, 0, 0, 0.6); z-index:301; padding:2%;}
.modal-content{max-width:1000px; position:relative;  box-shadow: 0 5px 15px rgba(0,0,0,0.5); background:#fff; border:1px solid rgba(0,0,0,0.2); border-radius: 6px; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); display:block; height:auto; float:left;}
.modal-header, .modal-body, .modal-footer{display:block; width:100%; height:auto; float:left;}
.modal-header{padding: 0px 4%; border-bottom: 1px solid #e5e5e5;}
h4.subject {font-size: 16px; line-height: 180%; color:#033c60; font-weight:bold; margin-bottom:0;}
button.close {padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none;}
.modal-body {padding: 10px 4%; border-bottom: 1px solid #e5e5e5; text-align: left;}
.modal-body .btn a.hit{background:#3b5998;}
.modal-body input{padding:0 9px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; height:34px;}
.modal-body select{padding:0 9px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; height:34px;}
.modal-body textarea{padding:0 9px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; height:4em;}
.modal-body .form-control2 {border: 1px solid #ff0000;}
.modal-body .form-control {border: 1px solid #ccc;}
.modal-body p, .modal-body h4{margin-bottom:0;}
.modal-body .totalnum{background:#f8d8d8; color:#F00; padding:0.5em; font-weight:bold;}
.modal-body .totalnum span{color:#000; font-weight:normal;}
.modal-footer{padding:10px 4%;}
.modal-footer .btn a{background:#d9534f; width:calc(100% - 1em);}
.modal-footer .btn a:hover{background:#f00;}


/*cartarea*/
table.cartlist{border-collapse: collapse;  border-spacing: 0;}
table.cartlist td {padding:9px 0; vertical-align: middle; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width:calc(calc(100% - 5em)/5); text-align:center;}
table.cartlist th {background-color: #dff0d8; color:#666; padding: 9px; vertical-align: top; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
table.cartlist .td_del {text-align:left; width:5em; font-size:13px;}
table.cartlist td.td_p {text-align:left; font-size:18px; color:#033c60;}
.btn.lineto, .btn.telto, .btn.checkout{text-align:center;}
.btn.discount a{background:#666; font-size:130%; width:calc(100% - 1em);}
.btn.checkout a{background:#d9534f; font-size:130%; width:calc(100% - 1em);}
.btn.lineto a{background:#08A408; font-size:130%; width:calc(100% - 1em);}
.btn.telto a{background:#3b5998; font-size:130%; width:calc(100% - 1em);}
/*========propage end=========*/
/*footer*/
.copyright{text-align:center;}

@media screen and (max-width:1285px){/*desktop*/
.page{padding:0 2%;}
.content .page{padding:0;}
}
@media screen and (max-width:960px){/*desktop-small*/
	
	
	.footer .ll .infoblock, .footer.type2 .ll .infoblock{width:100%; text-align: left;}
	
	
}
@media screen and (max-width:767px){/*desktop-small*/
.header{padding:10px 0 0 0;}
.header .page{padding:0;}
.ADarea .list{padding:5px;}	
.ADarea{overflow: hidden;}
.list{border-bottom:1px solid #ccc;} 
/*footer*/
.footer.type2 .ll ,.footer .ll, .footer .cc, .footer .rr{width:100%; padding:10px; text-align: center;}
.footer.type2 .ll .infoblock,.footer .ll .infoblock{text-align: center;}
.footer.type2 .cc{text-align:center; width:100%;}
	
}