/*Main*/
#Form-new{max-width:1000px;margin: auto;}
#Form-new ::-webkit-scrollbar {width: 5px;height: 5px;}
#Form-new ::-webkit-scrollbar-track {-webkit-border-radius: 10px;border-radius: 10px;margin:0px 0 5px 0;background: rgb(245,245,245);}
#Form-new ::-webkit-scrollbar-thumb {-webkit-border-radius: 4px;border-radius: 4px;background: rgb(219,219,219);}
#Form-new{scrollbar-width: thin;}
#search-product-block{width:100%!important;}
.main_head{z-index:9999!important;position: relative;}
.download_calendar_order_form {display:none}
body 
{ 
	background-image: url('https://www.print100.com/hk/NewUI/Images/colour-bar-extend.jpg');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
     font-family: 'Roboto', "微軟正黑體", Arial, Helvetica, "Microsoft JhengHei", "新細明體", "Lucida Grande", "Lucida Sans Unicode",
        sans-serif !important; 
}

*,*:after,*:before { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing:antialiased;	font-smoothing:antialiased;	text-rendering:optimizeLegibility;}

/*左選單*/
#leftMenu{ padding-left:5px; padding-right:5px;}

/*產品標題*/
h1.header { font-size: 25px; font-weight: bold; margin-bottom: 0px; color: #93278F; line-height: 1.5;}
h2.header { font-size: 18px; font-weight: bold; margin-bottom: 0px; color: black; line-height: 1.5;}
.info-description{font-size:12px; margin-bottom: 6px;}

/*方格圖片區*/
#product_main_image { margin:0 0 5px 0; text-align:left ; padding-right:5px;}
#product_main_image img { width: 100%}
#thumbnail_group { text-align: left }
#thumbnail_group a{ display: block; position: relative; padding-right: 5px; width: 20%; float: left;  margin-bottom: 5px; }
#thumbnail_group a img{ width: 100%; text-align: center; }

/*產品簡介*/
#bs_button .btn {display:block!important;margin-left:-13px;margin-right:-13px;margin-top:5px;font-size:14pt;white-space: normal;}
#product-price-block{margin:0px 10px 10px 0px; color:#4d4d4d; background-image:url(/hk/NewUI/Images/product-price-bg_new.jpg?v20180829);background-position:center center; color:#999; width:100%}
#product-price-block tr:first-child td{padding-top:5px;}
#product-price-block tr td:nth-child(even){padding-left:0px;}
#product-price-block .highlight_text_01{ color:#8C6239 }
#product-price-block .highlight_text_02{ color:#000; font-size:14px; font-weight:bold; }
#product-price-block .highlight_text_01 a{ color:#FF0036 }
#product-price-info-block .tab-pane{ }
#product-price-info-block .tab-content{border:1px solid #dee2e6;border-top:0px;padding:20px;background-color:#f4f7fd;}
#product-price-info-block-tab .nav-link.active{border-bottom-color:#f4f7fd;background-color:#f4f7fd;}
#product-price-info-block-tab h6{ color: #71A1E7 !important; }
#product-price-info-block-tab a:hover{ text-decoration:none !important;}
#product-additional-info .highlight_text_01, 
#product-additional-info .highlight_text_01 a{ color:#F7931E }
.priceToQuote{color:#93278F;font-size:16px;font-family:'Noto Sans TC', sans-serif!important;font-weight:700;}
.design-title{color:#93278F;font-size:24px;font-family:'Noto Sans TC', sans-serif!important;font-weight:700;}
#tags{list-style:none;overflow:hidden;margin:0;padding:0; display:inline-block; padding-left:10px;}
#tags li{float:left;}
#toPrice{padding:0!important;margin:0;}
#toPrice div{width:100%; position:relative;height:10px;}
#toPrice div a{color:#856404;background-color:#fff3cd;position:absolute; bottom:-2px; right:0;  padding:8px 12px; text-decoration: none; text-align: center;font-size: 12px;border-radius:6px 0 4px 0;border-left:#eee 2px solid;border-top:#eee 2px solid;}
#toPrice div a:hover{background-color:#f7e19e;font-weight:bold;border-left-width:3px;border-top-width:3px}
.rightFunction{width:20%;}
.rightFunction .btn{width:100%; display: block; padding:2px 3px; border:1px solid #444; color:#444; margin-bottom: 0;font-size: 14px; font-weight:bold; border-radius: 4px; text-align:center;}
.rightFunction a.R-btn-process{color:#FF8080!important;border-color: #FF8080; margin-bottom:5px;}
.rightFunction a.R-btn-design{ color:#B580FF!important;border-color: #B580FF; margin-bottom:5px;}
.rightFunction a.R-btn-format{ color:#1BC568!important;border-color: #1BC568; margin-bottom:5px;}

/*書籤 Tag 按鈕*/
.tag{background:#fff;color:#FFF !important;display:inline-block;height:20px;line-height:20px;position:relative;text-decoration:none;-webkit-transition:color .2s;margin:0 11px 0px 0;padding:0 5px 0 5px; cursor:default; border-radius:6px;}
.tag::before{ content: ""; float: left;position: absolute; top: 0; left: -6px; width: 0; height: 0; border-color: transparent transparent transparent transparent; border-style: solid; border-width: 10px 5px 10px 0;}
.tag.new{ background-color:#F47A86; }
.tag.new::before{ border-right:10px solid #F47A86}
.tag.free-artwork{ background-color:#7AA3F4; }
.tag.free-artwork::before{ border-right:10px solid #7AA3F4}
.tag.free-template{ background-color:#84D96C; }
.tag.free-template::before{ border-right:10px solid #84D96C}
#order_option_blocks img{max-width:100%; height:auto; padding:5px;}
#order_option_blocks .order_option_block_info{color:#BBB; font-size:12px; margin:10px 0 10px 0; }
#order_option_blocks .order_option_block{border-radius: 5px;  box-shadow: 0 5px 5px rgba(0,0,0,0.3); transition: box-shadow 0.2s ease-in-out;}
#order_option_blocks .order_option_block:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.5);}
#order_option_blocks .order_option_block div{padding:15px 5px; font-size:25px; }
#order_option_blocks .order_option_block a{color:#FFF !important ; text-decoration:none; }
#order_option_blocks .order_option_block.product-popup-free-artwork{background-color:#3fa9f5;  border: 1.5px solid #3fa9f5; } 
#order_option_blocks .order_option_block.product-popup-free-template{background-color:#7ac943;  border: 1.5px solid #7ac943; } 
#order_option_blocks .order_option_block.product-popup-upload-file{background-color:#ff931e;  border: 1.5px solid #ff931e; } 
#order_option_blocks .order_option_block.product-popup-email-order{background-color:#9e005d;  border: 1.5px solid #9e005d; } 

/*須知*/
#productGuide li {list-style-type: disc;margin:0 0 0 20px;line-height:initial;padding:0px;}
.media-object{width:100%}
#product-additional-info-block { font-size:14px; margin-top:20px;width:100%;}
#product-additional-info-block .tab-content{margin-top:0px; border-width:0 1px 1px 1px; border-style:solid; border-color:#dee2e6; border-radius:0 0 8px 8px;}
#product-additional-info-block .tab-pane{padding-top:20px;}
#product-additional-info-block .media-body .media-heading{color:#006FBC;}
#product-additional-info-block .media-body{}
#product-additional-info-block .media-left{max-width:110px;}
#product-additional-info-block-tab h6{ color: #71A1E7 !important; }
#product-additional-info-block-tab a:hover{ text-decoration:none !important;}
#product-additional-info-block .overFlow_box{ overflow-x:auto;overflow-y:hidden;}
#product-additional-info-block .nav-tabs{ flex-wrap:nowrap !important;white-space: nowrap;}

/*相關產品與推介產品*/
#product_block .product_block .product_image > img{width:100%;}
#product_block .product_block{border:1px #CCC solid; transition: all 0.2s linear;}				
#product_block .product_block:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;opacity:.8;-moz-opacity:.8}
#product_block .product_block .product_image{text-align:center; transition: all 0.2s linear; position:relative;}				
#product_block .product_block .product_image > span{ position:absolute; top:3px; left:-4px; }
#product_block .product_block a,
#product_block .product_block a:link,
#product_block .product_block a:visited,
#product_block .product_block a:hover,
#product_block .product_block a:active{color:#000; text-decoration:none;}
#product_block .product_block .product_name{text-align:center; width:100%; border-bottom:#AAA 1px solid; padding:10px 0 10px 0; margin: 0 auto; font-size:16px; font-weight:bold;}
#product_block .product_block .product_description{text-align:left;font-size:12px; color:#666; margin:10px 10px 10px 10px; min-height:35px;}
#product_block .product_block .product_description ul{list-style-type:disc; margin-left:22px;}
#product_block .product_block .product_price{text-align:center;font-size:12px; margin:10px 3px 10px 3px;height:16px;}

#product_block_r .product_block .product_image > img{width:100%;}
#product_block_r .product_block{border:1px #CCC solid; transition: all 0.2s linear;}				
#product_block_r .product_block:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;opacity:.8;-moz-opacity:.8}
#product_block_r .product_block .product_image{text-align:center; transition: all 0.2s linear; position:relative;}				
#product_block_r .product_block .product_image > span{ position:absolute; top:3px; left:-4px; }
#product_block_r .product_block a,
#product_block_r .product_block a:link,
#product_block_r .product_block a:visited,
#product_block_r .product_block a:hover,
#product_block_r .product_block a:active{color:#000; text-decoration:none;}
#product_block_r .product_block .product_name{text-align:center; width:100%; border-bottom:#AAA 1px solid; padding:10px 0 10px 0; margin: 0 auto; font-size:16px; font-weight:bold;}
#product_block_r .product_block .product_description{text-align:left;font-size:12px; color:#666; margin:10px 10px 10px 10px; min-height:35px;}
#product_block_r .product_block .product_description ul{list-style-type:disc; margin-left:22px;}
#product_block_r .product_block .product_price{text-align:center;font-size:12px; margin:10px 3px 10px 3px;height:16px;}

/*Mobile Header*/
.sidenav li a{font-size:16px!important;;white-space: nowrap!important;border:1px solid #f9f9f9;text-align:left}			
.sidenav #search_product{Height:30px!important;}
.sidenav #search-product-block img{Height:30px!important;}
.sidenav #search-product-block{width:95%!important;margin-left:7px!important;margin-bottom:25px!important;}
.nav-spacing{height:200px}
.sideNavBlock{background-color:rgba(0, 0, 0, 0.5);height:100%;width: 0;z-index:100; position:fixed; top:0; left:0;overflow-x: hidden;}
.sidenav {border:1px solid #ccc;height: 100%;width: 0;position: fixed;z-index: 110;top:70px;left: 0;background-color: #fff;overflow-x: hidden;transition: 0.5s;padding-top: 20px;}
.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}
.sidenav a:hover, .sidenav .selected a {color: #f1f1f1;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}

/*PriceList Table*/
.table-bordered thead td, .table-bordered thead th{border-bottom-width:1px!important;}
.table-title{color:#006FBC;font-size:16px;}
.table{padding-bottom:25px;line-height:1.15;text-align:center;}
.table td,.table th{vertical-align:middle!important;padding:6px;}
.table-hover-cells td,.table-hover-cells th{vertical-align:middle!important;padding:6px!important;}
.table-hover-cells > tbody > tr > th:hover,
.table-hover-cells > tbody > tr > td:hover{ background-color: #e03e9c!important;color: #fff;}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {background-color:#fcebf5;}
.table-headerV{background-color: #3363a1!important; color:#fff;}
.table-bodyV3{background-color: #fffbea; color:#000;}
.red_text{font-weight:800;color:#ff0000;}
.text14{font-size:14px;line-height:21px;}
/*Spotcard PriceList Table*/
.table-headerV_purple{background-color:#e8deee; color:#681685;font-size:14px;line-height:1.15;}
.table-headerV_green{background-color:#009946; color:#fff;font-size:14px;line-height:1.15;}
.table-bodyV3_purple{background-color: #fff; color:#000;}
.table-bodyV3_green{background-color: #fffbea; color:#000;}
.table-empty{background-color:#fff!important; color:#fff!important ; border-color:#fff!important;}
.table-head-st1{background-color:#681685!important; color:#fff; font-weight:black;}
.table-head-st2{background-color:#009946!important; color:#fff; font-weight:black;}
.table-body-st1{background-color:#E1D0E7!important; color:#000;}
.table-body-st2{background-color:#CCEBDA!important; color:#000;}			
.table-body-st3{background-color:#BDD6EE!important; color:#000;}
.table .list-group-item{padding:2px 2px;}
@media (min-width: 768px) {.col-md-cus-55{-ms-flex: 0 0 45.83%!important;flex: 0 0 45.83%!important;max-width: 45.83%!important;}	}	
/*Overflow Scroll Shadows*/
.overflowPrice{display:flex;overflow-x:auto;position:relative;}
.sha_rig{right: 0;position: absolute;height: 100%;}	
.sha_lef{left: 0;position: absolute;height: 100%;}	
.sha_bot{top: 0;position: absolute;width: 100%;}	
.sha_top{bottom: 0;position: absolute;width: 100%;}				
.sdlayer-1{position:relative!important}
.sdlayer-2{height:240px;overflow-y:auto;}
/*Specific Page*/
.tb-dc-lg{ background-color: #000080; color:#fff;}
.tb-dc-vh{ background-color: #329463; color:#fff;}
.tb-dc-jfy{background-color: #ffcc00; color:#000;}
.tb-blank{background-color: #fff; border:1px #fff solid!important;}
.tb-wc{background-color:#911D22; color:#fff;}

/*免費模板*/
#tempMenu{}
#tempMenu .row img:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;opacity:.8;-moz-opacity:.8}
.areaTitle{font-weight:bold; font-size:18px; color:#006FBC; font-weight:700;}
.areaTitle:after{ content: ""; display: block; clear: both;}
.areaTitle:before{ content: "";display: inline-block;width:5px; height:14px;margin-right: 8px; background:#006FBC;}
.tempDisplayer a > img{width:100%}
.tempDisplayer div span{ position:absolute; top:3px; left:-4px; z-index:1;}
.listTemp .item a{color:#000; border-bottom:1px #000 solid;padding-bottom:3px;text-decoration:none;}
.listTemp .item a:hover,.listTemp .active a{color:#9e005d; border-bottom:3px #9e005d solid;}
.more{background-color:#004789;text-align:center; max-width:100px!important;}
.more a:hover,.more:hover{color:#fff;background-color:#006FBC;}
.more a{color:#fff;vertical-align:middle;width:100%;padding:auto;}

/*快印說明*/
#spd-printing{
	color:#754c24;
	padding-top:5px;
	width:100%;
	border-radius: 15px;
	background-image:url(/hk/NewUI/Images/index/classicBG.jpg);
	background-size:400px 400px;
	-webkit-filter: drop-shadow(0px 0px 1px #534741);
	filter: drop-shadow(0px 0px 1px #534741);
	}
#spd-printing .spdBanner{width:100%;}
#spd-printing .spdBanner img{max-width:300px;margin-left:-4px;-webkit-filter: drop-shadow(0px 0px 2px #80534741);filter: drop-shadow(0px 0px 2px #80534741);}
#spd-printing .info-box{font-size:12px;width:100%;padding:5px 0px 10px 35px;}
#spd-printing .info-box ul{margin:0px;}

/*特種紙*/
#cardList_modal .modal-body{padding:2px 0px!important;}
.hiddenRow {padding: 0 4px !important;border:none!important;}

/*Bootstrap Edit*/
.container{ width:100%; margin:0 auto; margin-top:10px;}
.overFlow_box .nav-tabs{min-width:100%}

/*Photobook Maker*/
#photobook{
	border-radius:15px;background-image:url(/hk/NewUI/Images/Photobook/Photobook_bgCustom.jpg?v20190614);
	padding:50px 20px 15px 20px;
	-webkit-filter: drop-shadow(0px 0px 1px #534741);
	filter: drop-shadow(0px 0px 1px #534741);
}

#photobook #or{
	font-weight:bold;
	margin:5px;
	font-size:14px;
	color: #754c24;
}

#photobook #btn-photobook-confirm-block #btn-photobook-confirm {-webkit-filter: drop-shadow(0px 0px 1px #534741);filter: drop-shadow(0px 0px 1px #534741);background-color:#534741; color:#FFF; border-radius:50px;}
#photobook #btn-photobook-confirm-block #btn-photobook-confirm #photobook_hkd_text{}
#photobook #btn-photobook-confirm-block #btn-photobook-confirm #photobook_price_text{font-size:16px;}
#photobook #btn-photobook-confirm-block #btn-photobook-confirm #photobook_discountPrice_text{font-size:14px;}
#photobook #btn-photobook-confirm-block #btn-photobook-confirm #photobook_unit_text{font-size:12px;}
#photobook #btn-photobook-confirm-block #btn-photobook-confirm #photobook_online_design_text{font-size:12px;}
#photobook #windowsblock{-webkit-filter: drop-shadow(0px 0px 1px #534741);filter: drop-shadow(0px 0px 1px #534741);}

#photobook .btn-photobook-item{
	font-size: 14px;
	padding: 4px 2px 2px 4px ;
	border: 0px solid;
	border-radius:5px;
	margin-bottom:10px;
	color:#754C24;
	-webkit-filter: drop-shadow(0px 0px 1px #534741);
	filter: drop-shadow(0px 0px 1px #534741);
	background: linear-gradient(#fff,#efefef);
}

#photobook .btn-photobook-item.item_active{
	color:#FFF;
	-webkit-filter: drop-shadow(0px 0px 0px #534741);
	filter: drop-shadow(0px 0px 0px #534741);
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px inset;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px inset;
	background: linear-gradient(#C7B299,#C7B299);
}
 /*自助計價*/
#photobook #windowsblock:hover , #photobook #btn-photobook-confirm-block:hover{
	-webkit-filter: drop-shadow(0px 0px 3px #534741);
	filter: drop-shadow(0px 0px 3px #534741);
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}

#AlignB { position: absolute;bottom: 0;}
#quote_block{
	border-radius:15px;background-image:url(/hk/NewUI/Images/quick-quote/UI_BG.png);
	padding:50px 20px 15px 20px;
	-webkit-filter: drop-shadow(0px 0px 1px #534741);
	filter: drop-shadow(0px 0px 1px #534741);
}

#quote_block #quote_text{font-size:12px; color:#736357; font-weight:bold;}
#quote_block #quote_material{}
#quote_block #quote_inputbox{}
#quote_block #quote_submit{
	width:100px; height:35px; text-align:center;font-size:16px;
	margin-left:20px; 
	margin-right:20px; 
	-webkit-filter: drop-shadow(0px 0px 1px #534741);
	filter: drop-shadow(0px 0px 1px #534741);
	background-color:#534741; 
	color:#FFF; border-radius:50px;
	}
#quote_block #quote_result{margin-left:auto; margin-right:20px; border-bottom:4px solid #c7b299}
#quote_block #quote_result #quote_original_text{line-height:16px; color:#736357; font-size:16px; font-weight:bold; text-align:right; }
#quote_block #quote_result #quote_original_text #minimum_price{font-size:12px; }
#quote_block #quote_result #quote_hkd_text{line-height:16px; color:#534741; font-size:16px; font-weight:bold; text-align:right; float:right;}
#quote_block #quote_result #quote_price_text{line-height:36px;color:#534741; font-size:36px; font-weight:bold; text-align:right; float:right;}
#quote_block #quote_cal_text{margin-left:auto; margin-right:20px; color:#534741; text-align:right;}
#quote_block #quote_des_text{margin-left:auto; margin-right:20px; color:#534741; text-align:right; font-weight:bold;}
#quote_block #quote_fixed_des_text{margin-left:auto; margin-right:20px; color:#534741; text-align:right; font-weight:bold;}

/*Event Bar*/
#evtBanner{border:3px solid #45FF88;border-radius:15px!important;-webkit-filter: drop-shadow(0px 0px 1px #534741);filter: drop-shadow(0px 0px 1px #534741);margin-bottom:8px;}
#evtBar{border-radius:0px 0px 12px 12px;color:#fff;font-weight:Bold;font-size:14px;padding:10px;}
#evtImg{border-radius:12px 12px 0px 0px;}

/*Terms*/
.terms-header{color:#93278F;font-size:12px;}