#offshop_container  { width:100%;  margin:30px auto 0;  padding-bottom:20px;  }
#offshop_contents { max-width:600px; padding:25px 0 0; width:90%; background:#fff; border:1px solid #ddd; margin:30px auto;  position:relative; }

#offshop_container h1 { text-align:center;  }
#offshop_contents  h2 { font-size:20px; margin:20px 0 0 35px; }

#offshop_contents .nav { text-align:right; position:absolute; top:15px; right:15px; }
#offshop_contents .nav h3 { display:inline-block; font-size:14px; }
#offshop_contents .nav ul { font-size:0; margin-top:0px; display:inline-block; }
#offshop_contents .nav ul li { font-size:10px; background:#ddd; display:inline-block; border-radius:50%; text-align:center; width:18px; height:18px; color:#555; margin:0 0 0 3px;  line-height:18px; }
#offshop_contents .nav ul li.selected { color:#fff; background:#333; }

#offshop_contents .font_red { color:#cc0000; }
#offshop_contents .input_guide { text-align:right; }

#offshop_contents input[type="radio"] + label { color:#555; }
#offshop_contents input[type="radio"]:checked + label  { }

#offshop_contents .div_table { margin:20px auto;  width:90%;  font-size:0; }
#offshop_contents .div_table .left {  display:inline-block;  min-width:130px;  vertical-align:top;  color:#999; font-size:18px; line-height:32px;  }
#offshop_contents .div_table .left strong { color:#cc0000; }
#offshop_contents .div_table .right {   display:inline-block; min-width:285px;  }
#offshop_contents .div_table .right .guide_txt { font-size:13px; color:#888; }
#offshop_contents .div_table .div_table_row  { margin:15px 0 0 0; }
#offshop_contents .div_table .address_line { margin:5px 0 0 0; }

#offshop_contents .div_table .right input.inputTypeText { width:100%; border:0; border:1px solid #ccc;  line-height:32px; height:32px;  font-size:18px; padding:0 5px; color:#333; }
#offshop_contents .div_table .right input.phone { width:80px; }
#offshop_contents .div_table .right input.phone:last-child { margin-right:0; }
#offshop_contents .div_table .right select { border:1px solid #aaa;line-height:32px; font-size:18px; color:#333;  height:32px; padding:0 20px 0 10px; }
#offshop_contents .div_table .right select.phone_first { margin:0 5px 0 0; width:68px; }
#offshop_contents .div_table .right input.id { width:180px; }
#offshop_contents .div_table .right input.address { width:200px; }
#offshop_contents .div_table .right input.percent { width:100px; }
#offshop_contents .div_table .right button { background:#555; color:#fff; padding:0 10px; line-height:32px; }
#offshop_contents .div_table .right textarea { width:100%; min-width:300px; height:75px; border:1px solid #ccc; line-height:25px; font-size:18px; }
#offshop_contents .div_table .right span { font-size:13px; color:#aaa; margin-left:10px; }


#offshop_contents .photo_upload { margin:20px auto; width:88%; }
#offshop_contents .photo_upload .upload_block { width:100%; border-top:1px solid #ddd; padding:30px 0; }
#offshop_contents .photo_upload .upload_block:first-child { width:100%;  padding:0 0 30px 0; border-top:0; }
#offshop_contents .photo_upload .upload_block  h3 { font-size:18px; }
#offshop_contents .photo_upload .upload_block .example { color:#888; margin-top:10px; }
#offshop_contents .photo_upload .upload_block .example ul { font-size:0; }
#offshop_contents .photo_upload .upload_block .example ul li { font-size:16px; display:inline-block; width:50%; }
#offshop_contents .photo_upload .upload_block .example ul li span { margin-bottom:5px; display:block; }
#offshop_contents .photo_upload .upload_block .example ul li img { width:90%; }
#offshop_contents .photo_upload .upload_block .upload { margin-top:20px; position:relative; }
#offshop_contents .photo_upload .upload_block .upload input { border:1px solid #ddd; padding:5px; margin:0 auto 15px; }
#offshop_contents .photo_upload .upload_block .upload img { height:100px; display:inline-block; margin-left:10px; }
#offshop_contents .photo_upload .upload_block .upload img:first-child { margin:0; }
#offshop_contents .inputTypeFile { font-size:14px; }
#offshop_contents .photo_upload .upload_block .help { font-size:14px; color:#ce6666; margin-left:10px; }

#offshop_contents button.btn_ok { width:100%; background:#555; color:#fff; line-height:60px; text-align:center;  font-size:18px; }
#offshop_contents button.btn_ok:hover { background:#333; }

#offshop_contents .article { margin:0 auto 20px; width:90%; }
#offshop_contents .article ul { font-size:0;  }
#offshop_contents .article ul li {  border-top:1px solid #ddd; padding:20px 0; text-align:right; }
#offshop_contents .article ul li:first-child { margin-top:20px;  border-top:0; padding-top:0; }
#offshop_contents .article ul li p { font-size:15px; line-height:1.2em; text-align:justify;  margin:0 0 30px 0;  }
#offshop_contents .article ul li p .red { color:#ff0000; font-size:14px; border:0; }
#offshop_contents input.btn_agreement[type="checkbox"] {position: absolute; clip: rect(0,0,0,0); }
#offshop_contents input.btn_agreement[type="checkbox"] + label{ line-height: 20px; font-size: 18px; color:#999; }
#offshop_contents input.btn_agreement[type="checkbox"] + label:before {content: '\2713';display: inline-block;  width: 20px;height: 20px;margin-right: 10px; border-radius: 50%; background: #fff;color:#ddd; line-height:20px;  text-align:center; border:1px solid #ddd; }
#offshop_contents input.btn_agreement[type="checkbox"]:checked + label:before {content: '\2713';  background: #cc0000; color:#fff; border:1px solid #cc0000; }
#offshop_contents input.btn_agreement[type="checkbox"]:checked + label{ color:#222; }

#offshop_contents hr.line { width:100%; height:1px; color:#ddd; background-color:#ddd; border:0; margin:20px 0; }

#offshop_contents .article_2 { margin:0 auto; width:90%; }
#offshop_contents .article_2 h2 { font-size:18px; }


#offshop_contents .article3 { width:90%; margin:20px auto 50px; }
#offshop_contents .article3 h2 { color:#555; text-align:center; font-size:25px; padding:30px 0; font-weight:500; line-height:1.2em;}
#offshop_contents .article3 h3 { color:#555; text-align:center; font-size:25px; padding:30px 0; font-weight:500; }
#offshop_contents .article3 .qrcode { width:150px; margin:0px auto; border:1px solid #ccc; padding:10px; }
#offshop_contents .article3 .qrcode img { width:100%; }
#offshop_contents .article3 p { text-align:center; margin:40px 0; font-size:16px; }
#offshop_contents .article3 ul { display:table; margin:40px auto 0; }
#offshop_contents .article3 li {  font-size:16px; margin-top:10px; }
#offshop_contents .article3 strong { color:#ff0000; font-weight:normal; }


#offshop_contents .article4 { border:2px solid #aaa; width:80%; padding:4%; margin:30px auto; font-size:25px;  }
#offshop_contents .article4 { font-size:18px; }

#offshop_contents .payment { margin:0 auto; text-align:center; width:90%; }
#offshop_contents .payment ul { margin-bottom:10px; font-size:0; }
#offshop_contents .payment ul li { display:inline-block; line-height:50px; font-size:15px; }
#offshop_contents .payment ul li.left { width:41%; background:#fffae7;  text-align:center; margin-right:2%; font-size:18px; }
#offshop_contents .payment .usable_pay { border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; }
#offshop_contents .payment ul li.middle { width:46%;  border:1px solid #aaa; border-right:0; height:50px; vertical-align:top ;}
#offshop_contents .payment ul li.right { width:10%; border:1px solid#aaa; border-left:0; height:50px;  }
#offshop_contents .payment input.inputTypeText { background:#fff; border:0; line-height:50px; height:50px; width:100%; padding:0 10px; font-size:22px; letter-spacing:2px; }

#offshop_contents .payment .usable_pay li.left { background:#fff; width:45%; text-align:left; font-size:20px;}
#offshop_contents .payment .usable_pay li.right { border:0 ; width:45%;  text-align:right; font-size:20px;}

#offshop_contents .guide { width:90%; margin:0 auto; padding:40px 0 60px; text-align:center; font-size:16px; }

#offshop_contents .article5 { width:90%; margin:20px auto; display:table; text-align:center; }
#offshop_contents .article5 ul { font-size:0; margin-bottom:10px; }
#offshop_contents .article5 ul li { display:inline-block; border:1px solid #ddd; width:63%; text-align:center; line-height:40px; font-size:15px; }
#offshop_contents .article5 ul li.title { width:35%; border-right:0; }
#offshop_contents .article5 .btn_withdrawal { background:#555; color:#fff; height:42px; line-height:42px; font-size:16px; margin:10px auto; width:250px; }


#offshop_contents .bankinfo { width:90%; margin:30px auto; display:table; }
#offshop_contents .bankinfo h2 { font-size:18px; margin-bottom:10px; }
#offshop_contents .bankinfo ul { font-size:0; margin:10px 0 0 0; border:1px solid #ddd; }
#offshop_contents .bankinfo ul:first-child { border-bottom:0; }
#offshop_contents .bankinfo ul li { border:0; display:inline-block; width:62%; text-align:left; line-height:40px; font-size:15px; padding-left:1% }
#offshop_contents .bankinfo ul li.title { width:35%; border-right:0;text-align:center; border-right:1px solid #ddd; padding:0 }
#offshop_contents .bankinfo .inputTypeText { background:#fff; border:0; font-size:18px; width:95%; }
#offshop_contents .bank_guide { padding:0px 0 30px; color:#cc0000; text-align:left; width:90%; margin:0 auto; }
#offshop_contents select.bank_no_list { background:#fff; width:100%; border:1px solid #ddd; line-height:40px; height:40px;font-size:15px; padding-left:10px; }

#offshop_contents .article6 { width:90%; margin:50px auto 30px; text-align:center; }
#offshop_contents .article6 h2 { font-size:18px; margin-bottom:10px; }

#offshop_contents .table {  width: 100%;  display: table;  border-collapse: collapse;  }
#offshop_contents .table .tr {  display: table-row; border:1px solid #ddd;  text-align:center; font-size:14px; }
#offshop_contents .table .td {  display: table-cell;  vertical-align: middle;  text-align: center; border:1px solid #ddd; padding:8px 0; font-size:13px;}
#offshop_contents .table .title { background:#f5f5f5; border-top:2px solid #999; }

#offshop_contents .pagination { display: inline-block; margin:10px 0 0 0; }
#offshop_contents .pagination a {  color: black;  float: left;  padding: 5px 10px;  text-decoration: none; font-size:13px; }
#offshop_contents .pagination a.active {  background-color: #cc0000;  color: #fff; }
#offshop_contents .pagination a:hover:not(.active) {background-color: #ddd;}

#offshop_contents .result { text-align:center; padding:100px 0; }

#offshop_contents .searchbox { margin-bottom:10px;  width:100%; }
#offshop_contents .searchbox ul { font-size:0; margin-bottom:8px;  display:inline-block; }
#offshop_contents .searchbox li { display:inline-block; font-size:14px; }
#offshop_contents .searchbox input.date { border:1px solid #ddd; ; height:28px; font-size:14px; background:#fff; width:125px; }
#offshop_contents .searchbox input.search_text { border:1px solid #ddd; height:28px; line-height:28px; width:150px; }
#offshop_contents .searchbox button.btn_search { background:#555; color:#fff; height:28px; padding:0 10px; }

#offshop_contents button.btn_cancle { background:#eee; color:#555; border:1px solid #ccc; height:26px; padding:0 5px; font-size:13px; border-radius:3px; }


.photo_upload .upload_block .upload table td { font-size:12px; color:#888; }
.photo_upload .upload_block .upload table img { width:auto; height:30px; }
.photo_upload .upload_block .upload table tr td { display:block; padding:0; }
.photo_upload .upload_block .upload table tr td:first-child { font-size:14px; color:#444; }
.photo_upload .upload_block .upload table { margin-bottom:20px; }


.function {  margin:10px auto 0; width:100%; border-bottom:1px solid #ddd; ; padding-bottom:10px; }
.function:after { clear:both; display:block; content:""; }
.function .title { float:left; font-size:16px; line-height:29px; padding-left:10px; font-weight:bold;  color:#222;}

.function .select { float:right; margin-left:6px; width:63px; }
.function .select li { display:inline; }

.function .view_type { font-size:0; }
.function .view_type a { display:inline-block; border:1px solid #ddd; border-left:0; padding:1px; margin-left:-1px; }
.function .view_type a:first-child { border-left:1px solid #ddd; }
.function .view_type a.selected { border:1px solid #ff9600;  }
.function .view_type a:last-child.selected { border:1px solid #ff9600; padding-left:1px; }
.function .view_type img { height:25px; }

.function .sort {position: relative;  float:right;  width:100px; }
.function .sort-button { width:100px; padding:0px 5px; font-size: 14px;border: 0px solid #ddd; background:#fff; height:29px; line-height:29px; }
.function .sort-content {z-index:3;display: none;position: absolute;width: 88px; padding: 5px; background:#fff; border:1px solid #aaa; margin-top:-1px; } 
.function .sort-content a {color: black; padding: 3px 5px; line-height:20px; text-decoration: none;display: block; }
.function .sort-content a:hover { background:#eee; }
.function .sort:hover .sort-content { display: block; }



#new_product_list { width:100%;color:#222; }
#new_product_list:after { display:block; content:""; clear:both; }
#new_product_list .shoplist4 { font-size:0;color:#222;  display:flex; flex-wrap:wrap; }
#new_product_list .shoplist4 li { width:33.33%; box-sizing:border-box; vertical-align:top; }
#new_product_list .shoplist4 .product_block {  width:100%; box-sizing:border-box;-webkit-box-sizing:border-box; padding:15px 15px 50px; position:relative; }
#new_product_list .shoplist4 .product_block .thum {  height:220px; vertical-align:middle; display:block; overflow:hidden;margin:0 auto 20px; position:relative;  text-align:center; }
#new_product_list .shoplist4 .product_block .thum img {  max-height:100%; max-width:100%; }
#new_product_list .shoplist4 .product_block .description { padding:0px 15px 0 0;  height:90px; min-width:50%; }
#new_product_list .shoplist4 .product_block .description .km { /*position:absolute; right:15px; top:17px;*/ color:#ce5050; font-size:13px; /* font-style:italic; */ display:block; z-index:99; }
#new_product_list .shoplist4 .product_block .description li { line-height:120%;  width:100%; font-size:16px; margin-bottom:10px; }
#new_product_list .shoplist4 .product_block .description .company_name { display:flex;  }
#new_product_list .shoplist4 .product_block .description .company_name a { font-size:19px; line-height:20px; }
#new_product_list .shoplist4 .product_block .description .address { width:100%; color:#555; height:17px; line-height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#new_product_list .shoplist4 .product_block .description span.dc { background:#ff9000; color:#fff; font-size:16px; height:25px; line-height:24px; border-radius:10px; display:inline-block; width:55px; text-align:center; font-weight:normal; margin-top:-2px; margin-right:7px; letter-spacing:1px; } 
#new_product_list .shoplist4 .product_block .description .point_use { font-size:16px; }
#new_product_list .shoplist4 .product_block .description .point_use span { font-size:18px; color:#d10000; }
#new_product_list .shoplist4 .product_block .description .etc_content { margin-top:3px; font-size:15px; color:#999; line-height:16px; max-height:32px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
#new_product_list .shoplist4 .product_block:after { display:block; clear:both; content:""; }
#new_product_list .shoplist4 .product_block .status3 { cursor:default; z-index:9; position:absolute; left:0; top:0; background:rgba(255,255,255,.8); text-align:center; height:100%; width:100%; line-height:110px; }
#new_product_list .shoplist4 .product_block .status3 span { width:90px; height:90px; background:rgba(0,0,0,0.3); color:#fff;font-size:15px;  text-align:center; line-height:90px; display:block; position:absolute; top:15px; left:15px; }

#new_product_list { width:100%; color:#222; }
#new_product_list .title { width:98%; margin:0 auto 25px; display:flex; justify-content: space-between; border-bottom:1px solid #ccc; padding:30px 0px 30px 0; }
#new_product_list h2 { font-size:25px; }
#new_product_list .title a { display:block; background:#f5f5f5; border:1px solid #ccc; border-radius:3px; padding:4px 20px 3px; }
#new_product_list:after { display:block; content:""; clear:both; }