/* 初始化 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; } body { background: #fff; color: #555; font: 14px/1 Microsoft YaHei,Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif; } /*h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }*/ address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; } td, th, caption { font-size: 14px; word-wrap:break-word; word-break:break-all; background-color:#FFF;} ul { list-style: none; } input, textarea, select, button { font: 14px Verdana,Helvetica,Arial,sans-serif; outline:none; } input { outline: 0px; } input[type=text],input[type=password],input[type=number] { height:24px; line-height:24px; padding:0 5px; border:1px solid #CCC; } input[type=number] { padding:0; text-indent:5px;} input[type=text].input-validation-error { border:1px solid #AA0000;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } input[readonly] { background-color:#EEE; border-color:#CCC;} textarea { resize: vertical; height:72px; line-height: 24px; padding: 5px; border:1px solid #CCC; } select { height: 24px; min-width:60px; border:1px solid #CCC; } a { color: #666; text-decoration: none; } a:hover { text-decoration: none; } img { border: none; } html { overflow-y: scroll; } a.lnk { color: #0487e2; text-decoration: underline; } a.lnk:hover { color:#FF6600;} .btn { display: inline-block; height: 32px; line-height: 32px; background-color: #0487e2; color: #FFF; padding: 0 10px; text-align: center; border: 0; cursor: pointer; } .btn:hover { background-color: #036ad8; color: #FFF; } .btn_disabled { background-color: #DDD; color: #AAA; cursor: default; } .btn_disabled:hover { background-color: #DDD; color: #AAA; } table.tbl { width:100%;} table.tbl td,table.tbl th{ padding: 8px; border: 1px solid #DDD; font-weight:normal;} table.tbl .thead td, table.tbl th { background-color: #F5F5F5; } .uploadify-button { width: 70px; height: 28px; line-height: 28px; } .uploadify-queue-item .cancel { display: none; } .select2-container--default .select2-results > .select2-results__options { max-height: 300px; } .select2-container--default .select2-selection--single { border-radius:0;} .select2-results__option { line-height: 20px; } .checkmark-circle { position: relative; width: 18px; height: 18px; border-radius: 50%; background-color: #CCC; } .checkmark-circle::after { content: ""; position: absolute; left: 6px; top: 2px; width: 4px; height: 10px; border-bottom: 2px solid white; border-right: 2px solid white; transform: rotate(45deg); } /* 浮動 */ .fl { float: left; } .fr { float: right; } .clear { clear: both; } .clearfix { *zoom: 1; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 編輯器內容 */ .editor { text-align: left; } .editor img { max-width: 100%; } .editor p { line-height: 22px; margin-bottom: 5px; } .editor table { } .editor table td { padding:5px;} .editor table th { padding:5px;} /* 位置導航 */ .breadcrumbs { } .breadcrumbs li.item { float: left; } .breadcrumbs li.item span { color: #999; margin-left: 10px; margin-right: 5px; } .breadcrumbs li.item a { color:#0487e2; text-decoration: underline; } .breadcrumbs li.item a:hover { text-decoration: none; } .breadcrumbs li.item:first-child span { display: none; } /* 表單 */ .form { } .form_group { margin-bottom: 10px; *zoom: 1; position:relative; } .form_group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .form_label { float: left; height: 30px; line-height: 30px; width: 80px; overflow: hidden; } .form_detail { float: left; } .form_field { height: 28px; line-height: 28px; padding: 0 5px; border: 1px solid #DDD; display: inline-block; } .form_field:focus { border-color: #0487e2; } .field-validation-error { color: #AA0000; } .required { color: red; } /* 提示 */ .form_group .tip { position: absolute; bottom: 40px; left: 80px; display: none; } .form_group .tip_arrow { width: 0; height: 0; border-top: 4px dashed #000; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 20px; bottom: -4px; } .form_group .tip_inner { max-width: 450px; padding: 5px; color: #fff; text-align: left; background-color: #000; border-radius: 4px; line-height: 24px; } .form_tip_wrap { position:relative;} .form_tip_wrap .tip { position: absolute; bottom: 40px; left: 0; display: none; } .form_tip_wrap .tip_arrow { width: 0; height: 0; border-top: 4px dashed #000; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 20px; bottom: -4px; } .form_tip_wrap .tip_inner { max-width: 450px; padding: 5px; color: #fff; text-align: left; background-color: #000; border-radius: 4px; line-height: 24px; } /* 遮罩層 */ .loading { position: absolute; z-index:999999; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background: url('../images/loading.gif') no-repeat center center #FFF; } /* 選項卡 */ .tab { } .tab_head .tab_item { float: left; height: 30px; } .tab_head .tab_item a { color: #333; display: block; height: 30px; line-height: 30px; padding: 0 15px; color: #999; } .tab_head .tab_selected { } .tab_head .tab_selected a { position:relative; background-color:#FFF; color: #000; border-top: 2px solid #0487e2; border-left: 1px solid #DEDFDE; border-right: 1px solid #DEDFDE; } /* 分頁 */ .pagination { overflow: hidden; _zoom: 1; padding-top: 10px; } .pagination li { float: left; margin-right: 2px; } .pagination li a { display: block; padding: 8px 10px; background-color: #EEE; color: #555; } .pagination li.active a { background-color: #0487e2; color: #FFF; } .pagination li.disabled a { background-color: #F5F5F5; color: #CCC; cursor: default; } /* 模態框 */ .modal { display: none; border: 2px solid #333; } .modal_head { background-color: #FF6600; color: #FFF; height: 30px; line-height: 30px; text-align: center; } .modal_head .btn_close { position: absolute; right: 10px; top: 0; color: #FFF; font-size: 20px; } .modal_head .btn_close:hover { color: #1576a7; } .modal_body { padding: 10px; overflow-y: auto; } /* 模態框 - 其他 */ .modal_submit { width: 300px; padding: 20px 0px; } .modal_filequeue { width: 350px; max-height: 350px; overflow-y: auto; padding: 0; } .modal_filequeue .modal_head { } .modal_filequeue .uploader_item { background-color: #F5F5F5; padding: 10px; margin-bottom: 5px; text-align: left; } .modal_filequeue .uploader_item_name { margin-bottom: 5px; overflow: hidden; word-wrap: break-word; line-height: 22px; } .modal_filequeue .uploader_item_progress { height: 5px; background-color: #D5D5D5; } .modal_filequeue .uploader_item_progressbar { height: 100%; background-color: #0487e2; width: 0%; } /* 商品後加工 */ dl.proc_item { overflow: hidden; _zoom: 1; font-size: 12px; margin-bottom: 5px; border:1px solid #F5F5F5; } dl.proc_item dt { font-weight: normal; height: 26px; line-height: 26px; background-color: #F5F5F5; text-align: left; margin-bottom: 5px; padding-left: 10px; } dl.proc_item dd { overflow: hidden; _zoom: 1; padding:0 5px; text-align:left;} dl.proc_item dd .proc_opt { display:flex; justify-content:space-between; align-items:center; margin-bottom:5px; border:1px solid #EEE; background-color:#FFF; padding:5px;} dl.proc_item dd .proc_opt:hover{ border-color: #4CAF50; } dl.proc_item dd .proc_opt .proc_opt_txt { flex:1; margin:0 12px; height:24px; line-height:24px; cursor:pointer; text-align:left;} dl.proc_item dd .proc_opt .proc_opt_qty{} dl.proc_item dd .proc_opt .proc_opt_qty_ipt{ width:70px; background-color:#FFF; height:22px; line-height:22px; border:1px solid #DDD; background-color:#EEE; } dl.proc_item dd .proc_opt_selected { background-color: #4CAF50; border-color: #4CAF50; color: #FFF; } dl.proc_item dd .proc_opt_selected .proc_opt_txt{} dl.proc_item dd .proc_opt_selected .proc_opt_qty_ipt{ background-color:#fff; border-color:#18A2FA;} dl.proc_item dd .proc_opt_selected .checkmark-circle{ background-color:#fff;} dl.proc_item dd .proc_opt_selected .checkmark-circle::after{ border-color:#4CAF50; } .modal_process { width: 600px; } .modal_process .modal_body { height: 480px; overflow-y: scroll; background-color:#fff; } .modal_process .modal_foot { padding:5px; background-color:#EEE;} /* 商品配件 */ .fit_opt { display:flex; justify-content:space-between; align-items:center; margin-bottom:5px; border:1px solid #EEE; background-color:#FFF; padding:5px;} .fit_opt:hover{ border-color: #4CAF50;} .fit_opt .fit_opt_txt { flex:1; margin:0 12px; height:24px; line-height:24px; cursor:pointer; text-align:left;} .fit_opt .fit_opt_qty_ipt { width:60px; background-color:#EEE; height:22px; line-height:22px; border:1px solid #DDD; } .fit_opt_selected { background-color: #4CAF50; border-color: #4CAF50; color: #FFF; } .fit_opt_selected .fit_opt_txt{ } .fit_opt_selected .fit_opt_qty_ipt { background-color:#fff; border-color:#18A2FA;} .fit_opt_selected .checkmark-circle{ background-color:#fff;} .fit_opt_selected .checkmark-circle::after{ border-color:#4CAF50; } .modal_fitting { width: 600px; } .modal_fitting .modal_body { height: 480px; overflow-y: scroll; background-color:#fff; } .modal_fitting .modal_foot { padding:5px; background-color:#EEE;} /* 模態框 - 地址選擇 */ .modal_address { display: none; width: 600px; } /* 模態框 - 雲端檔案 */ .modal_cloudfles { width: 800px; } .modal_cloudfles .pnl_head { padding: 10px 0; background-color: #0487e2; color: #FFF; margin-bottom: 10px; } .modal_cloudfles .btn_close { position: absolute; right: 5px; top: 0; color: #FFF; font-size: 20px; } .modal_cloudfles .btn_close:hover { color: #1576a7; } .modal_cloudfles .list { padding: 0; overflow-y: auto; max-height: 360px; } .modal_cloudfles .empty { padding: 10px; color: #AA0000; font-size: 14px; } /* 模態框 - 信息提示 */ .modal_required { width:480px; } .modal_required .modal_body { padding: 20px; } .modal_required .modal_body p { margin-bottom:10px;} /* 模態框 - 訂單確認 */ .modal_orderconfirm { width:600px; } .modal_orderconfirm .modal_body { padding: 20px; max-height:300px;} .modal_orderconfirm .modal_body p { margin-bottom:10px;} .modal_orderconfirm .modal_foot { padding: 5px; background-color: #F5F5F5; overflow:hidden; _zoom:1; } .modal_orderconfirm .modal_foot .btn_cancel { float:left;} .modal_orderconfirm .modal_foot .btn_confirm { float:right;} /* 模態框 - 訊息公告 */ #modal_home_notice { width:600px;} #modal_home_notice .modal_body { max-height:500px; overflow-y:auto;} /* 地址 */ .address { overflow: hidden; _zoom: 1; } .address_os { } .address_os .part_detail { margin-bottom: 5px; } .address_os .txt_detail { width: 500px; } .address_os .txt_zipcode { width: 80px; } .address_tw { overflow: hidden; _zoom: 1;} .address_tw .part { float: left; display: inline; } .address_tw .part_city { margin-bottom: 5px; } .address_tw .part_area { margin-left: 5px; } .address_tw .part_zipcode { margin-left: 5px; } .address_tw .part_cityarea { clear: both; } .address_tw .part_street { margin-left: 5px; } .address_tw .txt_code { width: 50px; text-align: center; } .address_tw .txt_area { width: 100px; } .tab_addr { } .tab_addr .tab_head { margin-bottom: 5px; } .tab_addr .tab_head .tab_item { border: 0; } .tab_addr .tab_head .tab_item a { border: 0; background-color: #F5F5F5; color: #333; } .tab_addr .tab_head .tab_selected a { background-color: #0487e2; color: #FFF; } /* 流程步驟 */ .steps{ display:flex; flex-wrap:wrap;} .steps .step_item{position:relative;} .steps .step_item .step_item_dot { position:absolute; left:-4px; top:5px; background-color:#fff; width:16px; height:16px; border:2px solid #bbb; border-radius:50%; display:flex; align-items:center; justify-content:center;} .steps .step_item .step_item_dot div{ background-color:#bbb; width:8px; height:8px; border-radius:50%;} .steps .step_item .step_item_title{ border-top:12px solid #ddd; color:#666; width:110px; margin-top:8px; padding-top:8px;} .steps .step_item .step_item_title div{ width:90px;} .steps .step_item:last-child .step_item_title{ border-top:0; padding-top:18px; } .steps .step_item--state0 .step_item_dot { border-color:#ccc;} .steps .step_item--state0 .step_item_dot div{ background-color:#ccc;} .steps .step_item--state0 .step_item_title{ border-top-color:#ddd; color:#888; } .steps .step_item--state1 .step_item_dot { border-color:#67cf66; background-color:#67cf66;} .steps .step_item--state1 .step_item_dot div{ background-color:#fff;} .steps .step_item--state1 .step_item_title{ border-top-color:#ddd; color:#009d3f; font-weight:bold; } .steps .step_item--state2 .step_item_dot { border-color:#ffd700; background-color:#ffd700;} .steps .step_item--state2 .step_item_dot div{ position: absolute; left: 5px; top: 2px; width: 4px; height:8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); border-radius:0; background-color: #ffd700;} .steps .step_item--state2 .step_item_title{ border-top-color:#ffe65d; color:#666;} /* 繳款方式 */ .payment { padding: 10px; background-color:#F5F5F5;} .payment .radio { margin-bottom: 10px; border:2px solid #DDD; background-color:#FFF;} .payment .radio label { display:block; padding:10px; } .payment .radio .sub_paytype { display:none; padding:5px;} .payment .radio .sub_paytype label { display:inline; padding:0; margin-right:20px;} .payment .radio .sub_paytype .tbl { border-collapse: collapse; } .payment .radio .sub_paytype .tbl th { width:80px; text-align:right;} .payment .radio .sub_paytype .tbl td { text-align:left;} .payment .radio .sub_paytype .tips { color:red;} .payment .radio .sub_paytype .item_type { margin-bottom:10px;} .payment .radio .sub_paytype .item_type img { vertical-align:middle;} .payment .radio_selected { border:2px solid #0487e2;} .payment .radio_selected .sub_paytype { display:block;} #payment_tip { color: red; margin-top:10px; } /* 佈局 */ .w { width: 1000px; margin: 0 auto; } .mb10 { margin-bottom:10px;} .layout2 { } .layout2 #side { float: left; width: 200px; } .layout2 #main { float: right; width: 780px; } #body { min-height: 500px; padding-top:10px; padding-bottom:10px; } .page .pg_head { background-color: #036ad8; color: #FFF; height: 36px; line-height: 36px; padding: 0 10px; margin-bottom: 10px; } .page .pg_body { } #layout4Customer #side .menu { margin-bottom:12px;} #layout4Customer #side .menu .item { height: 30px; line-height: 30px; overflow: hidden; border-bottom:1px solid #286090;} #layout4Customer #side .menu .item a { display:block; background-color:#337AB7; color:#FFF; padding-left:10px;} #layout4Customer #side .menu .item a:hover{ background-color:#286090;text-decoration:none;} #layout4Customer #side .menu .selected a { background-color: #286090; } #layout4Customer #side .btn_logout{ display:block; text-align:center; line-height:36px; background-color:#f5f5f5; border:1px solid #ddd; border-radius:5px;} #layout4Customer #side .btn_logout:hover{ background-color:#fff; border-color:#337ab7; color:#337ab7;} #layout4Customer .page { } #layout4Customer .pg_head { height: 36px; line-height: 0; text-indent:-9999px; margin-bottom: 10px; } /* 菜單 - 商品類別 */ #cate_cmpx { position:relative; margin-bottom:10px;} #cate_cmpx_menu { width: 210px; border: 1px solid #333; overflow:hidden; } #cate_cmpx_menu_head { height:36px; line-height:36px; background-color:#333; color:#FFF; text-align:center; font-weight:bold; font-size:16px;} #cate_cmpx_menu_body { height:244px; } #cate_cmpx_cont { width:790px; min-height:280px; border:1px solid #333; z-index:99998; position:absolute; top:0; left:211px; background-color:#FFF; display:none;} .cate_cmpx_menu_item { padding:10px;} .cate_cmpx_menu_item_active { background-color:#555; color:#FFF;} .cate_cmpx_cont_item { overflow:hidden;} .cate_cmpx_cont_item_wrap { overflow:hidden; _zoom:1; border-bottom:1px dashed #DDD; margin-top:10px;} .cate_cmpx_cont_item_dt { float:left; width:150px; font-weight:bold; margin-left:10px;} .cate_cmpx_cont_item_dd { float:left; width:600px; overflow:hidden; _zoom:1; margin-left:20px;} .cate_cmpx_cont_item_dd a { float:left; margin-left:15px; margin-bottom:10px; } .cate_cmpx_cont_item_dd a:hover { color:#0487e2; text-decoration:underline;} /* 左側 - 商品類別 */ #side_cate_list { position:relative; overflow-y:auto;} .category_list { } .category_list .item { border-bottom: 1px solid #FFF; background-color: #F5F5F5; } .category_list .item_name { position:relative; font-size: 14px; color:#666; line-height: 30px; padding:5px 25px 5px 20px; cursor:pointer; background: url('../images/cate_item_dot.gif') no-repeat 5px 13px; } .category_list .item_name .icon1 { position: absolute; top: 15px; right: 15px; border-style: solid dashed solid dashed; border-color: #999 transparent #999 transparent; border-width:5px 5px 0; text-indent:-9999px; height: 0; line-height: 0; overflow: hidden; } .category_list .item_subs { padding: 5px 10px; display: none; border: 1px solid #F5F5F5; background-color: #FFF; } .category_list .item_selected .item_subs { display: block; } .category_list .item_selected .item_name { color: #AA0000; font-weight: bold; } .category_list .item_selected .item_name .icon1 { border-width: 0 5px 5px; } .category_list .subitem { line-height:18px; padding-left: 20px; margin-bottom:10px; background: url('../images/cate_item_dot2.jpg') no-repeat left 4px; } .category_list .subitem_selected a { color: #FF6600; font-weight: bold; } .category_list .subitem a:hover { color: #FF6600; text-decoration: underline; } .category_list .subitem:first-child{ margin-top:10px;} /* 頁眉 */ #head { width:100%; } #head_bar { height: 30px; line-height: 30px; border-bottom: 1px solid #DDD; background-color: #F5F5F5;} #head_bar .welcome { max-width: 500px; height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #head_bar .customer { float: right; } #head_bar .customer li { display: inline; font-size: 12px; } #head_bar .customer li.vline { color: #999; } #head_bar .customer li a { color: #808080; margin: 0 5px; } #head_bar .customer li a:hover { color: #0487e2; } #head_main { height: 124px; background: url('../images/head_bg.png') repeat-x left 0px; position:relative; } #head_mid { height: 89px; background: url('../images/logo.jpg') no-repeat center center; position:relative; } #head_search { position:absolute; right:0; top:30px;} #head_search .txtbox { float: left; border: 2px solid #0487e2; padding: 3px 10px; height: 24px; line-height: 24px; width: 120px; } #head_search a.btn_search { float: left; height: 34px; padding: 0 10px; } #head_menu { height: 35px; background: url('../images/head_bg.png') repeat-x 0 -89px; } #head_menu ul { overflow: hidden; _zoom: 1; } #head_menu li.item { float: left; display: inline; } #head_menu li.item a { display: block; width: 70px; padding-left: 41px; height: 35px; line-height: 35px; overflow: hidden; background: url('../images/menu_2a.png'); color: #FFF; } #head_menu li.item a:hover { background: url('../images/menu_2b.png'); } #head_menu li.item:first-child a { background: url('../images/menu_1a.png'); } #head_menu li.item:first-child a:hover { background: url('../images/menu_1b.png'); } #head_menu li.item:last-child a { background: url('../images/menu_3a.png'); } #head_menu li.item:last-child a:hover { background: url('../images/menu_3b.png'); } /* 頁腳 */ #foot { border-top: 1px solid #EEE; text-align: center; line-height: 24px; min-width: 1000px; } #foot .navi_wrap { background-color: #F5F5F5; border-bottom: 5px solid #c52d2f; text-align: left; padding: 20px 0; } #foot .help_navi { } #foot .help_navi ul { width: 20%; float: left; display: inline; } #foot .help_navi li { height: 24px; line-height: 24px; overflow: hidden; } #foot .help_navi li strong { font-weight: bold; } #foot .help_navi li a:hover { color: #AA0000; } #foot .content_wrap { background-color: #2e2e2e; color: #FFF; padding: 10px 0; border-top; position: relative; } #foot .content_wrap .w { position: relative; } #foot .sslinfo { position: absolute; left: 0; top: 0; } #foot .copyright { margin-bottom: 10px; } #foot .powerby { } #foot .powerby a { color: #18A2FA; } #swtich_view { position:fixed; bottom:100px; right:10px;} #swtich_view a{ display:block; padding:5px; border-radius:100%; background-color:#0280EC; box-shadow:1px 1px 5px #333;} #swtich_view a img { display:block; width:40px;} #foot_totop { display:none; position: fixed; bottom: 35px; right: 10px; } #foot_totop a { display: block; width: 50px; height: 50px; border-radius: 5px; background: url('../images/back-to-top.png') no-repeat 0 0; } #foot_totop a:hover { background-position:0 -50px; } /* 登錄框 */ #pnl_quicklogin { position: relative; text-align: left; width:340px; } #pnl_quicklogin .modal_head .btn_close { position: absolute; right: 10px; top: 0px; color: #DDD; } #pnl_quicklogin .modal_head .btn_close:hover { color: #FFF;} #pnl_quicklogin .modal_body { padding:20px;} #form_login .form_row { border:1px solid #DDD; overflow:hidden; _zoom:1;} #form_login .form_row .form_field { float:left; border:0; width:250px; height: 36px; line-height: 36px; } #form_login .form_row .row_icon { float: left; width: 36px; height: 36px; background-repeat:no-repeat; background-position:12px center; } #form_login .form_row .row_icon_user { background-image: url('/static/images/login_user.png'); } #form_login .form_row .row_icon_pwd { background-image: url('/static/images/login_pwd.png'); } #form_login .form_row .row_icon_verify { background-image: url('/static/images/login_verify.png'); } #form_login .form_group_verify .form_row { float:left;} #form_login .form_group_verify .form_field { width: 130px; float: left; } #form_login .form_group_verify .verifycode { float: left; padding-left: 10px; margin-top: 5px; } #form_login .form_group_verify .verifycode .img_refresh{ height:30px;} #form_login .form_group_remember { padding: 8px 0; } #form_login .form_group_remember a.lnk_pwd { float: right; } #form_login .form_group_remember a.lnk_pwd:hover { color: #0487e2; } #form_login .form_action { overflow:hidden; _zoom:1;} #form_login .form_action .msg_error { display: none; color: #f12e2e; padding: 5px 0; } #form_login .form_action .btn_login { width:100%; letter-spacing:30px; text-indent:30px;} #form_login .action_reg { overflow:hidden; _zoom:1; margin-bottom:10px;} #form_login .action_reg .lnk { color:#0487e2;} #form_login .action_reg .lnk:hover { color:#FF6600; text-decoration:underline;} #form_login .action_reg .lnk_pwd { float:left;} #form_login .action_reg .lnk_reg { float:right;} #form_login .oauth_head{ padding-top:15px; padding-bottom:15px; color:#333; text-align:center;} #form_login .oauth_items { text-align:center; margin-bottom:10px;} #form_login .oauth_items a { margin:0 10px;} #form_login .oauth_items img { width:48px; height:48px; border-radius:10px; } #form_login .oauth_tips { background-color:#FCF7E4; color:#666; padding:10px; line-height:22px;} #modal_login_notice { display:none; width:680px;} #modal_login_notice .modal_body { max-height:500px; overflow-y:auto;} #modal_login_notice .modal_body img{ max-width:100%;} /* 商品選擇 */ .prod_selector { overflow:hidden; _zoom:1;} .prod_selector .pnl { float: left; margin-right: 5px; width: 200px; } .prod_selector .pnl select { width: 100%; } /* 商品信息填寫 */ .part_additem { } .part_additem .item_remarks { padding-top: 5px; color: #FF6600; display: none; } .part_additem .txt_qty { width: 70px; display: none; } .part_additem .txt_bookpages { width: 70px; } .input-validation-error { border:1px solid #AA0000; } /* 線上客服 */ .online_service { position: absolute; left: -146px; top: 150px;} .online_service .detail { float:left; width: 146px; } .online_service .detail .top { height: 39px; background: url('../images/service_top.png') no-repeat -6px 0; } .online_service .detail .mid { min-height: 150px; padding: 10px 10px 10px 20px; background: url('../images/service_mid.png') repeat-y -6px 0; } .online_service .detail .bot { height: 8px; background: url('../images/service_bot.png') no-repeat -6px 0; } .online_service .detail .item { padding-left:20px; height: 24px; line-height: 24px; overflow: hidden; } .online_service .detail .item_type_0 { background: url('../images/service_type_msn.gif') no-repeat left center; } .online_service .detail .item_type_1 { background: url('../images/service_type_skype.gif') no-repeat left center; } .online_service .detail .item_type_2 { background: url('../images/service_type_qq.gif') no-repeat left center; } .online_service .token { float: left; margin-top: 40px; width: 32px; height: 139px; background: url('../images/service_token.png') no-repeat 0 0; } /* 首頁 */ #pg_home { } #pg_home .main { float: left; width: 750px; } #pg_home .side { float: right; width: 250px; } #pg_home .attached { } #pg_home .attached_1 { } #pg_home .attached_2 { padding-right:10px;} .home_slider { height: 280px; margin-bottom: 10px; overflow: hidden; border-radius:5px; } .home_slider .bx-wrapper img { height: 280px; } .home_slider .bx-wrapper .bx-controls-direction a { visibility: hidden; } .home_slider:hover .bx-wrapper .bx-controls-direction a { visibility:visible; } .home_slider .bx-wrapper .bx-pager { bottom: 10px; } .home_slider .bx-wrapper .bx-pager.bx-default-pager a { background-color: #EEE; } .home_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#0487e2;} .home_industry_slider { height: auto; margin-bottom:10px; overflow:hidden; border:1px solid #DDD; padding:5px; border-radius:5px; } .home_industry_slider .bx-wrapper img { width:100%; height: auto; border-radius:5px;} .home_industry_slider .bx-wrapper .bx-controls-direction a { visibility:hidden; } .home_industry_slider:hover .bx-wrapper .bx-controls-direction a { visibility:visible; } .home_industry_slider .bx-wrapper .bx-pager { bottom: 10px; } .home_industry_slider .bx-wrapper .bx-pager.bx-default-pager a { background-color: #EEE; } .home_industry_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#0487e2;} .home_onsale { } .home_onsale ul { margin-left: -10px; } .home_onsale .item { float: left; width: 240px; height: 150px; display: inline; margin-left: 10px; margin-bottom: 10px; overflow: hidden; } .home_onsale .item img { width: 100%; height: 100%; display: block; border-radius:5px; } .home_newest { } .home_newest .item { margin-bottom: 10px; } .home_newest .item img { display:block; width: 100%; border-radius:5px; } .home_news { margin-bottom: 10px; } .home_news .sc_title { height: 32px; background: url('../images/home_news_title_bg.jpg') no-repeat 0 0; } .home_news .sc_body { } .home_news .item { height: 24px; line-height: 24px; padding: 5px 0; overflow: hidden; zoom: -1; border-bottom: 1px dotted #DDD; } .home_news .item_date { color: #F00000; float: left; padding: 0 10px; } .home_news a.item_lnk { color: #db127a; } .home_news a.item_lnk:hover { color: #FF6600; text-decoration: underline; } .home_news2 { margin-bottom: 10px; } .home_news2 .sc_title { background-color:#333; color:#FFF; font-size:16px; text-align:left; line-height:36px; margin-bottom:10px; letter-spacing:10px; text-indent:10px;} .home_news2 .sc_body { } .home_news2 .item { height: 24px; line-height: 24px; padding: 5px 0; overflow: hidden; zoom: -1; border-bottom: 1px dotted #DDD; } .home_news2 .item_date { color: #F00000; float: left; padding: 0 10px; } .home_news2 a.item_lnk { color: #db127a; } .home_news2 a.item_lnk:hover { color: #FF6600; text-decoration: underline; } #pg_home_2 { } #home_2_cate { float:left;} #home_2_slide { float:right; width:780px;} #home_onsale2 { height: auto; margin-bottom:10px; overflow:hidden; border:1px solid #DDD; padding:5px; } #home_onsale2 .bx-wrapper img { width:100%; height: auto; } #home_onsale2 .bx-wrapper .bx-controls-direction a { visibility:hidden; } #home_onsale2:hover .bx-wrapper .bx-controls-direction a { visibility:visible; } #home_onsale2 .bx-wrapper .bx-pager { bottom: 10px; } #home_onsale2 .bx-wrapper .bx-pager.bx-default-pager a { background-color: #EEE; } #home_onsale2 .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#0487e2;} #class_onsale { } #class_onsale .onsale_head { background-color:#333; color:#FFF; font-size:16px; text-align:left; line-height:36px; margin-bottom:10px; letter-spacing:10px; text-indent:10px;} #class_onsale .onsale_item { float:left; border:1px solid #DDD; width:180px; margin-left:10px; margin-bottom:10px; padding:5px;} #class_onsale .onsale_item img { width: 180px; height:180px; } #class_onsale .onsale_item_left { margin-left:0;} #class_onsale .item_img { margin-bottom:5px;} #class_onsale .item_name { height:22px; line-height:22px; overflow:hidden; font-weight:bold;} #class_onsale .onsale_item:hover { border-color:#0487e2; color:#0487e2;} #pg_home_2 .home_2_foot{ border-top:2px solid #333; margin-top:10px; padding-top:10px; display:flex; align-items:flex-start;} #pg_home_2 .home_2_foot .side_links { flex:1; display:flex; align-items:center; flex-wrap:wrap;} #pg_home_2 .home_2_foot .side_links .item { margin-left: 10px; width:242px; } #pg_home_2 .home_2_foot1 .side_links .item:nth-child(4n+1){ margin-left:0;} #pg_home_2 .home_2_foot2 .side_links .item:nth-child(4n+1){ margin-left:0;} #pg_home_3{} #pg_home_3 .side{ float:left; width:240px;} #pg_home_3 .main{ float:right; width:750px;} .home_cate_3{ border:1px solid #ddd; padding:10px; margin-bottom:10px; border-radius:5px; } .home_cate_3 .main_item{ border-bottom:1px solid #ddd; position:relative;} .home_cate_3 .main_item .main_item_name{ padding:10px 0; cursor:pointer;} .home_cate_3 .main_item .main_item_panel{ position:absolute; left:215px; top:-10px; border:1px solid #ddd; border-radius:5px; background-color:#fff; width:250px; min-height:180px; z-index:99999; display:none; padding:10px;} .home_cate_3 .main_item:hover .main_item_name{color:#FF6600;} .home_cate_3 .main_item:hover .main_item_panel{display:block;} .home_cate_3 .cls_item{ border-bottom:1px dashed #ddd; padding:10px;} .home_cate_3 .cls_item a{} .home_cate_3 .cls_item a:hover{color:#FF6600;} .home_cate_3 .cls_item .icon_tag { display:inline-block; position:relative; top:-3px;} .home_cate_3 .cls_item .icon_tag_1 { width:23px; height:16px; background:url('../images/icon_tag_1.gif') no-repeat 0 0;} .home_cate_3 .cls_item .icon_tag_2 { width:23px; height:16px; background:url('../images/icon_tag_2.gif') no-repeat 0 0;} .home_onsale3 .sc_title { height: 32px; background: url('../images/home_onsale_title_bg.jpg') no-repeat 0 0; } .home_onsale3 .sc_body{ padding-top:10px; display:flex; flex-wrap:wrap; } .home_onsale3 .sc_body .onsale_item{ width:240px; height:150px; margin-left:10px; margin-bottom:10px; border-radius:5px; overflow:hidden;} .home_onsale3 .sc_body .onsale_item img{display:block; width:100%; height:100%; border-radius:5px;} .home_hotsale3 .sc_title { height: 32px; background: url('../images/home_hotsale_title_bg.jpg') no-repeat 0 0; } .home_hotsale3 .sc_body{ padding-top:10px; display:flex; flex-wrap:wrap; } .home_hotsale3 .sc_body .hotsale_item{ width: 165px; margin-left:10px; margin-bottom:10px; padding:5px; border:1px solid #ddd; border-radius:5px;} .home_hotsale3 .sc_body .hotsale_item_img img{ width:165px; height:165px; border-radius:5px; margin-bottom:5px;} .home_hotsale3 .sc_body .hotsale_item_name{ text-align:center; line-height:18px; overflow:hidden;} .home_hotsale3 .sc_body .hotsale_item:hover{ border-color:#fff; color:#ff6600; box-shadow:0 0px 5px 5px #eee;} /* 首頁商品分類 - 預設模式 */ .home_cate { } .home_cate .sc_title { height: 32px; background: url('../images/home_cate_title_bg.jpg') no-repeat 0 0; } .home_cate .sc_body { margin-left: -10px; padding-top: 15px; } .home_cate .item { float: left; width: 180px; margin-left: 10px; margin-bottom: 15px; } .home_cate .item_name { color: #ff9600; font-size: 14px; font-weight: bold; height: 24px; line-height: 24px; margin-bottom:5px; padding-left: 20px; overflow: hidden; background: url('../images/cate_item_dot.gif') no-repeat left center; } .home_cate .sub_item { line-height:20px; margin-bottom:5px; padding-left: 20px; overflow: hidden; background: url('../images/cate_item_dot2.jpg') no-repeat left 5px; } .home_cate .sub_item a { color: #333; display:inline-block; float:left; max-width:120px; } .home_cate .sub_item a:hover { color: #FF6600; } .home_cate .more a { color: #FF6600; } .home_cate .more a:hover { text-decoration: underline; } .home_cate .sub_item .icon_tag { display:inline-block; position:relative; top:-3px;} .home_cate .sub_item .icon_tag_1 { width:23px; height:16px; background:url('../images/icon_tag_1.gif') no-repeat 0 0;} .home_cate .sub_item .icon_tag_2 { width:23px; height:16px; background:url('../images/icon_tag_2.gif') no-repeat 0 0;} .home_cate_cols .sc_title { margin-bottom:10px;} .home_cate_cols .sc_body { margin-left:0; padding-right:10px; padding-top:0;} .home_cate_cols_2 .item { width:358px;} .home_cate_cols_2 .sub_item a { max-width:300px;} .home_cate_cols_3 .item { width:236px;} .home_cate_cols_3 .sub_item a { max-width:180px;} .home_cate_cols_4 .item { width:174px;} .home_cate_cols_4 .sub_item a { max-width:120px;} .home_cate_cols_5 .item { width:137px;} .home_cate_cols_5 .sub_item a { max-width:80px;} .home_cate_banner { margin-bottom:10px;} .home_cate_banner .banner_head { height:28px; line-height:28px; background-color:#333; color:#FFF; text-indent:10px;} .home_cate_banner .banner_body { padding-top:10px; border:1px solid #333;} /* 首頁商品分類 - 手風琴模式 */ #home_cate_accord { margin-bottom:10px; height:300px; overflow-x:auto; background-color:#f5f5f5;} #home_cate_accord ul { overflow:hidden; _zoom:1; height:100%; position:relative; left:-1px; } #home_cate_accord li { float: left; display:inline; height:100%; cursor: pointer; position:relative; } #home_cate_accord .fold { height: 100%; width: 49px; border-left:1px solid #0084ab; background-color:#0098c5; } #home_cate_accord .unfold { width:300px; height: 100%; display: none; position: absolute; top: 0px; left: 50px; overflow-y:auto;} #home_cate_accord .main_class { font-size: 20px; display: block; width: 25px; font-weight: normal; margin: 0px auto; line-height: 24px; word-wrap: break-word; padding-top:10px; color:#FFF; text-align:center;} #home_cate_accord .sub_classes { } #home_cate_accord .sub_classes a { display: block; height: 30px; line-height: 30px; overflow: hidden; color: #333; padding: 0 10px; } #home_cate_accord .sub_classes a:hover { background-color:#ed4848; color:#fff; text-decoration:underline;} #home_cate_accord li:hover .fold{ background-color:#0084ab; } #home_cate_accord li:hover .main_class { color: #FFF; } #home_cate_accord li.active { } #home_cate_accord li.active .fold { background-color:#d90000; } #home_cate_accord li.active .main_class { color:#FFF;} #home_cate_accord li.active .unfold { } .side_links { } .side_links .item { margin-bottom: 10px; } .side_links .item img { display:block; width: 100%; border-radius:5px; } #jplayer_container { margin-bottom: 10px; } .jp-video .jp-controls-holder { margin: 0 auto; width: auto; } .jp-video .jp-controls { margin: 0 auto 10px; float: none; display: block; } .jp-video .jp-volume-controls { position: relative; padding-bottom: 10px; width: 200px; margin: 0 auto; } .jp-video .jp-volume-controls .jp-mute { left: -15px; top: 0; } .jp-video .jp-volume-controls .jp-volume-max { left:initial; right: -20px; top: 0; } .jp-video .jp-volume-controls .jp-volume-bar { position: initial; } .jp-video .jp-volume-bar { width: 100%; margin: 0 auto; } /* 電子報 */ #pg_letter_list { } #pg_letter_list .pg_head { line-height:0; text-indent:-9999px; background: url('../images/newsletter_head_bg.jpg'); } #pg_letter_list .tbl td { text-align: center; } #pg_letter_list a.lnk { text-decoration: none; color: #0487e2; } #pg_letter_list a.lnk:hover { text-decoration: underline; color: #FF6600; } #pg_letter_detail .pg_body{ border:1px dashed #DDD; padding:10px;} #pg_letter_detail .m_head { } #pg_letter_detail .m_title { float: left; width: 600px; margin-bottom:10px;} #pg_letter_detail .m_date { float: right; color:#999;} #pg_letter_detail .m_writer { clear: both; border-top:1px solid #EEE; padding:10px 0; text-align:right; color:#999; } /* 幫助中心 */ #pg_help { } #pg_help .pg_side { float: left; width: 220px; } #pg_help .pg_main { float: right; width: 760px; } #pg_help .breadcrumbs { margin-bottom:0; height:40px; line-height:40px; padding-left:10px; background-color:#F5F5F5;} #pg_help .editor { border: 1px solid #F5F5F5; padding: 10px; } #pg_help .side_head { background-color: #0487e2; color: #FFF; height: 40px; line-height: 40px; text-align: center; font-size:22px;} #pg_help .subside { margin-bottom: 1px; } #pg_help .subside .title { height: 36px; line-height: 36px; padding-left: 30px; background-color: #F5F5F5; position: relative; } #pg_help .subside .title .icon1 { position: absolute; top: 15px; right: 20px; border-style: solid dashed solid dashed; border-color: #999 transparent #999 transparent; border-width:5px 5px 0; text-indent:-9999px; height: 0; line-height: 0; overflow: hidden; } #pg_help .subside .cont { display:none; border:1px solid #F5F5F5;} #pg_help .subside .list { } #pg_help .subside .list .item { height: 30px; line-height: 30px; padding-left: 30px; border-bottom: 1px solid #F5F5F5; overflow: hidden; } #pg_help .subside_selected .title { font-weight: bold; } #pg_help .subside_selected .title .icon1 { border-width: 0 5px 5px; } #pg_help .subside_selected .cont { display: block; } #pg_help .subside_selected .list .item_selected a{ color:red;} /* 快速下單 */ #pg_quickorder { } #pg_quickorder .pg_head { background: url('../images/quickorder_head_bg.jpg'); } #pg_quickorder .btn_new { padding: 0; text-indent:-9999px; line-height: 0; height: 36px; width:137px; background: url('../images/quickorder_btn_newitem.jpg'); } #pg_quickorder .btn_submit { padding: 0; text-indent:-9999px; line-height: 0; height: 36px; width:137px; background: url('../images/quickorder_btn_submit.jpg'); } #pg_quickorder .item { position: relative; } #pg_quickorder .item .btn_del { position: absolute; right: -30px; top: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #DDD; color: #555; font-size: 24px; } #pg_quickorder .item .btn_del:hover { color: #F5F5F5; color: #999; } #pg_quickorder .item .table th { background-color: #F5F5F5; text-align: center; width: 100px; text-align: center; } #pg_quickorder .item .table td { text-align: left; } #pg_quickorder .item_bookcover { } #pg_quickorder .item_bookcover .slt_bookcover { width:445px; } #pg_quickorder .item_proc { } #pg_quickorder .item_proc_vals { margin-top:5px; } #pg_quickorder .item_proc_opt { display:inline-block; margin-right:5px; margin-top:5px; padding:5px; background-color:#EEE; color:#333; } #pg_quickorder .item_proc dl.proc_item dd { display:flex; flex-wrap:wrap;} #pg_quickorder .item_proc dl.proc_item dd .proc_opt { width:268px; margin-right:10px; } #pg_quickorder .item_fit { } #pg_quickorder .item_fit_vals { margin-top:5px; } #pg_quickorder .item_fit_opt { display:inline-block; margin-right:5px; margin-top:5px; padding:5px; background-color:#EEE; color:#333; } #pg_quickorder .item_fit .modal_body { display:flex; flex-wrap:wrap; } #pg_quickorder .item_fit .fit_opt { width:268px; margin-right:10px;} #pg_quickorder .webuploader-container { background-color: #333; padding:0;} #pg_quickorder .webuploader-pick { background-color: #333; color: #FFF; padding: 0 10px; height: 32px; line-height: 32px; overflow: hidden; border-radius: 0; } #pg_quickorder .webuploader-pick-hover { background-color: #555; } #pg_quickorder .item_file { overflow: hidden; _zoom: 1; } #pg_quickorder .item_file_local { float: left; } #pg_quickorder .item_file_cloud { float: left; display: inline; margin-left: 10px; } #pg_quickorder .item_file_info { float: left; width:200px; height:30px; line-height:30px; overflow:hidden; color: #AA0000; border:1px solid #333; margin-right:10px; padding:0 10px; background-color:#F5F5F5; } #pg_quickorder .item_cover_file { overflow: hidden; _zoom:1;} #pg_quickorder .item_cover_file_local { float: left; } #pg_quickorder .item_cover_file_cloud { float: left; display: inline; margin-left: 10px; } #pg_quickorder .item_cover_file_info { float: left; width:200px; height:30px; line-height:30px; overflow:hidden; color: #AA0000; border:1px solid #333; margin-right:10px; padding:0 10px; background-color:#F5F5F5; } #pg_quickorder .item_molds { } #pg_quickorder .item_molds_size input { width: 40px; } #pg_quickorder .item_molds_size input.item_molds_size_result{} #pg_quickorder .molds_sizetype { margin-bottom: 10px; } #pg_quickorder .molds_sizetype .type_customer{ margin-left:20px;} #pg_quickorder .molds_sizetype span { margin-left:5px;} #pg_quickorder .item_delivery .tips_helppost { color:red; padding-top:10px; width:800px;} #pg_quickorder .item_delivery .btn_addr { margin-top: 10px; } #pg_quickorder .pnl_delivery { overflow: hidden; _zoom: 1; } #pg_quickorder .pnl_delivery_slt { float: left; width: 120px; } #pg_quickorder .pnl_delivery_receiver { float: left; width: 520px; } #pg_quickorder .receiver { padding-top: 10px; } #pg_quickorder .txt_helprececash { border:1px solid #CCC; padding:3px; width:170px;} #pg_quickorder .item_memo .txt_memo { width: 98%; } #pg_quickorder table.tbl th{ width:70px;} #pg_quickorder .receiver th { width:100px;} #pg_quickorder .item_spec { margin-bottom:10px; } #pg_quickorder .item_spec:last-child { margin-bottom:0;} #pg_quickorder .item_spec_title { margin-bottom:10px; font-size:14px; color:#333;} #pg_quickorder .item_spec_items { overflow:hidden; _zoom:1; } #pg_quickorder .item_spec_opt{ display:inline-block; height:24px; line-height:24px; background-color:#FFF; color:#333; padding:0 8px; margin-right:10px; margin-bottom:5px; border:1px solid #EEE; cursor:pointer;} #pg_quickorder .item_spec_opt:hover{ border-color:#AA0000; color:#AA0000;} #pg_quickorder .item_spec_opt_active{ border-color:#AA0000; background-color:#AA0000; color:#FFF;} #pg_quickorder .item_spec_opt_active:hover { color: #FFF; } #pg_quickorder .prod_selector .pnl {width:220px;} #pg_quickorder .prod_selector .pnl_prod { width: 440px; } /* 購物車 */ #pg_cart { } #pg_cart .pg_head { background: url('../images/cart_head_bg.jpg'); } #pg_cart .item { position: relative; margin-bottom: 5px; } #pg_cart .item th{ background-color: #F5F5F5; width:100px; } #pg_cart .item td, #pg_cart .item th { border: 1px solid #DDD; padding: 10px; } #pg_cart .item_date { color: red; } #pg_cart .btn_del { position: absolute; right: 5px; top: 5px; font-size: 24px; color: #999; } #pg_cart .btn_del:hover { color: #333; } #pg_cart .item_file_local { float: left; } #pg_cart .item_file_cloud { float: left; display: inline; margin-left: 10px; } #pg_cart .item_file_info { clear: both; padding-top: 5px; color: #AA0000; } #pg_cart .item_cover_file_local { float: left; } #pg_cart .item_cover_file_cloud { float: left; display: inline; margin-left: 10px; } #pg_cart .item_cover_file_info { clear: both; padding-top: 5px; color: #AA0000;} #pg_cart .webuploader-container { background-color: #333; padding:0;} #pg_cart .webuploader-pick { background-color: #333; color: #FFF; padding: 0 10px; height: 32px; line-height: 32px; overflow: hidden; border-radius: 0; } #pg_cart .webuploader-pick-hover { background-color: #555;} #pg_cart .btn_shopping { float:left; line-height: 0; text-indent:-9999px; padding:0; width:137px; height: 36px; background: url('../images/cart_btn_shopping.jpg'); } #pg_cart .btn_confirmorder { float:right; line-height: 0; text-indent:-9999px; padding:0; width:137px; height: 36px; background: url('../images/cart_btn_submit.jpg'); } #pg_cart .btn_returncart { float:left;} #pg_cart .btn_submitorder { float:right;} #pg_cart .carttips { margin-top:20px;} #pg_cart .leavetips { margin-top:20px; } #pg_cart .tbl_total th { background-color: #F5F5F5; width:100px; padding:10px;} #pg_cart .item_delivery .tips_helppost { color:red; padding-top:10px; width:800px;} #pg_cart .item_delivery .btn_addr { margin-top: 10px; } #pg_cart .receiver { padding-top: 10px; } #pg_cart .receiver th { width: 100px; } #pg_cart .item_delivery { } #pg_cart .item_delivery_send { line-height:20px; padding-top:10px;} #pg_cart .cart_empty { text-align:left; color:red; font-size:16px;} #pg_cart .item_proc{} #pg_cart .item_proc_opt{display:inline-block; margin-right:5px; margin-top:5px; padding:5px; background-color:#EEE; color:#333;} #pg_cart .item_fit{} #pg_cart .item_fit_opt{display:inline-block; margin-right:5px; margin-top:5px; padding:5px; background-color:#EEE; color:#333;} /* 價格查詢 */ #pg_prices { } #pg_prices .pg_head { line-height: 0; text-indent:-9999px; overflow: hidden; background: url('../images/price_head_bg.jpg') no-repeat 0 0; } #pg_prices .pg_body { } #pg_prices .empty { color: #0487e2; font-size: 16px; font-weight: bold; } #pg_prices .price_query { margin-bottom: 10px; border: 1px solid #DDD; padding: 10px; } #pg_prices .prod_selector { margin-bottom:10px;} #pg_prices .prod_selector .pnl { width: 240px; } #pg_prices .prod_selector .pnl_prod { width:480px;} .tbl_prices { } .tbl_prices th { text-align: left; } .tbl_prices td { border: 1px solid #DDD; padding: 10px; } .tbl_prices .thead td { background-color: #EEE; } /* 網站公告 */ #pg_news_list { } #pg_news_list .pg_head{ line-height: 0; text-indent:-9999px; overflow: hidden; background: url('../images/news_head_bg.jpg') no-repeat 0 0; } #pg_news_list .items { } #pg_news_list .item { height: 24px; line-height: 24px; overflow: hidden; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #DDD;} #pg_news_list .item a { color: #333; } #pg_news_list .item a:hover { color: #036ad8; text-decoration: underline; } #pg_news_list .item_date { color:#999;} #pg_news_detail .pg_body{ border:1px dashed #DDD; padding:10px;} #pg_news_detail .m_head { margin-bottom: 10px; padding-bottom:10px; border-bottom: 1px solid #EEE; } #pg_news_detail .m_title { float: left; width: 600px; } #pg_news_detail .m_date { float: right; color: #999; } /* 聯繫我們 */ #pg_contactus { } #pg_contactus .pg_head { background: url('../images/contact_head_bg.jpg') no-repeat 0 0; line-height: 0; text-indent: -9999px; overflow: hidden; } #pg_contactus .tbl th { text-align: right; width: 100px; padding-right: 10px; } #pg_contactus .tbl input[type=text] { width: 250px; } #pg_contactus .tbl input[name=Subject] { width: 500px; } #pg_contactus .tbl textarea { width: 500px; height: 96px; } #pg_contactus .btn_send { width: 125px; height: 30px; padding: 0; line-height: 0; text-indent: -9999px; background: url('../images/contact_btn_send.jpg'); } #pg_contactus .btn_reset { width: 125px; height: 30px; padding: 0; line-height: 0; text-indent: -9999px; background: url('../images/contact_btn_reset.jpg'); } #pg_thankyou { } #pg_thankyou .msg_success { text-align: center; margin-top: 20px; font-size: 24px; color: #0487e2; } /* 類別詳情 */ #pg_class{} #pg_class .class_tab .tab_head{ border:1px solid #ddd; border-top:2px solid #999;} #pg_class .class_tab .tab_body{ border:1px solid #ddd; border-top:0; padding:10px;} #pg_class .class_tab .tab_head .tab_selected a { height: 34px; line-height: 34px; margin-left: -1px; margin-top: -5px; } #pg_class #class_prodlist_emptry{ background-color:#f5f5f5; font-size:24px; text-align:center; color:red; padding:20px 0;} #pg_class #class_prodlist_query{ display:flex; flex-wrap:wrap; margin-bottom:10px; background-color:#f5f5f5; padding:10px 10px 0 10px;} #pg_class #class_prodlist_query .filter_item{ width:210px; margin-left:10px; margin-bottom:10px;} #pg_class #class_prodlist_query .filter_item:nth-child(3n+1){ margin-left:0;} #pg_class #class_prodlist_query .filter_item_lbl{ margin-bottom:5px;} #pg_class #class_prodlist_query .filter_item_cnt{} #pg_class #class_prodlist_query .filter_item_cnt input[type=text], #pg_class #class_prodlist_query .filter_item_cnt input[type=number]{ width:210px; height:32px; line-height:32px; box-sizing:border-box;} #pg_class #class_prodlist_query .filter_item_cnt select{ width:210px; height:32px; } #pg_class #class_prodlist_query .filter_item--size .filter_item_cnt{ display:flex; align-items:center;} #pg_class #class_prodlist_query .filter_item--size .filter_item_cnt .txt_size{ width:96px;} #pg_class #class_prodlist_query .btn_search{ width: 76px; margin-top:19px;} #pg_class .proditem{ display:flex; border:1px solid #ddd; margin-bottom:10px; border-radius:5px; box-shadow:0 2px 5px #ddd;} #pg_class .proditem_lt{border-right:1px solid #ddd; width:160px; padding:5px;} #pg_class .proditem_lt img{ display:block; width:160px; border-radius:5px;} #pg_class .proditem_rt{ flex:1; padding:10px;} #pg_class .proditem_rt .proditem_name{ margin-bottom:10px;} #pg_class .proditem_rt .proditem_desc{ color:#666; border-top:1px dashed #ddd; padding-top:10px; line-height:18px;} #pg_class .proditem:hover{ border-color:#0487e2;} #pg_class .proditem:hover .proditem_lt{ border-right-color:#0487e2;} #pg_class .proditem:hover .proditem_name{ color:#0487e2;} #pg_class .proditem:last-child{ margin-bottom:0;} /* 商品詳情 */ #pg_prod { } #pg_prod .prod_imgs { float: left; width: 360px; overflow: hidden; } #pg_prod #prod_img_main { overflow: hidden; padding: 5px; border: 1px solid #DDD; border-radius:5px;} #pg_prod #prod_img_main img { display: block; width:350px; border-radius:5px;} #pg_prod #prod_img_list { padding-top: 5px; overflow: hidden; _zoom: 1; } #pg_prod #prod_img_list .item { float: left; width: 80px; height: 80px; border: 1px solid #DDD; border-radius:5px; padding: 1px; margin-left: 5px; cursor:pointer; margin-bottom:5px; overflow:hidden;} #pg_prod #prod_img_list .item img { width: 100%; border-radius:5px; } #pg_prod #prod_img_list .item:hover { border-color: #0487e2; } #pg_prod #prod_img_list .item_selected { border-color: #0487e2; } #pg_prod .prod_form { float: right; width: 410px; } #pg_prod .prod_form th { width: 80px; text-align: center; } #pg_prod .prod_form .item_date { color: red; } #pg_prod .prod_form .prod_selector .pnl { width: auto; float:initial; } #pg_prod .prod_form .tips_helppost { color:red; padding-top:10px; line-height:20px;} #pg_prod .prod_form .form_action{ display: flex; align-items:center; justify-content:space-between;} #pg_prod .prod_form a.btn_addtocart { display:block; padding:0; line-height:0; text-indent:-9999px; width: 139px; height: 38px; background-image: url('../images/prod_btn_addtocart.jpg'); } #pg_prod .prod_form .btn_addfav_wrap{ cursor:pointer; color:#aa0000; border:1px solid #aa0000; border-radius:2px; padding: 5px 10px; display:flex; align-items:center;} #pg_prod .prod_form .btn_addfav_wrap i{ font-size:16px; font-style:normal;} #pg_prod .prod_form .btn_addfav_wrap span{ font-size:14px; margin-left:5px;} #pg_prod .prod_form .btn_delfav_wrap{ cursor:pointer; color:#fff; border:1px solid #aa0000; border-radius:2px; padding: 5px 10px; background-color:#aa0000; display:flex; align-items:center; } #pg_prod .prod_form .btn_delfav_wrap i{ font-size:16px; font-style:normal;} #pg_prod .prod_form .btn_delfav_wrap span{ font-size:14px; margin-left:5px;} #pg_prod .prod_cloud { float: right; width: 410px; } #pg_prod .prod_cloud .btn_buy { width:120px;} #pg_prod .prod_cloud .nofile { color:red;} #pg_prod .group_label { width: 80px; } #pg_prod .group_detail { width: 280px; } #pg_prod .form textarea.field { width: 278px; height: 48px; } #pg_prod .form input.field_helprececash { border:1px solid #CCC; padding:3px; width:80px;} #pg_prod .item_proc_vals { padding-top:5px; overflow:hidden; _zoom:1;} #pg_prod .item_proc_vals .item_proc_opt { display:inline-block; margin-right:5px; margin-top:5px; padding:5px; background-color:#EEE; color:#333;} #pg_prod .item_fit_vals { padding-top:5px; overflow:hidden; _zoom:1;} #pg_prod .item_fit_vals .item_fit_opt { display:inline-block; margin-right:5px; margin-top:5px; padding:5px; background-color:#EEE; color:#333;} #pg_prod .item_spec { margin-bottom:10px; } #pg_prod .item_spec:last-child { margin-bottom:0;} #pg_prod .item_spec_title { margin-bottom:10px; font-size:14px; color:#333;} #pg_prod .item_spec_items { overflow:hidden; _zoom:1; } #pg_prod .item_spec_opt{ display:inline-block; height:24px; line-height:24px; background-color:#FFF; color:#333; padding:0 8px; margin-right:10px; margin-bottom:5px; border:1px solid #EEE; cursor:pointer;} #pg_prod .item_spec_opt:hover{ border-color:#AA0000; color:#AA0000;} #pg_prod .item_spec_opt_active{ border-color:#AA0000; background-color:#AA0000; color:#FFF;} #pg_prod .item_spec_opt_active:hover{ color:#FFF;} #pg_prod .molds_sizetype { margin-bottom: 10px; } #pg_prod .molds_sizetype .type_customer{ margin-left:20px;} #pg_prod .molds_sizetype span { margin-left:5px;} #pg_prod .molds_size { overflow: hidden; _zoom: 1; } #pg_prod .molds_size input, .molds_size span { float: left; } #pg_prod .molds_size input { width:50px;} #pg_prod .molds_size input.txt_molds { width:30px;} #pg_prod .molds_size span { padding: 0 5px; line-height: 24px; line-height: 24px; } #pg_prod .molds_size_unit2{color:#aa0000; font-weight:bold;} #pg_prod .receiver th { padding: 2px; text-align: center; } #pg_prod .receiver td { padding:2px; } #pg_prod .receiver td .field-validation-error { display: block; padding: 5px 0; } #pg_prod .prod_info { position: relative; } #pg_prod .prod_info .prod_share { position: absolute; top: 4px; right: 2px; } #pg_prod .prod_info .tab_head { background-color: #F7F7F7; border: 1px solid #DEDFDE; border-top: 2px solid #999; } #pg_prod .prod_info .tab_head .tab_selected a { height: 34px; line-height: 34px; margin-left: -1px; margin-top: -5px; } #pg_prod .prod_info .tab_body { padding: 10px; border: 1px solid #DEDFDE; border-top: 0; } #pg_prod .tbl_knives { width: 720px; } #pg_prod .tbl_knives th { text-align:left;} #pg_prod .tbl_knives td { border: 1px solid #DDD; padding: 8px; text-align:left;} #pg_prod .tbl_knives .item_no { width:30px;} #pg_prod .tbl_knives .item_down { width:30px;} #pg_prod .tbl_knives a.btn_download { display: block; width: 22px; height: 22px; background-image: url('../images/prod_icon_download.png'); } #pg_prod .item_bookpages .txt_bookpages { width:100px;} #pg_prod .item_bookcover .slt_bookcover{ width:100%; } #pg_prod .item_delivery .slt_delivery { width:100%;} #pg_prod .item_delivery .btn_addr { margin-top: 10px; } #pg_prod .receiver { padding-top: 10px; } #pg_prod .receiver .address_tw .part { float: none; display: block; margin-left: 0; margin-bottom: 5px; } #pg_prod .receiver .address_tw .addr_code_line { display: none; } #pg_prod .receiver .address_tw .txt_area { width: 200px; } #pg_prod .receiver .address_tw .txt_street { margin-bottom:5px;} #tab_detail_prices .prod_selector .pnl { width:720px; } #tab_detail_prices .prod_selector .pnl select { width: 720px; } #tab_detail_prices .tbl { margin-top:10px;} #tab_detail_knife .prod_selector .pnl { width:720px; } #tab_detail_knife .prod_selector .pnl select { width: 720px; } #modal_addtocart_success { width:360px; } #modal_addtocart_success .modal_body{ text-align:center; margin-bottom:20px;} #modal_addtocart_success .modal_foot{ display:flex; justify-content:space-between; background-color:#1296db; padding:10px;} #modal_addtocart_success .modal_foot .btn{ background-color:#FFF; color:#0487e2;} #modal_addtocart_success .modal_foot .btn:hover{background-color:#006396; color:#FFF;} /* 會員登入 */ #pg_login { } #pg_login .pg_head { line-height: 0; text-indent:-9999px; overflow: hidden; background: url('../images/login_head_bg.jpg') no-repeat 0 0; } #pg_login .pg_body { padding-bottom:15px; border-bottom: 1px dotted #DDD;} #pg_login .pg_body #form_login { display:inline-block; width:300px;} /* 會員登入 - 其他方式 */ #pg_oauthlogin { } #pg_oauthlogin .pg_empty { font-size:20px; color:#AA0000; } #pg_oauthlogin .list { } #pg_oauthlogin .list li { display:inline-block;} #pg_oauthlogin .list a { display:block; width:120px; height:120px;} #pg_oauthlogin .list a img { width:100%; height:100%; display:block; border-radius:20px; overflow:hidden; } /* 隱私聲明 */ #pg_privacy { } #pg_privacy .pg_body { border:1px solid #DDD; padding:5px; margin-bottom:10px;} /* 會員條款 */ #pg_clause { } #pg_clause .pg_body { border:1px solid #DDD; padding:5px; margin-bottom:10px;} /* 會員註冊 */ #pg_register { } #pg_register .pg_head { line-height:0; text-indent:-9999px; background: url('../images/reg_head_bg.jpg') no-repeat 0 0; } #pg_register .pg_body { border: 1px solid #DDD; padding: 15px; } #pg_register .form_action { padding-left: 80px; } #pg_register .form_action .btn_reg { width: 137px; height: 36px; line-height: 0; text-indent:-9999px; padding: 0; background-image: url('../images/reg_btn_submit.jpg'); } #pg_register .contact2, #pg_register .contact3, #pg_register .contact4 { display: none; } #pg_register .contact1 .head { height: 40px; text-indent: -9999px; background: url('../images/reg_contact_1.jpg') no-repeat left center; } #pg_register .contact2 .head { height: 40px; text-indent: -9999px; background: url('../images/reg_contact_2.jpg') no-repeat left center; } #pg_register .contact3 .head { height: 40px; text-indent: -9999px; background: url('../images/reg_contact_3.jpg') no-repeat left center; } #pg_register .contact4 .head { height: 40px; text-indent: -9999px; background: url('../images/reg_contact_4.jpg') no-repeat left center; } #pg_register .form_group_verify { overflow:hidden; _zoom:1;} #pg_register .form_group_verify input { float:left; width:100px; } #pg_register .form_group_verify .verifycode { float:left; margin-left:5px;} #pg_register .form_group_verify .verifycode .img_refresh{ height:26px;} #pg_register .form_group_verify .verifycode .img_code { height:26px;} .form_group .form_tip { color:red;} .form_group_identity .btn { width: 60px; background-color: #F5F5F5; color: #999; } .form_group_identity .btn_active { background-color: #0487e2; color: #FFF; } .form_group_birthday .form_tip { margin-left:20px; display:none;} .form_group_gender .form_detail { padding-top: 5px; } .form_group_gender .form_radio { margin-right: 10px; } .form_group_reseller .form_detail { padding-top: 5px; } .form_group_reseller .form_radio { margin-right: 10px; } #modal_clause { display: none; width: 680px; } #modal_clause .modal_body { max-height: 480px; overflow-y: auto; } #modal_clause .modal_foot { background-color: #F5F5F5; padding: 5px; text-align: left; } #modal_reg_notice { display: none; width: 680px; } #modal_reg_notice .modal_body { max-height: 480px; overflow-y: auto; } /* 註冊驗證 */ #page_email_valid { } #page_email_valid .pg_head { line-height:0; text-indent:-9999px; background: url('../images/emailvalid_head_bg.jpg') no-repeat 0 0; } #page_email_valid .tip { color: #AA0000; margin-bottom: 10px; } #page_email_valid .form { } #page_email_valid .form_group { overflow: hidden; _zoom: 1; } #page_email_valid .form_group .txt { float: left; height:28px; line-height:28px; } #page_email_valid .form_group .btn { float: left; margin-left: 10px; display: inline-block; } #page_email_valid .btn_resend { } #page_email_valid .btn_validate { } /* 密碼找回 */ #pg_fgtpwd { } #pg_fgtpwd .pg_head { line-height:0; text-indent:-9999px; background: url('../images/fgtpwd_head_bg.jpg') no-repeat 0 0; } #pg_fgtpwd .tip { color: #AA0000; margin-bottom: 10px; } /* 帳號被禁用 */ #pg_banned .info_banned{ color:#AA0000; font-size:24px; text-align:center; padding-top:20px; } /* 會員中心 - 資訊公告 */ #pg_index { } #pg_index .pg_head { line-height:0; text-indent:-9999px; background: url('../images/index_head_bg.jpg') no-repeat 0 0; } #pg_index .shalved_orders { margin-bottom: 10px; } #pg_index .shalved_orders td { text-align: center; } #pg_index .shalved_orders a.lnk_order { } #pg_index .shalved_orders a.lnk_order:hover { color: #0487e2; } #pg_index .shalved_orders a.lnk_pay { color:#0487e2; } #pg_index .shalved_orders a.lnk_pay:hover { color:#FF6600; } #pg_index .shalved_orders .item_reason { color:red; padding-top:5px;} /* 會員中心 - 訂單列表 */ #pg_order_list { } #pg_order_list .pg_head { line-height:0; text-indent:-9999px; background: url('../images/orderlist_head_bg.jpg') no-repeat 0 0; } #pg_order_list .order_query { margin-bottom: 10px; } #pg_order_list .query_item { float:left; display:inline; margin-bottom:5px;} #pg_order_list .query_item input { width: 110px; padding: 0 5px; height: 22px; line-height: 22px; } #pg_order_list .query_item select { width:120px;} #pg_order_list .query_item_date { } #pg_order_list .query_item_state { margin-left:60px;} #pg_order_list .query_item_no { clear:left; } #pg_order_list .query_item_prod { margin-left:10px; } #pg_order_list .query_item_file { margin-left:10px;} #pg_order_list .query_item_action { float:right;} #pg_order_list .query_item_action .btn_search { padding: 0; height: 32px; width: 60px; line-height: 0; text-indent:-9999px; background: url('../images/orderlist_btn_search.jpg'); } #pg_order_list .col_no { width: 150px; } #pg_order_list .col_date { } #pg_order_list .col_prod { width: 150px; } #pg_order_list .col_subtotal { width: 150px; } #pg_order_list .col_delivery { width: 60px; } #pg_order_list .col_state { width: 100px; } #pg_order_list .col_act { width: 90px; } #pg_order_list .order_items { } #pg_order_list .order_items .item_even { } #pg_order_list .order_items .item_even td { background-color:#FFF;} #pg_order_list .order_items .item_odd { } #pg_order_list .order_items .item_odd td { background-color:#fbfcfd;} #pg_order_list .order_items a.lnk_no { color: #FF6600; text-decoration: underline; } #pg_order_list .order_items a.lnk_no:hover { color: #AA0000; text-decoration: none; } #pg_order_list .order_items a.lnk_detail { color: #FF6600; text-decoration: underline; } #pg_order_list .order_items a.lnk_detail:hover { color: #AA0000; text-decoration: none; } #pg_order_list .order_items a.lnk_edel { color:#0487e2; text-decoration:underline; display:inline-block; margin-top:5px; font-size:12px; } #pg_order_list .order_items a.lnk_edel:hover { color: #AA0000; } #pg_order_list .order_items a.lnk_void { color: #0487e2; text-decoration: underline; } #pg_order_list .order_items a.lnk_void:hover { color: #036ad8; text-decoration: none; } #pg_order_list .order_items_empty{ text-align:center; background-color:#f5f5f5; padding:20px;} #pg_order_list .order_item{ margin-bottom:10px;} #pg_order_list .order_item td{ border-color:#999;} #pg_order_list .order_item .thead td{ background-color:#ddd; color:#333; } #pg_order_list .order_item .tbl td{ border-color:#ddd;} #pg_order_list .order_item .tbl .thead td{ background-color:#eee; color:#333; } /* 會員中心 - 訂單詳情 */ #pg_order_detail { } #pg_order_detail .pg_head { line-height:0; text-indent:-9999px; background: url('../images/orderdetail_head_bg.jpg') no-repeat 0 0; } #pg_order_detail .empty { color: #AA0000; font-size: 16px; } #pg_order_detail #btn_print { position: absolute; right: 0; top:0; padding: 0; margin: 0; width: 32px; height: 32px; background-image: url('../images/orderdetail_icon_printer.png'); } #pg_order_detail .m_head { position: relative; margin-bottom: 10px; height: 36px; line-height: 36px; font-size: 16px; } #pg_order_detail .orderno { } #pg_order_detail .orderno span { color: #0487e2; margin-left:5px;} #pg_order_detail .paymentno { margin-left:30px;} #pg_order_detail .paymentno span { color:#FF6600; margin-left:5px;} #pg_order_detail .m_orderstate{ color: #FF6600; } #pg_order_detail .m_list { margin-bottom: 10px; position: relative; } #pg_order_detail .m_list .tbl { margin-bottom: 10px; } #pg_order_detail .m_list .tbl th { width:80px; } #pg_order_detail .total { margin-bottom: 10px; } #pg_order_detail .total .tbl th { width:80px;} #pg_order_detail .payinfo { } #pg_order_detail .payinfo .tbl th { width:80px;} #pg_order_detail .transfer { font-size: 16px; padding: 10px 0; text-align: center; background-color: #0487e2; color: #FFF; } #pg_order_detail .item_getgoodway_helppost { padding-top:10PX; line-height:22px;} #pg_order_detail .item_lnkedel{ display:block; color:#337ab7; text-decoration:underline; margin-top:10px;} #pg_order_detail .item_item_statereason{ display:block; color:#EF4F4F; margin-top:5px;} #pg_order_detail .item_proc, #pg_order_detail .item_fit{display:inline-block; margin-right:5px; margin-top:5px; padding:5px; background-color:#EEE; color:#333; } #pg_order_detail .m_void{ border:1px solid #fe6969; margin-bottom:10px; border-radius:5px; overflow:hidden;} #pg_order_detail .m_void_head{ background-color:#fe6969; color:#fff; font-size:14px; padding:10px;} #pg_order_detail .m_void_body{ padding: 15px; font-size: 14px;} #pg_order_detail .m_shelved{ border:1px solid #fe6969; margin-bottom: 10px; border-radius:5px; overflow:hidden;} #pg_order_detail .m_shelved_head{ background-color:#fe6969; color:#fff; font-size:14px; padding:10px;} #pg_order_detail .m_shelved_body{ padding: 15px; font-size: 14px;} #pg_order_detail .m_shelved_form_item{ display: flex; margin-bottom: 15px;} #pg_order_detail .m_shelved_form_item:last-child{ margin-bottom:0;} #pg_order_detail .m_shelved_option_item{ margin-bottom:10px;} #pg_order_detail .m_shelved_btn_submit{ border: 1px solid #fe6969; color:#fe6969; padding:5px 15px; background-color:#fff; border-radius:5px; cursor:pointer;} #pg_order_detail .m_shelved_btn_submit:hover{ background-color:#fe6969; color:#fff;} /* 會員中心 - 交易明細 */ #pg_deal { } #pg_deal .pg_head { line-height:0; text-indent:-9999px; background: url('../images/deal_head_bg.jpg') no-repeat 0 0; } #pg_deal input.txt { width: 110px; padding: 0 5px; height: 22px; line-height: 22px; } #pg_deal .query_item { float: left; display: inline; margin-left: 10px; } #pg_deal .query_date { margin-left: 0; } #pg_deal .query_include { padding-top: 5px; } #pg_deal .form_action { float:right;} #pg_deal .form_action .btn_search { padding: 0; height: 32px; width: 60px; line-height: 0; text-indent:-9999px; background: url('../images/deal_btn_search.jpg'); } #pg_deal .tbl_list { margin-bottom: 5px; } #pg_deal .tbl_list td { font-size:14px; padding:5px;} #pg_deal .tbl_list .col_exportno { width: 110px; } #pg_deal .tbl_list .col_orderno { width: 100px; } #pg_deal .tbl_list .col_prod { } #pg_deal .tbl_list .col_qty { width: 50px; } #pg_deal .tbl_list .col_price { width: 60px; } #pg_deal .tbl_list .col_proc { width: 50px; } #pg_deal .tbl_list .col_writer { width: 50px; } #pg_deal .tbl_list .col_subtotal { width:60px; } #pg_deal .tbl_list .col_tax { width: 50px; } #pg_deal .tbl_list .col_balance { width:60px;} #pg_deal .tbl_list .item_prod { line-height: 22px; } #pg_deal .tbl_total .th_total_1 { width: 120px; } #pg_deal .tbl_total .th_total_2 { width: 120px; } #pg_deal .pagerbar { margin-bottom: 10px; } #pg_deal .lnk_salesorder { color:#0487e2; text-decoration:underline;} #pg_deal .lnk_salesorder:hover { color:red;} /* 會員中心 - 雲端檔案 */ #pg_cloud { } #pg_cloud .pg_head { line-height:0; text-indent:-9999px; background: url('../images/cloud_head_bg.jpg') no-repeat 0 0; } #pg_cloud .tip { color: #AA0000; height: 32px; line-height: 32px; margin-bottom: 10px; overflow: hidden; _zoom: 1; border-bottom: 1px dashed #DDD; padding-bottom: 10px; } #pg_cloud .btn_new { float: right; display: block; padding: 0; line-height: 0; height: 32px; width: 60px; text-indent:-9999px; background: url('../images/cloud_btn_new.jpg'); } #pg_cloudfile { } #pg_cloudfile .pg_head { line-height:0; text-indent:-9999px; background: url('../images/cloudfile_head_bg.jpg') no-repeat 0 0; } #pg_cloudfile .btn_submit { padding: 0; line-height: 0; height: 32px; width: 60px; text-indent:-9999px; background: url('../images/cloudfile_btn_submit.jpg');} #pg_cloudfile .prod_selector .pnl { width: 150px; } .pnl_cloudfiles { } .pnl_cloudfiles .filter { float:left; } .pnl_cloudfiles .filter_row { overflow: hidden; _zoom: 1; margin-bottom: 5px; } .pnl_cloudfiles .filter_label { float: left; width: 60px; height: 28px; line-height: 28px; } .pnl_cloudfiles .filter_detail { float: left; } .pnl_cloudfiles .prod_selector .pnl { width: 160px; } .pnl_cloudfiles .prod_selector .pnl_prod { width: 320px; } .pnl_cloudfiles .action { float: left; height: 60px; width: 60px; } .pnl_cloudfiles .action .btn_search { display: block; padding: 0; line-height: 0; height: 32px; width: 60px; text-indent:-9999px; background: url('../images/cloud_btn_search.jpg'); } .pnl_cloudfiles .empty { color: #AA0000; padding-top: 10px; } .pnl_cloudfiles .list { } .pnl_cloudfiles .list .item_review { width: 150px; } .pnl_cloudfiles .list .item_review img { cursor: zoom-in; width: 150px; } .pnl_cloudfiles .list .item_prodname { width: 200px; text-align:left; } .pnl_cloudfiles .list .item_filesize { width: 80px; text-align: center; } .pnl_cloudfiles .list .item_date { width: 80px; text-align: center; } .pnl_cloudfiles .list .item_act { width: 60px; text-align:center; } .pnl_cloudfiles .list .item_memo { color:#999; padding-top:5px; font-size:14px; background-color:#F5F5F5; text-align:left;} .pnl_cloudfiles .list a.btn { margin-bottom:5px;} .pnl_cloudfiles .list a.btn_del { background-color: #AA0000; } .pnl_cloudfiles .list a.btn_del:hover { background-color: #820000; } .pnl_cloudfiles .list a.btn_buy { background-color: #FF6600; } .pnl_cloudfiles .list a.btn_buy:hover { background-color: #ca5100; } .pnl_cloudfiles .list .actions { padding-top:10px; text-align:right;} .pnl_cloudfiles .list .btn_submit { } #pg_cloudfile .m_reviewimg img{ width:200px; display:block;} #pg_cloudfile .file_upload{ overflow:hidden; _zoom:1;} #pg_cloudfile .file_process{ float:left; position:relative; height:26px; line-height:26px; border:1px solid #EEE; } #pg_cloudfile .process_bar{ position:absolute; left:0; top:0; z-index:2; width:0%; height:100%; background-color:#02489D; opacity:0.3;} #pg_cloudfile .process_content{overflow:hidden; _zoom:1; position:relative; z-index:1; width:100%; height:100%;background-color:#F5F5F5;} #pg_cloudfile .file_name{ float:left; width:200px; height:100%; padding:0 5px; overflow:hidden; text-overflow:ellipsis;} #pg_cloudfile .file_size{ float:left; width:60px; text-align:center;} #pg_cloudfile .file_percent{ float:left; width:60px;} #pg_cloudfile .file_button { } #pg_cloudfile .webuploader-pick { background-color: #333; color: #FFF; padding: 0 10px; height: 28px; line-height: 28px; overflow: hidden; border-radius: 0; } #pg_cloudfile .webuploader-pick-hover { background-color: #555; } #pg_cloudfile .tip{ color:#AA0000; padding-top:10px;} #pg_cloudfile .txt{ float:left; width:300px; height:24px; line-height:24px; border:1px solid #EEE; background-color:#F5F5F5; border-radius:0; padding:0;} #pg_cloudfile .txt_desc{ width:600px;} #pg_cloudfile .txt_memo { width: 320px; } /* 會員中心 - 個人資料 */ #pg_profile { } #pg_profile .pg_head { line-height:0; text-indent:-9999px; background: url('../images/profile_head_bg.jpg') no-repeat 0 0; } #pg_profile .tbl th { width:100px;} #pg_profile .btn_submit { padding: 0; line-height: 0; height: 32px; width: 130px; text-indent:-9999px; background: url('../images/profile_btn_submit.jpg');} /* 會員中心 - 收貨地址 */ #pg_addr_list { } #pg_addr_list .pg_head { line-height:0; text-indent:-9999px; background: url('../images/addr_head_bg.jpg') no-repeat 0 0; } #pg_addr_list .btn_new { padding: 0; line-height: 0; height: 32px; width: 130px; text-indent:-9999px; background: url('../images/addr_btn_new.jpg');} #pg_addr_list .disabled { color: red; } #pg_addr_edit { } #pg_addr_edit .pg_head { line-height:0; text-indent:-9999px; background: url('../images/addredit_head_bg.jpg') no-repeat 0 0; } #pg_addr_edit .btn_submit { padding: 0; line-height: 0; height: 32px; width: 130px; text-indent:-9999px; background: url('../images/addredit_btn_submit.jpg');} /* 會員中心 - 電子報訂閱 */ #pg_subscribe { } #pg_subscribe .pg_head { line-height:0; text-indent:-9999px; background: url('../images/subscribe_head_bg.jpg') no-repeat 0 0; } #pg_subscribe .txt_email { width:250px;} #pg_subscribe .notsub { color: #f32d00; margin-bottom: 10px; font-size: 14px; } #pg_subscribe .btn_sub { padding: 0; line-height: 0; height: 32px; width: 130px; text-indent: -9999px; background: url('../images/subscribe_btn_sub.jpg'); } #pg_subscribe .btn_modify { padding: 0; line-height: 0; height: 32px; width: 130px; text-indent: -9999px; background: url('../images/subscribe_btn_modify.jpg'); } #pg_subscribe .btn_unsub { padding: 0; line-height: 0; height: 32px; width: 130px; text-indent: -9999px; background: url('../images/subscribe_btn_unsub.jpg'); } /* 會員中心 - 修改密碼 */ #pg_pwdreset { } #pg_pwdreset .pg_head { line-height:0; text-indent:-9999px; background: url('../images/pwdreset_head_bg.jpg') no-repeat 0 0; } #pg_pwdreset .btn_submit { padding: 0; line-height: 0; height: 32px; width: 60px; text-indent:-9999px; background: url('../images/pwdreset_btn_submit.jpg');} #pg_pwdreset th { width:80px;} /* 會員中心 - 修改下單模式 */ #pg_setordermode { } #pg_setordermode .pg_head { line-height: 0; text-indent: -9999px; background: url('../images/setordermode_head_bg.jpg') no-repeat 0 0; margin-bottom: 20px; } #pg_setordermode .part_ttl { margin-bottom: 10px; font-weight: bold; font-size: 14px; } #pg_setordermode .part_quickorder { float: left; width: 380px; } #pg_setordermode .part_cartorder { float: right; width: 380px; } #pg_setordermode .part_box { height:80px; padding: 10px; padding-left:100px; border:2px solid #DDD; border-radius:10px; } #pg_setordermode .part_box_p1 { margin-bottom: 10px; } #pg_setordermode .part_box_p2 { color: orange; } #pg_setordermode .part_quickorder .part_box { background: url('../images/setordermode_quickorder.jpg') no-repeat 0 0; } #pg_setordermode .part_cartorder .part_box { background: url('../images/setordermode_cartorder.jpg') no-repeat 0 0; } /* 會員中心 - 線上預繳 */ #pg_advance { } #pg_advance .pg_head { line-height:0; text-indent:-9999px; background: url('../images/advance_head_bg.jpg') no-repeat 0 0; } #pg_advance .btn_submit { padding: 0; line-height: 0; height: 32px; width: 130px; text-indent:-9999px; background: url('../images/advance_btn_submit.jpg');} #pg_advance .tbl td { text-align:center;} /* 會員中心 - 預繳明細 */ #pg_advance_list { } #pg_advance_list .pg_head { line-height:0; text-indent:-9999px; background: url('../images/advancelist_head_bg.jpg') no-repeat 0 0; } #pg_advance_list .btn_search { padding: 0; line-height: 0; height: 32px; width: 60px; text-indent:-9999px; background: url('../images/advancelist_btn_search.jpg');} #pg_advance_list .form { overflow: hidden; _zoom: 1; } #pg_advance_list .form_body { float:left; width:700px;} #pg_advance_list .form_action { float: right; } #pg_advance_list .form_group { float: left; display: inline; margin-left: 10px; } #pg_advance_list .form_group_date { margin-left: 0; } #pg_advance_list .form_group_state select { width:100px; } #pg_advance_list .txt_date { width: 120px; } #pg_advance_list .txt_no { width: 80px; } /* 會員中心 - 檔案審稿確認 */ #pg_pg_filecheckreply{} #pg_filecheckreply .pg_head { line-height: 36px; text-indent: initial; } #pg_filecheckreply .m_head { font-size:16px; } #pg_filecheckreply .m_head .m_orderno { color: #0487e2; margin-left:5px;} /* 主類別頁面 */ #pg_mainclass { } #pg_mainclass .pg_body { position: relative; } #pg_mainclass .tbl_class { width: 100%; } #pg_mainclass .tbl_class td { border-color: #0487e2; } #pg_mainclass .tbl_class caption { background-color: #036ad8; color:#FFF; height: 36px; line-height: 36px; font-size: 16px; text-align: center; } #pg_mainclass .tbl_class .item_img_wrap { width:260px; padding:0;} #pg_mainclass .tbl_class .item_img { padding:5px;} #pg_mainclass .tbl_class .item_img img { width: 100%; display: block; } #pg_mainclass .tbl_class .item_img .info_cont { display:none; position: absolute; left: 255px; top: 0px; z-index:9999; border:5px solid #0487e2; box-shadow:2px 2px 2px #AAA; background-color:#FFF; width: 620px; padding:10px; height:480px; overflow-y:auto;} #pg_mainclass .tbl_class .item_img:hover { background-color:#0487e2; box-shadow:2px 2px 2px #AAA; } #pg_mainclass .tbl_class .item_img:hover .info_cont { display:block;} #pg_mainclass .tbl_class .item_info_wrap { vertical-align:top; padding:10px;} #pg_mainclass .tbl_class .item_info { position:relative;} #pg_mainclass .tbl_class .info_name { font-size:18px; font-weight:bold; margin-bottom:10px;} #pg_mainclass .tbl_class .info_desc { font-size:14px; font-weight:normal; margin-bottom:10px; line-height:24px;} #pg_mainclass .tbl_class .info_act { text-align: right; } /* 行業 */ #pg_industy{} #pg_industy .industy_name{ background-color:#0487e2; color:#fff; padding:10px; text-align:center; margin-bottom:10px; } #pg_industy .industy_panel{ display: flex; flex-wrap:wrap;} #pg_industy .industy_item{ width:230px; padding:5px; border:1px solid #ddd; margin-bottom:10px; border-radius:5px; margin-left:10px; margin-bottom:10px;} #pg_industy .industy_item_cover{ width:100%; border-radius:5px; margin-bottom:10px;} #pg_industy .industy_item_name{ font-size:18px; font-weight:bold; margin-bottom:10px; text-align:center;} #pg_industy .industy_item_desc{ font-size:14px; } #pg_industy .industy_item:nth-child(4n+1){ margin-left:0;} #pg_industy .industy_item:hover{ color:#ff6600; border-color:#fff; box-shadow:0 0 5px 5px #eee;} /* 所有商品 */ #pg_prodall{ } #pg_prodall a:hover{ color:#0487e2;} #pg_prodall .prodall_body{ position:relative; background-color:#fafafa; padding:20px;} #pg_prodall .prodall_body .mainclass_item_head{ background-color:#00a1e6; color:#fff; padding:10px; font-size:18px; margin-bottom:20px;} #pg_prodall .prodall_body .mainclass_item_body{ padding-left:10px;} #pg_prodall .prodall_body .cls_item{ display: flex; border-bottom:1px dashed #e5e5e5; margin-bottom:20px;} #pg_prodall .prodall_body .cls_item_lt{ width:220px;} #pg_prodall .prodall_body .cls_item_lt a{ font-size:16px; color:#000; font-weight:bold; } #pg_prodall .prodall_body .cls_item_lt a:hover{ color:#0487e2; text-decoration:underline;} #pg_prodall .prodall_body .cls_item_rt{ flex: 1; display:flex; flex-wrap:wrap; margin-bottom:10px;} #pg_prodall .prodall_body .cls_item_rt a{ margin-right:15px; padding:0 15px; margin-bottom:10px; font-size:16px; line-height:32px; background-color:#fff; border-radius:4px;} #pg_prodall .prodall_body .cls_item_rt a:hover{ background-color:#0487e2; color:#fff;} #pg_prodall_side{ position:absolute; left: -140px; top:0px;} #pg_prodall_side_wrap{} #pg_prodall_side_wrap a{ display:block; padding:10px; width:100px; border:1px solid #e5e5e5; border-bottom: 0; background:#fff;} #pg_prodall_side_wrap a.active{ background-color:#00a1e6;color:#fff;} #pg_prodall_side_wrap a:last-child{ border-bottom:1px solid #e5e5e5;} /* 瀏覽記錄 */ .class_history { position: fixed; right:5px; top:165px; z-index:999999; width: 120px; background-color:#FFF; } .class_history .history_head { position:relative; height: 30px; line-height: 30px; text-align: center; background-color: #333; color: #FFF; border:1px solid #333; } .class_history .btn_close { position:absolute; right:2px; color:#DDD; font-size:22px;} .class_history .history_list { } .class_history .history_item { border: 1px solid #333; border-top:0; } .class_history .history_item a { display:block; padding:2px; max-height:120px; overflow:hidden;} .class_history .history_item a:hover { background-color:#333;} .class_history .history_item img { display: block; width: 100%; } /* 付款結果 */ #pg_pay_result { } #pg_pay_result .message { color: #0094ff; font-size: 18px; text-align: left; padding-top: 50px; line-height: 22px; } #pg_pay_result .message p { margin-bottom:10px;} /* 報價單 */ #quotation_printer{ background-color:#fff; color:#000; font-size:14px; padding:5px; } #quotation_printer .quotation_header { display:flex; border-bottom:2px solid #000; margin-bottom:20px; padding-bottom:10px; } #quotation_printer .quotation_header_logo { max-width:240px; height:80px; background-color:#f5f5f5; overflow:hidden;} #quotation_printer .quotation_header_logo img { display:block;} #quotation_printer .quotation_header_comp { flex:1; margin-left:20px; font-size:14px; display:flex; flex-direction:column; justify-content:space-between; } #quotation_printer .quotation_header_title { display:flex; flex-direction:column; justify-content:space-between; text-align:right;} #quotation_printer .quotation_body { } #quotation_printer .quotation_body_cust{ padding-bottom:20px ; border-bottom:2px solid #000;} #quotation_printer .quotation_body_prods{ padding:20px 0;} #quotation_printer .quotation_table_cust{ width:100%;} #quotation_printer .quotation_table_cust th { width:100px; font-size:14px; text-align:center; border:1px solid #000; padding:10px;} #quotation_printer .quotation_table_cust td { font-size:14px; text-align:left; border:1px solid #000; padding:10px;} #quotation_printer .quotation_table_prod { width:100%; margin-bottom:10px;} #quotation_printer .quotation_table_prod th { width:100px; font-size:14px; text-align:center; border:1px solid #000; padding:10px;} #quotation_printer .quotation_table_prod td { font-size:14px; text-align:left; border:1px solid #000; padding:10px;} #quotation_printer .quotation_table_amount{ width:100%;} #quotation_printer .quotation_table_amount th { width:100px; font-size:14px; text-align:center; border:1px solid #000; padding:10px;} #quotation_printer .quotation_table_amount td { font-size:14px; text-align:left; border:1px solid #000; padding:10px;} #quotation_printer .quotation_footer_remarks{ border:2px solid #000; padding:10px; font-size:14px; line-height:18px;} #quotation_printer .quotation_footer_sign{display:flex; align-items:center; justify-content:flex-end; padding-top:20px;} /* 我的收藏 */ #pg_favorites{} #pg_favorites .pg_head { line-height:0; text-indent:-9999px; background: url('../images/favorites_head_bg.jpg') no-repeat 0 0; } #pg_favorites .col_name{ text-align:left;} #pg_favorites .col_act{ width:60px; text-align:center;} #pg_favorites .result_none{ text-align:center; font-size:16px; padding:20px; } #pg_favorites .btn_order { background-color: #FF6600; margin-bottom:5px;} #pg_favorites .btn_order:hover { background-color: #ca5100; } #pg_favorites .btn_del { background-color: #AA0000; } #pg_favorites .btn_del:hover { background-color: #820000; } /********************************************************/ #tips_price_unknown{ color:red; margin-bottom:10px; line-height:18px;} /********************************************************/ .jianming_tip_prodtype { font-size:14px; margin-bottom:10px; background-color:#0487e2; color:#FFF; padding:10px; } .jianming_tip_prodtype .tip_head { } .jianming_tip_prodtype label { margin-left:10px; } /******************************************************/ .lds-roller { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #fff; margin: -4px 0 0 -4px; background-color:#666; } .lds-roller div:nth-child(1) { animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 63px; left: 63px; } .lds-roller div:nth-child(2) { animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 68px; left: 56px; } .lds-roller div:nth-child(3) { animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 71px; left: 48px; } .lds-roller div:nth-child(4) { animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 72px; left: 40px; } .lds-roller div:nth-child(5) { animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 71px; left: 32px; } .lds-roller div:nth-child(6) { animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 68px; left: 24px; } @keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /******************************************************/