a {-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;}
  /*flyCart*/
.box{float:left; width:198px; height:320px; margin-left:5px; border:1px solid #e0e0e0; text-align:center} 
.box p{line-height:20px; padding:4px 4px 10px 4px; text-align:left} 
.box:hover{border:1px solid #f90} 
.box h4{line-height:32px; font-size:14px; color:#f30;font-weight:500} 
.box h4 span{font-size:20px} 
.u-flyer{display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999; background-color:#333} 
 
.m-sidebar{position: fixed;top: 0;right: 0;background: #000;z-index: 2000;width: 35px;height: 100%;font-size: 12px;color: #fff;} 
.cart{color: #fff;text-align:center;line-height: 20px;padding: 200px 0 0 0px;} 
.cart span{display:block;width:20px;margin:0 auto;} 
.cart i{width:35px;height:35px;display:block; background:url(car.png) no-repeat;} 
#msg{position:fixed; top:20px; right:105px; z-index:10000; width:1px;  padding:5px 10px;font-size:12px; color:#fff; background:#f7a54a; display:none} 

/*shopCart*/
.ken_cartTotalPrice { text-align:right}
.ken_cartTotalPrice span { display:inline-block; padding:1px 5px;border-right: 1px solid #b1afaf;}
.text-decorline a {  color:#333; font-weight:100}
.text-decorline a:hover { color:#9F1E0F}
.ken_shopCartTitle { background: url(../img/currency_icon.png) no-repeat -72px 6px;
    background-size: 110px;
    padding: 10px 10px 10px 45px;
    font-size: 16px;
    color: #666;}
.ken_shopCartDes { max-width:300px;display:inline-block; overflow:hidden; max-height:80px; font-size:12px}
/*FundCart*/
.ken_fundCartTitle { background: url(../img/cu_icon05.png) no-repeat 5px 6px;
    background-size: 32px;
    padding: 10px 10px 10px 45px;
    font-size: 16px;
    color: #666;}
  /*DYMessage*/
  .DyMsTitle { display:inline-block}
  .DyMsTitle img { width:25px}
  .DyNs { background-color:#fff; padding:0}
  .DyNs .Nmessage {display:inline-block;  overflow:hidden;text-overflow : ellipsis;
  white-space: nowrap;}
  .DyNs a { color:#333; padding:0}
  
  .DyNs .social-comment { padding:15px 10px; margin-top:0}
 /*shopHOme*/
 .ken_shop_CartDetalIcon { margin-bottom:5px; line-height:26px; font-size:14px; padding-left:31px; background:url(../img/icon_cartDetail.png) no-repeat left top; background-size:26px; height:30px;}
 .ken_shop_CartDetalIcon.shopman { background-position:left 1px}
 .ken_shop_CartDetalIcon.orderlist { background-position:left -30px}
 .ken_shop_CartDetalIcon.shoptel { background-position:left -60px}
 .ken_shop_CartDetalIcon.shopmail { background-position:left -90px}
 .shop_proCart img { max-height: 80px;
    max-width: 80px;
    vertical-align: middle;}
 .ken_opacitylight{-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s}
 .ken_opacitylight:hover { opacity:.6}
  .ken_opacitygrey{
	 
	  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s}
 .ken_opacitygrey:hover { opacity:.6; border:1px solid #FF8040}
.ken_shopPrice_left {  text-align:left; display:inline-block; width: 55%; overflow:hidden;text-overflow : ellipsis;
  white-space: nowrap;}
.ken_shopPrice_right { width: 43%;text-align:right;display:inline-block}
.ken_shopPrice_right span { font-weight:100; letter-spacing:-1px; font-size:16px}
.shop_productsAD img { width:100%}
.shop_productNew {background-color:#ff9800;  line-height:140px; text-align:center}
.shop_productHot {background-color:#d7d83f; line-height:140px; text-align:center}
.ken_iconRound { border:2px solid rgba(255,255,255,.5); border-radius:50%; padding: 10px 7px;}
.ken_userlogo img { max-height:140px}
.ken_border_lightgrey {border: 1px solid #f3f3f4;}
.ken_productsDes {  text-align:left; display:inline-block;  max-height:65px; overflow:hidden; padding:5px 0; min-height: 65px;}
.ken_productsDes span { font-size:16px; display:block; font-weight:600; text-align:center}
.ken_cu_icon { display:inline-block; background:url(../img/cu_icon04.png) no-repeat center bottom; background-size:18px; min-width:20px; min-height:20px}
.ken_productdesc { padding:5px; font-size:12px}
/*shop_upnew*/
.form-control.ken_formIcon {background:#fff url(../img/cu_icon04.png) no-repeat left center ; background-size:18px; padding-left:20px}
.ken_tableIcon {background:#fff url(../img/cu_icon04.png) no-repeat left center ; background-size:18px; padding-left:20px}
  /*userHome*/
.ken_userHomeTitle img { width:80%}
.ken_buyBCoin h3 {margin:5px}
.ken_buyBCoin h1 { font-size:48px; margin:5px; color:#FFF; letter-spacing:2px}
.ken_userCoinarrow {min-height: 25px;
    background: url(../img/tranagle.png) no-repeat bottom right;
    background-size: 25px;}
.ken_userCoinarrow.right_arrow { background-position:625px 0}
.ken_userCoinarrow.middle_arrow { background-position:50% 0}
.ken_userCoinarrow.left_arrow { background-position:105px 0}
.ken_step {margin:0 auto;border: 2px solid #0dbbbd; border-radius: 50%; padding: 8px;    color: #0dbbbd; font-size: 18px;  font-weight: 100; width: 100px; height:100px}
.ken_step .ken_stepNum {display:block;font-size:55px; line-height:45px}

.disabled { opacity:.3}
.ken_wordHeight {overflow : hidden;
  text-overflow : ellipsis;
  white-space: nowrap;
  
  }
.ken_stepShop { background-color:#ccc;margin:0 auto;border-radius: 50%; padding: 8px;color: #fff; font-size: 18px;  font-weight: 100; width: 80px; height:80px}
.ken_stepShop .ken_stepNum {display:block;font-size:30px; line-height:35px}

.ken_stepopenShop {background-color:#668dba;border-radius: 50%; padding: 8px;color: #fff; font-size: 18px;  font-weight: 100; width: 80px; height:80px; text-align:center}
.ken_stepopenShop .ken_stepNum {display:block;font-size:30px; line-height:35px}

.ken_discover { width:100%; min-height:100%; background-color:rgba(0,0,0,.1); z-index:20}                                
  /*ItemDetail*/
.pace-done-white { background-color:#FFF}
.ken_bg-black {background-color:#5a5956; color:#fff; padding:5px 10px; font-size:16px}
 .ken_bg-white {background-color: rgba(255,255,255,.9);
    padding:  5px;}
.ken_itemDetail .headTitle {text-align:center;margin-bottom: 5px;}
 .ken_itemDetail .headTitle h2 { text-shadow:1px 1px 1px rgba(255,255,255,.8); margin-top:10px}
 .openoffer { position:absolute; top:40px; right:5px; z-index:500}
 .bg-lightblack {background-color: rgba(0,0,0,.2);
    padding:  5px;}
 .bg-lightwhite {background-color: rgba(255,255,255,.5);
    padding:  5px;}
 .bg-lightgrey { background-color:#c0cbcc; padding:10px 5px}
 .bg-lightgrey button { margin-right:5px}
 .bg-lightgrey.lock { background-color: #dad9d9;
    color: #a3a3a3;}
.bg-lightgrey.rocklock { background-color: #f3e5bb;
    color: #666;}	
	
 .bg-lightgrey.lock i { font-size:16px; color:#333; margin-right:5px}
 .bg-lightgrey.rocklock i { font-size:16px; color:#333; margin-right:5px}
 
 .bg-oo { background-color:#f7e9d0; padding:10px 5px}
 .chat-element img.img-circle { height:inherit}
 .ken_QA .chat-element img.img-circle { max-width:100px}
 .ken_QA .chat-element .media-body { padding-top:20px}
 .ken_sponsor  .ibox-content      {   margin-bottom: 30px;
    border-radius: 0 80px 0 0;
    /* box-shadow: 0px 0px 1px 1px rgba(0,0,0,.2); */
    border: 5px solid #eaeaea;}
.ken_sponsor  .ibox-content img.img-circle { max-width:110px}
/*ItemOfferPerson*/
.offerPerson {text-align: center; margin:0 auto -25px auto;width: 100px; height: 100px; border-radius: 50%; overflow: hidden;border: 6px solid #fff;}
.offerPerson img { width: 100% }

.offershop {    text-align: center;
    margin: 20px auto;
    width: 100px;
    
    border-radius: 50%;
    overflow: hidden;
    border: 6px solid #e4e4e4;
    }
.offershop img { width: 100% }

.ken_scaladding .col-md-4 { padding-left: 5px; padding-right: 5px}

.ken_panelGood {display: none}
.ken_flipGood {cursor: pointer;}
.ken_panelNormal {display: none}
.ken_flipNormal {cursor: pointer;}
.ken_panelBad {display: none}
.ken_flipBad {cursor: pointer;}
.ken_panelplusImg {display: none}
.ken_flipplusImg {cursor: pointer;}
.ken_panelplusText {display: none}
.ken_flipplusText {cursor: pointer;}
.ken_panelStyle {display: none;width: 100%}
.ken_flipStyle {cursor: pointer;}
/*ItemOfferPay*/
 .sponcerIcon  {padding-top: 16px;}
.sponcerIcon img { width: 27px; padding-right: 5px; margin-top: -0px}

.bg-option {-webkit-transition: background-color,0.3s;
    -moz-transition: background-color,0.3s;
    -o-transition: background-color,0.3s;
    transition: background-color,0.3s;
    border-radius: 5px;
   
    display: block;
    background: #f5f5f5;
    margin-bottom: 20px;
    color: #444;
    overflow: hidden;
    position: relative;}
.bg-option:hover {color:#444;background:rgb(227, 236, 239);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.bg-option p { margin-bottom: 20px}
.itemPushAd { width:100%; border-radius: 5px;}
.itemPushAd img {width:100%; }

.report { font-size: 12px ; }
.report a { color:#666}
.ken_heard_signshop {background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;}

.ken_heard_sign {background-color: #666;
    height: 260px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;}
.ken_heard_grey {/* backgroud-color:#ebebeb */
    height: 65%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;}
.ken_heard_yellow {background-color: #d7f3e3;
    height: 65%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;}
.ken_heard_orange {background-color: #f6bc59;
    height: 65%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;}
	
.ken_heard_shop {
	background-color: #fff;
    height: 520px;
    position: absolute;
    top: 426px;
    width: 100%;
	z-index: 0;}
.ken_head_product {background-color: #e2e9ec;
    height:555px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;}
.ken_head_item {background:url(../img/patterns/pattern-bg3.jpg) repeat ;
    height:659px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;}
.navbar-ken{padding-top:14px}
 .navbar-ken .navbar-brand{color:#fed136;padding: 0;}
 .navbar-ken .navbar-brand.active,.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover{color:#fec503}
 .navbar-ken .nav li a,.navbar-ken .navbar-toggle{text-transform:uppercase}
 .navbar-ken .navbar-collapse{border-color:rgba(255,255,255,1)}
 .navbar-ken .navbar-toggle{background-color:#fed136;border-color:#fed136;font-size:12px}
 .navbar-ken .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover{background-color:#fed136}
 .navbar-ken .nav li { display:inline-block}
 .navbar-ken .nav li a{outline: 0;background-color: transparent;color: #333;border: 2px solid #fff;border-radius: 50%;padding:2.5px 7px;text-align: center; margin-right:10px; font-size:16px}
 .navbar-ken .nav li a i { margin-right:0}
 .navbar-ken .nav li a:focus,.navbar-ken .nav li a:hover{outline:0; background-color:#999; color:#fff; border:2px solid #999}
 .navbar-ken .navbar-nav>.active>a{border-radius:0;color:#fff;}
 .navbar-ken .navbar-nav>.active>a:focus,.navbar-custom .navbar-nav>.active>a:hover{}
 .ken_logo img {width: 180px;
    margin-top: 5px;}
.ken_top { min-height:75px;}
.profile-element.center { text-align:center}
.profile-element img {width:96px;border: 2px solid #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,.6);}
.navbar-ken .dropdown .dropdown-menu { padding:5px}
.navbar-ken .dropdown .dropdown-menu li {display: block; }
.navbar-ken .dropdown .dropdown-menu li a{font-weight: 400; letter-spacing: 1px;font-size: 12px; color: #333;  border-radius:5px; border:none; text-align:left;padding:3px 9px;}
.navbar-ken .dropdown .dropdown-menu li a:hover{color:#333; background-color:#f4f4f4; }
.sidebar-collapse { background:url(../img/patterns/header-profile-skin-3.jpg) ;padding-bottom: 15px;}
.kenUserFunction { text-align:center; z-index:50; margin-bottom:10px}
.kenUserFunction ul { padding-left:0; border-bottom:1px solid #f4f4f4}
.kenUserFunction ul li { list-style: none;
    display: inline-block;
    padding-top: 6px ;
	padding-bottom:4px;
    font-size: 20px;
    position: relative;
	width:30%}
.kenUserFunction .badge { font-size:12px}
.kenUserFunction ul li a { color:#fff}
.kenUserFunction ul li a:hover { color:#999}
.metismenu .personInfo { padding:5px 10px; position:relative}
.personInfo a {}
.personInfo .myLE { background-color: rgba(0,0,0,.2);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,.3);
    padding: 5px 10px 15px 10px;
    border-radius: 5px;
    text-align: center;}
.personInfo .myInfo img { margin:3px 8px 3px 0}
.personInfo .myInfo { font-size:16px;color:#fff;    text-shadow: 0px 0px 10px rgba(0,0,0,.6); text-align:center}
.LEcost a {color:#fff; text-decoration:underline}
.LEcost a:hover { color:#FC0; font-weight:500}


.personInfo .friend  {  min-height: 55px;color: #fff;padding: 8px;border-radius: 5px;background-color: rgba(255,255,255,.2);}

.ibox .product-box.ADbox { background-color: transparent; border: none} /*min-height: 520px;*/
.AD728x90 { padding: 10px; min-height: 100px; text-align: center}
/*old  .AD160x600{ padding-top: 30px;min-height: 600px;width: 200px; text-align: center}*/
/*2018-01*/
.AD160x600{ padding-top: 30px; text-align: center}
.AD300x250 {text-align: center; width: 100%; height: 250px; overflow: hidden; margin-bottom: 5px}

.personInfo .friend :hover {opacity:.8}
.personInfo .friend .head img { width:38px}
.personInfo .friend .ken_icon img { }
.personInfo .friend .ken_icon {}
.personInfo .friend h6 { color:#fff; margin:5px 0 0 5px; padding-top:5px; clear:right; overflow : hidden;text-overflow : ellipsis; white-space : nowrap;width : 78px;}
.kenUserFunction .badge {     position: absolute;
    right: 0px;
    top: 2px;
    font-size: 12px;
    padding: 3px;
}
/*分類選擇*/
.tag_P {}
.tag_P h5 {}
.tag_P ul { list-style: none; padding-left: 0 }
.tag_P ul li { padding: 3px 5px; }
.tag_P ul li img { width:18px;margin-right: 4px; margin-left: 4px}
/*currenry-01*/
.currenry_ken { }
.currenry_ken ul {padding-left:0; list-style:none; margin-bottom:0;padding-top:14px}
.currenry_ken ul li {list-style: none;display: inline-block;padding: 0px;border-radius: 50%; width: 25px;height: 25px; margin-right: 5px; line-height: 23px;text-align: center;}
.currenry_ken ul li:hover { opacity:.5}
.currenry_ken ul li img { width:23px}
.currenry_ken .plus  { background-color:#999 }
.currenry_ken .cuexchange  {background-color:#999 ; }
.currenry_ken .cart  {background-color:#999 ; }

/*currenry
.currenry_ken { }
.currenry_ken ul {padding-left:0; list-style:none; margin-bottom:0;padding-top:14px}
.currenry_ken ul li { list-style:none; display:inline-block; padding: 4px; border-radius: 50%; width:35px; height:35px; margin-right:10px;}
.currenry_ken ul li:hover { opacity:.5}
.currenry_ken ul li img { width:26px}
.currenry_ken .plus  { background-color:#999 }
.currenry_ken .cuexchange  {background-color:#999 ; }
.currenry_ken .cart  {background-color:#999 ; }
*/
.myTag { position: absolute;
    top: 60px;
    left: 15px;
    width: 32px;
    height: 32px;
    padding: 2px;
    border-radius: 50%;
    background-color: #FF9800;
    border: 2px solid #f5f5f5;
	text-align:center}
.myTag img { width:21px}
.friendTag { 
    float:right;
    width: 23px;
    height: 23px;
    
    border-radius: 50%;
    background-color: #fff;
    
	text-align:center}
.friendTag img { width:18px}
/*switch*/
.switch { position:absolute; bottom:5px; right:10px}
/* footer */
footer{ padding:46px 0 20px 0; text-align:center; background-color:#343434}
.social{ text-align:center;}
.social li{ display:inline-block}
.social li a{ display:block; width:46px; height:46px; border:2px solid #e4e4e4; text-align:center; color:#e4e4e4; font-size:22px; border-radius:100%; line-height:40px;}
.social li:nth-child(1) a:hover{ color:#324987;border:2px solid #324987;}
.social li:nth-child(2) a:hover{ color:#20baf3;border:2px solid #20baf3;}
.social li:nth-child(3) a:hover{ color:#494949;border:2px solid #494949;}
.social li:nth-child(4) a:hover{ color:#ed0a7d;border:2px solid #ed0a7d;}
.social li:nth-child(5) a:hover{ color:#bd0b14;border:2px solid #bd0b14;}
.copyright{ font-size:13px; padding:15px 0 0; margin:0; color:#e4e4e4}
/*smallchat*/
.openzz {}
.openExchange {}
.openExchange i { color:#fff}
#small-chatken {
  /*position: fixed;
  bottom: 20px;
  right: 20px;*/
  z-index: 100;
  text-align:center
}
#small-chatken .btn { padding:3px 10px;font-size: 12px;}
#small-chatken .badge {
  position: absolute;
  top: -3px;
  right: -4px;
}
.open-small-chatken {
  height: 38px;
  width: 38px;
  display: block;
  background: #1ab394;
  padding: 9px 8px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
.open-small-chatken:hover {
  color: white;
  background: #1ab394;
}
.small-chat-boxken {
      display: none;
    position: absolute;
    /* bottom: 20px; */
    /* right: 75px; */
    background: #fff;
    border: 1px solid #e7eaec;
    width: 230px;
    /* height: 320px; */
    border-radius: 4px;
    z-index: 3000;
	top:20px;
	right:20px;
}
.small-chat-boxken.ng-small-chat {
  display: block;
}
.body-small .small-chat-box {
  bottom: 70px;
  right: 20px;
}
.small-chat-boxken.active {
  display: block;
}
.small-chat-boxken .heading {
  background: #2f4050;
  padding: 8px 15px;
  font-weight: bold;
  color: #fff;
}
.small-chat-boxken .chat-date {
  opacity: 0.8;
  font-size: 12px;
  font-weight: normal;
}
.small-chat-boxken .content {
  padding: 15px 15px;
}
.small-chat-boxken .content .author-name {
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 11px;
}
.small-chat-boxken .content > div {
  padding-bottom: 20px;
}
.small-chat-boxken .content .chat-message {
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 14px;
  max-width: 80%;
  background: #f3f3f4;
  margin-bottom: 10px;
}
.small-chat-boxken .content .chat-message.active {
  background: #1ab394;
  color: #fff;
}
.small-chat-boxken .content .left {
  text-align: left;
  clear: both;
}
.small-chat-boxken .content .left .chat-message {
  float: left;
}
.small-chat-boxken .content .right {
  text-align: right;
  clear: both;
}
.small-chat-boxken .content .right .chat-message {
  float: right;
}
.small-chat-boxken .content .center {
  text-align: center;
  clear: both;
}
.small-chat-boxken .content .center .chat-message {
  float: left;
}
.small-chat-boxken .form-chat {
  padding: 10px 10px;
}
/*註冊步驟*/
.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #fff; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #e4e4e4; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 48px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative;
    border-radius: 0px;
    height: 8px;
    box-shadow: none;
    margin: 20px 0;
    background-color: #fbe8aa;
    border: none;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*展開*/
/* 展開收合效果 */

.message {
background:#181818;
color:#FFF;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0px;
padding: 0px;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: hidden;
box-sizing: border-box;
  
}

.message h1 {
  color:#333;
}

#toggle {
  position:absolute;
  appearance:none;
  cursor:pointer;
  left:-100%;
  top:-100%;
}

#toggle + label {
  position:absolute;
  cursor:pointer;
  padding:10px;
  background: #26ae90;
width: 100px;
border-radius: 3px;
padding: 8px 10px;
color: #FFF;
line-height:20px;
font-size:12px;
text-align:center;
-webkit-font-smoothing: antialiased;
cursor: pointer;
  margin:20px 50px;
  transition:all 500ms ease;
}
#toggle + label:after {
  content:"Open" 
}

.container_btn {
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  padding:5em 3em;
}

#toggle:checked ~ .message {
  top: 0;
}

#toggle:checked ~ .container_btn {
  margin-top: 250px;
}

#toggle:checked + label {
  background:#dd6149;
}

#toggle:checked + label:after {
  content:"Close"
}
/*進度條*/
   .progress{
                 height: 10px;
    background: #262626;
    padding: 3px;
    overflow: visible;
    border-radius: 20px;
    border-top: 1px solid #000;
    border-bottom: 1px solid rgba(248, 248, 249, 0.56);
    margin: 2px 1px 15px 1px;
              }
              .progress .progress-bar{
                  border-radius: 20px;
                  position: relative;
                  animation: animate-positive 2s;
              }
              .progress .progress-value{
                  display: block;
                  padding: 0px 2px;
                  font-size: 12px;
                  color: #fff;
                  border-radius: 1px;
                  background: #191919;
                  border: 1px solid #000;
                  position: absolute;
                  top: -30px;
                  right: -10px;
              }
              .progress .progress-value:after{
                  content: "";
                  border-top: 5px solid #080808;
                  border-left: 5px solid transparent;
                  border-right: 5px solid transparent;
                  position: absolute;
                  bottom: -0px;
                  left: 26%;
              }
              .progress-bar.active{
                  animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
              }
              @-webkit-keyframes animate-positive{
                  0% { width: 0; }
              }
              @keyframes animate-positive{
                  0% { width: 0; }
              }
/*進度條2*/
.progress_B-bar-striped, .progress_B-striped .progress_B-bar {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
	}
   .progress_B{
                 height: 7px;
    background: #fff;
    padding: 1px;
    overflow: visible;
    border-radius: 20px;
    border-top: 0px solid #666;
    border-bottom: 0px solid rgba(248, 248, 249, 0.56);
    margin: 10px 1px 15px 1px;
	position: relative;
              }
              .progress_B .progress_B-bar{
                  border-radius: 20px;
                  position: relative;
                  animation: animate-positive 2s;
              }
              .progress_B .progress_B-value{
                  display: block;
                  padding: 0px 2px;
                  font-size: 12px;
                  color: #fff;
                  border-radius: 1px;
                  background: #191919;
                  border: 1px solid #000;
                  position: absolute;
                  top: -30px;
                  right: 0px;
              }
              .progress_B .progress_B-value:after{
                  content: "";
                  border-top: 5px solid #080808;
                  border-left: 5px solid transparent;
                  border-right: 5px solid transparent;
                  position: absolute;
                  bottom: -0px;
                  left: 26%;
              }
              .progress_B-bar.active{
                  animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
              }
              @-webkit-keyframes animate-positive{
                  0% { width: 0; }
              }
              @keyframes animate-positive{
                  0% { width: 0; }
              }
/*進度條3*/
.progress_C-bar-striped, .progress_C-striped .progress_C-bar {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
	}
   .progress_C{
    height: 12px;
    background: #666;
    padding: 0px;
    overflow: visible;
    border-radius: 10px;
    border-top: 0px solid #666;
    border-bottom: 0px solid rgba(248, 248, 249, 0.56);
    margin: 10px 1px 30px 1px;
	position: relative;
              }
              .progress_C .progress_C-bar{
                  border-radius: 20px;
                  position: relative;
                  animation: animate-positive 2s;
              }
              .progress_C .progress_C-value{
                  display: block;
                  padding: 0px 2px;
                  font-size: 12px;
                  color: #999;
                  border-radius: 1px;
                  background: none;
                  border: 0px solid #000;
                  position: absolute;
                  top: 0px;
                  left: 5px;
              }
              .progress_C .progress_C-value:after{
                  content: "";
                  border-top: 0px solid #080808;
                  border-left: 0px solid transparent;
                  border-right: 0px solid transparent;
                  position: absolute;
                  bottom: -10px;
                  left: 26%;
              }
              .progress_C-bar.active{
                  animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
              }
              @-webkit-keyframes animate-positive{
                  0% { width: 0; }
              }
              @keyframes animate-positive{
                  0% { width: 0; }
              }
			  
/*item*/
.product-price i { margin-right:5px;margin-left:5px; font-size:20px}
.product-price.noopen { background-color:#C30}
.text-bold { font-weight:bold}
.itemFooter { padding:5px ; background-color:#e4e4e4; color:#000;min-height: 70px;}
.itemFooter h5 { color:#000;margin: 0 0 2px 0}
.product-desc .ken_twolines {overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height:36px
}
.product-desc .ken_onelines {overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color:#000
}
.ken_projectItem { margin-top:15px; background-color:#fff}
.itemPic {}
.itemDes {}
.itemDes .itemSitu { width:30%}
.itemDes .itemProposal { width:69%}
.itemDes .itemDescrip {}
.itemDes .itemSchedule {}
.itemDes .itemPrice {}
.itemDes .itemProfit { }
.itemDes .itemProfit span { font-weight:600; color:#09C}
.shop_productBanner {
	text-align:center;
    font-size: 12px;
   
    position: absolute;
    bottom: 20%;
    left: 40%;
	
    
	z-index:50
}

.shop_productStyle {
	text-align: center;
    width: 50px;
    height:50px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background-color: #ff9800;
    padding: 10px;
    position: absolute;
    top: 15px;
    left: 25px;
    border-radius: 50%;
	z-index:50
}
.shop_Myitem {
	text-align: center;
    width: 50px;
    height: 50px;
    font-size: 12px;
    /* font-weight: 600; */
    color: #ffffff;
    background-color: #9fbf05;
    padding: 15px 3px;
    position: absolute;
    top: 20px;
    left: 20px;
    border-radius: 50%;
    z-index: 50;
}
.shop_Myitem.bountsale { background-color:#D71702}
.finish_product {
	    text-align: center;
    width: 80px;
    height: 80px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background-color: #ff9800;
    padding: 16px 2px;
    position: absolute;
    top: 15px;
    left: 25px;
    border-radius: 50%;
}
.finish_product span { font-size:30px; font-weight:100; display:block; letter-spacing:0; line-height:33px}
.finish_product strong {  display:block; line-height:8px}
.Edit_item {
	  position: absolute;
    top: 17px;
    right: 17px;
    z-index: 2;
    overflow: hidden;
    text-align: center;
}
.Edit_item_A {
	  position: absolute;
    bottom: 12px;
    right: 0;
    z-index: 2;
    overflow: hidden;
    text-align: center;
	width: 100%
}
 @media (min-width:768px){
	 
	 
	 .navbar-custom{padding:5px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s;border:none}
	 .navbar-custom .navbar-brand{font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
	 .navbar-custom .navbar-nav>.active>a{border-radius:3px}
	 .navbar-custom.affix{background-color:#f9f7f8;padding:5px 0 10px 0}
	 .navbar-custom.affix .navbar-brand{font-size:1.5em}
	 .col-half {width: 50%;    float: left;    display: block;}
	 .col-half.left {text-align:left;    padding-right: 100px;}
	 .col-half.right {    text-align: right;    padding-left: 100px;}
	 .brand-center {    display: inline-block;    float: none;}
	 }
/*手機*/ 
@media (max-width:768px){
	.ken_shopPrice_left { width:100%; text-align:center}
	.ken_shopPrice_right { width:100%; text-align:center; padding-top:10px}
	
	.sidebar-collapse { margin-top:120px}
.AD728x90 { display:none}
.AD160x600{ display:none}
.AD300x250 {text-align: center; width: 100%; height: 250px; overflow: hidden; margin-bottom: 5px}

.currenry_ken ul { padding-bottom: 10px;}

.navbar-ken .nav { width:90% }
.navbar-ken .nav li{ display:block;}
.navbar-ken .nav li a { text-align:left}
.navbar-ken .nav li a:hover { border-radius:0}

.dropdown-menu {
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: -32px;
    z-index: 1000;
	}
}
	/*2020 0311*/
.shopItem_picPromo {
    display: table;
    min-height: 297px;
    width: 100%;
    overflow: hidden;
    max-height: 297px;
}
.shopItem_picPromoBox {
    
    min-height: 297px;
    width: 100%;
    overflow: hidden;
    max-height: 297px;
}
.shopItem_pic {
	display: table;
    min-height: 198px;
    width: 100%;
    overflow: hidden;
	    max-height: 198px;
}
.shopItem_picBox {
	
    min-height: 198px;
    width: 100%;
    overflow: hidden;
	    max-height: 198px;
}
	/* common */
.ribbon {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
 z-index: 2
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 170px;
  padding: 5px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -5px;
  left: 7px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);}

	/* red ribbon */
.ribbon-red {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
 z-index: 1
}
.ribbon-red::before,
.ribbon-red::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #a7443c;
}
.ribbon-red span {
  position: absolute;
  display: block;
  width: 170px;
  padding: 5px 0;
  background-color: #e26b61;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-red-top-left {
  top: -3px;
  left: 2px;
}
.ribbon-red-top-left::before,
.ribbon-red-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-red-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-red-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-red-top-left span {
  right: -35px;
  top: 20px;
  transform: rotate(-45deg);}
	/* green ribbon */
.ribbon-green {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
 z-index: 1
}
.ribbon-green::before,
.ribbon-green::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #238a8c;
}
.ribbon-green span {
  position: absolute;
  display: block;
  width: 170px;
  padding: 5px 0;
  background-color: #3eced0;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-green-top-left {
  top: -3px;
  left: 2px;
}
.ribbon-green-top-left::before,
.ribbon-green-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-green-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-green-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-green-top-left span {
  right: -35px;
  top: 20px;
  transform: rotate(-45deg);}
	/* green ribbon */
	/* yellow ribbon */
.ribbon-yellow {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
 z-index: 1
}
.ribbon-yellow::before,
.ribbon-yellow::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #DD8E0B;
}
.ribbon-yellow span {
  position: absolute;
  display: block;
  width: 170px;
  padding: 5px 0;
  background-color: #f9a446;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-yellow-top-left {
  top: -3px;
  left: 2px;
}
.ribbon-yellow-top-left::before,
.ribbon-yellow-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-yellow-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-yellow-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-yellow-top-left span {
  right: -35px;
  top: 20px;
  transform: rotate(-45deg);}
	/* yellow ribbon */
.ken_Shopitemdesc {
    
    font-size: 12px;
	letter-spacing: 0;
}
.btn-xsm {
        padding: 1px 2px;
    font-size: 12px;
    /* line-height: 0; */
    border-radius: 3px;
    letter-spacing: 1;
    letter-spacing: 0;

}
.mb5 { margin-bottom:5px}
.shop_desA {color:#646464}
.shop_desA i {color:#fdc00d}
.shop_desA span {color:#333;font-weight: 500}
.shop_desA small {font-size: 80%}
.shop_desA strong {color:#e26b61;font-weight: 700; display: inline-block;padding-left: 15px}
.shop_desA_title {overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 100%;}
.shop_desB_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.kenshop_bg-white {background-color: #FFFFFF; overflow: hidden;margin-bottom: 20px;}
.good-price {background-color: #e26b61; padding:4px 8px;width: 100%;font-size: 14px;color: #fff;}

.good-price strong { font-size: 20px;font-weight: 600;color: #fdc00d}
.shop_tab { float: right}
.box-shadowA { box-shadow: 0 0 5px 0px rgba(0,0,0,.15);}
.good-sale { 
    float: right;
	text-shadow: 0 0 3px rgba(0,0,0,.5);

  /* display: inline-block;font-size: 18px;
    text-align: center;
    color: #fff;padding: 2px 6px;
     line-height: 30px; 
    background-color: #23c6c8;
    border-radius: 3px; */}

.p-xxs {padding: 5px}
.text-shopColor {color:#e26b61 }
@media (max-width: 380px) {

.shop_tab {
    float: inherit;
    display: block;
}


}