﻿html,form, body { margin:0px; padding:0px; border:0px; color:#353535; font-size:12px; font-family:Arial }

table { border-collapse:collapse; border-spacing:0px }
img, fieldset { border:0 none }
hr,legend { display:none }
div,ol,ul,li,dl,dt,dd,h1,h2,h3,p { margin:0px; padding:0px; list-style:none }
ul,ol,li { list-style-image:none; list-style-position:outside; list-style-type:none }
a { color:#353535; text-decoration:none; font-size:14px }
a:hover { color:#101010 }

.fl { float:left; display:inline }
.fr { float:right; display:inline }
.cb { clear:both; width:0px; height:0px; overflow:hidden }
.ht { width:1px; font-size:1px; overflow:hidden }

a.sold { color:#0066CC; text-decoration:none }
a.sold:hover { color:#cccccc }

a.topline { color:#cccccc; text-decoration:none; margin:0 8px; font-size:14px }
a.topline:hover { color:#CCCCCC; text-decoration:none }

.unread { width:18px; height:18px; line-height:18px; text-align:center; display:inline-block; background-color:red; border-radius:50%; color:#ffffff; font-size:14px; margin-left:2px }

a.menu { padding:0 15px; height:30px; border-left:solid 1px #F4614D; display:block; font-size:12px; color:#FFFFFF; background-color:#F4614D; text-decoration:none; background:url(/images/sp_line.gif) right 11px no-repeat }
a.menu:hover { padding:0 15px; height:30px; display:block; color:#F4614D; background-color:#FFFFFF; text-decoration:none; background:url(/images/sp_line.gif) right -19px no-repeat }

.submenu { position:absolute; background-color:#FFFFFF; border:solid 1px #F4614D; border-top-width:0px; display:none }
.submenu a { color:#555555; text-decoration:none; display:block; padding:5px 12px }
.submenu a:hover { color:#F4614D; text-decoration:none; background-color:#F3F3F3 }

.blackline { background-color:#5F6774; font-size:1px; overflow:hidden; height:3px }
.grayline2px { background-color:#D5D5D5; font-size:1px; overflow:hidden; height:2px }

.txbsearch { padding:0px 10px; border:solid 3px #F6624E; width:100%; height:40px; line-height:40px; vertical-align:bottom; font-size:18px }
.searchwidth { width: calc(100% - 300px) }
input:focus, textarea:focus{ outline:none }

.item_head { font-size:16px; height:30px; line-height:30px; width:fit-content; padding:0 10px; background-color:#5F6774; text-align:center; margin:auto; color:#ffffff; border-bottom-left-radius:8px; border-bottom-right-radius:8px  }
.item_head a { font-size:16px; color:#ffffff; text-decoration:none }
.item_head a:hover { color:#ffffff; text-decoration:underline }

.item { display:inline-flex; flex-wrap:wrap; justify-content:space-between }
.items { width:160px; margin-top:12px; margin-bottom:12px }

.item_image { width:140px; height:140px; border:solid 1px #E1E1E1; margin:auto }
.item_image > a > img { width:140px; height:140px }
.item_name { width:140px; min-height:55px; text-align:center; margin:auto }
.item_name a { color:#0066CC; text-decoration:none }
.item_name a:hover { color:#0066CC; text-decoration:underline }
.item_price { width:140px; font-size:16px; font-weight:bold; color:#F4614D; text-align:center; margin:6px auto }

@media only screen and (max-width: 1000px) {
    .items { width:31vw; margin-top:2vw; margin-bottom:5vw }
    .item_image { width:29vw; height:29vw; border:solid 1px #E1E1E1; margin:auto }
    .item_image > a > img { width:29vw; height:29vw }
    .item_name { width:29vw; min-height:5vw; text-align:center; margin:auto }
    .item_price { width:29vw; font-size:3vw; font-weight:bold; color:#F4614D; text-align:center; margin:2vw auto }
}

#guide { padding:12px 10px; color:#555555; background-color:#cccccc; font-size:18px }
#guide a { font-size:18px }
a.guide { padding-right:44px; height:26px; line-height:26px; float:left; display:inline; color:#555555; text-decoration:none; background:url(/images/guide_arrow.png) right center no-repeat }
a.guide:hover { color:#000000; float:left; display:inline; text-decoration:none }

.cart_btn { border:0; color:#ffffff; width:150px; height:50px; line-height:50px; box-sizing:border-box; text-align:center; font-size:22px; border-radius:8px; cursor:pointer; margin:auto; display:block; text-decoration:none }
.addcart { background-color:#F3604C }
.checkout { background-color:#26bab5 }
.mycart { background-color:#26bbb6; text-decoration:none }
#tips { background-color:#0066CC; width:150px; height:24px; line-height:24px; color:#FFFFFF; font-weight:bold; margin:auto; margin-top:16px; display:none; border-radius:8px }

#edition { width:592px; padding:10px 0 10px 10px; margin-top:16px; background-color:#F2F3F5; border-top:solid 1px #D9D9D9; border-bottom:solid 1px #D9D9D9; box-sizing:border-box }
@media only screen and (max-width: 1000px) {
    #edition { width:100%; padding:10px; margin-top:12px; background-color:#F2F3F5; border-top:solid 1px #D9D9D9; border-bottom:solid 1px #D9D9D9; box-sizing:border-box }
    .remove_flfr { float:none }
    #imgCover { width:100% }
}
.item_title { font-size:20px; font-weight:bold }
.item_edition { font-size:20px; line-height:30px }
.item_select select { margin-top:3px; font-size:16px; padding:0px 0 4px 2px; width:calc(100% - 96px) }
.price { padding-left:10px; font-size:20px }
.benefit { font-size:20px; color:#FD5A3B }



#tips { background-color:#F3604C; padding:5px; color:#FFFFFF; width:314px; border:solid 1px #F86B58; font-weight:bold; margin-top:16px; display:none }
.bluetips { background-color:#3473B4; padding:5px; color:#FFFFFF; width:100%; border:solid 1px #548DC8; line-height:20px; box-sizing:border-box }

.product_title { font-family:"Segoe UI", "Segoe", "Arial"; font-size:22px; height:30px; line-height:30px; margin:22px 0 12px 0 }
.product_title span { font-size:18px }

.product_dt { width:100%; max-width:1000px; border-top:solid 1px #DADBDC; box-sizing:border-box }
.product_dt tr th { width:130px; height:28px; line-height:28px; background-color:#F2F3F5; border-right:solid 1px #DADBDC; border-bottom:solid 1px #DADBDC; font-weight:normal }
.product_dt tr td { height:28px; line-height:28px; border-bottom:solid 1px #DADBDC; padding:0 10px }
.product_dc { line-height:22px; margin-top:12px; font-size:16px; padding:6px }
.product_dc b { color:#F3604C }
.product_dc img { max-width:968px; box-sizing:border-box }
@media only screen and (max-width: 1000px) {
    .product_dc img { width:100%; max-width:1000px; box-sizing:border-box }
}
.product_dc a { color:#3333CC; text-decoration:underline }
.product_dc a:hover { color:#3333CC; text-decoration:none }

.cart { width:100%; padding:0 10px; margin:auto; box-sizing:border-box }
#cartlist { width:100% }
#cartlist tr td { text-align:center; font-size:14px }
#cartlist .trborder td { border-width:0px; height:25px; background-color:#F4614D; color:#FFFFFF }
#cartlist .leftimg { border:solid 1px #C5C5C5; width:45px; height:45px; padding:1px }
#cartlist a.items { color:#333399; text-decoration:none }
#cartlist span.items { color:#353535 }
#cartlist a.items:hover { color:#333399; text-decoration:none }
.totalprice, .email, .emailaddress, .remark, .orderid { text-align:right; margin:20px 10px; font-size:22px }

.email { text-align:left }
.email div   { font-size:13px; margin:15px 0 }
.email input { font-family:"Segoe UI", "Segoe", "Arial"; font-size:16px; padding:3px; border:#CCCCCC 1px solid }
.orderid, .emailaddress { font-size:12px }
.tipout { padding:45px 0; width:auto; height:auto; text-align:center; border:solid 1px #F4614D; background-color:#FFFADF; line-height:35px; font-size:24px; font-weight:bold; border-radius:8px; box-sizing:border-box }
.tipsml { font-size:16px; word-spacing:2px; font-weight:normal }
#currency label span { color:#AA1515; font-weight:bold }

.mask { position:fixed; z-index:1000; top:0; right:0; left:0; bottom:0; background: rgba(0,0,0,.6) }
.dialog { position:fixed; z-index:5000; width:50%; max-width:600px; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-color:#ffffff; text-align:center; border-radius:3px; overflow:hidden }
.dialog_top { padding:24px; min-height:40px; max-height: 70vh; overflow-y:auto; font-size:14px; line-height:20px; word-wrap:break-word; word-break:break-all; color:#000000; text-align:left }
.dialog_bot { position:relative; line-height:48px }
.dialog_bot:after { content:" "; position:absolute; left:0; top:0; right:0; height:1px; border-top:1px solid #d5d5d6; color:#d5d5d6; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleY(.5); transform:scaleY(.5) }

/*-----AspNetPager-----*/
#AspNetPager { padding-bottom:20px }
#AspNetPager a, .CurrentPage { float:left; font-size:12px; color:#000000; background:#EAA298; padding:5px 10px; margin:0; border:1px solid #D4887E; text-decoration:none }
#AspNetPager a:hover { color:#FFFFFF; background-color:#F4614D; border:1px solid #F43E25; text-decoration:none }
.CurrentPage { float:left; font-size:12px; font-weight:bold; color:#FFFFFF; background:#F4614D; padding:5px 10px; margin:0; border:1px solid #F43E25; text-decoration:none }