@charset "utf-8";
/*ECS台灣 Customer RWD CSS Document */
@media (min-width: 1200px){
.promotion_goods_list .item .actions { float: right;  width: 310px;}
.bought_goods .col-lg-3 {width: 20%;}
.bs-new-goods .col-lg-3,.bs-hot-goods .col-lg-3,.bs-best-goods .col-lg-3 {width: 25%;}
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
.cate_rpd{height:123px}
.wrapper { width:96%; margin:0% 2%; }
.colorlink01{ width:100% !important; margin:0%; }
.colorlink02{ width:100% !important; margin:0%;}
.colorlink03{ width:100% !important; margin:0%;}
}

@media (min-width: 992px) {
.footer_listing .col-lg-3 { width: 20%;}
#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;}
}
@media (min-width: 768px) {
.shop-pd {padding: 3px;}	
.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; }
}
@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){
.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}
.logo.clearfix { float: none; text-align: center; width: 100%; margin: 10px 0 30px;}
.body-content {margin-top: 30px;}
.shop_notice.notice_box {margin-left: 5px; margin-right: 5px; margin-bottom: 20px;}
div#owlSlide { height: auto }
.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) {
.wrapper { width:100%; margin:0% 0%; }
.logo { display:none !important; }
.colorlink01{ width:92% !important; margin:0% 4%;}
.colorlink02{ width:92% !important; margin:0% 4%;}
.colorlink03{ width:92% !important;  margin:0% 4%;}
.buttoncolor02{ width:100% !important; margin-bottom:2%; }
.buttoncolor{ width:25%; }
.moreoption{ width:100%; margin:85px 0 0 0; background-color:transparent !important; border:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;
}
.wsmenuexpandermain a {max-width: 60%;margin: 0 auto;}
.navbar-wrapper { position: fixed; z-index: 99999999;}
.main-header {     margin-top: -42px; padding-top: 20px !important;}
.hidden-md { margin: 15px 0;}
.modal.in .modal-dialog { margin-top: 50px;}
.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;}
.promotion_goods_list .item .actions { float: left; width: 100%;}
.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%;}
.checkout_wrapper .detail_inner { padding: 5px 10px; margin-top: 5px; border: 2px dashed #888;max-width: 100% !important;}
.checkout_wrapper .details {border:none !important;border-top: 1px solid #ccc !important;}
.owl-carousel .end_time_wrapper {font-size: 11px;}
.about_corp {text-align: center}
.wsmenu-list.all-cate > li > a {line-height: inherit !important; height: inherit !important;}
.all-cate .wsmenu-submenu li { width: 100% !important;}
.checkout_wrapper .postscript textarea {max-width: 80%; margin-left: 10% !important;}
li#footer_limit_18_box { text-align: initial;}
.collection_list.box .thumbnail {border-bottom: 1px dashed #ccc !important;}
	.all-cate .wsmenu-submenu.middle {top: 0 !important;width: 100%;}
nav.wsmenu.slideLeft.gry {margin-top: 0px !important;padding-bottom: 60px}
.footleft, .footright{ width: 100%;margin: 0;}
.shop-pd {padding: 3px;}
img.small_logo { max-width: 200px;}
.pomo-info {padding:3px 10px !important;}
.ad { padding: 0 !important; margin-bottom: 15px;}
.cate_top.container { padding: 0;}
.goods_brief { border-left: 0;background: #fff;padding: 10px 20px; }
th.flow_th1 {width: 70%;}
.header_nav{width:100%}
.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;padding-bottom: 50px}
.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;}
.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}
.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: #D44744; padding-top: 15px; margin-top: 0px;}
.mobile-controller .col-xs-3 { height: 45px;	color:#fff;padding: 0 6px;text-align: center;}
.mobile-controller .col-xs-3 a {color:#fff}
#itemHot a, #itemNew a, #itemBest a { display: inline-block; padding: 8px; margin: 3px 2px; font-size: 13px; 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: 45px;overflow: hidden;}
#show_hot .thumbnail img,#show_best .thumbnail img,#show_new .thumbnail img{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:#E95B5B}
.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: #E84E63; color: #fff;}
input#agreement { width: 10%;}
.submit_wrap .btn {max-width: 50% !important;width: 100%;}
.wsmenuexpandermain a#navToggle { position: absolute;  top: 15px; 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: 75%;
    height: auto;
    margin-left: 12.5%;
    margin-bottom: 10px;
	border-right: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
}
#social_link .col-md-4 {
    width: 100% !important;
    float: left;
}
.module-heading {
    text-align: center;
    margin-top: 35px;
}
.module-body li {
    text-align: center;
}
.pomo-img {
    background: #fff;
}
.pomo-info {
    margin-top: 20px;
}
.user_form_box {
    margin: 10px;
}
/*手機結帳頁修正*/
.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;}
}