@charset "utf-8";
/*ECS台灣 Customer RWD CSS Document */
@media (min-width: 1201px){
.promotion_goods_list .item .actions { float: right;  width: 310px;}
}
@media (min-width: 992px) {
.srbuy{width: 147px;margin-left: 2px}
.srclt{width: 147px;}
#page_group_buy .goods_details .details { width: 60%; float: right;}
#page_group_buy .goods_details .extra_details { width: 38%; float: left;}
.featurette-heading { margin-top: 0px; }
.ad.col-lg-3 { width: 25% !important;}
nav.wsmenu.slideLeft.gry a { font-size: 14px;}

}
@media (min-width: 768px) {
.shop-pd {padding: 0;}	
.thumbnail{border:0;}
  .navbar-wrapper .container { padding-right: 15px; padding-left: 15px;}
  .navbar-wrapper .navbar { padding-right: 0; padding-left: 0;border-radius: 4px;  }
  .carousel-caption p { margin-bottom: 20px; font-size: 21px; line-height: 1.4; }
  .featurette-heading { font-size: 50px; }
  .fitgoods {width:23.5% !important}
ul.wsmenu-submenu-sub .lv_2 {
    float: left;
}
ul.wsmenu-submenu-sub {
    width: 450px;
}
}
.goods_list .photo {
    height: 200px;
    overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px){
	.goods_attrlinked.box img{ width: 100% !important;}
}
@media (min-width: 768px) and (max-width: 991px){
.main-header { padding: 30px 0 10px 0}.brand_list li{width:33%}.sidebar { margin-top: 15px;}.all_category.box li { float: left; width: 50%;}.ad.visible-sm {display: block!important}#page_article_cat .container {width: 100%;}#page_article .container {width: 100%;}#page_article .sidebar{margin-top:0}
}
@media (max-width: 1200px){
	.user_form label b {width: 100px;}
}
@media (max-width: 991px){
.goods_attrlinked.box {
    display: none;
}
.promotion_goods_list .item .actions { float: left; width: 100%;}
.main-header .logo-holder { text-align: center; margin-bottom: 20px;}
button.btn.btn-labeled.btn-primary {margin: 15px 3px  15px 0 ;}
.home-content #myCarousel {display: none;}
.mobile-slider { display: block; margin-top: -30px;}

.user_form label input { width: 100%;}
.user_form label b {width: 100%;text-align: center;}
.normal.data_table{display:none}
.mo-order.data_table{display:block}
.order_status em {clear: both; display: block;margin: 3px 0;}
.mo-bonus {display:block;}
.pc-bonus {display:none}
.goods_description img {max-width:100%}
.mobile-slider {
    margin-bottom: 35px;
}
#sale-top {
    margin: 0px 0 60px;
}
}
@media (max-width: 767px) {
.goods_attrlinked.box {
    display: none;
}
.goods_list .photo {
    height: inherit !important;
}
a.imgthumb { height: 150px;}
.goods_fittings .info { display: block; width: 100%;  height: 100px;  clear: both;	}
.mQuick_menu,.mQuick_menu a,.ibtn1,.ibtn2,.ibtn3,.ibtn4,.ibtn5,.ibtn6 {float: left;font-size: 20px;color: #fff;}
.mQuick_menu div {margin: 5px 12px}
#bottom-header .cart-row {width: 98%; right: 1%;}	
.ibtn1,.ibtn2,.ibtn3,.ibtn4,.ibtn5,.ibtn6{text-align: center}
.ibtn1 span,.ibtn2 span,.ibtn3 span,.ibtn4 span,.ibtn5 span,.ibtn6 span{font-size:14px}
.ft.bd {background-color: #f3f3f3;}
.fitgoods {width:48%}

img.small_logo { max-width: 200px;height:60px }
.pomo-info {padding:3px 10px !important;}
.ad { padding: 0 !important; margin-bottom: 15px;}
.cate_top.container { padding: 0;}
.goods_brief { border-left: 0; border-bottom: 3px solid #F04331;border-top: 3px solid #F04331;}
th.flow_th1 {width: 45%;}
th.flow_th2 {width: 20%;}
.header_nav{width:100%}
.thumbnail .caption { padding: 0 9px; }
.header { min-height: 0; padding: 0;box-shadow:none !important; background-image:none !important}
body#page_goods { background: #fff;}
.header_search {width: 95%; margin: 0 auto;float:none}
.header.mu.toggle { margin-bottom: -74px;}
.thumbnail .btn { float: right;}
.navbar-nav li.dropdown.open .dropdown-menu .hover a { color: #fff !important;border-left:3px solid #fff;}
.navbar-nav li.dropdown.open .dropdown-menu .hover a:hover {  padding-left: 25px !important;}
  .btn-lg, .btn-group-lg>.btn { padding: 5px 8px; font-size: 14px; line-height: 1.33; border-radius: 6px;}
.goods_description img {max-width:100%}
.carousel-caption p {display:none;}
h1 {font-size: 26px;}
.main-header {padding: 0px 0 20px 0 !important;}
.all_category li.level_1 { position: relative; float: left; width: 100%; border-bottom: 1px solid #eee;}
.all_category li.level_1:hover .sub_cat_lv1, .all_category li.hover .sub_cat_lv1 { display: none;}
.all_category .sub_cat_lv1 { display: none; overflow: hidden;  left: 0; top: 0;width: 100%; background-color: #fff;}
.all_category .level_2_extra{display:none;}
.all_category .sub_cat_lv1 {position: relative; }
.all_category ul.level_2 { float: none; width: 100%; padding: 10px 20px;}
.all_category { position: initial; z-index: 100;}
.form div.submit_wrap { text-align: center;float:none}
.submit_wrap input.btn.btn-orange { width: 50%;}
body{background:#F3F3F3}
.body-content {margin-top: 0;}
.find.thumbnail .info a { height: 60px; line-height: 22px;}
#cate-page { margin-top: 0;}
#page_goods .main-content { padding: 0;}
#page_category .breadcrumbs { padding-top: 20px;}
#page_category .fancy_box { display: none;}
.brand_list li{width:50%}
.navbar-wrapper { position: fixed; z-index: 99999999;}
.main-header { margin-top:  52px;padding-top:30px !important}
.hidden-md { margin: 15px 0;}
.article_content img { max-width: 100%;}
.modal.in .modal-dialog { margin-top: 50px;}
#history{display:none;}
.navbar-nav>li>.dropdown-menu {border-top:none;background:transparent;}
#cloud_zoom_big,.mousetrap {display: none !important;}
button.btn.btn-labeled.btn-primary {margin: 15px 3px  15px 0 ;}
.cart_list .subtotal { display: none;}
p.copyright { background:#333;color: #fff; padding: 10px;}
.checkout_wrapper .option_item {width:50%;}
.user_form label input { width: 100%;}
.user_form label b { width: 100%; text-align: center;}
.check-cart.row { margin: 50px 0;}
.bd.goods_list li { margin: 5px; width: 47%;}
.goods_list .photo {text-align: center;float:left;margin-right:10px}
.promotion_goods_list .item h2 {width: 100%;}
.promotion_goods_list .item .photo_wrapper { width: 100%;}
.promotion_goods_list .item .photo_wrapper a {width: 100%; text-align: center;}
.user_form div.req { font-size: 12px; top: 0px; right: 0; text-align: right;}
.flow_action .btn { width: 50%;}
.navbar-collapse.collapse { width: 100%;}
.banner-image img { width: 100%; height: auto;}
.promo-banner {margin:5px}
.menu_mo { position: fixed; z-index: 999; bottom: 0;}
.important-ad .col-xs-6 img { width: 100% !important; height: auto !important;}
.goods_details .actions .btn { width: 49%;}
.mo-order.data_table {font-size: 13px }
.current_intro {background: #fff;}
.header_search.mo { float: left; position: relative; height: 30px;	margin-left:10px;margin-top: 10px;overflow: hidden;background: #fff; border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;-webkit-border-radius: 20px;}
.header_search.mo form { display: block; height: 30px; padding: 6px 30px 6px 2px; border: 0;}
.header_search.mo .keyword {display: block; height: 18px; width: 100%; padding: 0; color: #999; font-size: 14px; background-color: transparent; background-image: none; border-width: 0;}
.header_search.mo .submit { position: absolute; top: 5px; right: 10px; height: 20px; width: 30px;background:none; padding-left: 8px; letter-spacing: 3px; border-width: 0; color: #fff;}
#search .fa { font-size: 18px; color: #333;}
.arrow .fa { color: #555; font-size: 20px; margin-top: 10px;}
.navbar-wrapper .navbar .container{padding:0}
#backLink { display: block; width: 40px; height: 40px}
.mobile-controller.visible-xs { width: 100%; height: 105px;background: #942586; padding-top: 15px; margin-top: 0px;}
.mobile-controller .col-xs-3 { height: 45px;	color:#fff;padding: 0 6px;text-align:center}
.mobile-controller i {font-size:15px}
.mobile-controller .col-xs-3 a {color:#fff}
.mobile-controller .col-xs-3:hover {color: #ffbee1;}
.mobile-controller .col-xs-3 a:hover {color: #ffbee1;}
#itemHot a, #itemNew a, #itemBest a { display: inline-block; padding:10px 8px; margin: 3px 2px; font-size: 1.1em; border: 1px solid #ccc; line-height: 10px;}
.cabtn{display:block; border: none; width: 100%; height: 45px; overflow: hidden; position: relative; cursor: pointer; outline: none;}
.user_area{width:100%}
.mo-member a {float:right}
.mo-logo {float:left}
.mo-logo img {height: 70px;}
/*.header_nav { position: absolute; top: -38px; right: 10px;}*/
#owl-goods .item .col-xs-5 {width: 50%;padding:0}
#owl-best-goods .item .col-xs-5,#owl-hot-goods .item .col-xs-5{padding:2px}
#owl-best-goods .item .col-xs-7,#owl-hot-goods .item .col-xs-7{padding:0}
#owl-best-goods .item,#owl-hot-goods .item{margin:0}
#owl-best-goods .item,#owl-hot-goods .item{margin:0}
#owl-goods .item .col-xs-7 {width: 50%;padding:0}
.mobile-slider { display: block; margin-top: 0;}
.carousel {margin-bottom: 0;}
.goods_list .end_time_wrapper {display: block;overflow: hidden;padding: 0;color: #999;line-height: 20px;text-align: left;text-shadow: 0 1px 0 #fff;margin: 10px 0;}
.goods_list .photo img {vertical-align: top;height: 125px;}
#page_search .goods_list .photo img {width:100%;height:auto}
#page_category .thumbnail .caption {padding:0}
#page_category .thumbnail h3 {margin-top:0}
.promote.thumbnail .info h3 {height: 43px;}
span.info h3 {font-size: 16px;height: 43px;}
.bd.goods_list .promo{left:0}
.navbar-inverse .navbar-toggle {border-color: #555;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #555;}
.nav.navbar-nav li:hover {background-color: #777;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #484848;}
.container .col-xs-12 {padding: 0;}
.container .thumbnail {border:none;margin-bottom:7px}
#show_hot .thumbnail h3,#show_best .thumbnail h3,#show_new .thumbnail h3 {font-size:16px; height: auto;}
#show_hot .thumbnail img,#show_best .thumbnail img,#show_new .thumbnail img{float:left;margin-right:10px} 
#show_hot .thumbnail .caption p,#show_best .thumbnail .caption p,#show_new .thumbnail .caption p{text-align:left}
.pd-brief{color:#888;margin-bottom: 15px;}
.pd-brief p {margin: 0;}
.brief-txt {
    margin-top: 10px;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}
.col-xs-12.last .thumbnail{border:0}
.item.row .promo{left:-100px}
.outer-bottom-xs {padding-left: 10px;}
.container .thumbnail:hover h3{color:#942586}
.container .thumbnail:hover {box-shadow: 2px 2px 5px #CCC;}
p#itemHot a,p#itemNew a,p#itemBest a { background: #fff;}
p#itemHot a.current,p#itemNew a.current,p#itemBest a.current {background: #942586; color: #fff;}
input#agreement { width: 10%;}
.submit_wrap .btn {max-width: 50% !important;width: 100%;}
.wsmenuexpandermain a#navToggle { position: absolute;  top: 20px; padding: 20px 10px; width: 50px; height: 50px;}
.mobile-slider {    margin-bottom: 15px;}
#sale-top {    margin: 0px 0 20px;}
.thumbnail .real_price { color: #ccc;}
#social_link .col-md-4 img {
    width: 100%;
    height: auto;
	padding:0;
    margin-bottom: 10px;
	border-right: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
}
#social_link .col-md-4 {
    padding: 5px;
    float: left;
}
.module-heading {
    text-align: center;
    margin-top: 35px;
}
.module-body li {
    text-align: center;
}
.about_tennmac { padding: 10px 35px;  text-align: center;}
.pomo-img {
    background: #fff;
}
.pomo-info {
    margin-top: 20px;
}
.user_form_box {
    margin: 10px;
}
.owl_news {margin:15px}
#blog_news {background:inherit;}
/*手機結帳頁修正*/
.shopping-step { padding: 0;}
.checkout_wrapper .postscript textarea {margin-left: 0;}
.checkout_wrapper .option_title {padding:8px 10px }
.checkout_wrapper .option_item {padding: 10px 0;}
.checkout_wrapper .option_inner { padding: 12px 0;}
.option_inner> hr.clearer { display: none;}
.checkout_wrapper .option_inner .current_intro {border-radius:0;-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.actions.last em {color: #ce0000;font-size: 1.25em;}
i.fa.fa-trash {margin-top: 8px; font-size: 22px;}
.sin_price {margin-top:8px}
p.gt_name {height: 38px; overflow: hidden;}
.fav-goods input[type=checkbox] {display: none;}

}

/* 2026-07-10 手機跑版修正（訂單完成頁 + 商品說明區） */
@media (max-width: 767px){
/* 訂單完成頁：桌機固定留白/固定寬度改手機適用 */
.message_wrapper{margin:20px auto;padding:10px 15px}
.message_info{padding-left:0;background-image:none}
.message_wrapper dt em{word-break:break-all}
.flow_done .pay_online{margin:30px 0}
.flow_done .pay_online input[type=submit]{max-width:100%}
.virtual_card{padding:15px 10px}
.virtual_card li{float:none;width:auto;margin:0 0 15px;padding:15px}
dd.pay-desc{padding:15px}
dd.pay-notice{padding:12px;font-size:15px}
#page_flow .flow_done{overflow-x:hidden}
/* 商品說明：寬表格改成表格內橫向捲動，頁面本身不跑版 */
.goods_description{word-wrap:break-word}
.goods_description table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.goods_description .grid2col .column,
.goods_description .grid3col .column,
.goods_description .grid4col .column{float:none;width:auto;padding-left:0}
}

/* 2026-08-22 會員中心手機版：左側 8 條選單改成 4x2 按鈕格，訂單/報價單內容不用滑一整頁才看到 */
@media (max-width: 767px){
.user_cp .user_nav_wrapper h2{display:none}
.user_cp .user_nav_wrapper .list-group{display:flex;flex-wrap:wrap;margin:0 -3px 12px}
.user_cp .user_nav_wrapper .list-group>a{width:25%;padding:3px;box-sizing:border-box;text-decoration:none}
.user_cp .user_nav_wrapper .list-group-item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:64px;margin:0;padding:6px 2px;border:1px solid #e3e3e3 !important;border-radius:8px !important;background:#f7f7f7;color:#444;font-size:12px;line-height:1.2;text-align:center;white-space:nowrap}
.user_cp .user_nav_wrapper .list-group-item:before{font:normal normal normal 20px/1 FontAwesome;margin-bottom:6px;color:#942586}
.user_cp .user_nav_wrapper .active.list-group-item{background:#942586;border-color:#942586 !important;color:#fff;text-shadow:none}
.user_cp .user_nav_wrapper .active.list-group-item:before{color:#fff}
.user_cp .user_nav_wrapper .user_default:before{content:"\f015"}
.user_cp .user_nav_wrapper .user_profile:before{content:"\f007"}
.user_cp .user_nav_wrapper .user_order_list:before{content:"\f0f6"}
.user_cp .user_nav_wrapper .user_quotation:before{content:"\f1ec"}
.user_cp .user_nav_wrapper .user_member_bind:before{content:"\f0c1"}
.user_cp .user_nav_wrapper .user_account:before{content:"\f06b"}
.user_cp .user_nav_wrapper .user_collection_list:before{content:"\f004"}
.user_cp .user_nav_wrapper .user_message_list:before{content:"\f086"}
.user_cp .user_nav_wrapper .user_tag_list:before{content:"\f02c"}
.user_cp .user_nav_wrapper .user_transform_points:before{content:"\f0ec"}
.user_cp .user_nav_wrapper .user_affiliate:before{content:"\f0c0"}
}