/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-family: "Microsoft JhengHei","微軟正黑體",PMingLiU,"新細明體",LiGothicMed;
	font-size: 15px;
    overflow-x:hidden;
}


/* 共用元素
------------------------------------------------------------------------------------------------------------------------------------------------- */

a { color: #fff; }
a:hover { color: rgba(255,255,255,0.5); }
a:hover, a:focus { text-decoration: none; }

iframe { border: 1px solid #ddd; }

/* 清除A連結虛框 (針對IE、Firefox)--------------------- */
a, button { 
    outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
a:active {star:expression(this.onFocus=this.blur());}
a:focus { outline:0; }
.btn.focus, .btn:focus, .btn:hover { color: rgba(255,255,255,0.9); }

button.btn-default.btn.focus, button.btn-default.btn:focus, button.btn-default.btn:hover,
a.btn-default.btn.focus, a.btn-default.btn:focus, a.btn-default.btn:hover {color: #666; }

/* ---------------------------------------------------- */

.h1, h1 { font-size: 20px; font-weight: bold; line-height: 1.4em; }
.h3, h3 { font-size: 1.3em; font-family: '微軟正黑體','Century Gothic','Microsoft YaHei',Verdana; }

.ad { display: table; width: 100%; border: 1px solid #eee; margin-bottom: 15px; }
.btn { border-radius:0; }
.badge { background: #fff; color: #58b7eb; }
.label { font-weight: normal; padding: .3em .6em .3em ; }
.well { border-radius: 0; }
.alert { line-height: 30px; width: 100%; display: table; }
.prompt p { padding: 15px 25px; line-height: 23px; color: #666; }
.kerning { letter-spacing:2px; }
mark { margin-right: 5px; padding: 0 7px;  letter-spacing: 0.2px; color: #D62872; border: 1px solid #D62872; }

.img-portfolio { margin-bottom: 30px; }
.img-hover:hover { opacity: 0.8; }
.thumbnail { border-radius:0; clear: both; line-height: 1.7; }
.thumbnail .caption { padding: 3px 0 0; } 

@media (max-width:767px) { .ranking_medium { padding-bottom: 11px !important; } }  /* 解決右線邊框 992~1200 桌機高度不齊問題 */
@media (max-width:991px) { .thumbnail_last { padding-bottom: 11px !important; } }  /* 解決右線邊框 992~1200 桌機高度不齊問題 */
@media (min-width:1201px) { .thumbnail_last { padding-bottom: 11px !important; } }  /* 解決右線邊框 992~1200 桌機高度不齊問題 */

.divider {
    float: left;
    height: 1px;
    width:100%;
    display:block; /* for use on default inline elements like span */
    margin: 5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}


/* 選單滑入自動展開_PC版用 */
.dropdown-menu li:hover .sub-menu { visibility: visible; }
.dropdown:hover .dropdown-menu { display: block; left: -1px; border-radius:0; }
.dropdown:hover .navi_right{ left: -230px; }

/* 額外小功能 */
.noFillet { border-radius: 0; }
.price {
    font: bold 1em/1.2em Century Gothic;
    letter-spacing：-1px;
    margin: 3px 0;
    padding-left:2px;    
    color: #D62872;    
}
.price b {
    font: 1.4em Century Gothic;
    color: #D62872;
    margin: 0 0 0 3px;
}

.padding-right { padding-right: 0; }
.padding-left { padding-left: 0 !important; }

@media (max-width:767px) {
    .padding-right{ padding-right: 15px; }    
}
@media (max-width:991px) {
    .border_right_hidden { border-right:0; padding-right:1px; }
}

.middle {
    display: table-cell;
    vertical-align:middle;
}


/* 多餘行數隱藏 */

.hidden_row_0 { text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }
.hidden_row_1 { height: 20px; overflow: hidden; }
.hidden_row_2 { height: 47px; line-height: 1.7; overflow: hidden; }
.hidden_row_3 { height: 75px; overflow: hidden; }


/* 收藏 */
.love_x{ color: #ccc; }
.love_o{ color: #F4477F; }

/* 麵包屑 - 次分類 */
.breadcrumb { background-color: transparent; ); }
.breadcrumb>li+li:before { content:"〡 "; color: rgba(255,255,255,0.2); }

/* 麵包屑 */
.crumbs li { color: #ea607c; }
.crumbs li a { color: #666; }
.crumbs li a:hover { color: #ea607c; }
.crumbs img { padding-right:10px;  }
.crumbs { margin: 5px 0 4px; padding: 0 3px; }
.crumbs >li+li:before { content:"> "; color: #999; }

.font_Master_pink .breadcrumb a:focus { color: #666; }

/* 促銷活動公告 */
.Promotion .modal-content { background:#fff url(../images/bg_Promotion.jpg) no-repeat left bottom; }
.modal-content a { color: #58b7eb; }
.ico_Promotion a 
{
    position:fixed; 
    width: 138px;
    height: 140px; 
    right: 0;
    top: 50%;  
	margin:0;
	padding:140px 0 0; /*140為按鈕的高度*/	
	overflow:hidden;
	display:block;
	/*display:none;*//*2018/7/17暫時先隱藏*/
	color:#333;
	background:url(../images/ico_Promotion.png?d=20180718) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	text-decoration:none;
	height:0px !important;
    z-index: 1;
    cursor:default;
}

.ico_Promotion a:hover {
    background-position:0 -140px; /*140為按鈕的高度*/	
}

/*@media (max-width:767px) { .ico_Promotion a { display:none; } }*/
@media (max-width:991px) { 
	.ico_Promotion a { 
        width: 100px;
        top: initial;
        bottom: 9%;
        padding: 101px 0 0; /*101為按鈕的高度*/
    }
    .ico_Promotion a:hover {
        background-position:0 -101px; /*101為按鈕的高度*/	
    }
    /*
    .ico_Promotion a { 
        width: 70px;
        top: initial;
        bottom: 9%;
        padding: 71px 0 0; 71為按鈕的高度
    }*/
    /*
    .ico_Promotion a:hover {
        background-position:0 -71px; 71為按鈕的高度
    }*/
}

@media (min-width:1670px) and (max-width:1919px) {
	.ico_Promotion a { right: 7%; }
}
	
@media (min-width:1920px) {
	.ico_Promotion a { right: 12%; }
}

/* 版頭、版尾、選單
------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 選單漢堡置左 */
.navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-right: 0;
}

/* 漢堡彈出對話框 */
.modal-dialog { z-index: 9999; }
.modal-dialog h5 { margin: 3px 0 15px; }
.fa_Classify {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
}
.modal-header,.modal-header a { color: #fff; }
.modal-header a:hover { color: rgba(255,255,255,0.5) ; }
.modal-header b { color: #f4abb9; margin: 0 8px 0 5px; }
.modal-footer { border:0; }
.modal-footer h4{ 
    margin-top:3px;
    margin-bottom:18px;  
}
.modal-footer a { color: #666; }
.modal-footer a:hover { color: #000; }

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}


/* 手機漢堡 - Logo */
.navbar-default .navbar-toggle { border-color: transparent; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: rgba(255,255,255,0.2); }
.navbar-default .navbar-toggle .icon-bar { background: #eee; }
.logo_xs img{ 
    float: left;
    height: 50px;
    margin: 0;
}
.logo_xs li { float: left; }
.logo_xs .navbar-right {
    float: right!important;
    margin-right: -15px;
}    
.logo_xs .navbar-nav { margin: 0 15px 0 0; }
.logo_xs .navbar-nav a { padding-top:15px; padding-bottom:15px; }

.logo_xs .nav>li>a { padding: 15px 8px; }

/* 版頭 - 選單區塊 */
section.bg_navi { background: #222; }

@media (max-width:767px) { section.bg_navi { position: inherit; top: 0; margin-top: 0; } }
/*@media (min-width:768px) and (max-width:999px) { section.bg_navi { position: absolute; top:68px; width: 100%; margin-top: 50px;  z-index: 999; } }*/
/*@media (min-width:1000px) and (max-width:1199px) { section.bg_navi { position: absolute; top:81px; width: 100%; margin-top: 50px;  z-index: 999; } }*/
@media (min-width:1200px) { section.bg_navi { position: absolute; top:98px; width: 100%; margin-top: 50px;  z-index: 999; } }

.navbar-inverse .nav-justified>li>a { color: #ccc;}
.navbar-inverse .nav-justified>li>a:focus,.navbar-inverse .nav-justified>li>a:hover { color: #fff;}
.navbar { font-size: 14px; margin-bottom: 0; }
.navbar-inverse { border:0; }
.navbar-brand { font-size: 14px; }
.navbar-default { background: #58b7eb; border: 0; }
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: rgba(255,255,255,0.9);
    background-color: transparent;
}
.navbar-default .nav-justified>li>a:focus, .navbar-default .nav-justified>li>a:hover {
    background-color: #eee;
}
.navbar-default .navbar-nav>li>a { color: #fff; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: rgba(255,255,255,0.9); }

.navbar-inverse a { 
    display: block;    
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #666;
    white-space: nowrap;
}
.navbar-inverse a:hover { color: #333;background: #eee; text-decoration: none; }

/* 下拉選單開合區塊 */
.navbar-inverse .dropdown-menu a { padding: 3px 20px; margin-bottom: 3px; }
.navbar-inverse .dropdown-menu a .font_Brands { padding: 4px 0; }
.dropdown-menu>li>a, .dropdown-menu>li>a { color: #666; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #333;background: #eee; }
.modal-content { border-radius:0; }

.nav-justified>li>.dropdown-menu { margin-top: -1px; padding: 5px 0; }
.dropdown-menu.columns-2 { min-width: 400px; }
.dropdown-menu.columns-3 { min-width: 600px; }
.dropdown-menu.columns-4 { min-width: 800px; }
.multi-column-dropdown {
    margin: 0;
    padding: 0;
}
.multi-column-dropdown li{ list-style: none; }

.navi_logo { 
    padding: 0 10px;
}
.navi_logo ul { padding: 0; }
.dropdown:hover .dropdown-menu .navi_logo{  padding-bottom: 5px;  }
.navbar-inverse .navi_logo img { border: 1px solid #eee; }
.navbar-inverse .navi_logo a { padding: 0; }
.navbar-inverse .navi_logo a:hover img { background: transparent; border: 1px solid #999; }

/* 版頭側選單 */
.sign .navbar-nav { margin: 0 -15px; }
.sign .navbar-nav>li>a { padding-top:5px; padding-bottom:5px; }

.side_menu { display: table; width: 100%; background: #000; }
.side_menu .navbar-inverse { background: #fff; }
.side_menu .navbar-inverse a:hover { background: transparent; }
.side_menu .nav-tabs { background: #eee; }
.side_menu .nav-tabs a { padding: 5px 0 0; border-bottom: 4px solid #eee; }
.side_menu .nav-tabs .active a { background: #fff; border-bottom: 4px solid #58b7eb; }
.side_menu .nav-tabs a:hover,.side_menu .nav-tabs a:focus { background: #fff; border-bottom: 4px solid #58b7eb; }

.phone_category { margin-left: -20px; }
.phone_category a { line-height: 35px; color: #333; letter-spacing :1px; }
.phone_category_title { padding: 15px 28px 0; }
.phone_category li { list-style: none; }
.phone_category i { width: 30px; color: #ea607c; }

.icon_down { float: right; margin: -45px 0 0; color: #999 !important; text-align: center;  }  
@media (min-width:768px) and (max-width:1199px) {.icon_down { margin: -45px -.5em 0; }}
@media (max-width:767px) { .icon_down { margin: -35px 8px 0px 0px;padding: 10px 18px; }}

/* 版頭搜尋 */
.form-control { border-radius:0; }
.header .input-group{
    border: 2px solid #7f7f7f;
    margin-top: 7%;
}
.header .form-control { border: 0; }
.header .btn {
    border-top:0; 
    border-right:0;
    border-bottom:0;
}
.header .btn.focus,.header .btn:focus,.header .btn:hover {
    color: #666;
}

.phone_search .modal-header { padding: 15px auto; }
.phone_search .input-group-btn>.btn:hover { color: #666; }
.phone_search .modal { padding: 0 !important; }

/* 版尾選單 */
.navbar-fixed-bottom ul { margin: 0; padding: 0; width: 100%; list-style: none; }
.navbar-fixed-bottom ul li { float: left; width: 20%; text-align: center; }
.navbar-fixed-bottom .fa { font-size:1.8em; padding-top:4px;  }
.navbar-fixed-bottom .btn-lg { padding: 12px 9px; }
.pro_nav .container-fluid { padding: 0; }
.pro_nav ul li { width: 15%; }


/* 次分類選單 - 取消圓角設定 */
.navbar { border-radius:0; min-height:40px;  }

/* 次分類選單 - 自訂顏色 */
.navbar-inverse .nav-justified>li.bk_red>a:focus, .navbar-inverse .nav-justified>li.bk_red>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_red>a { background-color: #ff3335; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_info>a:focus, .navbar-inverse .nav-justified>li.bk_info>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_info>a { background-color: #1dbac1; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_palevioletred>a:focus, .navbar-inverse .nav-justified>li.bk_palevioletred>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_palevioletred>a { background-color: #db7093; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_orange>a:focus, .navbar-inverse .nav-justified>li.bk_orange>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_orange>a { background-color: #ff9c00; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_green>a:focus, .navbar-inverse .nav-justified>li.bk_green>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_green>a { background-color: #8eb900; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_pink>a:focus, .navbar-inverse .nav-justified>li.bk_pink>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_pink>a { background-color: #f4477f; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_primary>a:focus, .navbar-inverse .nav-justified>li.bk_primary>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_primary>a { background-color: #238bc8; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_purple>a:focus, .navbar-inverse .nav-justified>li.bk_purple>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_purple>a { background-color: #663366; }
.navbar-inverse .nav-justified>li.bk_darkgreen>a:focus, .navbar-inverse .nav-justified>li.bk_darkgreen>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_darkgreen>a { background-color: #087108; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_gold>a:focus, .navbar-inverse .nav-justified>li.bk_gold>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_gold>a { background-color: #bb7530; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_aqua>a:focus, .navbar-inverse .nav-justified>li.bk_aqua>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_aqua>a { background-color: #339999; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_maroon>a:focus, .navbar-inverse .nav-justified>li.bk_maroon>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_maroon>a { background-color: #800000; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_darkslateblue>a:focus, .navbar-inverse .nav-justified>li.bk_darkslateblue>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_darkslateblue>a { background-color: #7116b7; color: #fff !important; }
.navbar-inverse .nav-justified>li.bk_indianred>a:focus, .navbar-inverse .nav-justified>li.bk_indianred>a:hover ,.navbar-inverse .nav-justified .dropdown:hover.bk_indianred>a { background-color: #cd5c5c; color: #fff !important; }



/* 顏色
------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 主視覺 淺粉 */ 
.bk_Master_pink{ background-color: #ea607c; }
.text_Master_pink{ color: #ea607c; }
.bk_Master_pink,
a.bk_Master_pink,
a:hover.bk_Master_pink{ color: #fff; }
a:hover .font_Master_pink { color:#ea607c; }
.font_Master_pink { color:#ea607c; }
.font_Master_pink a { text-decoration: none; }
.font_Master_pink a:hover p { color:#ea607c; }
.font_Master_pink a:focus, .font_Master_pink a:hover { color: #fff3d2; }

.label-info { background: rgba(255,255,255,0.2); }

/* 主視覺 淺藍 #3397cd */ 
.bk_Master_info{ background-color: #58b7eb; }
.bk_Master_info,
a.bk_Master_info,
a:hover.bk_Master_info{ color: #fff; }
a:hover .font_Master_info { color:#58b7eb; }
.font_Master_info { color:#58b7eb; }
.font_Master_info a { text-decoration: none; }
.font_Master_info a:hover p { color:#58b7eb; }
.font_Master_info a:focus, .font_Master_info a:hover { color: #bffdff; }

.label-important { background: rgba(255,255,255,0.2); }

/*-----------------------------------------------*/
.bk_darkgray { background: #333; }  
.bk_gray { background: #eee; }    
.bk_grizzly { background: #ddd; }
.bk_white { background: #fff; }
.bk_deeppink { background: #D62872; }
.bk_indianred { background: #f2dede; }
.bk_tangerine { background: #ff9c00; }

.btn-primary { background: #0c83e7; }
.btn-primary:hover { background: #046dc6; }

.font_white { color: #fff; }
.font_blue { color: #3765a3; }
.font_red { color: #ff3335; }
.font_info { color: #1dbac1; }
.font_palevioletred { color: #db7093; }
.font_orange { color: #ff9c00; }
.font_green { color: #8eb900; }
.font_pink { color: #f4477f; }
.font_primary { color: #238bc8; }
.font_purple { color: #663366; }
.font_darkgreen { color: #087108; }
.font_gold { color: #bb7530; }
.font_aqua { color: #339999; }
.font_maroon { color: #800000; }
.font_darkslateblue { color: #483d8b; }
.font_indianred { color: #cd5c5c; }

.font_gray { color: #999; }
.font_grizzly { color: #ddd; }
.font_darkgray { color: #666; }  

.alert a.font_pink, .alert a:hover.font_pink { color: #d75957; }


/* 輪播圖區塊 */

    /*section.bg_Carousel{ background: #E4DEDE; }*/

    @media (max-width:767px) {
        section.area_Carousel {  margin-top:15px; }
        section.bg_Carousel { background: transparent; }        
    }

    #sync1 .item{
        background: #222;
        padding: 0;
        margin: 0;
        color: #FFF;
        text-align: center;    
    }
    #sync2 .item{
        background: #666;
        padding: 1px 0px;
        margin: 1px 0 0 1px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 0;
        text-align: center;
        cursor: pointer;
    }
    @media(max-width:767px) {
        #sync2 .item { background: #ccc; }
    }
    @media(max-width:991px) {
        #sync2 .item { margin: 1px 0 8px 1px; }        
    }    

    #sync2 .item h1{
      font-size: 18px;
    }
    #sync2 .synced .item{
      background: #0c83e7;
    }
    #sync34
    {
    	width:681px;
    	height:315px;
    }
    #sync3
    {
    	width:681px;
    	height:315px;
    	overflow:hidden;
    }
    #sync4con
    {
    	position:absolute;
    	top:0;
    	left:681px;
    	width:174px;
    }
    #sync4con h5.hidden_row_0
    {
    	padding:0px 5px;
    }
    @media(max-width:1199px) 
    {
    	#sync3
		{
    		width:100%;
    		height:auto;
    		overflow:visible;
		}
		#sync4con
		{
			display:none;
		}
    }
    @media (max-width:767px) /*手機*/
	{
		#sync34, #sync3
		{
			width:100%;
    		height:auto;
		}
	}
    #sync4 .owl-item
    {
    	float:none;
    	color:#444;
    	border-top:1px solid #ddd;
    	border-left:1px solid #ddd;
    	border-right:1px solid #ddd;
    	min-width:174px;
    	height:39px;
    	cursor:pointer;
    }
    #sync4 .owl-item:first-of-type
    {
    	height:40px;
    }
    #sync4 .owl-item:last-of-type
    {
    	border-bottom:1px solid #ddd;
    	height:40px;
    }
    #sync4 .synced
    {
		background-color:#eee;
    }

    /*To move navigation buttons outside use these settings:*/
 
    .owl-theme .owl-controls {
      /*border: 1px solid #f00;*/
    }
     
    .owl-theme .owl-controls .owl-buttons .owl-prev{
      left: -45px;
      top: 55px; 
    }
     
    .owl-theme .owl-controls .owl-buttons .owl-next{
      right: -45px;
      top: 55px;
    }
    



/* 限時搶購<首頁> 、精選VCR<首頁> 、今日秒殺<首頁> 、專屬推薦<館別列表> 、功能分類<館別列表> 、品項分類<館別列表> 
------------------------------------------------------------------------------------------------------------------------------------------------- */

.panel{ 
    border-radius:0; 
    border-top: 0;
    margin-bottom: 0;
}

.panel-body{ padding: 13px 12px 12px; }

.panel-default>.panel-heading { 
    border: 0;
    background-color:inherit;
}

.panel-heading {
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.homeAreaName {
    height: 65px;
    margin-bottom: 0;
    overflow: hidden;
    line-height: 1.5em;
}
@media (max-width:767px) {
    .homeAreaName { height: 42px; overflow: hidden; }
    .panel-body h5 { clear: both; text-align: center; }
    .price { text-align: center; }
    .panel-body a.btn { clear: both; display: block; }

}
/* 限時搶購 <首頁> */
/*.ico_home_01 { margin: 0 0 2px; background:#ea607c url(../images/ico_home_limited.svg) no-repeat 4% center !important; }*/
/*.ico_home_01 { margin: 0 0 2px; background:#ea607c url(../images/ico_home_limited2.svg) no-repeat 4% center !important; }*/
/*.ico_home_01 { margin: 0 0 2px; background:#ea607c url(../images/ico_home_limited2a.svg) no-repeat 4% center !important; }*/
.ico_home_01 { margin: 0 0 2px; background:#ea607c url(../images/ico_home_limited2b.svg) no-repeat 4% center !important; }

/* 精選VCR <首頁> */
.ico_home_02 { margin: 0 0 2px; background:#58b7eb url(../images/ico_home_low.svg?20160531a) no-repeat 4% center !important; }

/* 今日秒殺 <首頁> */
.ico_home_03 { background:#ea607c url(../images/ico_home_spike.svg) no-repeat 4% center !important; }

/* 專屬推薦 <館別列表> */
.ico_list_01 { background:#58b7eb url(../images/ico_list_recommend.svg) no-repeat 4% center !important; }

/* 功能分類 <館別列表> */
.ico_list_02 { background:#ddd url(../images/ico_list_features.svg) no-repeat 0 center !important; }

/* 品項分類 <館別列表> */
.ico_list_03 { background:#ddd url(../images/ico_list_items.svg) no-repeat 0 center !important; }

/* 搜尋分類 <搜尋結果頁> */
.ico_search_01 { background:#ddd url(../images/ico_search_classify.svg) no-repeat 0 center !important; }

/* 搜尋推薦 <搜尋結果頁> */
.ico_search_02 { background:#ddd url(../images/ico_search_recommend.svg) no-repeat 0 center !important; }

/* 熱銷排行 <商品詳細頁> */
.ico_pro_01 { background:#333 url(../images/ico_pro_Sell.svg) no-repeat 7% center !important; }

@media (max-width:767px) { 
    /*.ico_home_01 { background:#ea607c url(../images/ico_home_limited.svg) no-repeat left center !important; background-size: 120px !important; }*/
    .ico_home_01 { background:#ea607c url(../images/ico_home_limited2b.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_home_02 { background:#58b7eb url(../images/ico_home_low.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_home_03 { background:#ea607c url(../images/ico_home_spike.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_list_01 { background:#58b7eb url(../images/ico_list_recommend.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_pro_01 { background:#333 url(../images/ico_pro_Sell.svg) no-repeat left center !important; background-size: 120px !important; }
}


.ico_home_01,
.ico_home_02,
.ico_home_03,
.ico_list_01,
.ico_list_02,
.ico_list_03,
.ico_pro_01{
    height: 37px;    
    padding: 7px 9px 0;    
    overflow: hidden;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.ico_home_01,
.ico_home_02,
.ico_home_03,
.ico_list_01,
.ico_list_02,
.ico_list_03,
.ico_pro_01{
    height: 37px;    
    padding: 8px 9px 0;    
    overflow: hidden;
}
}


.tabs_list .nav-tabs>li.active>a,.tabs_list .nav-tabs>li.active>a:focus,.tabs_list .nav-tabs>li.active>a:hover {
    background-color:transparent;
    border: 0;
}
.tabs_list .nav-tabs { border: 0; }
.tabs_list .nav>li>a { padding: 0 8px; cursor: pointer; }
.tabs_list .nav-tabs>li>a {  border: 0;  }
.tabs_list .navbar-right {
    float: right!important;
    margin-right: 0;
}
.tabs_list .nav>li>a { color: #90c5e3 }
.tabs_list .nav>li>a:focus,.tabs_list .nav>li>a:hover {
    background: transparent;
    color: #fff;
}
.tabs_list_pro .caption { margin: 10px 0 0 0; color: #333; }
.tabs_list_pro hr { margin: 3px 0 0; }

/* 排行榜 <首頁>
--------------------------------------------------- */
.home_ranking ul{ 
    margin-bottom: 0;
}

.home_ranking .thumbnail { 
    float: left;
    padding: 14px;
    border-radius:0; 
    margin-bottom:0;
    border: 1px solid #ddd;
}

.home_ranking .ranking_champion .no_01 { 
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 99;
}

.home_ranking .thumbnail .caption { padding-bottom: 0; } 
.home_ranking .thumbnail p { margin-bottom: 0; } 

.home_ranking a.thumbnail.active,.home_ranking a.thumbnail:focus,.home_ranking a.thumbnail:hover {  border-color:#ddd; }

@media (max-width:767px) {
    .ranking_champion {
        border-bottom: 0 !important;
    }
}

@media (min-width:768px) {
    .home_ranking .thumbnail {
        padding: 14px 14px 4px;        
    }
    .ranking_champion {        
        border-right: 0 !important;
        text-align: center;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    .home_ranking .thumbnail {
        padding: 14px 14px 30px;
    }
}


.home_ranking .ranking_champion_no .thumbnail {
    padding: 14px;
    border-bottom: 0;
}

.home_ranking .ranking_champion_no .thumbnail p { margin-bottom: 0; }
.home_ranking .ranking_champion_no .thumbnail .list-inline { margin-left: 2px; }
.home_ranking .ranking_champion_no a { width: 100%; }
.home_ranking .thumbnail_last { border-bottom: 1px solid #ddd !important; }



/*今日秒殺 <首頁>
--------------------------------------------------- */
.home_Spike { margin-top:8px; }

.home_Spike .thumbnail { 
    float: left;
    margin-bottom: 0;
    padding: 0;
    border: 0;
}
.home_Spike .thumbnail ul { margin-bottom: 0; }
.home_Spike .panel-default>.panel-heading { height: auto; }
.home_Spike .panel-heading { padding: 9px 9px 11px; }
.home_Spike p { margin-bottom: 3px; }


@media (min-width:768px) { .home_Spike .row { margin-right:0; } }
@media (max-width:991px) { 
    .home_Spike .row { margin-right: -15px; } 
    .home_Spike .caption { padding: 30px 10px 0; }
}

.home_Spike hr { 
    float: left;
    width: 100%;
    margin: 10px 0;
}


/*品項分類<館別列表> 、功能分類<館別列表>
--------------------------------------------------- */
.list_Spike { margin-top: 8px; }
.list_Spike .panel-title { min-height: 17px; }

.list_Spike .panel-default>.panel-heading { height: auto; }
.list_Spike .panel-heading { padding: 8px 15px 11px; }
.list_Spike a { float: left; width: 100%; color: #333; padding: 5px 24px; white-space:nowrap; overflow: hidden; }
.list_Spike a:hover { background: #eee; color: #000;  }

@media (min-width:768px) {
   .list_Spike .distance_right { margin-right:-11px; } 
   .list_Spike .distance_left { margin-left:-11px; }    
}

@media (min-width: 992px) {
    .list_Spike { margin-top:12px; }
    .list_Spike .distance_top{
        margin-top: 15px; 
    }    
    .list_Spike .distance_right { margin-right:0; } 
    .list_Spike .distance_left { margin-right:0; margin-left:-15px; }
}






/* 人氣排行<館別列表> 、明星推薦<館別列表> 、精選品牌<館別列表> 、別人也買過 <商品詳細頁> 、熱銷商品 <商品詳細頁>
--------------------------------------------------- */

/* 價格篩選搜尋 */
.ico_list_price { 
    height:37px;
    margin: 8px 0;
    padding:0 10px;
    color: #fff;
    overflow: hidden;
}
.ico_sub, .ico_list_Popularity, .ico_list_Celebrity, .ico_list_Brands, .ico_pro_02, .ico_pro_03, .ico_pro_04, .ico_pro_05, .ico_forget, .ico_member_change, .ico_member_join, .ico_member_sign, .ico_member_modify, .ico_member_verify, .ico_cart, .ico_cart_confirm, .ico_cart_setup, .ico_faq { 
    height:37px;
    margin: 0 0 8px;
    padding: 9px 13px 0;
    overflow: hidden;
}

.ico_list_price { background: #ea607c; }

/* 子類別頁 <子類別> */
.ico_sub { color: #fff; padding: 10px 23px 0;  }

/* 人氣排行 <館別列表> */
.ico_list_Popularity { background: #333 url(../images/ico_list_Popularity.svg) no-repeat 2% center; }

/* 明星推薦 <館別列表> */
.ico_list_Celebrity { background: #333 url(../images/ico_list_Celebrity.svg) no-repeat 2% center; }

/* 精選品牌 <館別列表> */
.ico_list_Brands { background: #333 url(../images/ico_list_Brands.svg) no-repeat 2% center; }

/* 別人也買過 <商品詳細頁> */
.ico_pro_02 { background:#333 url(../images/ico_pro_Buy.svg) no-repeat 1.3% center; }

/* 熱銷商品 <商品詳細頁> */
.ico_pro_03 { background:#333 url(../images/ico_pro_Filter.svg) no-repeat 1.1% center; }

/* 人氣推薦 <品牌館頁> */
.ico_pro_04 { background:#333 url(../images/ico_pro_Elect.svg) no-repeat 1.1% center; }

/* 別人也看過 <商品詳細頁> */
.ico_pro_05 { background:#040000 url(../images/ico_pro_look.svg) no-repeat 1.3% center; }

/* 忘記密碼 */
.ico_forget { background:#333 url(../images/ico_forget.svg) no-repeat 0 center; }

/* 變更密碼 <會員> */
.ico_member_change { background:#333 url(../images/ico_member_change.svg) no-repeat 0 center; }

/* 加入會員 <會員> */
.ico_member_join { background:#333 url(../images/ico_member_join.svg) no-repeat 0 center;}

/* 會員登入 <會員> */
.ico_member_sign { background:#333 url(../images/ico_member_sign.svg) no-repeat 0 center; }

/* 會員修改 <會員> */
.ico_member_modify { background:#333 url(../images/ico_member_modify.svg) no-repeat 0 center; }

/* 員工驗證 */
.ico_member_verify { background:#333 url(../images/ico_member_verify.svg) no-repeat 0 center; }

/* 購物車 */
.ico_cart { background:#58b7eb url(../images/ico_cart.svg) no-repeat 0 center; }

/* 確認訂單 */
.ico_cart_confirm { background:#58b7eb url(../images/ico_cart_confirm.svg) no-repeat 0 center; }

/* 訂單成立 */
.ico_cart_setup { background:#58b7eb url(../images/ico_cart_setup.svg) no-repeat 0 center; }

/* FAQ 常見問題 */
.ico_faq { background:#58b7eb url(../images/ico_faq.svg) no-repeat 0 center; }


@media (max-width:767px) { 
    .ico_list_Popularity { background: #333 url(../images/ico_list_Popularity.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_list_Celebrity { background: #333 url(../images/ico_list_Celebrity.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_list_Brands { background: #333 url(../images/ico_list_Brands.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_pro_02 { background:#333 url(../images/ico_pro_Buy.svg) no-repeat 4% center !important; background-size: 120px !important; }
    .ico_pro_03 { background:#333 url(../images/ico_pro_Filter.svg) no-repeat 4% center !important; background-size: 120px !important; }
    .ico_pro_04 { background:#333 url(../images/ico_pro_Elect.svg) no-repeat 4% center !important; background-size: 120px !important; }
    .ico_pro_05 { background:#040000 url(../images/ico_pro_look.svg) no-repeat 4% center !important; background-size: 120px !important; }
    .ico_forget { background:#333 url(../images/ico_forget.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_member_change { background:#333 url(../images/ico_member_change.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_member_join { background:#333 url(../images/ico_member_join.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_member_sign { background:#333 url(../images/ico_member_sign.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_member_modify { background:#333 url(../images/ico_member_modify.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_member_verify { background:#333 url(../images/ico_member_verify.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_cart { background:#58b7eb url(../images/ico_cart.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_cart_confirm { background:#58b7eb url(../images/ico_cart_confirm.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_cart_setup { background:#58b7eb url(../images/ico_cart_setup.svg) no-repeat left center !important; background-size: 120px !important; }
    .ico_faq { background:#58b7eb url(../images/ico_faq.svg) no-repeat left center !important; background-size: 120px !important; }
}



@media (max-width:991px) {
    .ico_sub { margin: 8px auto; }
    .ico_member_join, .ico_member_modify, .ico_member_sign, .ico_member_verify, .ico_cart, .ico_faq { margin-top: 8px; }
}
.ico_list_price ul { margin: 0; }
.ico_list_price li{ list-style-type: none; }
.ico_list_price .form-control { height: 25px; margin-top:6px; padding: 0 12px; }

.list_ranking .crumbs { margin-top:12px; }
.list_ranking ul{ margin-bottom: 0px; }
.list_ranking form .form-group input { width: 72px; }
.list_ranking form .distance_top { margin: 6px 0 0; }
.list_ranking form  .btn-group-sm>.btn, .btn-sm { padding: 4px 10px 3px; border-radius: 0; border: 0; }
.list_ranking .checkbox, .radio { margin: 8px 0 0;  }

@media (max-width:767px) {
    .list_ranking .form-group { display: inline-block; margin-bottom:-8px;  }
    .list_ranking form .distance_top { margin: -1px 0 0; }
    .list_ranking form .form-group input { width: 60px; }   
}

.list_ranking .thumbnail { 
    float: left;
    padding: 10px;
    border-radius:0; 
    margin-bottom:8px;
    border-top: 1px solid #ddd;
    border-right: 0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.list_ranking a.thumbnail.active,.list_ranking a.thumbnail:focus,.list_ranking a.thumbnail:hover {  border-color:#ddd; }

    
.list_ranking .thumbnail_last { border-right: 1px solid #ddd; } 

.list_ranking .caption { text-align: center; } 

.list_ranking .ranking_champion .no_01 { 
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 99;
}

.list_ranking .thumbnail .caption { padding-bottom: 0; } 
.list_ranking .thumbnail p { margin-bottom: 3px; } 

.list_ranking a.thumbnail.active,.list_ranking a.thumbnail:focus,.list_ranking a.thumbnail:hover {  border-color:#ddd; }

@media (max-width:767px) {
    .ranking_champion {
        border-bottom: 0 !important;
    }
    .list_ranking .ranking_medium { border-right: 1px solid #ddd; }  /* 商品列表變2欄時,補右邊線 */
    .list_ranking .list_clearfix { clear: both; }
}

@media (min-width:768px) {
    .ranking_champion {        
        border-right: 0 !important;
        text-align: center;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    .list_ranking .thumbnail {
        padding: 14px 14px 30px;
    }
}


.list_ranking .ranking_champion_no .thumbnail {
    padding: 14px;
    border-bottom: 0;
}

.list_ranking .ranking_champion_no .thumbnail p { margin-bottom: 0; }
.list_ranking .ranking_champion_no .thumbnail .list-inline { margin-left: 2px; }
.list_ranking .ranking_champion_no a { width: 100%; }
.list_ranking .thumbnail_last { border-bottom: 1px solid #ddd !important; }





/* 詳細商品頁
------------------------------------------------------------------------------------------------------------------------------------------------- */
section.pro_ranking {  }
.price_info { margin-top: 0; } 
@media (max-width:767px) { .price_info { margin-top: 15px; } }
.price_info .pro_img { border: 1px solid #ddd; }
.price_info .size { font-size: 1.2em; }
.price_info .size b { font-size: 2em; font-weight: bold; }
.price_info hr { border-color: #ddd; margin-top: 0; margin-bottom: 9px; }
.price_info .detail { padding: 0; margin: 18px 0; line-height: 28px; padding:0 20px; }
.price_info ul.detail { padding:0; }
.price_info .detail li { list-style: none; }
.price_info .detail .info { color: #666; margin: 0 0 11px 0; padding: 2px 0 1px 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.price_info .detail .info .num { float: right; background: #eee; padding: 0 20px; }
.price_info .list-inline,.price_info .pattern { padding-left: 20px; }
.price_info .pattern ul.list-inline { display: inline; margin-left: 0px; padding-left:0; padding: 5px 5px 3px; background: #eee;  }
.price_info .pattern ul.list-inline em { font-style: normal; font-weight: bold; color: #f00; font-size: 20px; }
.price_info .radio-inline input[type=radio] { margin: 9px 0 0 -20px; }
.price_info .radio-inline { margin-bottom:2px; }
.price_info .pattern li { list-style: none; line-height: 32px;  }
.price_info .pattern em.colon { margin: 0 5px; font-style:normal; }
.price_info .pattern em { margin: 0 5px 0 2px; color: #999; }
.price_info .pattern .form-control { display: inline; height: 29px; padding: 3px 12px; }
.price_info .pattern .width_norm { width: 60%; }
.price_info .pattern .width_num { width: 22%; margin-left: 1px; }
.price_info .pattern .btn_price { margin:15px 0 0 0;  }


/* 分頁 <詳細商品頁>
--------------------------------------------------- */
.paging { margin-top:30px;  }
.paging .nav-tabs a { color: #555; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #000; font-weight: bold; }
.paging .tab-content { line-height: 32px; }
.paging .tab-content p { text-align: justify; }
.paging .tab-pane img { max-width: 100%; height:auto; }
@media (max-width:767px) { 
    .paging .tab-pane img { width: 100%; height: auto; }
}

/* 別人也買過．熱銷商品．人氣推薦 區塊 <詳細商品頁>
--------------------------------------------------- */
.recommend .item { text-align: center; margin: 0 4px; }
.recommend .item img { border: 1px solid #ddd; }
.recommend .caption { padding-top: 9px; }
.recommend ul { padding: 0; }
.recommend .caption p { margin: 0 10px 3px; }
.recommend a { color: #333; }
.recommend .owl-theme .owl-controls {
    margin-top: 0;
    text-align: right;
    position: absolute;
    top: -44px;
    right: 5px;
}

.owl-theme .owl-controls .owl-buttons div { 
    border-radius: 2px !important;
    background: rgba(255,255,255,.3) !important;
    filter: Alpha(Opacity=100) !important;
    opacity: 1 !important;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    border-radius: 2px !important;
    background: rgba(255,255,255,.2) !important;
    filter: Alpha(Opacity=100) !important;
    opacity: 1 !important;
}

.owl-prev big,
.owl-next big { 
	position: relative;
    padding: 10px;
}

.owl-prev big:after {
	position: absolute;
	content: '';
    width: 0;
    height: 0;
    margin-top: 4px;
    margin-left: -4px;
    border-top: 6px solid transparent;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent; }

.owl-next big:after {
	position: absolute;
	content: '';
	width: 0;
    height: 0;
    margin-top: 4px;
    margin-left: -2px;
    border-top: 6px solid transparent;    
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff; }
    


/* 熱銷排行 <詳細商品頁>
--------------------------------------------------- */
section.pro_Spike {  }

.pro_Spike .thumbnail { 
    float: left;
    margin-bottom: 0;
    padding: 0;
    border: 0;
}
.pro_Spike .thumbnail ul { margin-bottom: 0; }
.pro_Spike .panel-default>.panel-heading { height: auto; }
.pro_Spike .panel-heading { padding: 9px 15px 11px; }
.pro_Spike p { margin-bottom: 3px; }

.pro_Spike .distance_right { padding-right:0 !important; }

@media (min-width:768px) { .pro_Spike .row { margin-right:0; } }
@media (max-width:991px) { 
    .pro_Spike .row { margin-right: -15px; } 
    .pro_Spike .caption { padding: 15px 20px 0; }
}

.pro_Spike hr { 
    float: left;
    width: 100%;
    margin: 10px 0;
}

.pro_Spike .thumbnail .no_num {
    position: absolute;
    z-index: 99;
}


/* 品牌專區 <品牌專頁>
--------------------------------------------------- */

.brands_logo { max-height: 96px; text-align: right; }
.brands_logo h4 { margin-top: 19%; padding-right: 15px;  }
.brands_logo img { max-height: 96px; }

.brands_area h3 { margin-top: 18%; font-size: 26px; font-family: '微軟正黑體','Century Gothic','Microsoft YaHei',Verdana; }
@media (min-width:768px) { 
    .brands_area { border: 1px solid #ddd; padding: 10px 0;  }
}

@media (max-width:991px) { 
    .brands_area { border: 1px solid #eee; padding: 7px 0; margin-top: 8px;  }
    .brands_logo .col-xs-4 { padding-left: 0;  }
}


/* 底部_4大類 <首頁>
------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width:767px) {
	.home_category .thumbnail {
		width: 100% !important;
	    float: left;
	    padding: 10px;
	    border-radius: 0;
	    margin-bottom: 0;
	    border-top: 0;
	    border-right: 1px solid #ddd;
	    border-bottom: 1px solid #ddd;
	    border-left: 1px solid #ddd;
	}
	
	.home_category .col-sm-1-5:nth-of-type(odd) {
	    border-left: 0px !important;
	    margin-left:-1px;
	    /*border:1px solid #f00;*/
	    /*height:calc (100% + 1px);*/
	}
	
	.home_category .col-sm-1-5:nth-of-type(2),
	.home_category .col-sm-1-5:nth-of-type(3) {
	    border-top: 1px solid #ddd !important;
	 }

	/*.home_category .col-sm-1-5:nth-of-type(n + 3) >.row>.thumbnail {
	    border-top: 0px !important;	
	    border:1px solid #f00;     
	}*/
}

@media (min-width:768px) {
    .home_category .thumbnail { 
        float: left;
        padding: 10px;
        border-radius:0; 
        margin-bottom:0;
        border-top: 1px solid #ddd;
        border-right: 0;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
}


.home_category a.thumbnail.active,.home_category a.thumbnail:focus,.home_category a.thumbnail:hover {  border-color:#ddd; }

.home_category .thumbnail_last { border-right: 1px solid #ddd; }
@media (max-width:991px) { .home_category .thumbnail_last { padding-bottom: 10px !important; } }   /* 解決右線邊框 <=991寬度 桌機高度不齊問題 */
@media (min-width:992px) { .home_category .thumbnail_last { padding-bottom: 11px !important; } }  /* 解決右線邊框 >=1201寬度 桌機高度不齊問題 */
@media (max-width:767px) {.home_category a.thumbnail .list-inline li s { display:none; } } /* 隱藏市價 */

.home_category .caption { text-align: center; } 


.title_home_class00, .title_home_class01, .title_home_class02, .title_home_class03, .title_home_class04, .title_home_class05, .title_home_class06, .title_home_class07 { 
	height:37px;
    margin: 8px 0;
	padding-left:290px;
    overflow: hidden;
}
.title_home_class00 { padding-left:180px; }
.title_home_class00 { background: #ea607c url(../images/ico_home_Ranking.svg) no-repeat left center; }
.title_home_class01 { background: #58b7eb url(../images/ico_home_sort_01.jpg) no-repeat left center; }
.title_home_class02 { background: #ea607c url(../images/ico_home_sort_02.jpg) no-repeat left center; }
.title_home_class03 { background: #58b7eb url(../images/ico_home_sort_03.jpg) no-repeat left center; }
.title_home_class04 { background: #ea607c url(../images/ico_home_sort_04.jpg) no-repeat left center; }
.title_home_class05 { background: #58b7eb url(../images/ico_home_sort_05.jpg) no-repeat left center; }
.title_home_class06 { background: #ea607c url(../images/ico_home_sort_06.jpg) no-repeat left center; }
.title_home_class07 { background: #58b7eb url(../images/ico_home_sort_07.jpg) no-repeat left center; }


/* Bootstrap_首頁5欄改寫列表*/
        .col-xs-1-5,
        .col-sm-1-5,
        .col-md-1-5,
        .col-lg-1-5 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }
 
        .col-xs-1-5 {
            width: 20%;
            float: left;
        }
 
        @media (min-width: 768px) {
        .col-sm-1-5 {
                width: 20%;
                float: left;
            }
        }
        @media (min-width: 992px) {
            .col-md-1-5 {
                width: 20%;
                float: left;
            }
        }
        @media (min-width: 1200px) {
            .col-lg-1-5 {
                width: 20%;
                float: left;
            }
        }



/* 加入會員 <會員>
--------------------------------------------------- */
.member_join a { color: #58b7eb; }
.member_join p { color: #ea607c; }
.member_join hr { display: -webkit-inline-box; }
.member_join .well .well { 
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px; /* Konqueror */
    border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
    behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
@media (min-width: 992px) {
    .member_join .well .well { margin-left: 20px; }
}

.member_join .fa-6x {
    font-size: 16em;
    color: #ddd;
    margin-top: 25px;
}

/* 會員登入 <會員>
--------------------------------------------------- */
.member_sign .well { display: table; width: 100%;  }
.member_sign .deck { border-right:1px solid #e3e3e3; }
.member_sign a { color: #58b7eb; }
.member_sign hr { margin: 10px 0; }
.member_sign .btn-info { width: 100%; }
.member_sign em { padding: 0 12px; font-style: normal; color: #999; font-size: 10px;  }
@media (max-width: 767px) {
    .member_sign .deck { border: 0; margin-bottom:60px;  }
}

/* 折價卷、消費金 <會員>
--------------------------------------------------- */
.member_coupon .panel .table th { font-weight:normal; }
.member_gold .panel .table th { font-weight:normal; }

@media (max-width: 767px) {
    .member_coupon .well .col-xs-12,
    .member_gold .well .col-xs-12 { padding-right: 0; padding-left: 0;  }  
}

/* 追蹤清單 <會員>
--------------------------------------------------- */
.member_track .price { text-align: left;  }


/* 超商取貨付款說明、其他付款方式說明、電子發票問與答、購物流程說明
--------------------------------------------------- */
.ex_store .well, .ex_other .well, .ex_invoicing .well, .ex_shopping .well, .ex_return .well, .ex_coupon .well, .ex_gold .well { display: table; width: 100%; }
.ex_store ol li, .ex_other ol li, .ex_invoicing ol li, .ex_return ol li,.ex_coupon ol li,.ex_gold ol li { line-height: 30px; }

.ex_store .panel-group .panel, 
.ex_other .panel-group .panel, 
.ex_invoicing  .panel-group .panel {    
    border-radius: 0; 
}
.ex_store .panel-group .panel+.panel, 
.ex_other .panel-group .panel+.panel, 
.ex_invoicing .panel-group .panel+.panel { margin-top: 0; }

.ex_store h4.qa, .ex_other h4.qa, .ex_invoicing h4.qa { 
    padding: 8px 25px;
    margin-bottom: 0;
}
.ex_store a, .ex_other a, .ex_invoicing a { text-decoration: none; color: #333; line-height: 25px; }
.ex_store a:hover, .ex_other a:hover, .ex_invoicing a:hover { color: #333; }

.ex_store .panel-body, .ex_other .panel-body, .ex_invoicing .panel-body { padding: 13px 42px; line-height: 1.8em; }
.ex_store .panel-default>.panel-heading+.panel-collapse>.panel-body,
.ex_other .panel-default>.panel-heading+.panel-collapse>.panel-body,
.ex_invoicing .panel-default>.panel-heading+.panel-collapse>.panel-body { color: #666; }

.ex_return p.deck { padding: 0 15px; }
.ex_return ol ,.ex_return ul { padding: 10px 0 15px 50px; } 
.ex_return li { 
    padding: 0 35px 0 1px;
    line-height: 30px;
    text-align: justify;
}

@media (max-width: 767px) {
    .member .ex_return p.deck { margin: 0; }
    .ex_return ol ,.ex_return ul { padding: 0 5px 0 20px; } 
    .ex_return li { padding: 0; }
    .member p.deck {
        margin-left: 0;
    }
    .ex_return .well .col-sm-12 { padding: 0; }
}

/* 常見問題
--------------------------------------------------- */
.faq .well { display: table; width: 100%; }
.faq .panel-group .panel {    
    border-radius: 0; 
}
.faq .panel-group .panel+.panel { margin-top: 0; }

.faq h4 { 
    padding: 8px 25px;
    margin-bottom: 0;
}
.faq h5 { padding: 0 15px; }
.faq a { text-decoration: none; color: #333; line-height: 25px; }
.faq a:hover { color: #333; }

.faq .panel-body { padding: 13px 56px; line-height: 1.8em; }
.faq .panel-default>.panel-heading+.panel-collapse>.panel-body { color: #666; }
.faq ol { padding-left: 20px; }



/* 聯絡客服
--------------------------------------------------- */
.contact .well { width: 100%; }


/* 購物車
--------------------------------------------------- */
.cart .panel { border: 0; padding: 10px; }
.cart .payment { background: #777; color: #fff; }
.cart .payment a { color: #fff; text-decoration: none; }
.cart a { color:#58b7eb; }
.cart li a { color:#888; }
.cart .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: #777; }
.cart .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom: 1px solid #fff; }
.cart .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #777; }
.cart .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #fff; }
.cart h3 { font-size: 26px; font-family: '微軟正黑體','Century Gothic','Microsoft YaHei',Verdana !important; }
.cart h4.title { line-height: 40px; }
.cart .border_img { border: 1px solid #ddd; }
.cart .form-control { padding: 6px 2px; }
.cart em { color: #f00; font-style:normal; }
.cart .badge { background: #ccc; color: #555; }
.cart .sum { font: bold 18px 'Century Gothic','Microsoft YaHei',Verdana; }
.cart .price { text-align: right; }
.cart .border_bold td{ border-top: 8px solid #ddd;  }
.cart .item_num { font-size: 18px; line-height: 1.1; margin: 25px 120px 0 0; }
.cart ol li { line-height: 28px; }
.cart hr { border-top: 1px solid rgba(255,255,255,0.5); }

section.card .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-radius: 0; }
section.card .nav-tabs>li.active>a,section.card .nav-tabs>li.active>a:focus,section.card .nav-tabs>li.active>a:hover { background-color: #fff; }
section.card .nav-tabs.nav-justified>li>a { border-bottom: 0; }

section.card .form-inline input.form-control { width: 100%; }
section.card .form-control { padding: 6px 12px; }
section.card .deck, section.invoice .deck, section.addressee .deck, section.demand .deck { border-right: 1px solid #e3e3e3; }
section.card .nav-tabs>li.active>a,section.card .nav-tabs>li.active>a:focus,section.card .nav-tabs>li.active>a:hover { color: #555; }
section.card form, section.invoice form, section.purchaser form, section.addressee form, section.demand form { padding: 25px 10px; border: 1px solid #ddd; display: inline-block; width: 100%; }
@media (max-width: 767px) {
    .cart > .col-sm-12 { padding: 0; border: 0; margin-bottom: 0; }
    section.card .deck, section.invoice .deck, section.addressee .deck, section.demand .deck { border-right: 0; }    
    section.card form, section.invoice form, section.purchaser form, section.addressee form, section.demand form { border: 0; }
    section.card .col-sm-2 { padding-left: 0; padding-right: 0; } 
}
@media (min-width: 768px) {     
    section.card .col-sm-2 { padding-left: 0; padding-right: 5px; } 
}

section.invoice .form-horizontal .checkbox, .form-horizontal .radio { min-height: 60px; }

.form-horizontal .form-group { line-height: 25px; }


/* 網路訂單 / 配送進度查詢、 配送地址維護 <會員>
--------------------------------------------------- */
.member_order a.btn,.member_changeadd a.btn { margin-bottom:4px; }
.member_order h3 { font-size: 26px; font-family: '微軟正黑體','Century Gothic','Microsoft YaHei',Verdana !important; }

/* 換貨&退貨(個別) <會員>
--------------------------------------------------- */
.member_order_cancel_alone .form-group{ margin-bottom: 0; }

/* 搜尋結果頁
--------------------------------------------------- */
@media (min-width: 992px) {  
    .margin-search { margin-top: 0;  }
}

/* 電子發票證明聯
--------------------------------------------------- */
.electronic { background:url(../images/no_copy.gif) 50% 80% no-repeat; }
.electronic .table .table { background: transparent; }

/* 會員中心
--------------------------------------------------- */
.member .crumbs { margin-top:12px; }
.member p.deck { margin: 0 23px; line-height: 30px; }
.member_favourable .thumbnail { border: 1px dashed #d5d5d5; padding: 15px; margin-bottom: 15px; }
.member_favourable .thumbnail a { color: #666; text-decoration: none; }
.member_favourable .thumbnail a:hover { color: #666; text-decoration: underline; }
.member_favourable .thumbnail h4 { letter-spacing: 4px; color: #666; line-height: 22px; }
.member_favourable .thumbnail h5 { color: #666; }
.member_favourable em { display: block; font-size: 40px; margin-bottom: 10px;  }
.member_favourable em small { font-size: 24px; }
.member_favourable .hidden_row_0 { height: 15px; }

.member_info { margin-top: 12px; }
.member_info ul { margin: 0; }
.member_info ul.list-unstyled { margin-top: 10px;  }
.member_info ul.list-unstyled li { line-height: 22px; }
.member_info a { color: #666; }
.member_info a:hover { color: #333; }
.member_info li { line-height: 30px; }
.head_portrait { font-size: 50px; margin: 0 auto; }

.member h4 em { color: #f00; font-style: normal; }
.member h4.title { line-height: 35px; margin-left: 23px; }
.member h4.title b { font-size: 16px; }

.member_modify p.form-control-static{ color: #666; }
.member_modify .well { display: table; width: 100%; }
.member_modify .well .well {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    behavior: url(border-radius.htc);
}

@media (max-width: 767px){
    .head_portrait { font-size: 40px; margin: 10px 0; }
    .member_info ul.list-unstyled { margin-top: 31px; }
    .member_favourable .thumbnail { padding: 5px;} 
    .member_info ul { text-align: left; }
    .member h4.title { margin-left: 0; }
    .member p.deck { margin-left: 0; }
}
@media (min-width:768px) { .member_info .distance_right { margin-right: -11px; /*height: 859px;*/ } }
@media (max-width:991px) { .member_favourable { margin-top: 12px; } }
@media (min-width:992px) { .member_info .distance_right { margin-right: 0; padding-top: 30px; } }





/* Footer
------------------------------------------------------------------------------------------------------------------------------------------------- */

footer { background-color: #58b7eb; }

.footer-above { padding: 10px 0 15px; }
.footer-above h3 { 
    color: #fff; 
    font-size: 1.3em;
    padding:10px 0 10px 15px;
    text-align: left;
    border-top:solid 1px rgba(255,255,255,0.2);
    border-bottom:solid 1px rgba(255,255,255,0.2);
}
.footer-above a  { color: #fff; }
.footer-above a:hover { color: #ffdde4; text-decoration: none; }
.footer-above ul { padding: 0 0 0 15px; }
.footer-above li { list-style-type: none; line-height: 28px; }

.footer-below {
    padding: 12px 0;
    color: #ccc;
    background: #333;
}

/* 網路安全標章 */
.SecurityMark h4 { color: #666; }


/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}