/*客製化商品頁面*/
#ctitle {
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
font-size: 22px;
text-align: left;
padding: 10px 15px;
margin: 0 0 0;
color: #8F161C;
height: 100%;
}
hr.hr1 {
border-top: 2px solid #000000;
margin-bottom:10px;
}

#ccontent {
padding: 0px 15px;
line-height: 40px;
}
#ccontent p{
font-family: 'Noto Sans TC', sans-serif;
font-weight: 500;
font-size: 18px;
color: #000;
text-align:justify;
text-justify: distribute;
//margin: 0 0 0;
}
#ccontenttable{
width:100%;
}
#ccontentdiv1 {
width:25px;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 500;
font-size: 18px;
color: #000;
vertical-align: top;
//margin: 0 0 0;
}
#ccontentdiv2 {
width:auto;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 500;
font-size: 18px;
color: #000;
text-align:justify;
text-justify: distribute;
//margin: 0 0 0;
}
#ccontenttablecontent{
margin-top:10px;
border:2px solid #000;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
font-size: 16px;
color:#000;
width: 100%;
min-width: 500px;
max-width:75%;
}
#ccontenttablecontent th{
border:2px solid #000;
text-align:center;
}
#ccontenttablecontent tr{
border:2px solid #000;
}
#ccontenttablecontent td{
border:2px solid #000;
}
#ccontenttablecontentth1{
width:150px;
}
#ccontenttablecontentth2{
width:auto;
}
#ccontenttablecontenttd1{
padding-left:15px;
}
#ccontenttablecontenttd2{
padding-left:15px;
}
#ccontenttimg123 {
margin-top:10px;
}
#ccontenttimg123 img{
min-width: 500px;
max-width:75%;
}
@media (max-width: 767px){
#ccontentimg {
text-align:center;
}
#ccontentimg img{
width:100%;
}
#ccontentdiv{
padding-left:0;
padding-right:0;
}
#ccontenttablecontent{
max-width: none;
min-width: 100%;
width: 100%;
}
#ccontenttimg123 img{
max-width: none;
min-width: 100%;
width: 100%;
}
}

/*購物車*/
/*購物欄*/
#carttable .text-center{
font-size:16px;
font-family: Microsoft JhengHei;
font-weight:bold;
color:#000000;
}
#carttable  #cartd{
line-height:35px;
}
.psubtotal  .text-right{
font-size:16px;
font-family: Microsoft JhengHei;
font-weight:bold;
color:#000000;
}
/*商品合計*/
.table .psubtotal td:nth-child(1){
text-align:center;
}
.table .psubtotal:nth-child(2){
display:none;
}
.table .psubtotal:nth-child(3){
display:none;
}
.table .psubtotal:nth-child(4){
display:none;
}
.table .psubtotal:nth-child(5){
display:none;
}
/*提醒文字*/
#remind td{
border:1px #FFF solid;
text-align:right;
font-size:16px;	
color:#DA4F49
}
/*銀行轉帳*/
/*範例*/
#ex{
color:#000;
font-family: 'Noto Sans TC', sans-serif;
font-weight:400;
}
/*按鈕*/
/*繼續*/
.pull-left .btn-default{
color: #FFF;
}
/*麵包穴*/
.fa-home:before {
color:#5C9E97;
}
/*商品-顯示*/
.input-group-addon {
color: #000;
background-color: #5c9e97;
border: 1px solid #5c9e97;
}
/*會員登入(本頁)*/
/*表格*/
.memberdiv {
width:100%;
//border:3px red solid;
margin:0px auto;

}
.membertable {
width:100%;
border:3px #CCC solid;
margin:0px auto;
text-align:center;
}
.membertable td{
border:3px #CCC solid;
vertical-align:text-top;
padding: 5px 10px;
}
/*抬頭與內容分隔線*/
.membertable td hr{
border: 0;
height: 1px;
background: #333;
background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

/*文字*/
.membertable td h2{
color:#8F161C;
font-family: Microsoft JhengHei;
font-weight: bold;

}
.membertable td li a{
font-family: Microsoft JhengHei;
font-weight: bold;
font-size: 14px;
line-height: 25px;
}
/*會員登入*/
/*登入頁面*/
#userlogin input{
border:1px #ddd solid;
}
/*登入頁面-註冊*/
.accountregister p{
color:#000;
font-size: 18px;
}
.accountregister label{
color:#000;
font-size: 14px;
}
.accountregister input{
border:1px #ddd solid;
font-size: 14px;
}
.accountregister textarea{
border:1px #ddd solid;
font-size: 14px;
}
#userpwd input{
border:1px #ddd solid;
font-size: 14px;
}
#userpwd p{
color:#000;
font-size: 18px;
}
/*忘記密碼*/
#forgottenpwd p{
color:#000;
font-size: 18px;
}
#forgottenpwd label{
color:#000;
font-size: 14px;
}
#forgottenpwd input{
border:1px #ddd solid;
font-size: 14px;
}
/*我的帳號(編輯帳號)*/
#accountborder label{
color:#000;
font-size: 14px;
}
#accountborder input{
border:1px #ddd solid;
font-size: 14px;
}
#accountborder textarea{
border:1px #ddd solid;
font-size: 14px;
}
/*我的帳號(變更密碼)*/
#pwdborder label{
color:#000;
font-size: 14px;
}
#pwdborder input{
border:1px #ddd solid;
font-size: 14px;
}
/*我的帳號(常用地址-介面)*/
#addtable {
color:#000;
font-size: 14px;
}
#addtext {
width:70%;
}
#addtable #addbtn{
line-height: 120px;
}
/*我的帳號(常用地址-新增地址)*/
#addtoadd label{
color:#000;
font-size: 14px;
}
#addtoadd input{
border:1px #ddd solid;
font-size: 14px;
}
#addtoadd select{
border:1px #ddd solid;
font-size: 14px;
}
/*訂單資訊(歷史訂單)*/
#oldordertable #ordertitle{
font-size: 16px;
background-color:#EEE;
font-family: Microsoft JhengHei;
font-weight: bold;
}
#oldordertable #ordertext{
font-size: 14px;
font-family: Microsoft JhengHei;
font-weight: bold;
}
#oldordertable #ordertext td{
line-height: 35px;
}
/*訂單資訊(商品退回)*/
#returntable #returntitle{
font-size: 16px;
background-color:#EEE;
font-family: Microsoft JhengHei;
font-weight: bold;
}
#returntable #returntext{
font-size: 14px;
font-family: Microsoft JhengHei;
font-weight: bold;
}
#returntable #returntext td{
line-height: 35px;

}
#orderinfotext{
line-height: 35px;
}
/*訂單資訊(商品退回-內容)*/
#returnformwho {
margin-bottom:10px;
}
#returnformwho p{
color:#000;
font-size: 18px;
}
#returnformwho label{
color:#000;
font-size: 14px;
}
#returnformwho input{
border:1px #ddd solid;
font-size: 14px;
}
#returnformproduct p{
color:#000;
font-size: 18px;
}
#returnformproduct label{
color:#000;
font-size: 14px;
}
#returnformproduct input{
border:1px #ddd solid;
font-size: 14px;
}
#returnformproduct textarea{
border:1px #ddd solid;
font-size: 14px;
}
/*訂單資訊(紅利點數)*/
#rewardp{
color:#000;
font-size: 18px;
margin-bottom:20px;
}
#rewardtable #rewardtabletitle{
font-size: 16px;
background-color:#EEE;
font-family: Microsoft JhengHei;
font-weight: bold;
}
#rewardtable #rewardtabltext{
font-size: 14px;
font-family: Microsoft JhengHei;
font-weight: bold;
}
/*訂單資訊(購物抵用金)0728*/
#transactionp{
color:#000;
font-size: 18px;
margin-bottom:20px;
}
#transactiontable #transactiontabletitle{
font-size: 16px;
background-color:#EEE;
font-family: Microsoft JhengHei;
font-weight: bold;
}
#transactiontable #transactiontabltext{
font-size: 14px;
font-family: Microsoft JhengHei;
font-weight: bold;
}

/*首頁*/
/*標題列*/
/*搜尋列*/
/*圓角*/
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.form-control{
border:1px #5C9E97 solid;
border-radius: 0;
}
/*位置*/
#searchitem{
float:right;
position:relative;
top:17px;
right:1px;
}
/*商品類型*/
.dropdown-menu>li>a:hover {
background:#0E5B53;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
color:#FFF;
background:#0E5B53;
}
/*左欄*/
/*上面版型*/
/*商品類型*/
/*左右線條*/
.list-group-item:first-child{
border-radius:0px;
}
.list-group-item:last-child{
border-radius:0px;
}
.list-group-item{
border-left:1px #0E5B53 solid;
border-right:1px #0E5B53 solid;
//border-left:1px #226ADD solid;
//border-right:1px #226ADD solid;
}
/*最後一行底線*/
.list-group-item:last-child{
//border-bottom:1px #0E5B53 solid;
//border-bottom:1px #226ADD solid;
}
/*「商品類型」title*/
#toptitle{
font-family: Microsoft JhengHei;
font-weight: bold;
font-size: 18px;
color:#FFF;
background-color: #0E5B53;
border-top:1px #0E5B53 solid;
//background-color: #226ADD;
//border-top:1px #226ADD solid;
text-align:center;
}
#lefta{
letter-spacing:1px;
}
/*技術資訊*/
.tibox {
margin: auto;
display: flex;
flex-wrap: wrap;
border:1px #0E5B53 solid;
}
.tibox .tidiv {
width: 120px;
margin: 5px 7px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.tibox .tidiv p{
width: 150px;
font-size:10px; -webkit-transform:scale(0.83); display:inline-block;
text-align:center;
font-weight:bold;
font-family: Microsoft JhengHei;
color:#000;
margin:0 0;
}
.tibox .tidiv img{
border: 2px solid #BEBEBE;
}
/*商品介紹*/
.tibox .newpdiv {
width: 250px;
margin: 5px 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tibox .newpdiv p{
font-weight:bold;
font-family: Microsoft JhengHei;
color:#000;
margin: 0 0 0 0;
}
.tibox .newpdiv img{
border: 2px solid #BEBEBE;
}
/*『圖示』left_icon*/
.left_icon{
float:left;
position:relative;
width:25px;
top:-3px;
left:-2px;
margin-right:13px;
}

/*右欄*/
#divnews{
width:100%;
border:1px #0E5B53 solid;
margin-bottom:20px;
}
#divnews img{
width:100%;
}
/*下面版型(bootstrap.min.css新增樣式)*/

/*左右線條*/
.list-group-item1{
border-left:1px #0E5B53 solid;
border-right:1px #0E5B53 solid;
//border-left:1px #226ADD solid;
//border-right:1px #226ADD solid;
}
/*最後一行底線*/
.list-group-item1:last-child{
border-bottom:1px #0E5B53 solid;
//border-bottom:1px #226ADD solid;
}
/*「聯絡我們」title*/
#btitle{
font-family: Microsoft JhengHei;
font-weight: bold;
font-size: 18px;
color:#FFF;
background-color: #0E5B53;
//background-color: #226ADD;
border-top:1px #0E5B53 solid;
text-align:center;
padding:10px 15px;
}
/*「聯絡我們」內容*/
.bdiv{
border:1px #0E5B53 solid;
//border:1px #226ADD solid;
font-family: Microsoft JhengHei;
font-weight: bold;
font-size: 14px;
color:#000;
text-align:left;
line-height:35px;
padding-left:15px;
margin-bottom:20px;
}
.bdiv1{
//border-radius:4px 4px;
border:2px #0E5B53 solid;
//border:2px #226ADD solid;
width:180px;
margin:4px 0;
background-color: #0E5B53;
//background-color: #226ADD;
color:#FFF;
text-align:center;
}
.bdiv2{
border-radius:4px 4px;
//border:2px #00b900 solid;
//border:2px #226ADD solid;
border:2px #00ba00 solid;
width:180px;
margin:4px 0;
//background-color: #00b900;
//background-color: #226ADD;
background-color: #00ba00;
color:#FFF;
font-size:12px;
text-align:center;
}
#maildiv{
font-size:12px;
margin-bottom:10px;
}
.bdiv1_img{
width:45px;
position:relative;
top:-1px;
right:9px;
}
#lineimg{
right:5px;
}
#mailimg{
right:5px;
padding-left:6px;
}
/*最新消息*/
/*文字大小*/
#news{
font-size:12px;
}
/*點*/
.cc{
color:#0E5B53;
//color:#40e0d0;
//color:#226ADD;
}
/*促銷活動*/
.onsalebox{
border:1px #0E5B53 solid;
}

/*商品分類(left)*/
/*線條*/
/*大項(上下)*/
#content .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
border-color: #dddddd;
}
/*整個左右*/
#content .list-group-item{
border-left: 1px #dddddd solid;
border-right: 1px #dddddd solid;
}
/*最後底線*/
#content .list-group-item:last-child {
border-bottom: 1px #dddddd solid;
}
/*子項目*/
#content #kind{
font-size: 12px;
}
/*內容*/
/*title*/
#content .titlename{
margin-bottom:1%;
}
#content .title1{
width:10px;
height:38px;
background-color:#0E5B53;
float:left;
}
#content .title2{
height:38px;
background-color:#5C9E97;
font-family: Microsoft JhengHei;
font-weight:bold;
font-size:20px;
color:#FFF;
line-height:38px;
padding-left:30px;
}
.title2 font{
color:#d3d3d3;
}
.title2 fontr{
color:#8f161c;
}
.title2 font_link{
margin-left:10px;
padding-top:2px;
padding-bottom:4px;
padding-left:4px;
padding-right:4px;
font-size:14px;
background-color:#FFB200;
color:#000;
border-radius:20px;
position:relative;
bottom:1.5px;
}
.title2 font_link a{
color:#000;
}
.title2 font_link:hover{
background: #f1c766;
}
#nptitle{
background: -webkit-linear-gradient(90deg,#0e5B53,#5C9E97);
background: -o-linear-gradient(90deg,#0e5B53,#5C9E97);
background: -moz-linear-gradient(90deg,#0e5B53,#5C9E97);
background: linear-gradient(45deg,#0e5B53,#5C9E97);
height:40px;
}
#nptitle1{
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
font-size: 20px;
text-align: left;
padding: 10px 15px;
margin: 0 0 0;
color: #FFF;
height: 100%;
}
#nptitle1 font1{
color: #d3d3d3;
}
#nptitle1 font2{
color: #8f161c;
}
@media (max-width: 1000px){
#nptitle1 font1{
display:none;
}
#nptitle1 font2{
display:none;
}
#nptitle1 a{
display:none;
}
}
#nptitle1 a {
//margin-left: 0px;
//padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
//font-size: 13px;
//background-color: #FFB200;
//border-radius: 20px;
position: relative;
//bottom: 2.5px;
color:#FFF;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
}
#nptitle1 a:hover{
color:red;
//background-color: #f1c766;
}
#nptitle2{
font-size: 14px;
font-weight:bold;
color:#083e8d;
height: 100%;
//padding: 10px 15px;
}
#nptitle2 img{
height: 100%;
}
#nptitle2 font{
vertical-align:bottom;
}
#nptitlelink{
height: 100%;
margin-top:5px;
margin-bottom:5px;
}
#nptitlelink a{
font-size: 15px;
font-weight:bold;
color: #8F161C;
text-decoration:underline;
}
#nptitlelink a:hover{
font-size: 15px;
font-weight:bold;
color: red;
}
#lvtitle{
margin-top:20px;
height:33px;
padding-left: 8px;
}
.lvtitlediv{
background-color: #FFB200;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
font-size: 20px;
text-align: center;
margin: 0 0 0;
padding: 7px 15px;
height: 100%;
width: 180px;
color: #000;
border-radius: 7px;
}
#npcontentdiv{
padding-right:0px;
padding-left:0px;
margin-top:20px;
}

/*新增-logo+製造商(0727)*/
.title2 img{
width: 80px;
position: relative;
bottom: 6px;
left: 12px;
}
.title2 .company{
font-size: 14px;
padding-left: 15px;
color: #083e8d
}
/*大項目--內容*/
/*圖片*/
/*欄位*/
.table1{
width:100%;
}
.table1 .img_td{
width:28%;
padding:15px 0;
//border: 3px solid red;
text-align:left;
margin:auto;
}
/*線框*/
.table1 .img_tdboder{
border: 3px solid #5c9e97;
width: 200px;
//position:relative;
//left:21%;
margin:auto;
}
/*舊版*/
.table1 .text_td{
//border: 3px solid blue;
padding:10px 15px;
vertical-align:text-top;
}
/*新版-修改(刀片頁面使用)*/
.table1 .text_td1{
//border: 3px solid blue;
padding:15px 15px;
vertical-align:text-top;
position: relative;  

}
.table1 .text_td1 .text_td1title{
//border: 3px solid blue;
font-size:20px;
font-family: Microsoft JhengHei;
font-weight: bold;
color: #8F161C;
position: relative;
margin-bottom:10px;
//border: 3px solid red;
}
.table1 .text_td1 .text_td1content{
//border: 3px solid blue;
height:60px;
}
.table1 .text_td1 .text_td1content2{
//border: 3px solid blue;
}
.table1 .text_td1 .text_td1video{
//border: 3px solid green;
}
.table1 .text_td1 .text_td1video img{
width:25px;
margin:auto 0px ;
margin:0px auto ;
position: relative;  
top:-2px;
}
/*分割線*/
.table1 .img_tr{
border-bottom: 1px #5c9e97 dashed;
}
/*敘述使用*/
/*項目名稱*/
.table1 h3{
font-family: Microsoft JhengHei;
font-weight:bold;
line-height:30px;
text-align:left;
color: #8F161C;
position:relative;
top:-10px;
}
/*整行文字*/
.table1 .span_c{
font-family: Microsoft JhengHei;
font-weight:bold;
line-height:30px;
color: #000000;
text-justify: distribute;
text-align:justify;
font-size:14px;
position:relative;
//top:-15px;
}
.table1 .span_c a{
color: #000;
}
.table1 .span_c a:hover{
color: #5C9E97;
}
/*列點使用*/
/*項目名稱*/
.table1 .p3{
font-family: Microsoft JhengHei;
font-weight:bold;
line-height:25px;
text-align:left;
color: #8F161C;
position:relative;
top:-20px;
margin-bottom:-15px;
}
/*三角形*/
.table1 .span_triangle{
font-size:12px;
color: red;
}
/*單行文字*/
.table1 .span_p{
font-size:14px;
color: #000000;
font-family: Microsoft JhengHei;
font-weight:bold;
line-height:30px;
}
.table1 .span_p1{
font-size:14px;
color: #8f161c;
font-family: Microsoft JhengHei;
font-weight:bold;
line-height:30px;
}

/*子項目--內容*/
/*欄位*/
/*整個線框*/
.table2 .img_td2{
//border: 3px solid red;
padding:20px 20px;
width: 25%;
}
/*商品線框-(寬度)重要*/
.table2 .img_tdboder2{
border: 3px solid #BEBEBE;
//width: 25%;
}
/*商品名稱*/
.table2 .pname{
font-family: Microsoft JhengHei;
font-weight:bold;
color: #000000;
font-size:16px;
line-height:25px;
text-align:center;
margin-bottom:5px;
}
.table2 .img_td2:hover .img-responsive {
opacity: 0.5;
}
.table2  .img_td2:hover .pname {
color: #0000FF;
}
/*table3-全鎢鋼銑刀、全鎢鋼鑽頭*/
/*子商品頁面(上)『敘述』表格*/
.table3{
//border: 3px solid blue;
width:100%;
margin-bottom:10px;	
}
.table3 td{
//border: 3px solid red;
padding:10px 80px;
}
.table3 .span_triangle{
font-size:12px;
color: red;
}
/*單行文字*/
.table3 .span_p{
font-size:14px;
color: #000000;
font-family: Microsoft JhengHei;
font-weight:bold;
line-height:30px;
}
/*描述*/
#ednmilltext{
color:#8f161c;
text-align:justify;
text-justify: distribute;
font-size: 14px;
}
#drilltext{
color:#8f161c;
text-align:justify;
text-justify: distribute;
font-size: 14px;
}


/*全鎢鋼鑽頭*/
/*子商品頁面(下)『規格』表格*/

.table3_1{
border: 2px solid #ddd;
width:100%;
color:#000;
font-family: Microsoft JhengHei;
font-weight:bold;
}
.table3_1 th{
text-align:center;
border: 2px solid #ddd;
color:#7B7B7B;
padding:6px 0;
font-size:16px;
}
.table3_1.pm{
height:auto;
max-width:100%;
}
.table3_1 .th2{
width:15%;
}
.table3_1 .th3{
width:15%;
}
.table3_1 .th4{
width:10%;
}
.table3_1 .th5{
width:30%;
}
.table3_1 td{
border: 2px solid #ddd;
padding:6px 3px;
text-align:center;
font-size:14px;
}
/*全鎢鋼銑刀*/
.table3_2{
border: 2px solid #ddd;
width:100%;
color:#000;
font-family: Microsoft JhengHei;
font-weight:bold;
}
.table3_2 th{
text-align:center;
border: 2px solid #ddd;
color:#7B7B7B;
padding:6px 0;
font-size:16px;
}
.table3_2.pm{
height:auto;
max-width:100%;
}
.table3_2.pmm{
height:auto;
max-width:100%;
}
.table3_2 .th2{
width:21%;
}
.table3_2 .th3{
width:12%;
}
.table3_2 .th4{
width:8%;
}
.table3_2 .th5{
width:8%;
}
.table3_2 .th6{
width:30%;
}
.table3_2 td{
border: 2px solid #ddd;
padding:6px 3px;
text-align:center;
font-size:14px;
}
.table3_2 .series{
text-align:left;
//padding-left:5px;
}
/*定點倒角刀*/
.table3_3{
border: 2px solid #ddd;
width:100%;
color:#000;
font-family: Microsoft JhengHei;
font-weight:bold;
}
.table3_3 th{
text-align:center;
border: 2px solid #ddd;
color:#000;
padding:6px 0;
font-size:16px;
}
.table3_3 .th2{
width:20%;
}
.table3_3 .th3{
width:25%;
}
.table3_3 .th4{
width:20%;
}
.table3_3 td{
border: 2px solid #ddd;
padding:6px 3px;
text-align:center;
font-size:14px;
}
/*捨棄式鑽頭*/
.table3_4{
border: 2px solid #ddd;
width:100%;
color:#000;
font-family: Microsoft JhengHei;
font-weight:bold;
}
.table3_4 th{
text-align:center;
border: 2px solid #ddd;
color:#000;
padding:6px 0;
font-size:16px;
}
.table3_4 .th2{
width:25%;
}
.table3_4 .th3{
width:25%;
}
.table3_4 td{
border: 2px solid #ddd;
padding:6px 3px;
text-align:center;
font-size:14px;
}
.wm_p{
text-align:right;
font-size:12px;
font-weight:bold;
font-family: Microsoft JhengHei;
color:red;
margin-top:5px;
}
/*商品頁面-刀片表格*/
.ptable{
border: 2px solid #ddd;
width:100%;
color:#000;
font-family: Microsoft JhengHei;
font-weight:bold;
}
.ptable th{
font-weight:bold;
text-align:center;
border: 2px solid #ddd;
color:#000;
padding:6px 0;
font-size:16px;
margin-bottom:5px;
}
.ptable .th2{
width:15%;
}
.ptable .th3{
width:45%;
}
.ptable .th4{
width:30%;
}
.ptable #th4{
padding :10px 10px;
text-align: justify;
text-justify:inter-ideograph;
color : #8f161c;
font-size: 14px;
}
.ptable .material2 th{
font-size:12px;
text-align:left;
vertical-align:text-top;
width:9%;
}
.ptable #ne th{
width:11%;
}
.ptable .material2 th p{
padding-left:20px;
}
.ptable tbody td{
border: 2px solid #ddd;
padding:6px 3px;
text-align:center;
font-size:14px;
}
.ptable #up{
//color:#FF5151;	
color:#8f161c;
}
/*固定欄位-樣式、系列*/
.ptable .fixedtd{
height:75px;
font-family: 'Noto Sans TC', sans-serif;
font-weight:600;
}
.ptable .drawingtd img{
width: 240px;
}
.interval{
margin-top:15px;
margin-bottom:15px;
}
/*捲動軸*/
.scrolldiv {
width:100%px;
overflow: auto; 
}

.fixeddiv{
min-width:720px;
}
/*銑刀桿頁面*/
.ptablemilling{
border: 2px solid #ddd;
width:100%;
color:#000;
font-family: Microsoft JhengHei;
font-weight:bold;
}
.ptablemilling th{
font-weight:bold;
text-align:center;
border: 2px solid #ddd;
color:#000;
padding:6px 0;
font-size:16px;
margin-bottom:5px;
}
.ptablemilling .th2{
width:15%;
}
.ptablemilling .th3{
width:15%;
}
.ptablemilling .th4{
width:15%;
}
.ptablemilling .th5{
width:15%;
}
.ptablemilling .th6{
width:15%;
}
.ptablemilling tbody td{
border: 2px solid #ddd;
//padding:6px 3px;
text-align:center;
font-size:14px;
}
.ptablemilling .fixedtd{
height:75px;
font-family: 'Noto Sans TC', sans-serif;
font-weight:600;
}
.ptablemilling #fixedtd1{
height:150px;
}
.ptablemilling .fixedtd p{
color:#8f161c;	              
}
.ptablemilling .fixedtd img{
max-width: 80%;
max-height:80%;
}
/*板手欄位(不同跨欄)*/
.ptablemilling #d .wrench{
width:100%;
height:150px;
}
.ptablemilling #d .wrench td{
border:0px;
}
.ptablemilling #d .wrench #wrench1{
border-bottom: 2px solid #ddd;
}
/*捨棄式鑽頭*/
.ptabledrilling{
border: 2px solid #ddd;
width:100%;
color:#000;
font-family: Microsoft JhengHei;
font-weight:bold;
}
.ptabledrilling th{
font-weight:bold;
text-align:center;
border: 2px solid #ddd;
color:#000;
padding:6px 0;
font-size:16px;
margin-bottom:5px;
}
.ptabledrilling .th2{
width:17%;
}
.ptabledrilling .th3{
width:17%;
}
.ptabledrilling .th4{
width:17%;
}
.ptabledrilling .th5{
width:20%;
}
.ptabledrilling tbody td{
border: 2px solid #ddd;
//padding:6px 3px;
text-align:center;
font-size:14px;
}
.ptabledrilling .fixedtd{
height:75px;
font-family: 'Noto Sans TC', sans-serif;
font-weight:600;
}
.ptabledrilling #fixedtd1{
//height:150px;
}
.ptabledrilling .fixedtd p{
color:#8f161c;	              
}
.ptabledrilling .fixedtd img{
max-width: 80%;
max-height:80%;
}
.ptabledrilling #drillimg{
height:150px;
}
.ptabledrilling #drillimg img{
max-width: 90%;
max-height:90%;
}
/*倒角刀*/
.ptableSpotting{
border: 2px solid #ddd;
width:100%;
color:#000;
font-family: Microsoft JhengHei;
font-weight:bold;
}
.ptableSpotting th{
font-weight:bold;
text-align:center;
border: 2px solid #ddd;
color:#000;
padding:6px 0;
font-size:16px;
margin-bottom:5px;
}
.ptableSpotting .th2{
width:15%;
}
.ptableSpotting .th3{
width:15%;
}
.ptableSpotting .th4{
width:15%;
}
.ptableSpotting .th5{
width:15%;
}
.ptableSpotting .th6{
width:15%;
}
.ptableSpotting tbody td{
border: 2px solid #ddd;
//padding:6px 3px;
text-align:center;
font-size:14px;
}
.ptableSpotting .fixedtd{
height:150px;
font-family: 'Noto Sans TC', sans-serif;
font-weight:600;
}
.ptableSpotting .fixedtd img{
max-width: 90%;
max-height:90%;
}
.ptableSpotting #Spotting img{
max-width: 70%;
max-height:70%;
}
.ptableSpotting #fixedtd1{
color:#8f161c;
}
/*銑刀*/
.ptableendmilling{
border: 2px solid #ddd;
width:100%;
color:#000;
font-family: Microsoft JhengHei;
font-weight:bold;
}
.ptableendmilling th{
font-weight:bold;
text-align:center;
border: 2px solid #ddd;
color:#000;
padding:6px 0;
font-size:16px;
margin-bottom:5px;
}

.ptableendmilling .th2{
width:10%;
}
.ptableendmilling .th3{
width:15%;
}
.ptableendmilling .th4{
width:10%;
}
.ptableendmilling .th5{
width:10%;
}
.ptableendmilling .th6{
width:34%;
}
.ptableendmilling tbody td{
border: 2px solid #ddd;
padding:6px 3px;
text-align:center;
font-size:14px;
}
.ptableendmilling .fixedtd {
height: 75px;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 600;
}
.ptableendmilling #endmillimg {
height: 150px;
}
.ptableendmilling .fixedtd img {
max-width: 90%;
max-height: 90%;
}
#endmillimg img{
max-width: 80%;
max-height:80%;
}

/*空白格*/
#tdspace td{
border:0px;
//background-color:#E6E6E6;
}
/*商品-購買欄位*/
.div_pn{
float:left;
font-size:12px;
font-family: 'Noto Sans TC', sans-serif;
font-weight:600;
color:#000000;
text-align:left;
padding-left:15px;
line-height:50px;
width:16%;
//border: 3px solid #0000FF;  
}
.div_pd{
float:left;
font-size:12px;
font-family: Microsoft JhengHei;
font-weight:bold;
color:#000000;
text-align:left;
width:70%;
line-height:50px;
//border: 3px solid red;
}
/*價錢*/
.div_pp{
float:left;
font-size:14px;
font-family: Microsoft JhengHei;
font-weight:bold;
color:#000000;
width:16%;
//border: 3px solid yellow;
}
/*上面*/
.div_pp .price-new{	  
position:relative;
color:red;
top:5px;
}
.div_pp .price-old{
position:relative;
top:5px;
}
/*下面*/
.div_pp .price-tax{
color:red;
position:relative;
top:5px;
font-size:14px;
}
.div_q{
float:left;
font-size:14px;
line-height:50px;
font-family: Microsoft JhengHei;
font-weight:bold;
color:#000000;
text-align:center;
//border: 3px solid green;
}
.div_qt{
float:left;
margin-right:5px;
font-size:14px;
font-family: Microsoft JhengHei;
font-weight:bold;
color:#000000;
line-height:30px;
text-align:right;
//border: 3px solid blue;
padding-top:8px;
}
.div_qb{
//float:left;
margin-right:5px;
line-height:30px;
text-align:right;
//padding-top:13px;
//border: 3px solid #000000;
padding-top:8px;
}
/*.categoryscrollable {
width:100%px;
overflow: auto; 
}*/

/*.categoryitems{
width:1168px;
}*/
/*搜尋商品*/
.hr_s{
border: 0;
height: 1px;
background: #333;
background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
/*關於我們*/
/*抬頭列*/
.about_ustitle{
float:none;	
//margin-bottom:-20px;
margin-top:-10px;
}
#titletext{
color:#000;
font-family: 'Noto Sans TC', sans-serif;
font-weight:600;
font-size:30px;
position:relative;
left:35px;
top:-35px;
color:#0E5B53;
}
.about_ustitle .anchor div{
float:left;	
width:70px;
color:#000;
font-weight:bold;
font-family: Microsoft JhengHei;
text-align:center;
position:relative;
top:335px;
left:33px;
font-size:16px;
}
.about_ustitle .anchor div a{
color:#000;
text-decoration:none;
}
.about_ustitle .anchor div a:hover{
color:red;
}
.about_us{
font-family: Microsoft JhengHei;
font-weight:bold;
text-justify: distribute;
margin-left:3%;
margin-right:3%;
text-align:justify;
}
.about span{
font-size:16px;
font-weight: bold; 
line-height: 30px;
color:#000000;
}
.about h3{
margin-bottom:-15px;
font-weight: 900; 
color:#000000;
}
.about_hr {
border: 0;
border-bottom: 1px dashed #ccc;
background: #999;
}
.about_sintering table{
width:100%;
//border:3px red solid;
}
.about_sintering{
margin-left:3%;
margin-right:3%;
float:none;	
}
.about_sintering span{
line-height: 2.4;
}
.about_sintering .text{
vertical-align:text-top;
}
.about_sintering .img{
text-align:center;
}
.about_sintering img{
width:300px;
}
.about_coating{
margin-left:3%;
margin-right:3%;
}
#coatingname{
font-size:18px;
font-weight: bold; 
line-height: 30px;
color:#8F161C;
}
.about_coating td{
//border:3px red solid;
}
.about_coating span{
line-height: 2.4;
}
.about_coating .text td{
padding:15px 0;
}
.about_coating .img td{
width:25%;
font-size:16px;
font-weight: bold; 
line-height: 55px;
color:#000;
border-bottom:1px #333 solid;
padding:10px 0;
}
.about_coating #lasttr td{
border-bottom:none;	
}
.about_coating .img .img1 img{
width:150px;
}
.about_coating .img .img3 img{
width:150px;
}
.grindingtable{
width:100%;
}
.grindingtable .img2 img{
height:120px;
}
/*文字顏色*/
.about font{
color:#006030;
font-family: 'Noto Sans TC', sans-serif;
font-weight:500;

}
.about #aboutp{
color:#8F161C;
}
/*促銷商品-頁面*/
/*標題*/
.forsaletitle{
margin-top:10px;
margin-bottom:30px;
font-size:48px;
text-align:center;
font-family: 'Noto Sans TC', sans-serif;
font-weight:700;
letter-spacing:10px;
color:#8F161C;
}
/*下表*/
.forsaletitle table{
width:100%;
}
.forsaletitle td{
padding:15px 15px;
}
/*圖片*/
.forsaletitle img{
width:350px;
box-shadow:3px 3px 4px 4px #E5F0EF;
}
.forsaletitle img:hover{
color: #0000FF;
opacity: 0.5;
}
/*促銷活-子內容動*/
/*標題*/
.activitytitle{
padding:10px 10px;
}
/*版面縮放*/
/*大項目*/
@media screen and (max-width: 1200px) {
.table1 td {
//border-bottom: 1px solid #ddd;
display: block;
text-align:left;
margin:0px auto;
width:100%;
//border: 3px solid #000000;
}
.table1 .img_td{
width:100%;
}
.table1 .img_tdboder{
left:28%;
}
.table1 h3{
text-align:center;
}
.table1 .p3{
text-align:center;
}
/*子項目*/
.table2 {
width:100%;
//border: 10px solid #000000;
}
.table2 td {
border-bottom: 1px #E0E0E0 dashed;
display: block;
text-align:left;
margin:0px auto;
width:100%;
//border: 3px solid #000000;
}
/*商品滿版*/
/*欄位寬度*/
.table2 .img_td2{
width:100%;
}
.table2 .img_tdboder2{
border: 3px solid #BEBEBE;
width: 60%;
position:relative;
left:80px;
}
.table3{
width:100%;
}
.table3 td {
border-bottom: 1px #E0E0E0 dashed;
display: block;
text-align:left;
margin:0px auto;
width:100%;
//border: 3px solid #000000;
}
.sinteringtable{
width:100%;
}
.sinteringtable td{	
display: block;
text-align:left;
width:100%;
}
.sinteringtable img{	
margin:0px auto;
}


/*商品描述表格*/
.ptable .th4{
display:none;
}
.ptable .drawingtd{
display:none;
}
.ptable .th2{
width:25%;
}
.ptable .material2 th{
width:12%;
}
.ptable .material2 th p{
padding-left:10px;
}
#tdspace{
display:none;
}
.ptablemilling .th5{
display:none;
}
.ptablemilling .th6{
display:none;
}
.ptablemilling #d{
display:none;
}
.ptabledrilling .th2{
width:14%;;
}
.ptabledrilling .th3{
width:17%;;
}
.ptabledrilling .th4{
width:10%;;
}
.ptabledrilling .th5{
width:31%;;
}

.about_ustitle .anchor div{
top:270px;
left:25px;
}

.div_pn{
width:100%;
//border: 3px solid #BEBEBE;
text-align:left;
line-height:40px;
font-size: 16px;
padding-right: 15px;
}
.div_pd{
width:100%;
border-bottom: 1px solid #BEBEBE;
text-align:left;
padding-left: 15px;
padding-right: 15px;
line-height:40px;
font-size: 14px;
}
.div_pp{
width:40%;
border-right: 1px solid #BEBEBE;
text-align:left;
padding-left: 15px;
}
.div_q{
width:13%;
text-align:center;
//border: 3px solid #BEBEBE;
}
.div_qt{
width:13%;
border-right: 1px solid #BEBEBE;
text-align: left;
padding-bottom: 8px;
margin-right: 0px;
}
.div_qb{
float:left;
width:34%;
//border: 3px solid #BEBEBE;
text-align:center;
padding-bottom: 8px;
margin-right: 0px;
line-height: 30px;

}

}
@media screen and (max-width: 1000px) {
#content .title2{
//font-size:15px;
}
.about_coating{
width:720px;

}
.grindingtable td{
width:100%;
display: block;
}
.grindingtable .img td{
border-bottom:1px dashed #ccc;
margin:0px auto;
padding:10px 0;
}
#searchitem{
right:-28px;
}
.forsaletitle table{
width:100%;
}
.forsaletitle td{	
display: block;
text-align:left;
width:100%;
}
.about_ustitle .anchor div{
display:none;	
}
/*會員登入介面*/
.membertable {
width:100%;
border:0px;
}
.membertable td{	
display: block;
text-align:left;
width:100%;
text-align:center;
margin-top:1%;
}

/*全鎢鋼立銑刀-縮小畫面*/
.table3_2 .th2{
width:43%;
}
.table3_2 .th3{
width:25%;
}
.table3_2 .th4{
display:none;
}
.table3_2 .th5{
display:none;
}
.table3_2 .th6{
display:none;
}
.table3_2 .pm{
display:none;
}
.table3_2 td{
height:50px;
}
.wm_p{
display:none;
}
.titlename .title2 font{
display:none;
}
.titlename .title2 a{
display:none;
}
/*全鎢鋼鑽頭-縮小畫面*/
.table3_1 .th2{
width:25%;
}
.table3_1 .th3{
width:28%;
}
.table3_1 .th4{
display:none;
}
.table3_1 .th5{
display:none;
}
.table3_1 .pm{
display:none;
}

}

/*刀片商品(單個項目)*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap");
.box>a {
ptext-decoration: none;
display: inline-block;
font-family: 'Noto Sans TC', sans-serif;
font-size: 16px;
color: #333;
font-weight: 300;
}
.cell {
//padding-left: 20px;
//width: 600px;
display: flex;
flex-wrap: wrap;

}
.cellitem {
display: flex;
width:177px;
/* 			height: 250px;
*/			margin: 15px 20px;
//background: #DEFFFF;
box-shadow: 0 3px 5px rgba(0, 0, 10, .5);
border: 1px solid #ccc

} 
.cellitem .ppic {
display: flex;
position: relative;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 75px;
}
.cellitem .ppic::before {
content: '';
position: absolute;
width: 1px;
height: 85%;
right: 0;
border-right: 1px solid #ccc

}
.cellitem .ptext {
margin-top: 10px;
margin-left: 7px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
font-family:'Noto Sans TC', sans-serif;
/* justify-content: center; */
}
.cellitem .ppic img {
/* padding: 5px; */
width: 60px;
height: 60px;
/* border: 1px solid #ccc; */
object-fit: cover;
margin-top:10px;

}
.cellitem .ptext h2 {
margin-bottom: .4em;
font-size: 16px;
margin-top:.4em;
font-weight:bold;
color:#000;
font-family:'Noto Sans TC', sans-serif;
}
.cellitem .ptext p {
line-height: 1.4;
font-size: 10px;
font-weight:900;
color:#000;
font-family:'Noto Sans TC', sans-serif;
}
.cellitem .ptext h3 {
margin-top: 5px;
margin-bottom: 8px;
font-size: 24px;
color: #f00;
font-family: 'Noto Sans TC', sans-serif;
font-weight:700;
}
.cellitem .ptext h3 font{
font-size: 12px;
}
.cellitem .ptext span {
color: #f00;
width: 900px;
}
.cellitem .ppic .btn {
ptext-decoration: none;
line-height: 1.5em;
border: 1px solid #ccc;
padding: 0 .5em;
border-radius: 200px;
margin-bottom: 5px;
background-color: #FFB200;
color: #000;
font-size: 12px;
}
.cellitem .ppic .btn:hover {
background: #888;
color: #fff;
}
/*刀片更新0826*/
.new_insert{
border:1px solid red;
box-shadow: 0 3px 5px rgba(0, 0, 10, .5);
border: 1px solid #ccc;
display: flex;
margin-top:10px;
margin-bottom:10px;
padding-top:7px;
padding-bottom:7px;
margin-left: -7px;
margin-right: -7px;
}
.new_insert .iimg{
float:left;
width:130px;
border-right: 1px solid #ccc;
text-align:center;
}
.new_insert .iimg img{
margin-top: 10px;
}
.new_insert .iimg a{
border: 1px solid #ccc;
padding: 0 .5em;
border-radius: 200px;
background-color: #FFB200;
color: #000;
font-size: 12px;
margin-top:10px;
}
.new_insert .iimg a:hover{
background: #888;
color: #fff;
}
.new_insert .itext{
float:left;
width:100%;
padding-left:7px;
font-family: 'Noto Sans TC', sans-serif;
}
.new_insert .itext h2{
margin-bottom: .5em;
font-size: 16px;
margin-top: .5em;
font-weight: bold;
color: #000;
}
.new_insert .itext p{
line-height: 1.4;
font-size: 10px;
font-weight: 900;
color: #000;
}
.new_insert .itext span{
color: #f00;
}
.new_insert .itext h3{
margin-top: 5px;
margin-bottom: 6px;
font-size: 24px;
color: #f00;
font-weight: 700;
}
.new_insert .itext h3 font{
font-size: 12px;
}

/*首頁--促銷活動*/
/*圖片動畫*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap");
* {
margin: 0;
padding: 0;
list-style: none;
}

.wrap {
display: flex;
//height: 100vh;
flex-direction: column;
align-items: center;
justify-content: center;
background: #fff;
}
.box>a1 {
text-decoration: none;
display: inline-block;
font-family: 'Noto Sans TC', sans-serif;
font-size: 16px;
color: #640007;
//font-weight: 300;
margin-top:10px;
padding-left: 20px;
}
.box>a {
text-decoration: none;
display: inline-block;
font-family: 'Noto Sans TC', sans-serif;
font-size: 12px;
color: #640007;
//font-weight: 300;
margin-top:10px;
//padding-left: 25px;
position: relative;
left:400px;
}
.boximg{
width:16px;
}
.container1 {
padding-left: 45px;
//width: 600px;
margin: auto;
display: flex;
flex-wrap: wrap;

}
.container1 .item {
width: 100px;
margin: 10px 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.container1 .item .card {
position: relative;
display: flex;
width: 100%;
height: 100px;
} 
.container1 .item .card .face {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform-style: preserve-3d;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
backface-visibility: hidden;
font-family: 'Noto Sans TC', sans-serif;

}
.container1 .item .card .face.pic {
text-align: center;
background: #ABFFFF;
box-shadow: 0 3px 5px rgba(0, 0, 10, .5);
/* animation: showfront 15s ease-in-out infinite;	 */
}
/*第一欄*/
#itemtd1  .card .face.pic {
background: #F89198;
}
#itemtd1 .card .face.text {
background: #F89198;	
}
/*第二欄*/
#itemtd2  .card .face.pic {
background: #5C9E97;
}
#itemtd2 .card .face.text {
background: #5C9E97;	
}
/*第三欄*/
#itemtd3  .card .face.pic {
background: #FED995;
}
#itemtd3 .card .face.text {
background: #FED995;
color:#000;	
}



.container1 .item .card .face.text {
background: #ABFFFF;	
box-shadow: 0 3px 5px rgba(0, 0, 10, .5);
/* animation: showback 15s ease-in-out infinite;	 */
}

.container1 .item:nth-child(2n+1) .card .face.pic {
animation: showpicfront 15s ease-in-out infinite;				
}
.container1 .item:nth-child(2n+1) .card .face.text {
animation: showtextback 15s ease-in-out infinite;				
}
.container1 .item:nth-child(2n) .card .face.text {
animation: showtextfront 15s ease-in-out infinite;				
}
.container1 .item:nth-child(2n) .card .face.pic {
animation: showpicback 15s ease-in-out infinite;				
}

/* 畫紅色三角形 */

.container1 .item .card .face.pic::before {
content: '';
position: absolute;
width: 0;
height: 0;
left: 0;
top: 0;
border-style: solid;
border-width: 30px 80px 0 0;
border-color: #ff0000 transparent transparent transparent;
/* z-index: 1; */
}
.container1 .item .card .face.pic img {
position: relative;
/* padding: 5px; */
width: 60px;
height: 60px;
/* border: 1px solid #ccc; */
object-fit: cover;
top:-28px;
}
.container1 .item .card .face.pic h1 {
/* margin-bottom: .4em; */
padding-left: 3px;
padding-top: 3px;
font-size: 9px;
color: #fff;
z-index: 1000;
align-self: flex-start;
position:relative;
top:-20px;

}
.container1 .item .card .face.text h2 {
margin-top: 8px;
margin-bottom: 8px;
font-size: 12px;
font-weight:bold;
color:#000
}
.container1 .item .card .face.pic h2 {
/* margin-bottom: .4em; */
font-size: 12px;
position:relative;
top:-44px;
font-weight:bold;
color:#000
}
.container1 .item .card .face.text p {
line-height: 1.4;
font-size: 10px;
font-weight:500;
width: 75px;
color:#000;
}
.container1 .item .card .face.text h3 {
margin-top: 5px;
margin-bottom: 8px;
font-size: 24px;
color: #f00;
/* transform: perspective(300px)  translateZ(5px); */

}
.container1 .item .card .face.text span {
color: #f00;
width: 900px;
/* transform: perspective(300px)  translateZ(5px); */

}
.container1 .item .card .face.text span2 {
color: #f00;
width: 100px;
font-size:10px; -webkit-transform:scale(0.83); display:inline-block;
position:relative;
left:-12px;
/* transform: perspective(300px)  translateZ(5px); */

}
/* 製作前後翻轉動畫 */
@keyframes showpicfront{
0% {
transform: perspective(500px)  rotateY(0deg);		
}
15% {
transform: perspective(500px)  rotateY(180deg);	
backface-visibility: hidden;

}
50% {
transform: perspective(500px)  rotateY(180deg);	
backface-visibility: hidden;

}
65% {
transform: perspective(500px)  rotateY(0deg);
}
100% {
transform: perspective(500px)  rotateY(0deg);
}
}
@keyframes showtextback{
0% {
transform: perspective(500px)  rotateY(180deg);				
}
15% {
transform: perspective(500px)  rotateY(360deg);	
backface-visibility: visible;
}
50% {
transform: perspective(500px)  rotateY(360deg);	
backface-visibility: visible;
}
65% {
transform: perspective(500px)  rotateY(180deg);	
backface-visibility: hidden;

}
100% {
transform: perspective(500px)  rotateY(180deg);	
backface-visibility: hidden;

}
}
@keyframes showtextfront{
0% {
transform: perspective(300px)  rotateY(0deg);		
}
15% {
transform: perspective(300px)  rotateY(180deg);	
backface-visibility: hidden;

}
50% {
transform: perspective(300px)  rotateY(180deg);	
backface-visibility: hidden;

}
65% {
transform: perspective(300px)  rotateY(0deg);
}
100% {
transform: perspective(300px)  rotateY(0deg);
}
}
@keyframes showpicback{
0% {
transform: perspective(300px)  rotateY(180deg);				
}
15% {
transform: perspective(300px)  rotateY(360deg);	
backface-visibility: hidden;
}
50% {
transform: perspective(300px)  rotateY(360deg);	
backface-visibility: hidden;
}
65% {
transform: perspective(300px)  rotateY(180deg);	
backface-visibility: hidden;

}
100% {
transform: perspective(300px)  rotateY(180deg);	
backface-visibility: hidden;

}

}

.container1 .item .price {
//margin: 5px;
padding-top:7px;
}
.container1 .item .price span {
color: #f00;
font-size: 17px;
font-weight: 900;
}
.container1 .item .btn {
text-decoration: none;
line-height: 1.5em;
border: 1px solid #ccc;
padding: 0 .5em;
border-radius: 5px;
background-color: #ccc;
color: #000;
font-size: 12px;
}
.container1 .item .btn:hover {
background: #888;
color: #fff;
}
#span8{
font-size:8px;
}
/*刀片商品區*/