/* */

body { font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif; font-size: 14px; color: #636668; background: #FFF;  }

p { line-height: 1.5; margin: 10px 0;}
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 800; }

a { color: #636668; outline: none !important;}
a:hover, a:focus { color: #941751; text-decoration: none; }
a.link-info{ color: #941751;}
a.link-info:hover, a.link-info:focus {text-decoration: underline; }

hr {border-top: 1px solid #d8d8d8;}

ul,ol,li{ margin: 0px; padding: 0px; list-style: none;}

.responsive_img{  width:100%; }
.responsive_maximg{  max-width:100%; }
.img_responsive{  width:100%; }
.maximg_responsive{  max-width:100%; }

.color_dark{ color: #212a2e;}
.color_green{ color: #81bf40;}
.color_red{ color:#fc615c;}
.color_default{ color:#941751;}
.color_orange{ color:#ff673b;}
.line-through{ text-decoration: line-through;}
.block{ display: block;}
.inline-block{ display: inline-block;}

.neo_phone{ display: none;}
.neo_pc{ display: block;}


.color_info{
	color: #9B53E1;
}

.bg-gray{ background:#e0e2e2;}

.push-left{ float: left;}
.push-right{ float: right;}

.margin_top_md{ margin-top: 15px;}
.margin_bottom_md{ margin-bottom: 15px;}
.nopadd{ padding: 0px;}
.nomargin{ margin: 0px;}

.font_lg{ font-size: 1.6em;}
.font_md{ font-size: 1.3em;}
.font_sm{ font-size: 0.9em;}

.line-through{ text-decoration:line-through;}

/*滑動廣告*/
 
#abgne_float_ad {
	display: none;
	position: absolute;
	z-index:500000;
	 
}

#abgne_float_ad a img {
	border: none;
}

/*登入選單*/
.navsign_container{ position: absolute; right: 0px; top: 15px; text-align: right; padding: 0px; margin: 0px;}
.navsign_container li{ display: inline-block;}
.navsign_container li.sc_link.register:before{ content: "|"; display: inline-block; color: #CCC; padding: 0 3px;}
.navsign_container li.sc_link .icon{ display:inline-block; width: 21px; height: 21px; background: url(../images/icon_elem.png) no-repeat 0 0 ; position: relative; top: 5px;}
.navsign_container li.sc_link #cartMenu_sm{ display: none;}
.navsign_container li.signin .icon{  background-position: 0 0 ;}
.navsign_container li.signin a:hover .icon,.navsign_container li.signin a:focus .icon{  background-position: -50px 0 ;}
.navsign_container li.member{ margin-left: 15px;}
.navsign_container li.member .icon{background-position: 0 -50px;}
.navsign_container li.member a:hover .icon,.navsign_container li.member a:focus .icon{background-position: -50px -50px;}
.navsign_container li.cart{ margin-left: 15px;}
.navsign_container li.cart .icon{ background-position: 0 -100px;}
.navsign_container li.cart a:hover .icon,.navsign_container li.cart a:focus .icon{ background-position: -50px -100px;}

.navsign_container li.cart{ display: inline-block; }
.navsign_container li.cart .dropdown{ display: inline-block; cursor: pointer;}
.navsign_container li.cart .dropdown a{ display: inline-block;}
.navsign_container li.cart  a .badge{
	background-color: #8F5CFC;
}
.navsign_container li.cart .dropdown.open a{color: #941751;}
.navsign_container li.cart .dropdown.open .icon{ background-position: -50px -100px;}
.navsign_container li.cart .btn-link{ color: #FFF; font-size: 1em;}
.navsign_container li.cart .btn-link:hover{ color: #f2ee20; text-decoration: none;}
.navsign_container li.cart .fa{ font-size: 1.3em; margin-right: 5px;}
.navsign_container li.cart .dropdown-menu{ width: 470px; padding: 5px; border-radius: 2px; border: none; max-height: 320px; overflow: auto; left: auto; right: 0px; top: 20px; box-shadow: 1px 2px 3px rgba(0,0,0,.3) }
.navsign_container li.cart .dropdown-menu ul{ padding: 0px; margin:0px; list-style: none; width: 100%;}
.navsign_container li.cart .dropdown-menu .ul-table{ display: table;}
.navsign_container li.cart .dropdown-menu .table-row{ display: table-row;}
.navsign_container li.cart .dropdown-menu .table-body.table-row ul{border-bottom:1px dashed #a8a3a1;}
.navsign_container li.cart .dropdown-menu .table-body.table-row ul:last-child{ border: none;}
.navsign_container li.cart .dropdown-menu .table-footer.table-row ul{border-top:1px solid #d8d8d8;}
.navsign_container li.cart .dropdown-menu .table-row ul:after,.navsign_container li.cart .dropdown-menu .table-row ul:before{ content: "" ; display: block; clear: both; visibility: hidden;}
.navsign_container li.cart .dropdown-menu .table-cell{ display: block; vertical-align: middle;  padding: 3px; float: left; }
.navsign_container li.cart .dropdown.open .table-cell a{ padding: 0px; color: #941751;}
.navsign_container li.cart .table-thead .table-cell{background: #f0f1f2; color: #2f3133; border-width: 1px; padding: 3px;}
.navsign_container li.cart .table-thead .table-cell a{ color: #25b4b9;}
.navsign_container li.cart .cell-1{ width: 60%; }
.navsign_container li.cart .cell-2{ width: 10%; text-align: center; }
.navsign_container li.cart .cell-3{ width: 20%; text-align: right; }
.navsign_container li.cart .cell-4{ width: 40%; }
.navsign_container li.cart .cell-5{ width: 10%;}
.navsign_container li.cart .ul-table .btn-danger{ padding: 2px 10px; font-size: 0.9em;  margin-top:3px; }
.navsign_container li.cart .ul-table .btn-danger:hover,.navsign_container li.cart .ul-table .btn-danger:focus{ border-bottom-width: 3px ; margin-top: 3px; height: 26px; }
.navsign_container li.cart .ul-table td{ vertical-align: middle;}
.navsign_container li.cart .dropdown-menu .shopcart_listtitle{ background: #eaeae5; padding:10px 15px; color: #705f56; font-size: 1.1em; margin-top: 0px; }
.navsign_container li.cart .ul-table .thumbnail_img{ width: 50px; float: left; margin-right: 8px; }
.navsign_container li.cart .ul-table .thumbnail_img img{ width: 100%;}
.navbar-custom { box-shadow: 0 1px 3px rgba(112,95,86,.5); border: none; width: 100%; z-index: 834; margin:0px; padding: 0px; height: 120px; background:#FFF; position: relative;}
.navbar-custom > .container{ position: relative;}
.navbar-custom .navbar-brand { display: none; }
.navbar-custom .nav > li{ border-left:1px solid #FFF; border-right:1px solid #FFF;  margin-left: -1px;  }
/* 首頁上方選擇列字型調整 */
.navbar-custom .nav > li > a { text-align: center; font-size: 1.05em; font-weight: 500; letter-spacing: 1px; color: #FFF; padding: 0px 20px; height: 42px; line-height: 42px;}
.navbar-custom .nav > li > a:hover,.navbar-custom .nav > li > a:focus,.navbar-custom .nav > li > a.active,.navbar-custom .nav > li > a.active:hover{ color: #FFF; background:#941751;}
.navbar-custom .nav .neo_menu.active > a{ background: #f0f1f2; color: #941751;}
/* 首頁上方LOG位置調整 移動特效 */
.navbar-custom .header-top-logo{ margin-top: 16px;  overflow: hidden; position: absolute;
  -webkit-transition:all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 2s;
}
.navbar-custom .header-top-logo img{ width: 100%;}
.navbar-custom .brand_header.has_back{ position: relative;}
.navbar-custom.is-fixed .brand_header.has_back .header-top-logo{ position: absolute; left: 40px; top: 0px; width: 90px; margin-top: 0px;}
.navbar-custom .brand_header.has_back .goback{ position: absolute; top: 0px; left: -15px; display: block; width: 40px; height: 50px; text-align: center; font-size: 2em; color: #FFF; border-right:1px solid rgba(255,255,255,.2); line-height: 50px;}

.navbar-custom .main_top{ height: 78px; background: #FFF; z-index: 99999;}
.navbar-custom .main_top > .container{ position: relative;}
/* 首頁上方選擇列背景調整 */
.navbar-custom .main_navigation{
	background-color: #941751;
	height: 42px;
	position: absolute;
	width: 100%;
	top: 78px;
}
.navbar-custom .main_navigation .logo{ width:138px; position: absolute; display: none; margin: 2px 0; }
.navbar-custom .main_navigation .logo img{ width: 100%;}

.navbar-default .navbar-collapse ul{ list-style: none; padding: 0px;
  -webkit-transition:all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.navbar-collapse .nav_search{ float: right; position: relative;
  -webkit-transition:all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.navbar-collapse .nav_search label{ position: absolute; top: 8px; right: 10px; color: #FFF; font-size: 1.3em; }
.navbar-collapse .nav_search button{ position: absolute; top: 8px; right: 10px; color: #FFF; font-size: 1.3em; background: transparent !important ; border: none !important;   }
.navbar-collapse .nav_search button:hover,.navbar-collapse .nav_search button:focus,.navbar-collapse .nav_search button:active{ color: #9AE0FF;}
.navbar-collapse .nav_search .form-control{ background:transparent ; border:none ; box-shadow: none; color: #FFF; height: 42px; padding: 0 0px 0 10px; width: 120px; border-radius: 0px;
  -webkit-transition:all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.navbar-collapse .nav_search .form-control:focus{ background:#941751; width: 200px; }/*搜尋*/

/* 導覽列 scroll 後*/
.navbar-custom.is-fixed{ height: 42px; min-height: 42px; position: fixed; }
.navbar-custom.is-fixed .main_top{ height: 42px;}
.navbar-custom.is-fixed .brand_header{ display: none;}
.navbar-custom.is-fixed .main_navigation{ position: fixed; bottom: auto; top: 0px; box-shadow: 0 2px 4px rgba(0,0,0,.2); z-index: 98000;}
.navbar-custom.is-fixed .main_navigation .nav-main{ padding-left: 160px;}
.navbar-custom.is-fixed .main_navigation .logo{ display: block;}
.navbar-custom.is-fixed .navsign_container{ position: static;}
.navbar-custom.is-fixed .navsign_container .cart{ position: absolute; top: 5px; right: 15px; z-index: 98020;}
.navbar-custom.is-fixed .navsign_container li.cart .icon{background-position:0 -250px;}
.navbar-custom.is-fixed .navsign_container li.cart .dropdown.open .icon{background-position:0 -250px;}
.navbar-custom.is-fixed .navsign_container .cart .text{ display: none;}
.navbar-custom.is-fixed .navbar-collapse .nav_search{ margin-right: 20px;}

/* slide Menu 選單*/
.navbar-collapse{ position: relative;}
.navbar-collapse .nav-main{ position: static;}

.navbar-collapse .nav li .firstitem {
  background-color:#f0f1f2;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50px;
  left: -1px;
  z-index: 900;
  border-left: 1px solid #dde1e4;
  border-right: 1px solid #dde1e4;
  width: 220px;
  min-height: 200px;
  box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);

}
.navbar-collapse .nav li .firstitem.hover{ opacity: 1; top: 42px; visibility: visible; display: block;
  -webkit-transition:all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.navbar-collapse .nav .firstitem_ul{ width:220px; position: relative; min-height: 200px; background:#f0f1f2; padding: 0px; margin: 0px !important;}


.navbar-collapse .nav .firstitem_ul > li{ border-bottom: 1px solid #dde1e4; }
.navbar-collapse .nav .firstitem_ul > li > a{ height: 38px; line-height: 38px; padding:0 8px;  display: block;}
.navbar-collapse .nav .firstitem_ul > li.active > a,.navbar-collapse .nav .firstitem_ul > li.active > a:hover,.navbar-collapse .nav .firstitem_ul > li > a:hover{background: #941751; color: #FFF;}


.navbar-collapse .nav .seconditem{ position: absolute; left: 220px; top: 0px; width: 680px; min-height: 468px; padding: 16px; background:#FFF; display:none ;
  box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
.navbar-collapse .firstitem_ul > li.active .seconditem{ display: block;}
.navbar-collapse .firstitem_ul .secneo_menu > a:after{  display: inline-block; float: right; position: relative; font-size: 0.5em; top: 12px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.navbar-collapse .nav .seconditem img{ width: 100%;}
.navbar-collapse .nav .seconditem .tit_img{ margin-bottom: 12px;}
.navbar-collapse .nav .seconditem_ul:after,.navbar-collapse .nav .seconditem_ul:before{ content: ""; display: block; visibility: hidden; clear: both;}
.navbar-collapse .seconditem_ul li{ float: left; width:30%;}
.navbar-collapse .seconditem_ul li a{ padding: 3px 8px 6px 8px; display: block; font-size: 0.9em;}
.navbar-collapse .seconditem_ul li a:before{ content: "◆" ; display: inline-block; margin-right:3px;
  -webkit-transform:scale(0.5);
  -moz-transform:scale(0.5);
  -ms-transform:scale(0.5);
  transform:scale(0.5);

  -webkit-transition:all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.navbar-collapse .seconditem_ul li a:hover::before{
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.navbar-collapse .row_ban{ margin: 12px 6px 0px 6px; position: absolute; bottom: 12px; right: 0px;}
.navbar-collapse .row_ban:before,.navbar-collapse .row_ban:after{ content: ""; display: block; visibility: hidden; clear: both;}
.navbar-collapse .col_ban{ width: 50%; float: left; padding: 0 6px;}



/**/
.main_banner{ position: relative; }


/**/
.main_slider{}
.main_slider .bx-wrapper img{ width: 100%;}
.main_slider .bx-wrapper{ margin: 0px;}
.main_slider .bx-wrapper .bx-viewport{ padding: 0px; margin: 0px; border:none; left:0px; box-shadow: none;}
.main_slider .bx-wrapper .bx-controls-direction a{ z-index: 459;}
.main_slider #bx-pager{ background:#f0f1f2;}
.main_slider #bx-pager .pager_box{ width:16.666%; float: left; color: #909293; padding:15px 10px;  border-bottom: 4px solid transparent; font-size: 0.9em; position: relative;}
.main_slider #bx-pager .pager_box:after{ content: ""; display: inline-block; width: 1px; height: 24px; position: absolute; right: 0px; top: 24px; background:#ccc;}
.main_slider #bx-pager a:hover .pager_box{color: #941751; border-bottom-color: #941751;}
.main_slider #bx-pager a:hover h4{color: #941751; }
.main_slider #bx-pager .active .pager_box{ background:#f9f9f9; border-bottom-color: #941751; margin-top: -4px; position: relative; padding-top: 19px; color: #555759;}
.main_slider #bx-pager .active h4{color: #2f3133; }
.main_slider #bx-pager > .container {position: }
.main_slider #bx-pager h4{ font-size: 1.2em; color: #636668; margin: 0px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_slider #bx-pager span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.bx-wrapper .bx-viewport{ padding: 0px; margin: 0px; border:none; left:0px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #941751;}
.bx-wrapper .bx-pager.bx-default-pager a{ background: #9eabb4; }
.bx-wrapper .bx-controls-direction a { z-index: 459;}
/* Section*/
h2.section_title{ font-size: 4.5em; font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif; }
h3.section_title{ font-size: 2em; font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif; }



/**/

.home_ebg{ }
.fullwide_banner{ padding: 20px 0 15px 0; }


.home_prodslist{ padding: 15px 0 30px 0; margin-bottom: 15px;}
.home_prodslist .col-item{ padding-bottom: 15px;background:#FFF; box-shadow: 0 0px 2px rgba(0,0,0,.2); }
.home_prodslist .col-item:hover{ box-shadow: 0 2px 6px rgba(0,0,0,.3); }
.home_prodslist .col-item img{ width: 100%;}
.home_prodslist .prods_info{ text-align: center; color: #959899;}
.home_prodslist .prods_info h5{margin: 15px 0 5px 0; font-size: 1.1em; text-overflow:ellipsis; white-space: nowrap; overflow:  hidden; }
.home_prodslist .prods_info h5 a{ color: #941751; }
.home_prodslist .prods_info h5 a:hover,.home_prodslist .prods_info h5 a:focus{ text-decoration: underline;}
.home_prodslist .prods_info span{ display: block; color: #636668;text-overflow:ellipsis; white-space: nowrap; overflow:  hidden;  display: block; }
.home_prodslist .prods_info .money{ color: #fc615c;}

.clearfix::after,.clearfix::before{ content: ""; display: block; visibility: hidden; clear: both;}
.waterfall li{ float: left; width: 25%; padding: 0px; height: 100%;}
.waterfall li.size_w2{ width: 50%;}
.waterfall li img{ width: 100%;}
.waterfall .cube{ background:#1aafc3; display: block; height: 100%; position:relative; top: 0px; bottom: 0px; }

.waterfall li > a { display: block; position: relative; border:2px solid #FFF;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  -webkit-transition:all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.waterfall li > a:hover{ z-index: 738; box-shadow: 0 0 15px rgba(0,0,0,.3); border:2px solid #FFF;
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  -o-transform:scale(1.05);
  transform:scale(1.05);
}




/*pen選單會員專區*/
.sub-sp { position:absolute; background-color:#f0f1f2; width:300%; min-height:280px; left:-100%; z-index:5000;}
.sub-sp_ul { width:90%; margin:0 auto;}

.sub_menu_a2 {
	width: 40%;
	float: left;
	margin: 5%;
	border-radius: 10px;
	background-color: #941751;
}
.sub-sp_ul li span { color:#FFF; }
.sub_menu_a2_title { text-align:center; font-size:15px; padding:5px; border-bottom:1px solid #FFF; color:#FFF;}
.a2_in { width:80%; border:none; height:28px; margin:8px 0 0 0;}
.a2_bt a {
	text-align: center;
	color: #FFF;
	width: 90%;
	margin: 5px auto;
	background-color: #F70370;
	border-radius: 10px;
	height: 30px;
	display: block;
	line-height: 30px;
	clear: both;
}
.a2_bt a:hover {
	background-color: #E2B5EB;
	color: #333;
}
.a2_bt2 a{ width:50%; text-align:center; height:30px; display:block; color:#FFF; float:left; margin:10px 0;}

.a3_bt a {
	text-align: center;
	color: #FFF;
	width: 90%;
	margin: 5px auto;
	background-color: #25045B;
	height: 30px;
	display: block;
	line-height: 30px;
	clear: both;
}
.a3_bt a:hover { background-color:#FFC; color:#333;  }

.sub_menu_a1 { width:22%; float:left; margin-right:3%; margin-top:20px;}
.sub_menu_a1 li { line-height:26px;}
.sub_menu_a1 h6 {
	font-size: 15px;
	border-bottom: 1px solid #A761DC;
	line-height: 26px;
}

.icon-phone { background:url(../images/icon-Language-1.png) 10px top no-repeat; background-size:16px; padding-left:30px;height:40px;}
.icon-phone { background:url(../images/Mobile-Phone-icon.png) 10px top no-repeat; background-size:16px; padding-left:30px;height:40px;}
.icon-money { background:url(../images/icon_money.png) 10px top no-repeat; background-size:16px; padding-left:30px; height:40px;}
.sv_bt { border:none; background:url(../images/icon_sv.png) center center no-repeat #FFF; width:25px; height:25px; text-indent:-9999px; border-radius:5px; background-size:20px;}
.tp {padding-right:50px; padding-top:5px;}


/*版權*/

footer { padding: 0;  background-color: #FFF; border-top: 2px solid #941751; box-shadow: 0 -5px 8px rgba(0,0,0,.02);}
footer .col-si{
	width: 15%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
footer .col-si2{
	width: 30%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
footer .footer_above{ padding-top: 15px;}
footer .footer_above h5{ color: #2f3133; border-bottom: 2px solid #eeeeee; padding-bottom: 10px; font-size: 1.1em; position: relative;}
footer .footer_above h5:after{ content: ""; display: block; position: absolute; bottom: -2px; left: 0px; width: 60px; height: 2px; background: #2f3133; }
footer .sub_map a{ color: #909293; font-size: 0.9em;  padding: 4px 0; display: inline-block; margin: 0;}
footer .sub_map a:hover,footer .sub_map a:focus{ color: #941751; }
footer .sub_map.last li a{ border-bottom: 1px dotted #909293; display: block;}
footer .sub_map.last a{ color: #2f3133; padding: 10px 0; font-size: 1em; font-weight: 800; }
footer .sub_map.last a:hover,footer .sub_map.last a:focus{ color: #941751;}
footer .text-muted{
	background: #F2F2F2;
	text-align: center;
	padding: 15px;
	margin-top: 30px;
	font-size: 0.9em;
	color: #737575;
	overflow: auto;
}

#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(../images/ui.totop.png) no-repeat left top; z-index: 8921;}
#toTopHover { background:url(../images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus { outline:none;}

/**/
.signin.site_path{ background: #f0f0f0; }
.breadcrumb{ margin: 0px; background:transparent; border-radius: 0px;}
.breadcrumb a{ color: #941751; }
.breadcrumb li{ max-width: 250px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}

/**/
.pagination_warp{ text-align: center;}
.pagination>li:first-child>a, .pagination>li:first-child>span{ border-radius: 50%;}
.pagination>li:last-child>a, .pagination>li:last-child>span{ border-radius: 50%;}
.pagination>li>a, .pagination>li>span{ background: transparent; border: none; border-radius: 50%; color:#9eabb4 ; margin: 0 2px; height: 26px; width: 26px; padding: 3px; text-align: center; }
.pagination>li>a.active{ background: #941751; color: #FFF;}
.pagination>li>a:hover,.pagination>li>a:focus{ background: #941751; color: #FFF; background: #9eabb4; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ border:none ; background:#941751; }


/*表單 與 按鈕 */
.form-control{ border-radius: 2px; border-color:#c7c8c9; box-shadow: none; outline:0 !important;  box-shadow: }
.select-control{border-radius: 2px; border:1px solid #c7c8c9; padding: 0px !important ;font-size: 1em; }
.select-control:active,.select-control:hover,.select-control:focus{border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
select.form-control{ border:none; margin:0px; padding: 0px; outline: 0 !important; box-shadow: none !important; height: 32px; padding: 5px 12px; }
select.input-lg{ height: 43px; }
select.input-lg, select.form-group-lg .form-control{ font-size: 1em;}

.form-group{ margin-bottom: 10px;}
.input-lg, .form-group-lg .form-control{height: 46px; padding: 10px 16px; font-size: 1em; border-radius: 2px;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color:#f2f2f2; border-color:#DDD;}

.has-error .form-control{border-color:#941751; background: #ffecec;}
.has-error .form-control:focus{  border-color: #941751; -webkit-box-shadow: inset 0 1px 1px rgba(254,66,66,.075),0 0 6px #941751; box-shadow: inset 0 1px 1px rgba(254,66,66,.075),0 0 6px #941751;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{ color:#941751; }

.btn{ border-radius: 2px; height: 34px; outline: 0 !important;
  -webkit-transition:all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn:hover,.btn:focus{  margin-top: 0px;}

.btn-xs, .btn-group-xs>.btn{ font-size: 1em; line-height: 18px; padding: 2px 10px; height: 29px; }
.btn-xs:hover,.btn-xs:focus, .btn-group-xs>.btn:hover, .btn-group-xs>.btn:focus{}

.btn-lg, .btn-group-lg>.btn{ font-size: 1em; height: 46px;}
.btn-lg:hover,.btn-lg:focus, .btn-group-lg>.btn:hover, .btn-group-lg>.btn:focus{ }

.btn-info{ background:#941751 ;   }
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info{ background:#941751 ;  }

.btn-danger{ background:#941751 ; border-color: #941751;  }
.btn-danger:hover,.btn-danger:focus{ background:#941751 ; border-color:#941751;  }

.btn-gray{ background:#989898 ;   color: #FFF !important; }
.btn-gray:hover,.btn-gray:focus{ background:#941751 ;color: #FFF !important; }

.btn-default{ background:#FFF ; border-color: #c7c8c9; color: #555 ; }
.btn-default:hover,.btn-default:focus{ background:#aeaeae ; border-color: #aeaeae;   color: #FFF !important; }

.btn-dark{ background:#383F41 ; border-color: #383F41;  color: #FFF; }
.btn-dark:hover, .btn-dark:focus, .btn-dark.focus, .btn-dark:active, .btn-dark.active, .open>.dropdown-toggle.btn-dark{ background:#2F3436 ; border-color: #2F3436;  color: #FFF; }


.btn-get{ background:#941751 ; border-color: #941751;  color: #FFF; }
.btn-get:hover,.btn-get:focus{ background:#941751 ; border-color: #941751;   color: #FFF }

.btn-facebook{ background:#941751 ; border-color: #941751; color: #FFF; }
.btn-facebook:hover,.btn-facebook:focus{ background:#941751 ; border-color: #941751;   color: #FFF }



/*Tab*/
.product_desc .nav-tabs>li{ margin-left: -1px;}
.product_desc .nav-tabs>li>a{ background:#FFF; padding: 10px 22px; height: 50px; line-height: 30px; border:1px solid #c7c8c9; border-radius: 0px; margin: 0px; color: #212a2e; border-bottom: 3px #c7c8c9 solid; font-weight: 800; text-align: center;}
.product_desc .nav-tabs>li.active>a,.product_desc .nav-tabs>li.active>a:hover,.product_desc .nav-tabs>li.active>a:focus{ color: #941751; border-bottom: 3px solid #941751;}
.product_desc .nav-tabs>li>a:hover{ background: #efeff3; border:1px solid #bcbcc0; color: #941751;}

.product_desc .tab-content img{ max-width: 100%; }

/*產品頁面*/
.prod_kv{ margin-top: 15px;}
.products_wrap .container { min-height:700px;}
.products_wrap.home_prodslist .prod_item{ box-shadow:none; margin-bottom: 15px; margin-right:-8px; margin-left:-8px; border:1px solid #CCC; box-shadow:1px 1px 1px rgba(204,204,204,0.5); padding: 6px;}
.products_wrap.home_prodslist .prod_item:hover {border:1px solid #941751; }
.products_wrap.home_prodslist .first_row .prod_item .prods_info{ height:150px; }
.products_wrap.home_prodslist .prod_item .prods_info{ height: 72px; overflow: hidden; text-align: center;}
.products_wrap.home_prodslist .prod_item .prods_info h4{ font-size: 1.2em;  margin: 12px 0 0 0px;}
.products_wrap.home_prodslist .prod_item .prods_info h4 a{ color: #941751;}
.products_wrap.home_prodslist .prod_item .exc_btn{ text-align: center;}
.products_wrap.home_prodslist .first_row .prod_item .prods_info h5{  margin-top: 5px;}
.products_wrap.home_prodslist .prod_item .prods_info h5{ max-height: 30px; overflow: hidden; }
.products_wrap.home_prodslist .prod_item .prods_info h5 a{ color: #212a2e; }

.key-word a{ font-size:12px; background-color: #ECECEC; padding:3px 5px; border-radius:3px; margin-right:2px;}

.prod_item .price span{ display: inline-block !important;}
.prod_item .price .fixed{
	text-decoration:line-through;
	color: #999;
	font-size: 0.85em;
}
.prod_item .price .fixed2{
	color: #999;
	font-size: 0.85em;
}
.prod_item .price .promo{ color: #941751;}

.commod_title .title{ color: #212a2e; font-size: 1.5em; margin-top: 0px; }
.commod_title .promo{ color: #ff673b; font-size: 1.1em; }
.main_commodity .divider{ border-top:1px solid #e5e6e7; border-bottom: 1px solid #e5e6e7; padding: 10px 0; line-height: 1.7; font-size: 0.95em;margin-bottom: 10px; }
.main_commodity .divider .volumn{ color: #9eabb4;}
.pro-type{ padding: 10px 0;}
.pro-type .tag{ color: #FFF; background: #B5C9D5 ; border-radius: 4px; padding: 2px 8px; font-size: 0.9em; margin-right: 5px; }

.main_commodity .divider .price{ color: #9eabb4; padding: 15px 0;  }
.main_commodity .divider .price .price-2 { color: #F60; font-size: 1.6em; margin-left: 15px; }
.main_commodity .divider .price .price-2 i { font-size: 0.7em; font-style: normal; color: #dc565a; }
.main_commodity .divider .price .line-through { text-decoration:line-through; font-style: normal; margin-left: 8px;}
.divider { overflow:hidden;}

.prod-viewimg{ position: relative;}
.prod-viewimg .preview{ float: left; position: absolute; width: 58px; top: 0px;    }
.prod-viewimg .preview .thumbnail_container{ padding: 0px; margin: 0px; list-style: none; }
.prod-viewimg .preview .thumbnail_container li{ margin-bottom: 5px;}
.prod-viewimg .preview .thumbnail_container li img{ width: 100%; padding: 1px; border:1px solid #EEE; cursor: pointer;}
.prod-viewimg .preview .thumbnail_container li:hover img ,.prod-viewimg .preview .thumbnail_container li img.active ,.prod-viewimg .preview .thumbnail_container li:hover img{ border-color: #F60;  }
.prod-viewimg .photo{ padding-left:70px;  }

.comb_form .product_extra{ margin-left:-5px; margin-right: -5px;}
.comb_form .product_extra .col-md-4{ width: 150px; float: left; padding-right: 5px; padding-left:5px;  }
.comb_form .spec{ width: 470px;}
.quantity-number{ border-radius: 2px; }
.quantity-number .input-group-addon　{ color:#941751;border-radius: 5px; font-size: 1em;  background:#FFF; padding: 10px 16px; height: 46px;  cursor: pointer; font-size:20px; }
.quantity-number .input-group-addon:hover{ color: #FFF; background:#941751; }
.quantity-number .form-control{ border-color: #c7c8c9 ; background:#c7c8c9; padding: 10px 6px; height: 46px; text-align: center; color: #FFF; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn{  border-top-right-radius: 0; border-bottom-right-radius: 0;}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn{  border-top-left-radius: 0; border-bottom-left-radius: 0;}


.quantity-number.qua_sm .input-group-addon{  padding: 6px 12px; height: 34px; }
.quantity-number.qua_sm .form-control{ padding: 6px 6px; height: 34px;}

/*加購*/
.plus_purchase{ margin-bottom: 15px;}
.plus_purchase .col-item{ width: 20%; padding-left:15px; padding-right: 15px; float: left; text-align: center; margin-bottom: 15px; }
.plus_purchase .col-item .prods_info h5{ margin-top: 8px; margin-bottom: 0px; max-height: 30px; overflow: hidden; }
.plus_purchase .col-item .prods_info h5 a{color: #212a2e;}
.plus_purchase .col-item .prods_info{ height: 60px; overflow: hidden; }
.plus_purchase .col-item .favor{ color: #6e070a  #6e070a;  font-size: 1em;}
.plus_purchase .col-item .favor .checkbox{ padding: 0px; margin: 0px;}

.title{ margin-bottom: 15px;}
.title h4 { color: #212a2e; font-size: 1.4em; text-align:left; border-bottom:1px #CCC solid ; min-height:26px; }
.title h4 span {border-bottom:3px #941751 solid;}
.title.doube_botted:before, .title.doube_botted:after{ display: block; height: 5px; text-align:left;}

.commodity_content { max-width:1150px ;margin:0 auto;}
.commodity_content h3{ font-size: 1.6em;}
.commodity_content h4{ font-size: 1.2em; text-align:left; border-bottom:1px #CCC solid ; height:22px;}
.commodity_content h4 span {border-bottom:3px #941751 solid;}
.commodity_content .tab-panel{ margin-bottom: 30px; }
.pro-info-table .th_tit{ background: #f0f1f2; width: 90px;}


.aside-category h3{ font-weight: 500; color: #212a2e; font-size: 1.3em; border-bottom: 2px solid #848489; padding: 15px; margin: 0px; background: #FFF;  border-top:1px solid #ddd; }
.aside-category h3.sans:first-child{ border-top:none; }
.aside-category .aside_item{margin-bottom: 15px; border:1px solid #ddd; background: #f3f3f3;}
.aside-category .aside_item.total_money{ background: #f2f2f0;
  -webkit-transition:all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.aside-category .aside_item.total_money.is_stuck{ background: #FFF; box-shadow: 0px 1px 6px rgba(0,0,0,.1); padding:0 20px; margin-top: 120px; border: 2px solid #941751;}
.aside-category .aside_item.total_money .arrow{  display: none; }
.aside-category .aside_item.total_money.is_stuck .arrow { display: block;}
.aside-category .aside_item.total_money.is_stuck .arrow:after {
  position: absolute;
  left: -20px;
  top: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(0, 160, 232, 0);
  border-right-color: #941751;
  border-width: 10px;
  margin-top: -10px;
}


.aside-category .total_money.is_stuck  h3.sans{ font-size: 1.2em;}
.aside-category .filter_list{ list-style: none; padding: 0px; margin: 0px; }
.aside-category .filter_list .list{ border-bottom:1px solid #ddd;}
.aside-category .filter_list .list:last-child{ border:none;}
.aside-category .filter_list .list a{color: #64666c; padding:10px 15px 10px 5px ; display: block;}
.aside-category .filter_list .list a:hover,.aside-category .filter_list .list a:focus,.aside-category .filter_list .list a.active{ color: #6e070a; background: #FFF; }
.aside-category .filter_list .list .icon{ width: 40px; height: 40px; display: inline-block; margin-right: 5px;}
.aside-category .filter_list .list .icon img{ width: 100%;}
.aside-category .filter_list .badge {float: right; background: #9eabb4;}
.aside-category.member .filter_list .list a{ padding:10px 15px; }

.aside-category .filter_list .list2 { margin:5px 0;}


.spread .banner{ margin-bottom: 15px;}


/**/
.page_wrap .title h3,.page_wrap .title h4{ color: #212a2e; font-size: 1.4em; text-align: center; margin:  10px 0; }
.page_wrap .title.doube_botted:before,.page_wrap .title.doube_botted:after{ content: ""; display: block; border-top: none; border-bottom: border-bottom:1px #CCC solid; height: 5px;}
.container .container { min-height:700px;}
.register_container .form_title{  font-size: 1.3em; color: #000; background: #f3f3f3; padding: 10px; margin: 0 0 15px 0; }
.register_container .control_bar{ margin: 15px 0 30px 0;}
.register_container .server-order-number{ text-align: right; margin: 15px 0 30px 0; line-height: 34px}
.register_container .server-order-number a{ color: #6e070a ;}

/*會員專區 - 修改會員資料*/
.mobile.function_category{ display: none; margin-bottom: 15px;}

.register_container .reg_box{ margin-top: 30px;}
.register_container .title.doube_botted{ margin-bottom: 30px;}
.register_container .title.doube_botted.no-margin-bottom{ margin-bottom: 0px;}
.reg_box input.form-control[type=text],.reg_box input.form-control[type=email],.reg_box input.form-control[type=password],.reg_box input.form-control[type=name] ,.reg_box input.form-control[type=id] ,.reg_box input.form-control[type=phone],.reg_box input.form-control[type=recommended],.reg_box input.form-control[type=hint],.reg_box input.form-control[type=question], .reg_box input.form-control[type=mobile] ,.reg_box input.form-control[type=recommendedPhone] { max-width: 70%;}
.reg_box .getPhoneCode{ max-width: 70%; padding-right:  110px; position: relative; }
.reg_box .getPhoneCode input.form-control[type=text]{ max-width: 100%;}
.reg_box .getPhoneCode .btn{
	position: absolute;
	top: 0px;
	right: -30px;
}

.phone_form .phone_input1{ float: left; width: 20%; padding-right: 15px; }
.phone_form .phone_input2{ float: left; width: 80%; }
.phone_form .form-control{ width: 100% !important ; max-width: 100% !important;}

.phone_form .intl-tel-input{ width: 70%; display: block;}


.form_address .foreign_address{ margin-bottom: 15px;}
.form_address .address_input{margin: 0 -5px;}
.form_address .address_input:after,.form_address .address_input:before{ content: ""; display: block; clear: both; visibility: hidden;}
.form_address .address_input li{ width: 33.3333%; float: left; padding: 0 5px; margin-bottom: 10px;}
.form_address .address_input li input.form-control[type=text]{ max-width: 100%;}
.form_address .address_input li.input-4{ width: 100%;}

.reg_box .input_text{padding-top: 7px; margin-bottom: 0; display: inline-block; }
.reg_box .fixed_btn{ float: right;}

.div-striped .reg_box .form-group{ margin: 0px; padding: 10px 0; }
.div-striped .reg_box .form-group:nth-child(odd){ background: #f2f4f6; }
.div-striped .reg_box .control-label{ color: #212a2e;}

.div-border .reg_box .form-group{ margin: 0px; padding: 10px 0; border-bottom: 1px dotted #DDD; }
.div-border .reg_box .form-group:nth-child(odd){ background: #f2f4f6; }
.div-border .reg_box .control-label{ color: #212a2e;}
.div-border .reg_box .control-label{ padding-top: 0px;}
.div-border .reg_box .input_text{ padding-top: 0px;}

.center_box{width: 80%; margin: 15px auto;}
.center_box.wide{ width: 100%;}
.center_box .reg_box{ padding: 15px; background: #f2f4f6; margin-top: 0px; margin-bottom: 15px;}
.center_box .reg_box .form-group{ padding:  5px 0;}
.reg_box .form-tips{ color:#888; font-size: 0.9em; }

.sub_tt{ color: #212a2e; font-weight: 800; font-size: 1.2em; border-bottom:#DDD 1px solid; position: relative; padding-bottom: 10px;}
.sub_tt.doline:after{ position: absolute; bottom:-1px; left: 0px; content: ""; display: block; width: 70px; height: 3px; background: #941751;  }

/*會員專區 - 登入*/
.login_container .setion_title{ font-size: 1.3em;  color: #000;}
.login_page{}
.login_page > .signin_container .singin_banner{ margin-right: -30px;}
.login_page > .signin_container .singin_banner img{width: 100%;}

.login_page .box_wrap{ padding: 10px 20px; border: 1px #999999 solid;  border-radius:10px; margin-bottom: 30px; margin-left:10px;}
.login_page .box_wrap hr{ border-color: #c7d9df;}
.login_page .signbw{ float: right;}

.login_page.page_wrap .title.doube_botted{ margin-bottom: 0px;}
.login_page.page_wrap .title.doube_botted.magb_lg{ margin-bottom: 15px;}

.box_wrap .signin_other:after{content: ""; display: block; clear: both; visibility: hidden;}
.box_wrap .signin_other{ margin-top: 15px;}
.box_wrap .signin_other .regist{ float: right;}
.box_wrap .signin_other .regist a{ color:#941751; }
.box_wrap .signin_other .regist a:hover,.box_wrap .signin_other .regist a:focus{  text-decoration: underline;}
.box_wrap .signin_other .forget{ float: left;}
.box_wrap .signin_other .forget li {  display: inline-block;}
.box_wrap .signin_other .forget li + li:before{ content: "|" ; display: inline-block; padding: 0 6px 0 3px; color: #ccc;}
.box_wrap .signin_other .forget li a.link-info{}
.box_wrap .or{ position: relative; margin-bottom: 5px;}
.box_wrap .or p{ margin:0px; padding: 0px; text-align: center; height: 40px; line-height: 40px;  }
.box_wrap .or p span{ display: inline-block; background: #FFF; padding: 0 10px; position: relative; z-index: 88; color: #212a2e; }
.box_wrap .or hr{ position: absolute; top: 0px; left: 0px; width: 100%; border-color: #c6d0d7; z-index: 66;}
.login_section{ margin-bottom: 10px;}
.login_section .sign_form{ margin: 0px 0 -1px 0; position: relative;  }
.login_section .sign_form.sign_acc .form-control{ border-radius: 2px 2px 0 0; padding-left: 50px;}
.login_section .sign_form.sign_pass .form-control{ border-radius:0 0  2px 2px ;padding-left: 50px;}
.login_section .sign_form .input-icon{ position: absolute; top:7px; left: 18px; font-size: 1.5em; color: #b5c0c8; }

.login_social{ padding:8px 0; }
.login_social .login_fb{position: relative; }
.login_social .login_fb .fa{ font-size: 2em; position: absolute; top: 0px; left: 0px; width: 46px; height: 46px; display: block; line-height: 46px; border-right:#274d8a 1px solid; background:#3465b3; border-bottom: 3px #274d8a solid; border-radius: 2px 0 0 2px; }

.login_social .login_get{position: relative; }
.login_social .login_get .fa{ font-size: 1.5em; position: absolute; top: 0px; left: 0px; width: 46px; height: 46px; display: block; line-height: 46px; border-right:#279C7F 1px solid; background:#35AA8D; border-bottom: 3px #1F9276 solid; border-radius: 2px 0 0 2px; }


.login_section .intl-tel-input{ width: 100%; position: relative;}
.login_section .intl-tel-input .country-list{ width: 100%; min-width: 300px;}


/*表格*/
.table-header-color >thead:first-child>tr:first-child>th{ background: #941751; color: #FFF; border:1px solid #941751; border-bottom:2px solid #941751; }


/*購物清單*/
.shoplist_container{ margin-bottom: 15px;}
.shoplist_container a{ color: #941751;}
.shoplist_container a:hover,.shoplist_container a:focus{ text-decoration: underline; }
.shoplist_row{ border:1px solid #ddd; margin-top: -1px;}
.order-table-info a{ color: #941751;}
.order-table-info a:hover,.order-table-info a:active{ text-decoration: underline;}
.order-table{ margin-bottom: 0px;}
.table-responsive .visible-xs-item{ display: none;}
.order-table-info .shoplist_item{border-bottom:1px solid #ddd;}
.order-table-info .shoplist_item:last-child{ border-bottom:none;}
.order-table-info .shoplist_item:after,.shoplist_row .shoplist_item:before{ content: ""; display: block; clear: both; visibility: hidden;}
.order-table-info .item{ float: left; position: relative; min-height: 60px; padding: 10px; }
.order-table-info .item.cell-1{ width: 60%;}
.order-table-info .item.cell-2{ width: 40%;}
.order-table-info .item.cell-2  .phone_txt{ display: none; color: #222; font-weight: 700;}
.order-table-info .item .img{ position: absolute; top: 0px; left: 10px; width: 60px;}
.order-table-info .item .infobox{ padding-left: 80px;}
.order-table-info .item p{ margin:0px;}
.order-table-info .item p.info{  font-size: 0.9em;  }
.order-table-info .item .strong{ color: #212a2e;}

/*購物車*/
.shopcart_content{ margin-bottom: 30px;}
.shopcart_row{border: 1px solid #ddd; }
.shopcart_row .item.cell-1{ width: 40%;}
.shopcart_row .item.cell-2{ width: 60%;}
.shopcart_row .item.cell-2 .phone_txt{ display: none; }
.shopcart_row .text-price{ text-align: center;}
.shopcart_row .pad{ padding-top: 12px;}
.order-table-info .shoplist_item.item_th{border-bottom: 2px solid #941751; font-size: 0.9em;}
.order-table-info .shoplist_item.item_th .item{ min-height: 30px; background: #941751; color: #FFF;}
.shopcart_row .item.cell-2 .cancel .btn{ width: 40px;}

.comm_warp{ margin-bottom: 15px;}
.comm_warp .price-total{ background: #f2f4f6; text-align: right;  display:block; padding:10px 15px; border: 1px solid #ddd; border-top: none;}
.comm_warp .price-total .price-td{ width: 100%; }
.comm_warp .price-total .price-td .pri_2{ font-size: 1em; margin: 0 0 0 10px;}
.comm_warp .price-total .total_money_ul{ padding:0px; list-style: none; }
.comm_warp .price-total .total_money_ul li{ padding: 3px 0;}
.comm_warp .price-total .total_money_ul li .price{ color: #941751;}
.shopcart_content .btngroup.check{ margin: 30px 0; border-top: 1px solid #ddd; background: #f2f4f6; padding: 15px 0;}
.shopcart_content .btngroup.check .inline_form{ display: inline-block;}
.points_exch .prod_item{ margin-bottom: 15px; padding-bottom:10px; }
.points_exch .prod_item.active{ background:#FFF; border:1px solid #941751; box-shadow: 0 0px 6px rgba(0,0,0,.2); }
.points_exch .prod_item.active .btn-gray{ background:#941751; border-color: #941751;}
.points_exch .prod_item .price span{ color: #9eabb4; font-size: 0.85em;}
.points_exch .prod_item .price span.promo{ color: #941751; font-size: 1.1em;}
.points_exch .prod_item .prods_info{height: 72px; overflow: hidden; text-align: center;}
.points_exch .prod_item .prods_info h5 { max-height: 30px;  overflow: hidden;}
.points_exch .exc_btn{ text-align: center;}
.points_exch .exc_btn .btn{ min-width:40%; }



.mailid_check{margin:0 0 15px 0; border: 1px solid #ddd; background: #f2f4f6; padding: 15px;}

.total_money .sans .price{ text-align: right; float: right; display: block;}
.total_money .total_money_ul .list{ padding:7px 5px; }
.total_money .total_money_ul .list .text{ text-align: left;}
.total_money .total_money_ul .list .price{ text-align: right; float: right; display: block; color: #941751;}

/*購物流程*/
.shoplist_container .tie_line{ color: #212a2e; font-size: 1.3em; position: relative; padding: 8px 0; margin: 10px 0; }
.shoplist_container .tie_line::after{ content: ""; display: block; width: 150px; height: 2px; background:#941751; position: absolute; bottom: 0px; left: 0px; }
.shoplist_container .subtie{ color: #212a2e; font-size: 1.1em; position: relative; padding: 8px 15px; margin: 10px 0; background:#f2f4f6; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.shoplist_container .pickup_way:after,.shoplist_container .pickup_way:before{ content: ""; display: block; visibility: hidden; clear: both; }
.shoplist_container .pickup_way > li{ margin-right: 15px;}

.shoplist_container .toggle-item{ padding: 15px; border:1px solid #DDD; background: #f2f4f6; color: #9eabb4; font-size: 0.95em; }
.shoplist_container .toggle-item .select-superadrss{ margin-top: 15px;}
.shoplist_container .pop_top{ position: relative;}
.shoplist_container .pop_top .arrow {
  position: relative;
  background: #88b7d5;
}
.shoplist_container .pop_top .arrow:after, .shoplist_container .pop_top .arrow:before {
  top: -35px;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.shoplist_container .pop_top .arrow:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #f2f4f6;
  border-width: 9px;
  margin-left: -9px;
  margin-top: 2px;
}
.shoplist_container .pop_top .arrow:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #DDD;
  border-width: 10px;
  margin-left: -10px;
}

.time_receipt:after,.time_receipt:before{ content:""; display: block; visibility: hidden; clear: both;}
.time_receipt .radio-inline{ width: 33.33333%; margin: 0px; float: left; padding: 5px 0; padding-left:20px;}
.time_receipt .radio-inline+.radio-inline,.time_receipt .checkbox-inline+.checkbox-inline{ margin-left:0px;}
.shoplist_container .form-tips{ float: right;}
.shoplist_container label.control-label{ margin: 0; color: #393d3d;}

.form-horizontal .control-label{ text-align: left;}
.less_col .form-horizontal .radio-inline,.less_col .form-horizontal .checkbox-inline{ padding-left:0px; padding-right: 20px;}
.form-horizontal .lab{ padding-top:7px; display: inline-block;}
.form-horizontal .form-group.inline-block{ margin: 0px;}
.form-horizontal .form-group.invoice{ margin-left: 0px; margin-right: 0px;}
.discount-no{ margin-bottom: 20px;}
.discount-no .warp_graybox{ padding: 0px;  border:2px dashed #e7e7e7 ; }
.discount-no .btn-sm{ padding: 6px 12px;}
.discount-no > .row{ margin: 0px;}
.discount-no > .row .col{ padding: 10px;}
.discount-no .col-sm-6{ padding: 0 5px;}
.discount-no .item{ padding: 0 10px;}

.discount-no .warp_graybox .disc_item{ padding:15px 20px 10px 20px;  }
.discount-no .warp_graybox .disc_item .control-label{ margin-top: 5px; font-weight: 800;}
.discount-no .warp_graybox .disc_item p{ color: #9eabb4; font-size: 0.95em;}
.discount-no .warp_graybox .col-sm-6:first-child .disc_item{ border: none;}
.discount-no .col-sm-2,.discount-no .col-sm-3,.discount-no .col-sm-4,.discount-no .col-sm-6,.discount-no .col-sm-8,.discount-no .col-sm-9,.discount-no .col-sm-10,.discount-no .col-sm-12{  padding-right: 5px ; padding-left: 5px;}
.discount-no .cancel_use{ padding: 0 10px;}

.warp_graybox .control-label{ padding-top: 0px; padding-bottom: 10px;}

.coupons_input{ position: relative; z-index: 823;}
.coupons_input .select_dropdown{ border-radius:0 0 2px 2px; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.2); border:1px solid #cecece; border-top: 0; position: absolute;  width: 100%; margin-top: -1px; }
.coupons_input .select_rendered{ border-radius: 2px; border:1px solid #c7c8c9; display: block; margin: 0px; font-weight: 500;
width: 100%;
  height: 34px;
  padding: 6px 25px 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #FFF;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.coupons_input .rendered{position: relative;}
.coupons_input .rendered .icon{ position: absolute; right: 10px; top: 6px;}
.coupons_input .sel_input{padding: 10px; position: relative;}
.coupons_input .sel_input .fa{ position: absolute; top: 20px; right: 20px; color: #aeaeae;}
.coupons_input .sel_input .fa:hover{ color: #941751;}
.coupons_input .sel_select ul > li{ padding: 8px 10px; cursor: pointer; background: #f2f4f6; border-bottom: #e7e7e7 1px solid;}
.sel_select ul > li:hover{ color: #941751 ; background: #FFF;}
.sel_select ul > li.highlighted{ background: #941751; color: #FFF;}
.has-error .form-control:focus{ border-color: #941751; color: #941751; }
.has-success .form-control:focus{  border-color: #29CC3B; color: #2AA938; background: #F3FFF4; }
.discount-no .link{ color: #941751; }
.discount-no .link:hover,.discount-no .link:focus{  text-decoration: underline;}
.discount-no .not_use{ padding: 0 10px;}
.discount-no.cupsn_done .warp_graybox .disc_item{ padding: 15px 20px;}
.discount-no.cupsn_done .warp_graybox .disc_item .control-label{margin:0px; padding: 0px;}
.discount-no.cupsn_done .form-horizontal .form-group{padding: 0px; margin: 0px;}
.discount-no .cupnumber .em{ color: #941751;}


.form-warp a{ color: #941751}
.form-warp a:hover{ text-decoration: underline;}
.form-warp .row_sm{ margin: 0 -5px;}
.form-warp .row_sm .col-md-6{ padding-left:5px; padding-right: 5px; }


/*購物步驟*/
.shopcart_step ul{ margin:0px 0 15px 0;  padding: 0px; border: 1px solid #d8d8d4;}
.shopcart_step ul:after,.shopcart_step ul:before{ clear: both; display: block; content: " "; visibility: hidden;}
.shopcart_step ul li{ margin: 0px; padding: 0px; list-style: none; font-size: 1.1em; font-weight: 300;float: left; width: 33.3333%; height: 50px; position: relative;  color: #9eabb4;}
.shopcart_step ul li .step_text{ background: #f2f4f6; margin-right: 17px; height: 50px; padding: 15px 0px 10px 60px; position:relative; }
.shopcart_step ul li .arr{ display: block; width: 17px; height: 50px; position: absolute; right: 0px; top: 0px; background: url(../images/step_arrow_notyet.html) no-repeat;  }
.shopcart_step ul li:first-child .step_text{ border-radius: 3px 0 0 3px;}
.shopcart_step ul li:last-child .step_text{ margin-right: 0px; border-radius:0 3px 3px 0;}
.shopcart_step ul li:last-child .arr{ display: none;}
.shopcart_step ul li .no{ border-radius: 50%; width: 22px; height: 22px; display: inline-block; border: none; text-align: center; line-height: 22px; position: absolute; top: 15px; left: 24px; background: #9eabb4; font-weight: 300; color: #FFF;}
.shopcart_step ul li.active .no{ background: #941751; color: #FFF;}
.shopcart_step ul li.active .step_text{ background: #FFF; color: #941751;}
.shopcart_step ul li.active .arr{ background: url(../images/step_arrow_done.html) no-repeat;}
.shopcart_step ul li.active.nextdone .arr{ background: url(../images/step_arrow_done_done.html) no-repeat;}

.shopcart_step.two_step ul li{ width: 50%;}

.well-msg{ background: #f2f4f6; border: 1px solid #ddd; border-radius:2px; padding: 15px; color: #212a2e ; box-shadow: none; }
.well-msg .fa{ margin-right: 10px;}

#payerform{ width: 100%;}
#payerform.fixed{ width: 50%;}
#payerform.fixed{ width: 50%;}
/*#payerform.fixed .item-time,#payerform.fixed .item-address{ display: none; }*/
#recipientform{ display: none;}
#recipientform.active{ display: block;}
.shoplist_container .form_address #address_foreign{ display: none;}

/**/
.label-default{ background: #999;}
.label-success{ background: #81bf40;}
.label-warning{ background: #ff673b;}

.shopOrder_tab .tab-content{ padding: 15px 0;}
.shopOrder_tab .tab-content .orderNumber{display: inline-block; margin-left: 5px; color: }

/**/
.alert{ border-radius: 2px;}
.alert h4{ margin:0px; font-size: 1em;}
.alert strong{ font-size: 1.4em;}
.alert>p{ margin: 0;}
.alert-danger{ color: #fc615c; background: #FFF6f6; border-color: #fbd2cb;}
.alert-warning{ color: #ff5d41; background: #fcf1ef; border-color: #fbd2cb;}
.alert-success{ color: #4db331; background: #ecf4eb; border-color: #bfdcbb;}
.alert-info{ color: #3c73aa; background: #d9edf7; border-color: #bce8f1;}
.alert-default{ color: #636668; background: #f2f4f6; border-color: #DEE5EC;}

.alert-warning .exch_point{ color: #333; margin-top: 10px; border-top: 1px solid #e6cecd; padding-top: 10px;}
.alert-warning .exch_point .text{ width: 130px; display: inline-block; font-size: 0.9em;}
.alert-warning .exch_point .price{ color: #ff5d41;}

.alert-xs{ padding: 5px 15px; display: inline-block; margin-top: 10px; font-size: 0.9em; margin-bottom: 0px;}
/*buzz*/
.buzz_kv{ background: url(../images/buzz_header.html) no-repeat center center; background-size: cover; width: 100%; height: 210px; margin-bottom: 30px;}
.buzz_kv.about{background: url(../images/buzz_header2.html) no-repeat center center; background-size: cover; }
.buzz_kv.store{background: url(../images/store_header2.html) no-repeat center center; background-size: cover; }
.buzz_kv .site_path { background: rgba(255,255,255,.3);}
.buzz_kv .breadcrumb a{ color: #333;}
.buzz_kv .breadcrumb>.active{ color: #777; }


.path-section { text-align: center; padding-top: 30px;}
.path-section h3 { font-size: 3.3em; line-height: 1em; color: #941751; font-weight: 700; margin: 0 0 15px 0; text-transform: uppercase;/* text-shadow:1px 0px 5px rgba(0,0,0,.2);*/}
.path-section p { color: #212A2E; font-size: 1.3em; font-weight: 400; line-height: 1.5em;/* text-shadow:1px 0px 5px rgba(0,0,0,.5)*/ ; margin: 0px;}
.path-section p a {color: #5a6a70;}
.site-dot li:last-child,.site-dot li:first-child { background: #b7a6a2; width: 30%;}
.path-section .site-dot { z-index: 1;margin: 0;}
.path-section .site-dot li:last-child, .path-section .site-dot li:first-child { width: 10%;}
.buzz-dot { margin: 10px 0; padding: 0; text-align: center;  position: relative; z-index: 2;}
.buzz-dot li { display: inline-block; vertical-align: top; *zoom: 1; *display: inline;}
.buzz-dot li:last-child, .buzz-dot li:first-child { background: #212A2E; height: 1px;  margin-top: 5px; min-width: 120px;}
.buzz-dot li .fa{ color: #941751; position:relative; top: -4px; font-size: 1.4em;}

.buzz_container{ color: #999}
.buzz_container .buzz-con{ border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.buzz_container .buzz-con h4{ font-size: 1.3em; margin: 15px 0 5px 0;  border-left: 4px solid #941751; padding-left: 15px; }
.buzz_container .buzz-con h4 a{ color: #212a2e; }
.buzz_container .buzz-con h4 a:hover,.buzz_container .buzz-con h4 a:focus{ color: #941751;}
.buzz_container .buzz-con h4 small{ color:#9eabb4 ; font-size: 0.75em; margin-left: 15px; font-weight: 300; }
.buzz_container .buzz-con p{ margin: 0 0 10px 0; font-size: 0.95em;}
.buzz_container .buzz-con .more{ text-align: right; padding-top: 10px; float: right;}

.buzz_container .buzz-con .buzz-img{ position: relative; overflow: hidden;}
.buzz_container .buzz-con .buzz-img img{
  -webkit-transition:all;
  -moz-transition: all;
  -ms-transition: all;
  -o-transition: all;
  transition: all;
}
.buzz_container .buzz-con .date{ width:80px; border: 2px solid #FFF; position: absolute; top: 20px; left: 20px; color: #FFF; padding: 5px;}
.buzz_container .buzz-con .date span{display: block; text-align: center; padding: 5px 0; }
.buzz_container .buzz-con .day{ font-size: 1.2em; font-weight: 800; }
.buzz_container .buzz-con .year{ border-top: 1px solid #FFF;}
.buzz_container .buzz-con .overlay{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(255,255,255,.5); border:10px solid rgba(181,201,203,0.5); opacity: 0;
  -webkit-transition:all;
  -moz-transition: all;
  -ms-transition: all;
  -o-transition: all;
  transition: all;
}
.buzz_container .buzz-con .buzz-img:hover .date{ display: none;}
.buzz_container .buzz-con .buzz-img:hover .overlay{opacity: 0;}

.buzz_container .buzz-con .overlay .view_link{ position: absolute; left: 50%; top:50%; margin-top: -40px; margin-left: -40px; opacity: 1;
  -webkit-transition:all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/*.buzz_container .buzz-con .overlay .view_link > li{  margin: 0 5px;}*/
.buzz_container .buzz-con .overlay .view_link .share{ display: none;}
.buzz_container .buzz-con .overlay .view_link > li >a{ display: block; width: 80px; height: 80px;  border-radius: 50%; background: #d7494c; color: #FFF; text-align: center; padding-top: 22px; font-size: 0.9em; opacity: 0;
  -webkit-transition:all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.buzz_container .buzz-con .overlay .view_link > li >a:hover{ background: #941751; color: #FFF; }
.buzz_container .buzz-con .overlay .view_link > li .fa{ font-size: 1.6em; display: block; margin-bottom: 3px;}
.buzz_container .buzz-con .buzz-img:hover .view_link > li.share >a{
  -webkit-animation: viesha  forwards;
  -moz-animation: viesha  forwards;
  -ms-animation: viesha forwards;
  animation: viesha  forwards;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  animation-delay: 0.2s;

}
.buzz_container .buzz-con .buzz-img .view_link > li.view >a{ margin-top: 30px;}
.buzz_container .buzz-con .buzz-img:hover .view_link > li.view >a{
  -webkit-animation: viesha  forwards;
  -moz-animation: viesha forwards;
  -ms-animation: viesha  forwards;
  animation: viesha  forwards;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

@-webkit-keyframes viesha {
    from { margin-top: 30px; opacity: 0; }
    to { margin-top: 0px; opacity: 1;}
}
@-moz-keyframes viesha {
    from { margin-top: 30px; opacity: 0; }
    to { margin-top: 0px; opacity: 1;}
}
@-ms-keyframes viesha {
    from { margin-top: 30px; opacity: 0; }
    to { margin-top: 0px; opacity: 1;}
}
@keyframes viesha {
    from { margin-top: 30px; opacity: 0; }
    to { margin-top: 0px; opacity: 1;}
}

.buzz_container .buzz-con .buzz-img:hover img{
  
}

/**/
.aside_item ul.prd_cate{ list-style: none; padding: 0px; margin: 0px -1px; border-left:#ddd 1px solid;border-right:#ddd 1px solid;  }
.aside_item ul.prd_cate:after,.buzz-list .block-group ul.prd_cate:before{ content: " "; clear: both; display: block; visibility: hidden;}
.aside_item ul.prd_cate li{ display: block; float: left; width: 33.33333% ; margin: 0px 0px 0 0px;  overflow: hidden; border-right:1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;  }
.aside_item ul.prd_cate li:nth-child(3),.aside_item ul.prd_cate li:nth-child(6),.aside_item ul.prd_cate li:nth-child(9),.aside_item ul.prd_cate li:nth-child(11){border-right:none;}
.aside_item ul.prd_cate li:nth-child(10),.aside_item ul.prd_cate li:nth-child(11){ border-bottom: none;}
.aside_item ul.prd_cate li .group-item{ display:block; width: 100%; padding-top: 20px;  height: 80px;  position: relative; background: #f3f3f3;}
.aside_item ul.prd_cate li .group-item:hover,.aside_item ul.prd_cate li .group-item:focus{   }
.aside_item ul.prd_cate li .group-item .icon{ display: block; width: 45px; height: 45px; margin: 0 auto;}
.aside_item ul.prd_cate li.w2{ width: 66.66666%}
.aside_item ul.prd_cate li.span6{ width: 50%}
.aside_item ul.prd_cate li .group-item .icon {
  -webkit-transition:all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);

}
.aside_item ul.prd_cate li .group-item:hover .icon{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

/*buzz single*/
.buzz-post{ margin-bottom: 30px;}
.buzz-post h4{ color: #212a2e; font-size: 1.3em;  margin: 15px 0 5px 0; border-left: 4px solid #941751; padding-left: 15px; margin-bottom: 10px;}
.buzz-post h4 small{color: #9eabb4; font-size: 0.75em; margin-left: 15px; font-weight: 300;}

.post_head{ position: relative;}
.post_head .btn-fordl{ position: absolute; top: 10px; right: 0px;}
.post_head .dateCreated:before{ content: "|"; display: inline-block; padding: 0 8px 0 5px;}


/* lightbox */
.modal-header { background-color:#941751; color:#FFF; text-align:center; border-radius:2px 2px 0 0;}
.modal-body a.dl_thumbnail { border:1px solid #FFF; padding:2px; display: block;}
.modal-body a.dl_thumbnail.active, .modal-body a.dl_thumbnail:focus, .modal-body a.dl_thumbnail:hover{border:1px solid #00a1e9; text-decoration:none; color:#00a1e9;}
.modal-content{ border-radius:2px; border: none; }
.modal-backdrop.in{ opacity: 0.8;}
.modal-backdrop{ background:url(../images/patten_mask.html);}

.modal-body .thumbnail_box{ position: relative; margin-bottom: 15px;}
.modal-body .thumbnail_box:nth-child(even):after{ content: " " ; display: block; clear: both; visibility: hidden;}
.modal-body .select{ display: none;}
.modal-body .checked .select{ position: absolute; top: -16px; left: 2px; font-size: 2.4em; color:#00a1e9; display: block; }
.modal-body .checked .select .fa{ background: #FFF; border-radius: 50%;}
.modal-body .checked a.dl_thumbnail{border:1px solid #00a1e9; text-decoration:none; color:#00a1e9;}

.modal-body .file_box{ margin-bottom: 15px;}
.modal-body .dl_thumbnail .dl_file_co{ width: 100%; height: 120px; background: #f2f2f2; display: block;text-align: center; vertical-align: }
.modal-body .dl_thumbnail .dl_file_co .fa{ font-size: 3em; color: #CCC; margin-top: 35px; }
.modal-body .dl_thumbnail .text{ color: #333; text-align: center; display: block; overflow : hidden; text-overflow : ellipsis; white-space : nowrap;}

.modal-footer{ background-color: #eee; border:none;}
.modal-footer .mod_dlbtn .btn{ width: 150px;}


.dialog_default .modal-header{ padding: 12px; }
.dialog_default .modal-header h4{ margin: 0px;}

.tab_sele{margin-bottom: 15px; border: 1px solid #ddd; background: #f3f3f3;}
.tab_sele h4{ font-weight: 500; color: #212a2e; font-size: 1.3em; border-bottom: 2px solid #848489; padding: 15px; margin: 0px; background: #FFF;}
.tab_sele .nav-tabs-vertical{ border: none;}

.tab_sele .nav-tabs-vertical>li{ margin: 0px; float: none; }
.tab_sele .nav-tabs-vertical>li:last-child>a{ border: none !important;}
.tab_sele .nav-tabs-vertical>li.active>a, .tab_sele .nav-tabs-vertical>li.active>a:focus, .tab_sele .nav-tabs-vertical>li.active>a:hover{color: #6e070a; background: #FFF; border: none; box-shadow: none; border-bottom: 1px solid #DDD;}
.tab_sele .nav-tabs-vertical>li>a{border:none; border-bottom: 1px solid #DDD; background: #f3f3f3; text-align: left;}
.tab_sele .nav-tabs-vertical>li>a{ color: #333; padding: 8px 15px; height: 40px; border-radius: 0px; font-size: 1.1em;}
.tab_sele .nav-tabs-vertical>li>a .fa{ margin-right: 5px;}

/*品牌故事*/
.story_block .cube{ background: #f5f5f5; border-radius: 3px; margin-bottom: 30px; position: relative; overflow: hidden;}
.story_block .cube.bgcolor1{ background: #00d0e3; color: #FFF ;}
.story_block .cube.bgcolor1 p{ color: #FFF ;}
.story_block .cube.bgcolor1 h5{ color: #FFF;}
.story_block .cube.bgcolor2 {background: #b0d242;}
.story_block .cube.bgcolor2 h5{ color: #FFF}
.story_block .cube.bgcolor2 p{ color: #FFF}
.story_block .cube.img{ padding: 0px}
.story_block .cube.img img{ border-radius: 3px;}
.story_block .block_text{ position: absolute; top: 0px; left: 0px; padding: 20px;}
.story_block .block_text h5{ margin:0px 0 10px 0; color: #212a2e ; font-size: 1.1em;}
.story_block .block_text p{ margin: 0px; font-size: 0.95em;}

.about_channel{ padding: 15px 0 25px 0;}
.about_channel ul{ text-align: center;}
.about_channel ul > li{ display: inline-block;}
.about_channel ul > li+li:before{ display: inline-block; content: "/" ; padding: 0 10px; }
.about_channel ul > li a.active{ color: #6e070a;}

/**/
.team_member{margin-bottom: 30px; background: #f5f5f5; border-radius: 4px; border: 1px solid #DDD;}
.team_member .img{ float: left; width: 50%;}
.team_member .img img{ border-radius:4px 0 0 4px; }
.team_member .img .arrow_box {
  position: relative;
  background: #f5f5f5;
}
.team_member .img .arrow_box:after {
  right: 0px;
  top: 60px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #f5f5f5;
  border-width: 20px;
  margin-top: -20px;
}

.team_member{ color: #555;}
.team_member .text_content{ float: left; width: 50%; padding: 15px 40px; }
.team_member .text_content h4{ font-size: 1.3em; padding-bottom: 10px; position: relative;}
.team_member .text_content h4:after{ content: ""; display: inline-block; width: 120px; height: 4px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; position: absolute; bottom: 0px; left: 0px;}
.team_member .team_header h5{ font-size: 1.2em; color: #212a2e;}
.team_member .team_header h5.drname{ border-left:4px #941751 solid; padding-left: 10px;}
.team_member:after,.team_member:before{ content: ""; display: block; visibility: hidden; clear: both; }

.team_member.doctor .img{ background: #93b2f2; border-radius: 4px 0 0 4px;}
.team_member.doctor.bc2 .img{ background: #b0d242;}
.team_member.doctor .img .drimg{ width: 50% ; float: left; }
.team_member.doctor .img .drimg img{ border-radius: 0px;}
.team_member.doctor .img .img_tit{ width: 50%; float: left; border-radius: 4px 0 0 4px; color: #FFF; text-align: center; padding:40px 30px 30px 30px; }
.team_member.doctor .img .img_tit h3{ font-size: 3em; position: relative; padding: 10px 0; margin-bottom: 30px; font-weight: 100;}
.team_member.doctor .img .img_tit h3:after{ content: ''; display: inline-block; width: 50px; height: 4px; border-top:1px solid #FFF;border-bottom:1px solid #FFF; position: absolute; bottom: 0px; left: 50%; margin-left: -25px;}
.team_member.doctor .img .img_tit h5{ font-weight: 200; font-size: 1.1em;}


.team_member.intro_right .img{ float: right; position: relative; border-radius: 0 4px 4px 0; }
.team_member.intro_right .img .img_tit{ float: right;}
.team_member.intro_right .img img{ border-radius: 0 4px 4px 0;}
.team_member.intro_right .img .arrow_box{ position: static;}
.team_member.intro_right .img .arrow_box:after {
  right: auto;
  top: 60px;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #f5f5f5;
  border-width: 20px;
  margin-top: -20px;
}

.team_member.doctor.arr_top .img{ width: 100%; float: none; position: relative; background: #00d0e3;  }
.team_member.doctor.arr_top .img{ border-radius: 4px 4px 0 0;}
.team_member.doctor.arr_top .img img{ border-radius: 0 4px 0 0;}
.team_member.doctor.arr_top .img:after,.team_member.doctor.arr_top .img:before{ content: ""; display: block; clear: both; visibility: hidden;}
.team_member.doctor.arr_top .text_content{ width: 100%; float: none;}
.team_member.doctor.arr_top .img .arrow_box{ position: static; }
.team_member.doctor.arr_top .img .arrow_box:after {
  right: 25%;
  top: auto;
  bottom: 0px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #f5f5f5;
  border-width: 20px;
  margin-top: -20px;
}


.award_content .year_tit{ color: #212a2e; border-left: 4px solid #941751; padding-left: 10px; margin-bottom: 20px;}
.award_wide .team_member.intro_right .img{ width: 25%;}
.award_wide .team_member.intro_right .text_content{ width: 75%;}


/*靜態頁面*/
.privacy{ margin-bottom: 30px;}
.static_container .level-first { list-style-type:cjk-ideographic; list-style-position: inside; margin-bottom: 15px;}
.static_container .level-first>li h4 { font-weight:bold; padding-top:15px; color:#000; list-style-type:cjk-ideographic; margin-bottom: 10px;  font-size: 1.1em; }
.static_container .level-second{ padding-left: 5px;}
.static_container .level-second>li, .level-third>li { padding: 0; list-style-type:decimal; margin-left: 15px; margin-bottom: 5px; margin-top: 5px; }
.static_container .level-third { list-style-type:lower-alpha; padding-left: 5px;}
.static_container ol.level-third li{ list-style-type:lower-alpha !important;}
.static_container ul.level-second li,.static_container ul.level-third li{list-style-type:disc !important;}
.static_container h4{ color: #000; font-size: 1.1em;}
.static_container h5 , .static_container h6{ color: #333; font-size: 1em;}
.static_container p{ margin: 0 0 5px 0;}
.static_container a{ color: #6e070a}
.static_container a:hover{ text-decoration: underline;}

.static_container .table>thead:first-child>tr:first-child>td{ background:#E7E7E7; color: #333;}
.static_container .table-bordered>thead>tr>th,.static_container  .table-bordered>thead>tr>td{ border-bottom: 1px solid #ddd}
.static_container ul,.static_container ol,.static_container li{ list-style: inherit; }

.forXs{ display: none;}
.forMd{ display: none;}
.forLg{ display: block;}


/**/
.modal-loading{ width: 180px; text-align: center; position: relative; width: 100%; height: 100%; }
.modal-loading .modal-content{padding: 20px; border-radius: 5px; top: 50%; left: 50%; margin-left: -70px; margin-top: -57px; position: absolute;}
.modal-loading .modal-content h5{ margin-top: 15px;}

/*客服中心*/
.contact.container{ padding: 15px 0 30px 0; }


.aside-server{ padding-top: 15px;}
.aside-server .st_tt {
  color: #212a2e;
  font-size: 1.6em;
  border-bottom: 1px solid #212a2e;
  padding-bottom: 10px;
  margin-top: 0px;
  margin-bottom: 20px;
  position: relative;
}

.aside-server .st_tt:after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  position: absolute;
  bottom: -1px;
  left: 0px;
  background: #941751;
}

.aside-server .serv_div{ padding:0 0 15px 0; border-bottom: #ddd 1px solid;}
.aside-server .serv_div:last-child{ margin-bottom: 15px; border-bottom: none;}
.aside-server .serv_div h4{ color: #941751; font-size: 1.1em; }
.aside-server .serv_div .em{ color: #212a2e; font-weight: 600;}


/*Tab*/
.faq-content .nav-tabs>li{ margin-left: -1px;}
.faq-content .nav-tabs>li>a{ background:#FFF; padding: 10px 22px; height: 50px; line-height: 30px; border:1px solid #c7c8c9; border-radius: 0px; margin: 0px; color: #212a2e; border-bottom: 3px #c7c8c9 solid; font-weight: 800; text-align: center;}
.faq-content .nav-tabs>li.active>a,.faq-content .nav-tabs>li.active>a:hover,.faq-content .nav-tabs>li.active>a:focus{ color: #941751; border-bottom: 3px solid #941751;}
.faq-content .nav-tabs>li>a:hover{ background: #efeff3; border:1px solid #bcbcc0; color: #941751;}

.faq-content h3.color_dark{ font-size: 1.3em; color: #000; background: #f3f3f3;  padding: 10px; margin: 15px 0; }
.faq-content .panel-group .panel-heading{ border-bottom: 1px dotted #d5d5d5;}
.faq-content .faqbox .faqbox-title{font-size: 1.1em;}
.faq-content .faqbox .faqbox-title a.collapsed{  color: #222;}
.faq-content .faqbox .faqbox-title a{  color: #941751;}
.faq-content .faqbox{ border-bottom: 1px dotted #ddd; padding:0px;}
.faqbox-heading .em{ border-radius: 4px; font-size: 0.8em; font-weight: 400; background:#941751; color: #FFF;  display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 32px; margin-right: 10px; }
.faq-content .faqbox .faqbox-title a.collapsed .em{ background:#f3f3f3; color: #222;}
.faqbox-body{ padding-bottom: 10px; padding-left:44px;}
.faqbox-body  a{ color: #941751;}

/*Media*/
.media-body{ width: 10000px;}
.service_media{ margin-bottom: 50px;}
.service_media .media{color: #909495; padding: 10px; margin: 0px; border-bottom: 1px solid #EDEEF0; }
.service_media .media.list:hover{background: #f2f4f6;}
.service_media .media:last-child{ border-bottom: none;}
.service_media .media.first{ background: #f2f4f6;}
.service_media .media.first:last-child{border-bottom: 1px solid #EDEEF0;}
.service_media .media .media-body .media-replyArea{ padding-bottom: 15px;}
.service_media .media .media-body .media-replyArea .select-control{ margin-bottom: 10px;}
.service_media .media .media-body .repTitle{ margin-bottom: 10px;}
.service_media .media .media-body .media-replyArea textarea{ margin-bottom: 10px; min-height: 80px; }
.service_media .media.second .media-body:last-child .media-reply{ border: none; }
.service_media .media-left .author .image{   width: 46px; height: 46px;  border-radius: 50%; display: inline-block;}
.service_media .media-left .author .image .avatar{ width: 100%; border-radius: 50%; }
.service_media .media-heading h6{ font-size: 1em; display: inline-block; margin-right: 15px; margin-top: 0px; margin-bottom: 0px; color: #212a2e; }
.service_media .media-heading h4{ font-size: 1.2em; display: inline-block; margin-right: 15px; margin-top: 0px; margin-bottom: 0px; color: #212a2e;  }
.service_media .media-heading a{ color: #212a2e; }
.service_media .media-heading a:hover,.service_media .media-heading a:hover h4{ color: #6e070a ; }
.service_media .media-heading .order-number{ margin-right: 15px; }
.service_media .media-heading .order-number a{ color: #6e070a}
.service_media .media-heading .order-number a:hover{  text-decoration: underline; }
.service_media .media-heading .time{ font-size: 0.9em; color: #b0b2b3;}
.service_media .media .reply .fa{font-size: 1em; margin-right: 5px;  }

.service_media .media .media-body .media-reply .reply ul{ padding-bottom: 5px;}
.service_media .media .media-body .media-reply .reply ul:after{ content: " "; clear: both; display: block; visibility: hidden;}
.service_media .media .media-body .media-reply .reply ul li{ float: left; margin-right: 10px;}
.service_media .media .media-body .media-reply .reply ul li a{ cursor: pointer; color: #909495}
.service_media .media .media-body .media-reply .reply ul li a:hover{ color: #00a6d6}
.service_media .media .media-body .media-reply .reply ul li.active a{ color: #e84c3d;}
.service_media .media .media-body .media-reply .reply ul li.active .alphanum{ color: #e84c3d;}

.service_media .media .media-body .media-reply .reply .thumbdown57{}
.service_media .media .subreply{ display: none;}

.media-body p{ margin: 0 0 10px 0;}
.media-body .readmore{ display: inline-block; color: #ff673b;}
.media-body .readmore:hover{ text-decoration: underline;}

/*搜尋結果*/
.alert h4.mgtop{ margin-top: 10px;}
.products_wrap .nav-tabs>li{ margin-left: -1px;}
.products_wrap .nav-tabs>li>a{ background:#FFF; padding: 10px 22px; height: 50px; line-height: 30px; border:1px solid #c7c8c9; border-radius: 0px; margin: 0px; color: #212a2e; border-bottom: 3px #c7c8c9 solid; font-weight: 800; text-align: center;}
.products_wrap .nav-tabs>li.active>a,.products_wrap .nav-tabs>li.active>a:hover,.products_wrap .nav-tabs>li.active>a:focus{ color: #941751; border-bottom: 3px solid #941751;}
.products_wrap .nav-tabs>li>a:hover{ background: #efeff3; border:1px solid #bcbcc0; color: #941751;}

.seares_seq{ float: right; }
.seares_seq .form-group{ display: inline-block; margin: 0 10px 0 0;}
.seares_seq .form-group label , .seares_seq .form-group .select-control ,.seares_seq .layout{ display: inline-block;}
.seares_seq .layout a{ margin-left: 5px;}
.seares_seq .layout a.active{ color: #941751;}

.lay_list .sch_item{ position: relative; border-bottom: 1px dotted #cccccc; padding: 10px 0px;}
.lay_list .sch_item:after{ content: ""; display: block; clear: both; visibility: hidden; }
.lay_list .sch_item .img{  width: 80px; z-index: 762; position: absolute; top: 10px; }
.lay_list .sch_item .info_warp{  padding-left:100px; padding-right: 15px; display: table; width: 100% }
.lay_list .sch_item .info_warp .info{ width: 60%; display: table-cell; text-align: left; }
.lay_list .sch_item .info_warp .info .desc{ display: none;}
.lay_list .sch_item .info_warp .price{ width: 20%; display: table-cell; text-align: center; vertical-align: middle; }
.lay_list .sch_item .info_warp .btn-box{  width: 20%; display: table-cell; vertical-align: middle; text-align: right; padding-right: 15px;}
.sch_item .title{ font-size: 1.1em; margin: 10px 0;  }
.sch_item .title a{  color: #212a2e; }
.sch_item .title a:hover{ text-decoration: underline;}
.sch_item .volumn{ font-size: 0.9em; color: #9eabb4;}
.sch_item .promo{ font-size: 1.1em; color: #ff673b; margin: 5px 0;}
.sch_item .price .fixed{ color: #9eabb4; font-size: 0.85em; text-decoration: line-through;}
.sch_item .price .promo{ color: #6e070a; margin: 0 5px; display: inline-block; font-weight: 800;}

.row-buzz.lay_list .img{ height: 100px; }
.row-buzz.lay_list .sch_item{ }
.row-buzz.lay_list .sch_item .info_warp .desc{ height: 40px; overflow: hidden;}


.row-prds.lay_block, .row-buzz.lay_block{ margin: 0 -15px;}
.lay_block .sch_item{ position: relative; width: 25%; float: left; padding: 0 15px;}
.lay_block .sch_item .img{  width: 100%; }
.lay_block .sch_item .info_warp{ display: block;}
.lay_block .sch_item .info_warp .info{ width: 100%; text-align: center; }
.lay_block .sch_item .info_warp .title{margin: 15px 0 5px 0; font-size: 1.1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.lay_block .sch_item .info_warp .volumn,.lay_block .sch_item .info_warp .info .promo ,.lay_block .sch_item .info_warp .desc , .lay_block .sch_item .info_warp .btn-box{ display: none;}
.lay_block .sch_item .info_warp .price{ width: 20%; display: table-cell; text-align: center; vertical-align: middle; }

.products_wrap .tab-content:after{ content: ""; display: block; clear: both; visibility: hidden; }
.products_wrap .tab-content>.tab-pane{ padding: 20px 0; }

.tab-content .tab-pane{ border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;  overflow:hidden;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding:20px;
}

/*
取消 noty.js 的背景遮罩
.noty_modal{ background: transparent !important;}
*/
.bt_link { width:30%; float:left;}
.icon_admin img{ width:15px; height:10px; padding-left:5px;}


.text-muted2 { max-width:1200px; margin:0 auto;}
.ft { width:40%;float:left; height:60px; overflow:hidden;}

.groups { float:left;width:30%;}
.groups li {
			width:40px; 
			height:40px;
			display:block;
			float:left;
			margin:5px;
			border-radius:100%;
			
			background-repeat:no-repeat;
			text-indent:-9999px;
			background-color:#941751;}
.groups li:hover {background-color:#333333;}

.icon_fb { background:url(../images/icon_groups.png) left top;}
.icon_twitter {background:url(../images/icon_groups.png) -40px top;}
.icon_g {background:url(../images/icon_groups.png) -80px top;}
.icon_line {background:url(../images/icon_groups.png) -122px top;}

.credit_card { float:right; text-align:right;width:30%;}
.credit_card img { height:auto; width:auto;}

.txt_nomo {font-size:18px; color:#666;}
.txt_nomo2 {
	font-size:18px;
	color:#666;
	text-decoration: line-through;
}
.txt_vip { font-size:18px; color:#F30;}

.tp_box {width:58%; float:right;}
.ot { width:30px; height:30px;}

/*QA*/
#qaContent {
	width: 100%;
}

#qaContent ul.accordionPart {
	margin: 10px 10px 50px 30px;
}
#qaContent ul.accordionPart li {
	border-bottom: solid 1px #e3e3e3;
	padding-bottom: 12px;
	margin-top: 15px;
}
#qaContent ul.accordionPart li .qa_title {
	background: url(../images/icon_q_a.png) no-repeat 0px 0px;
	padding-left: 28px;
	color: #C00;
	cursor: pointer;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .qa_content {
	margin: 6px 0 0;
	background:  url(../images/icon_q_a.png) no-repeat 0px -24px;
	padding-left: 28px;
	color: #666;
}

.pd-20 { margin-bottom:10px;}
.F-r { float:right;}
.fb_sigup { width:75%;}
.product_box { width:80%;}
.txt_18px { font-size:18px; font-weight:bold;}
.w-50 { width:48% ; float:left; margin:1%;}
.pd_10 { padding-left:135px;}
.w1 { padding-right:10px;}

.yt-embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.yt-embed-container iframe, 
.yt-embed-container object, 
.yt-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }