/* ----------
product
---------- */
.navbar-local .row {overflow:auto;}
.list-link {margin:0 -10px; overflow:hidden;}
.link-tab {display:inline-block; position:relative; width:330px; margin:0 0 20px; padding:0 10px; text-decoration:none !important;}
.link-tab:after {position:absolute; top:23px; right:30px; font-family:'FontAwesome'; content:'\f107'; font-size:30px; color:#331e0d !important;}
.link-tab .inner {position:relative; padding:18px 10px 7px; background-color:#f4f1e4; text-decoration:none !important; color:#331e0d !important;}
.link-tab .inner h3 {line-height:1.5; font-size:15px;}
.link-tab .inner:before {position:absolute; top:0; left:0; right:0; height:2px; content:''; background-color:#d3cba7;}
.link-tab .inner:after {position:absolute; top:4px; left:0; right:0; height:1px; content:''; background-color:#d3cba7;}
.link-tab.passive {opacity:.5;}
.link-tab.active,
.link-tab:hover {opacity:1;}
.link-tab.active:after {content:'\f106';}
.link-tab-direct .inner:after {}
.tab-content {display:none; position:relative; width:100%; float:left; overflow:hidden; margin-bottom:20px; padding:0 10px;}
.list-color {overflow:hidden; text-align:center;}
.list-color li {display:inline-block; position:relative; width:80px; margin-bottom:5px; padding-top:65px; letter-spacing:-1px; font-size:12px;}
.list-color li:before {position:absolute; top:0; left:calc(50% - 28px); content:''; width:60px; height:60px;}
.list-color .white:before {background-color:#fff; border:1px solid #e6e6e6;}
.list-color .nittsu:before {background-color:#fbb03b;}
.list-color .red:before {background-color:#c1272d;}
.list-color .red-orign:before {background-color:#ff0000;}
.list-color .orange:before {background-color:#f15a24;}
.list-color .orange-orign:before {background-color:#f7931e;}
.list-color .navy:before {background-color:#1b1464;}
.list-color .black:before {background-color:#000000;}
.list-color .brown:before {background-color:#603813;}
.list-color .lemon:before {background-color:#ffff00;}
.list-color .yellow-orign:before {background-color:#ffff00;}
.list-color .blue:before {background-color:#0071bc;}
.list-color .blue-orign:before {background-color:#0000ff;}
.list-color .light-blue:before {background-color:#b3d0ff;}
.list-color .green-orign:before {background-color:#009245;}
.list-color .neon-pink:before {background-color:#ff7bac;}
.list-color .pink-orign:before {background-color:#fc80ff;}
.list-color .od-green:before {background-color:#006837;}
.list-color .moss-green:before {background-color:#009245;}
.list-color .light-green:before {background-color:#00ff00;}
.list-color .gray:before {background-color:#666666;}
.list-color .silver:before {background-color:#cccccc;}
.list-color .silver-gradient:before {background:linear-gradient(135deg, #999999 0%,#cccccc 50%,#999999 100%);}
.list-color .beige:before {background-color:#c69c6d;}

.page-quality .section-content-wrapper {padding-bottom:0;}
.page-quality .bg-ffffff.section-decoration:before,
.page-quality .bg-ffffff.section-decoration:after {background-color:#d3cba7;}
.page-quality .section-heading-left {width:125px; margin-left:auto; margin-right:auto; font-weight:500;}
.page-quality .section-heading-left .line-1 {border-bottom:2px solid #331e0d; font-size:16px;}
.page-quality .section-heading-left .line-2 {font-size:28px;}
.page-quality .list-tag > li {display:inline-block; padding:4px 10px 3px; background-color:#e5d047; border-radius:30px; font-size:90%; font-weight:500;}
.page-quality .item-quality {position:relative; height:448px;}
.page-quality .item-quality-small {height:337px;}
.page-quality .product-caterogry {position:absolute; bottom:30px; left:30px; right:30px;}
.page-quality .list-caterogry {overflow:hidden;}
.page-quality .list-caterogry > li {display:block; float:left; margin-right:5px;}
.page-quality .list-caterogry > li:after {content:'/'; padding-left:5px;}
.page-quality .list-caterogry > li:last-child:after {display:none;}

.page-order-made .section-content-wrapper {padding-bottom:0;}
.page-order-made .bg-ffffff.section-decoration:before,
.page-order-made .bg-ffffff.section-decoration:after {background-color:#d3cba7;}
.page-order-made .balloon {position:relative; background-color:#eef5ff; line-height:1.6;}
.page-order-made .balloon .product-image {position:absolute; bottom:-45px; right:-10px; width:150px;}
.page-order-made .balloon:before {position:absolute; top:calc(50% - 20px); left:-40px; content:''; border:20px solid transparent; border-right:20px solid #eef5ff;}
.page-order-made .item-circle {width:270px; height:270px; border-radius:50%; margin-left:auto; margin-right:auto;}
.page-order-made .item-circle i {font-size:70px;}
.page-order-made .item-circle .icon-1 {color:#88afb7;}
.page-order-made .item-circle .icon-2 {color:#a088b5;}
.page-order-made .item-circle .icon-3 {color:#e28771;}
.page-order-made .list-flow-item {margin-top:-16px;}
.page-order-made .list-flow-item .inner {position:relative; margin-bottom:16px; padding:10px; background-color:#e2ddc6;}
.page-order-made .list-flow-item:nth-child(even) .inner {background-color:#f4f1e4;}
.page-order-made .list-flow-item .inner:before {position:absolute; top:calc(50% - 16px); right:0; content:''; border:16px solid transparent; border-right:16px solid #fff; z-index:1;}
.page-order-made .list-flow-item .inner:after {position:absolute; bottom:-32px; left:calc(50% - 16px); content:''; border:16px solid transparent; border-top:16px solid #e2ddc6; z-index:1;}
.page-order-made .list-flow-item:nth-child(even) .inner:after {border-top-color:#f4f1e4;}
.page-order-made .list-flow-item:last-child .inner:after {display:none;}
.page-order-made .list-flow-item .step {padding:15px 5px; background-color:#331e0d; color:#fff;}
.page-order-made .list-flow-item .step .number {line-height:1.25;}
.page-order-made .list-flow-item .icon i {margin-top:30px; font-size:38px;}
.page-order-made .list-flow-item .title {margin-top:35px; font-size:16px; font-weight:500;}
.page-order-made .list-square {height:116px; padding:10px 5px; border-top:2px solid #e2ddc6;}
.page-order-made .list-flow-item:last-child .list-square {border-bottom:2px solid #e2ddc6;}
.page-order-made .list-square > li {position:relative; padding-left:15px;}
.page-order-made .list-square > li:before {position:absolute; top:0; left:0; font-family:'FontAwesome'; content:'\f0c8'; color:#d3cba7; font-size:13px;}
.page-order-made .btn-order-made {border-radius:30px;}
.page-order-made .btn-order-made:before {display:none;}

@media (min-width:641px) {
}
@media (min-width:960px) {
}
@media (min-width:641px) and (max-width:959px) {
}
@media (max-width:640px) {
  .section-header {padding:50px 0 70px;}

  .link-tab {display:block; width:auto;}
  .link-tab .inner h3 {font-size:17px;}
  .tab-content {float:none;}
  .tab-content .img-responsive {max-width:180px;}
  .td-text {width:160px; white-space:normal;}
  .list-color {width:160px;}
  .list-color li {float:left;}
  .swipe-help-arrow {position:relative; display:inline-block; width:20px; height:20px;}
  .swipe-help-arrow:before,
  .swipe-help-arrow:after {position:absolute; top:0; left:0; font-family:'FontAwesome'; color:#eac600;}
  .swipe-help-arrow:before {content:'\f178';}
  .swipe-help-arrow:after {content:'\f177'; top:6px;}

  .page-quality .list-tag > li {margin-bottom:5px;}
  .page-quality .item-quality {height:auto;}
  .page-quality .product-caterogry {position:static;}

  .page-order-made .balloon-xs {padding-top:20px; background-color:#eef5ff;}
  .page-order-made .balloon {padding:20px 20px 40px; background-color:transparent;}
  .page-order-made .balloon .product-image {bottom:10px; right:10px;}
  .page-order-made .balloon:before {display:none;}
  .page-order-made .item-circle {width:162px; height:162px;}
  .page-order-made .item-circle i {font-size:40px;}
  .page-order-made .item-circle .text-md {font-size:13px; font-weight:500;}
  .page-order-made .list-flow {overflow-x:scroll;}
  .page-order-made .list-flow-item {width:970px;}
  .page-order-made .list-flow-item:first-child {margin-top:0;}
}
@media (max-width:320px) {
  .link-tab .inner h3 {font-size:15px;}

  .page-order-made .item-circle {width:130px; height:120px;}
}