@charset "utf-8";
body{ font-family:微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif;word-wrap:break-word; word-break:break-all;}
a.HeaderFastMenu:link{ color:#fff;}
a.HeaderFastMenu:visited{ color:#fff;}
a.HeaderFastMenu:hover{ color:#fff;}
a.HeaderFastMenu:active{ color:#fff;}

.HeaderText, .numTitle1 {
	font-size: 13px;
}

.HeaderText, .ApTitle1, .numTitle1 {
	font-weight: bold;
}

.meatTxt, .numTitle1 {
	color: #000000;
}

.HeaderText, .HeaderFastMenu, .ContentTitle1 {
	color: #FFFFFF;
}

.SubMenuBar {
	color: #B6865A;
}

.descTitle {
	color: #478fca;
}

.descMake {
	color: #ff892a;
}

.FormTxt100 , .FormTxt {
	background-color: #fff;
}

.FormTxt100, .FormTxtMark100{
	width: 100%!important;
}

.FormTxtMark, .FormTxtMark100 {
	background-color: #fff;
}
#sample-table-1 select.FormTxt{max-width: 120px;}
.form_star {
	color: #ff892a;
	font-size: 13px;
	font-weight: bold;
}

.ContentTitle1{background:#a0a0a0; font-size:16px;}
.ContentTitle2{background:#e7e7e7;}
.ContentTitle3{background:#f0f0f0;}
.for_allcolor01{ background:#d0d0d0;}
.for_allcolor01 td{ padding:5px;}
.hover_over:hover{ background:#eeeeee;}
.for_allcolor01 td.title{ color:#333;background:#f4f4f4; font-size:13px; padding:0 5px;}
.for_allcolor02{ background:#d0d0d0;}
.for_allcolor02 td{ background:#fff; padding:0 5px;}
.for_allcolor02 td.title{ color:#333;background:#f4f4f4; font-size:13px; padding:0 5px;}
.sub_content{background:#f4f4f4;}
.sub_content td{background:#f4f4f4;}

/*150717後台商品附加檔圖片爆版用*/
#All_admweb_only{ width:100%; height:auto;}
.product_editbox{ position:relative; height:35px; border-bottom:1px solid #CCC; margin-bottom:20px;}
.product_editbox ul{ position:absolute; left:0; height:35px; top:0; z-index:2;}
.product_editbox ul li{ float:left; margin-right:2px; text-align:center;}
.product_editbox ul li a{ display:block; width:100px; height:35px; background-color:#fff;border:1px solid #CCC; line-height:35px;}
.product_editbox ul li a:hover{ background-color:#f9f9f9;}
.product_editbox ul li.active a{ border-top:2px solid #4c8fbd;border-bottom:1px solid #fff;}
.product_editbox ul li.active a:hover{ background-color:#fff;}

/* 新版 */
.admweb_header_fix{ position:fixed; left:0; top:0; width:100%; height:60px; background:#fff; border-bottom:1px solid #d5d5d5;box-shadow:0 0 5px rgba(0,0,0,.1); z-index:999;}
.admweb_header{ position:relative; }
.admweb_header .logo{ width:120px; height:50px; position:absolute; left:0; top:5px;}
.admweb_header .logo img{ width:120px; height:50px;}
.admweb_header .store_name{position:absolute; left:125px; top:5px; height:50px; font:16px/50px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#333;}
.admweb_header .admweb_list{ position:absolute; right:10px; top:0; height:30px;}
.admweb_header .admweb_list li{ float:left; padding:0 10px; font-size:13px; color:#666; line-height:30px;}
.admweb_header .admweb_list li a{ color:#666; text-decoration:none; padding-left:5px;}
.admweb_header .admweb_list li a:hover{ text-decoration:underline;}
.admweb_header .lang_list{ position:absolute; height:20px; right:20px; top:30px; line-height:20px; font-size:12px;}
.admweb_header .lang_list span{ background:#000; color:#fff; padding:2 3px;}
.admweb_header .lang_list a{border:1px solid #d5d5d5;padding:2 3px; color:#9b9b9b; text-decoration:none;}
.admweb_header .lang_list a:hover{color:#9b9b9b; text-decoration:none;}
.admweb_header .alert_list{ position:absolute; height:30px; right:400px; top:0; line-height:30px; font-size:12px; text-align:right;}
.admweb_nav{ width:80px; background:#333; position: absolute; left:0; top:60px; height:100%;box-shadow:2px 0 0 rgba(0,0,0,.1); z-index:998;}
.admweb_nav .aside_list{ width:100%; margin-top:20px;}
.admweb_nav .aside_list > li{ position:relative; width:100%; height:55px; margin-bottom:15px; text-align:center;color:#a4a4a4; font-size:14px; cursor:pointer;}
.admweb_nav .aside_list > li .icon_box{ text-align:center; font-size:28px; margin-top:8px;}
.admweb_nav .aside_list > li:hover{ color:#fff;}
.admweb_nav .aside_list > li > ul.sub_aside_list{ position:absolute; left:62px; top:0; width:200px; background:#fff;border-bottom:1px solid #d5d5d5;box-shadow:5px 5px 5px rgba(0,0,0,.1); display:none;}
.admweb_nav .aside_list > li > ul.sub_aside_list01{ top:inherit; bottom:0;}
.admweb_nav .aside_list > li > ul.sub_aside_list > li > a{ display:block; width:100%; height:40px; border-top:1px solid #d5d5d5; line-height:40px; color:#666; text-decoration:none; text-align:left; padding-left:8px; font-size:14px;}
.admweb_nav .aside_list > li > ul.sub_aside_list > li > a:hover{line-height:40px; color:#666; text-decoration:none; background:#f5f5f5;font-size:14px;}
.body_padding{ padding-left:80px; padding-top:60px;}
.admweb_footer{border-top:1px solid #d5d5d5; text-align:right; font-size:12px; color:#989898; line-height:40px; clear:both; padding-right:10px;}
.admweb_footer a{color:#989898; text-decoration:underline;}
.index_logo{ width:200px; margin:0 auto; padding-top:40px;}
.index_store_name{ width:500px;margin:0 auto;font:16px/50px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#333; text-align:center;}
.index_loginbox{ width:500px; margin:0 auto; background:#fff;border:1px solid #d5d5d5;box-shadow:5px 5px 5px rgba(0,0,0,.1); padding:20px;}
.index_loginbox td{ padding:5px;}
.index_body{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}
.table-header{background:#333;}
.ij_calendar_s_meatTxt{ background:#fff; border:1px solid #d5d5d5;}
/*151225分頁css*/
li.pre,li.dis,li.next,li.countlist{ list-style:none; display:inline-block; margin:0 10px; line-height:50px;}
li.dis{ font-size:15px;}
.changed_column{color:#dd5a43!important;}

/* 報表 */
.create_reportbtn{ width:100%; height:40px; font-size:15px; color:#333; border:1px solid #d9d9d9; background:#F4F4F4; padding:0 10px; line-height:40px; cursor:pointer;}
.create_reportbtn i{ float:right; margin-top:12px; color:#999;}
.create_reportbtn:hover i{ color:#000;}
#report_list .listbox{ width:20%; float:left; margin-bottom:10px;}
#report_list .listbox .del_btn{ float:left; display:inline-block; background: url(images/fa-minus-circle.png) no-repeat 50% 50%; border:0; width:30px; height:30px; cursor:pointer;}
#report_list .listbox .list_btn{  display:inline-block;background:#ff6600; padding:0 10px; line-height:30px; color:#fff; border:0; cursor:pointer; font-size:14px; height:30px;}
#report_list .listbox .txtbox{ font-size:13px; color:#999; padding-left:30px;}
.p_10box{ padding:10px;}

/* 160805新版後台商品建檔-商品列表 */
.p_alllist li{ float:left; padding:3px;}
.p_alllist li:nth-child(1){ width:15%;}
.p_alllist li:nth-child(1) img{ max-width:100%; height:auto;}
.p_alllist li:nth-child(2){ width:85%;}
.pbox_w01,.pbox_w04{ width:13%;}
.pbox_w02{ width:40%;}
.pbox_w03,.pbox_w05{ width:8%;}
.pbox_w06{ width:3%;}
.pbox_w07{ width:8%;}
.use_block{ display:inline;}
@media screen and (max-width:1680px) {
.pbox_w01{ width:15%;}
.p_alllist li:nth-child(1){ display:block; width: 80px;}
.p_alllist li{ float:none;}
.use_block{ display:block; margin-top: 10px;}	
}

@media screen and (max-width:1366px) {
.pbox_w01{ width:20%;}
.pbox_w02{ width:30%;}
.p_alllist li:nth-child(2){ width:100%;}
.pbox_w03{ width:9%;}
.pbox_w04{ width:14%;}
.pbox_w05{ width:9%;}
.pbox_w06{ width:3%;}
}
@media screen and (max-width:1360px) {
.p_alllist li:nth-child(2){ width:100%;}
.pbox_w03{ width:9%;}
.pbox_w04{ width:14%;}
.pbox_w06{ width:4%;}
}
@media screen and (max-width:1280px) {
.pbox_w01{ width:20%;}
.pbox_w03{ width:9%;}
.pbox_w04{ width:15%;}
.pbox_w06{ width:5%;}
}
@media screen and (max-width:1024px) {
.pbox_w01{ width:16%;}
.pbox_w02{ width:33%;}
.pbox_w03{ width:6%;}
.pbox_w04{ width:19%;}

}
/* 會員輪廓 */
.man_box{ width:100%; height:150px; position:relative; margin-bottom:20px;}
.man_box .man_icon{ position:absolute; left:0; top:0; width:75px; height:150px; background: url(images/man_icon.svg) no-repeat 50% 50%; background-size:100%;}
.man_box .man_num{ position:absolute; left:85px; top:0; width:100px; height:100px; font-size:26px; line-height:100px;border-radius:100%; color:#fff; background:#6FB3E0; text-align:center;}
.man_box .arrow_icon{position:absolute; left:81px; top:42px; width:10px; height:10px;background:#6FB3E0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.man_box .woman_icon{ position:absolute; left:0; top:0; width:75px; height:150px; background: url(images/woman_icon.svg) no-repeat 50% 50%; background-size:100%;}
.man_box .woman_num{ position:absolute; left:85px; top:0; width:100px; height:100px; font-size:26px; line-height:100px;border-radius:100%; color:#fff; background:#EF6A70; text-align:center;}
.man_box .arrow_icon01{position:absolute; left:81px; top:42px; width:10px; height:10px;background:#EF6A70;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.num_allbox{font-size:26px;}


/*product-庫存lightbox*/
#showMallsStocks{ height:100%; border: 1px solid #DDD;}
#showMallsStocks_prod_name{ display:block; width: 100%; background: #f5f5f5; padding: 5px; color:#478fca; border-bottom: 2px solid #eee; }
#showMallsStocks_table{ width:100%; font-size: 13px;}
#showMallsStocks_table th,#showMallsStocks_table td{ padding:3px 5px;}
#showMallsStocks_table tr:nth-child(1) th{ font-weight:bold; border-bottom: 1px solid #eee; }

/*商品原始貨號*/
#prod_no_old { width:260px;}
#sample-table-1 #prod_color_name, #sample-table-1 #prod_size, #sample-table-1 input[name="prod_color_pantone"] { width:130px;}

/*售價紅綠燈*/
.gyr_light{ display: block; margin-top: 5px;}

.table.table-bordered .nowrapTH { white-space:nowrap;}

/*清單匯出申請*/
.ExportBox { display:block; padding-left:63px; margin-top:5px;}
.ExportText { color:#478fca;}

/*技術摘要*/
.ts_input input[type="text"]{ width: 100%;}
.s_w100p{ width: 100%;}
.mb10{ margin-bottom:10px;}

/*右下客服icon*/
.float_Ricon{ position: fixed; right: 20px; bottom: 20px; transition: all .5s;} 
.float_Ricon:hover{ bottom: 25px;}
.float_Ricon a{ display: block; width:60px; height: 60px; text-indent: -9999px; background: url(images/Ricon_line.svg) center no-repeat;}
.float_Ricon .show_word{ transition: all .5s; opacity: 0; background: #f5f5f5; position: absolute; min-width: 180px; padding: 0 10px; height: 25px; border-radius: 3px; top: 17px; right:80px;}
.float_Ricon .show_word:after{ position: absolute; right: -11px; top: 5px; content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 18px; border-color: transparent transparent transparent #f5f5f5;}
.float_Ricon .show_word span{ display: block; line-height: 25px; text-align: center; font-size: 13px; color: #147abc; line-height: 25px;}
.float_Ricon:hover .show_word{ opacity: 1;}
.float_Rshow{ box-shadow: 0px 0px 4px 1px #D9D9D9; -webkit-box-shadow: 0px 0px 4px 1px #D9D9D9; -moz-box-shadow: 0px 0px 4px 1px #D9D9D9; -o-box-shadow: 0px 0px 4px 1px #D9D9D9; padding-bottom: 25px; text-align: center; color: #555; overflow: hidden; width: 250px; height: auto; border-radius: 5px; position: fixed; right: 20px; bottom: 100px; background:#f5f5f5;}
.float_Rshow .float_Rshow_title{ background: url(images/Rshow_title.svg) 20px no-repeat; background-size: 20px; margin-bottom: 18px; width: 100%;height: 40px; display: flex; align-items: center; background-color:#00c500; padding: 0 10px;}
.float_Rshow .float_Rshow_title h3{ display: block; width: 90%; line-height: 40px; font-size: 15px; color: #fff; padding-left: 30px;}
.float_Rshow .float_Rshow_title span{ display: block; width: 10%; height: 40px; text-indent: -9999px; background: url(images/close_X.svg) center no-repeat; background-size: 12px; cursor: pointer;}
.float_Rshow > h5{ color:#555; font-size: 16px; line-height: 25px; margin-bottom: 12px;}
.float_Rshow > span{ font-size: 12px; color:#888; line-height: 18px;}
.float_Rshow > img{ display: block; width: 85%; margin: 0 auto; margin-bottom: 15px;}

/* 後臺首頁儀表板 */
.admweb_memberbox_top .admweb_memberbox_title{float:left;font-size: 25px; font-weight: bold;}
.admweb_memberbox_top a.admweb_memberbox_btn{float:right;font: 16px/40px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color: #444; padding-right:15px;position: relative;}
.admweb_memberbox_top a.admweb_memberbox_btn:after{content:"+";position: absolute;width:18px;height:18px;font-size: 14px;border: 1px solid #444; top:50%; transform: translateY(-50%); left: -22px; line-height: 15px; text-align: center; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.admweb_memberbox .grid-sizer { width: 100%; flex:100%;}
.admweb_memberbox{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.admweb_memberbox .admweb_memberboxL,.admweb_memberbox .admweb_memberboxR{float: left;width:49%;flex:1;}
.admweb_memberbox .admweb_memberboxL.active .admweb_item{float: left;width:49%;flex:1;}
.admweb_memberbox .admweb_item{float: left;width:100%;border: 1px solid #ddd; text-align: center;margin-bottom: 10px;}
.admweb_memberbox .admweb_item .admweb_title{padding-left:10px;text-align: left;border-bottom: 2px solid #ddd;color: #707070; line-height: 34px; font-weight: normal; background: #f2f2f2; background-image: -webkit-gradient(linear, left 0, left 100%, from(#f8f8f8), to(#ececec)); background-image: -webkit-linear-gradient(top, #f8f8f8, 0%, #ececec, 100%); background-image: -moz-linear-gradient(top, #f8f8f8 0, #ececec 100%); background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%); background-repeat: repeat-x;}
.admweb_memberbox .admweb_item .admweb_chartbox{min-height:300px;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; align-items: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.admweb_memberbox .admweb_item span{padding: 10px 0; font-size: 42px; font-weight: bold;display: block;color:#d15b47;}
.admweb_memberbox .admweb_item .admweb_chartbox img{max-width:100%; width:auto; height:auto;}
.admweb_showahidebox{}
.admweb_showahidebox{font-size: 20px;font-weight: bold;line-height: 46px;text-align: center;}
ul.addchart_box{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;max-width: 90%;padding:20px 0 15px 0;margin:0 auto;}
ul.addchart_box li{float:left;}
ul.addchart_box li .addchart_btn{display: block; background-color: transparent; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #798398; border: solid 2px #798398; height: 42px; margin-right: 6px; padding: 0 15px; line-height: 40px; font-size: 16px; font-weight: normal; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;margin-bottom: 10px;}
ul.addchart_box li .addchart_btn.addactive{background-color: #444; color: #fff;border-color:transparent;}

/* 元件小圖 */
.item_img_td {width: 120px; height:auto;margin:5px 0;}
.item_img_td img{width:100%; height:auto;}

/* 新元件樣式小圖 */
.item_temp_review{margin-top:10px;}
.item_temp_review img{max-width:100%; width:100%; height:100%;}

/* 會員群組卡片圖片 */
.radio_group{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.radio_group .radio_set{flex:0 33.333%;margin: 5px 0 !important;}
.radio_group .radio_set img{width:350px !important;height:220px !important;}
.radio_group .radio_set:last-of-type img{width:220px !important;}

.dec_icon, .dec_icon_freeze, .dec_icon_fridge{width: auto;font-size: 13px; border: 1px solid; display: inline-block; padding: 1px 2px 1px 18px;}
.dec_icon{ background: url(images/thermosphere_room.svg) no-repeat 5% center; color: #ef901a;}
.dec_icon_freeze{ color: #0cb4f0; background: url(images/thermosphere_freezing.svg) no-repeat 5% center;}
.dec_icon_fridge{color:#02B347;background:url(images/thermosphere_fridge.svg) no-repeat 5% center;}