/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }
@charset "utf-8";
/* CSS Document */

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: always;
	zoom: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:hover { color: #93286E;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(130,130,130,0.65);} 
input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(130,130,130,0.65);} 
input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(130,130,130,0.65);} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(130,130,130,0.65);} 

::selection { color: #C389BA; background-color:#93286E;}
::-moz-selection { color: #C389BA; background-color:#93286E;}

::-webkit-scrollbar { width: 6px; height: 6px;}
 
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
 
::-webkit-scrollbar-thumb { -webkit-border-radius: 6px; border-radius: 6px; background: rgba(147,40,110,0.8);  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(147,40,110,0.4); }

/* input */
.input[type='text'], .input[type='tel'], .input[type='number'], .input[type='password'], .input[type='email'], select.input, textarea.input { margin: 0; padding: 10px 5px; background-color: #F9F9F9; line-height: 20px; border: 1px solid #ececec; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); border-radius: 3px;}

input[type='radio'], input[type='checkbox'] { vertical-align: middle; margin-right: 5px;}

select option { padding: 5px;}
select option:disabled { background-color: #f9f9f9;}


/* btn */
.btn { display: inline-block; margin: 0; padding: 9px 10px; line-height: 20px; text-decoration: none; border-style: solid; border-width: 1px; border-radius: 3px; cursor: pointer; box-sizing: border-box;}
.btn:hover { box-shadow: inset 0 0 10px rgba(0,0,0,0.1); color: inherit;}

.btn-default { background-color: #93286E; border-color: #93286E;  font-size: 17px; color: #fff; max-height: 40px;}
.btn-white { background-color: #fff; border-color: #93286E; color: #93286E; max-height: 40px;}
.btn-white .btn-label { color: #93286E !important;}
.btn-white-radius { padding: 10px 20px; background-color: #fff; border-color: #C389BA; color: #C389BA; border-radius: 20px;}
.btn-light { padding: 10px 25px; background-color: #fff; font-size: 17px; color: #444; border-color: #d6d6d6;}
.btn-dark { padding: 10px 25px; background-color: #B60005; font-size: 17px; color: #fff; border-color: #B60005;}
.btn-red { padding: 9px 25px; background-color: #c00; font-size: 17px; color: #fff; border-color: #c00;}

.btn-default:hover, .btn-default:focus,
.btn-dark:hover, .btn-red:hover { color: #fff;}
.btn-white:hover, .btn-white:focus,
.btn-white-radius:hover, .btn-white-radius:focus { color: #C389BA;}



.btn-small { padding: 4px;}
.btn-medium { padding: 4px 14px;}


.btn-facebook { padding: 10px 20px; background-color: #004A9A; color: #fff;}
.btn-facebook:hover { background-color: #226cbc; color: #fff;}

.btn-more { text-decoration: none; line-height: 40px; color: #C389BA;}
.btn-more:after { display: inline; content:"..";}
.btn-refresh { color: #4DA6FF !important; border: none;}
.btn-cancle { display: block; color: #F00 !important;}


.btn-label { font-size: inherit; color: inherit; cursor: pointer;}
.btn-white-radius .btn-label { color: #92276D;}

#msg { position: fixed; top: 450%; left: 45%; z-index:10000; width:1px; height:50px; line-height:50px; font-size: 20px; text-align:center; color:#fff; background:#93286E; display:none}
.u-flyer{ display: block; width: 100px; height: 100px; border-radius: 100%; position: fixed; z-index: 9999;}


/* Fixed Header */
@media (min-width:768px) {
header { position: relative; top: 0; z-index: 999;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

header .logo img,
header .top-cart {
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

body.sticky-header {
	padding-top: 90px;
}
body.sticky-header header { position: fixed; left: 0; right: 0; background-color: rgba(255,255,255,0.9);}
body.sticky-header .logo img {
	height: 80px;
}
body.sticky-header .top-cart {
	padding-top: 10px;
} 


}
@charset "utf-8";
/* CSS Document */
* { box-sizing: border-box;}
html, body { min-height: 100%;}
body { color: #777; font-size: 15px; line-height: 1.4; font-family: "Roboto Condensed", "Roboto", "DFPYuanLight-B5","微软雅黑", "微軟正黑體", Arial, Helvetica, sans-serif;}
a, input, button, textarea, button, i { outline: none; font-family: "Roboto Condensed", "Roboto", "DFPYuanLight-B5","微软雅黑", "微軟正黑體", Arial, Helvetica, sans-serif; transition: all ease-in-out 0.25s;}


nav { float: left;}

/* header */
header { position: relative; z-index: 100;}
.logo { padding: 20px 0;}
.logo a { display: block;}
.logo img { outline: none; display: block;}

.top-links, .top-cart { text-align: right;}
.top-links { padding: 10px 0; font-size: 13px;}
.top-links a { color: #444;}
.top-links .wishlist, .top-links .account, .top-links .cart { margin-left: 8px; text-decoration: none;}

.top-cart { position: relative; float: right; padding-top: 30px;}

.cart-dropdown { position: relative; float: left; color: #93286E; cursor: pointer;}
.cart-dropdown dl:after { display: table; content: ""; clear: both;}
.cart-dropdown dt, .cart-dropdown dd { display: block; height: 50px;}
.cart-dropdown dt { float: right; margin-left: 10px;}
.cart-dropdown dd { float: left;}
.cart-dropdown h3 { margin: 3px 0; font-size: 17px; font-weight: 600;}

.top-cart .icon-cart, .top-cart .icon-heart { padding: 10px; font-size: 30px; color: #fff; border-radius: 100%;}
.top-cart .icon-cart { background-color: #93286E;}
.top-cart .icon-heart { background-color: #C389BA;}
.top-cart .icon-wallet { border-radius: 100%;}
.top-cart .icon-wallet:before { display: block; width: 50px; height: 50px; background: url(../img/payment.png); background-size: 50px auto; content: "";}

.top-checkout { position: relative; text-align: center; background-color: #D2A6CB; border-radius: 100%; overflow: hidden;}
.top-checkout span { display: none; position: absolute; top: 0; padding: 5px; width: 100%; height: 100%; background-color: #e77579; color: #fff; line-height: 1.2; font-weight: 600; opacity: 0; transition: all linear 0.3s; border-radius: 100%;}
.top-checkout:hover span { opacity: 1; display: block;}
.top-checkout:hover i { opacity: 0;}

.top-checkout,
.top-trace { float: left; margin-left: 20px;}
.cart-dropdown a, .top-checkout a, .top-trace a { display: block; padding-top: 10px; height: 50px; text-decoration: none;}
.top-cart .icon-cart a,
.top-checkout a { padding: 0;}

.cart-item { display: none; visibility: hidden; position: absolute; right: 120px; top: 60px; padding: 5px 10px 10px; width: 290px; background-color: #fff; font-size: 14px; box-shadow: 0 2px 4px rgba(0,0,0,0.15); border-radius: 3px;}
.cart-item p { padding: 10px 0 10px; color: #999; /*background-image: url(../img/cart-title.jpg); background-position: center top; background-repeat: no-repeat; height: 120px;*/ text-align: left; border-bottom: 1px solid #efefef;}

.show-item { text-align: left; max-height: 348px; overflow-y: auto; overflow-x: hidden;}
.show-item dl { padding: 10px 0; width: 100%; overflow: hidden; border-bottom: 1px solid #efefef;}
.show-item dt, .show-item dd { float: left;}
.show-item dt { width: 170px;}
.show-item dd { width: 90px; text-align: right;}
.show-item img { float: left; vertical-align: top; margin-right: 10px; width: 60px;}
.show-item dt a { color: #444; text-decoration: none;}
.show-item dt a:hover { color: #93286E;}
.show-item dd a { color: #93286E;}
.show-item .product-price { margin-bottom: 10px;}

.cart-item .show-price { padding: 10px 0 0; text-align: right;}
.cart-item .align-right { padding: 10px 0 0;}

/* banner */
.banner { position: relative; z-index: 1;}
#owl-banner .owl-item { display: table;}
#owl-banner .item { display: table-row; max-height: 550px; overflow: hidden; text-align: center;}
#owl-banner .item a { display: table-cell; height: 100%; text-align: center;}
#owl-banner .item img { max-width: 100%; max-height: 550px; margin: 0 auto;}
#owl-banner .owl-controls { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 0 5px;}

/* events */
.events { position: relative; z-index: 10; margin-top: -120px; padding: 20px 0; height: 120px; background-color: rgba(198,137,186,0.6); border-bottom: 15px solid rgba(147,40,110,1); color: #fff;}
.events i { display: inline-block; padding: 9px; font-size: 30px; border: 1px solid rgba(255,255,255,0.8); border-radius: 100%;}
.events ul { display: inline-block;}
.events h3 { margin-bottom: 5px; font-size: 17px; font-weight: 500;}
.events p { font-size: 14px;}
.events [class^="col-"], .events [class*="col-"] { position: relative;}

#events { position: relative; margin-left: -15px;}
#events i { display: inline-block; padding: 4px; font-size: 30px; border: 1px solid #fff; border-radius: 100%;}
#events ul { width: 75%;}

/* news */
.box-heading { position: relative; margin-bottom: 30px; font-size: 21px; color: #93286E; font-weight: 500; line-height: 40px;}
.box-heading h2 { display: inline-block;}
.box-heading span { padding: 0 15px; font-size: 18px; color: #C389BA; font-weight: 300;}

.news { padding-top: 40px; background-color: rgba(230,212,231,0.2); border-bottom: 5px solid rgba(147,40,110,1);}

.news-tabs { position: absolute; top: 0; right: 0; float: right; overflow: hidden;}
.news-tabs li { float: left; font-size: 15px; text-align: center; border: 1px solid #E6D4E7; overflow: hidden;}
.news-tabs li:first-child { border-radius: 20px 0 0 20px; border-right: none;}
.news-tabs li:last-child { border-radius: 0 20px 20px 0; border-left: none;}

.news-tabs li a { display: block; padding: 0 20px; background-color: #93286E; color: #fff; text-decoration: none;}
.news-tabs li.active a, .news-tabs li:hover a { background-color: #fff; color: #93286E;}

.news-item { padding-left: 15px; padding-right: 15px; padding-bottom: 30px;}
.news-item h3 { font-weight: 500; height: 1.6em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news-item h3 a { color: #444; font-size: 19px; text-decoration: none;}
.news-item h3 a:hover { color: #93286E;}
.news-item dl { margin-top: 15px;}
.news-item dt, .news-item dd { display: block; }
.news-item dt img { vertical-align: top;}
.news-item dt { float: left; width: 72px;}
.news-item dd { padding-left: 90px; font-size: 14px;}
.news-item dd p { margin-bottom: 10px; height: 5.6em; overflow: hidden;}
.news-item time { padding: 5px 0; color: #C9BCD0; font-size: 12px;}
.news-item p, .news-item time, .news-item .btn-more { /*padding-left: 15px;*/}
.news-item .btn-more { line-height: 1.2;}

.news-buttons { text-align: center;    margin-bottom: 30px; }
.news-buttons>a {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 10px;
    padding: 6px 15px;
    font-size: 14px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #93286E;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    text-decoration: none;
}
.news-buttons>a:hover {
	filter: Alpha(Opacity=100);
    opacity: 1;
}

.pages .news-item { padding-bottom: 20px;}
.pages .news-item h3 { height: auto;}

.news-tab-pannel li { display: none;}
.news-tab-pannel li.active { display: block;}
.news-tab-pannel li .news-item {
    -webkit-transition: opacity 0.3s .3s;
    -moz-transition: opacity 0.3s .3s;
    -o-transition: opacity 0.3s .3s;
    transition: opacity 0.3s .3s;
    opacity: 1;
}
.news-tab-pannel li.news-loading .news-item {
    opacity: 0;
}
.news-tab-pannel li.news-loading { position: relative; }
.news-tab-pannel li:before {
    -webkit-transition: opacity .3s 2s;
    -moz-transition: opacity .3s 2s;
    -o-transition: opacity .3s 2s;
    transition: opacity .3s 2s;
    opacity: 0;
}
.news-tab-pannel li.news-loading:before {
    opacity: 1;
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
    margin-top: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: url('../img/ajax_load.gif');
    text-align: center;
}
.box-content { clear: both;}

.facebook-wrapper { width: 100% !important; overflow: hidden;}
/* product */
.product { padding-top: 40px; padding-bottom: 30px; border-bottom: 1px solid #E6D4E7;}

.product-item { margin-bottom: 20px;}
.product-item .product-img { position: relative;}
.product-item .product-img img { display: block; outline: none; transition: all ease-in-out 0.3s;}
.product-item .product-img a { display: block; overflow: hidden;}
.product-item .product-img .add-cart, 
.product-item .product-img .add-trace { position: absolute; top: 50%; margin-top: -35px; width: 70px; height: 70px; font-size: 36px; text-align: center; text-decoration: none; border-radius: 50%; opacity: 0;}
.product-item .product-img .add-cart { left: 10%; background-color: rgba(147,40,110,1); color: #fff; line-height: 60px;}
.product-item .product-img .add-trace { right: 10%; background-color: rgba(195,137,186,1); color: #fff; line-height: 70px;}

.product-item .product-img:hover img, .product-item .product-img:focus img { opacity: 0.5; transform: scale(2);}
.product-item .product-img:hover a, .product-item .product-img:focus a { opacity: 1;}
.product-item .product-img:hover .add-cart , .product-item .product-img:focus .add-cart  { left: 24%;}
.product-item .product-img:hover .add-trace , .product-item .product-img:focus .add-trace  { right: 24%;}

.product-item .product-meta { margin: 15px 0 5px;}
.product-item .product-meta h3 { height: 1.4em; font-size: 19px; text-align: center; font-weight: 500; overflow: hidden;}
.product-item .product-meta h3 a { color: #444; text-decoration: none;}
.product-item .product-meta p { font-size: 14px; height: 2.8em; overflow: hidden;}

.product-item .product-price { height: 2em; font-size: 12px; text-align: center;}
.product-item .product-price .new, .product-item .product-price .old { margin: 0 15px;}

.product-price .new, .product-price .old { display: inline-block;}
.product-price .new { color: #B60005;}
.product-price .new strong { font-size: 18px;}

/* ad block */
.custom-promotion { padding: 30px 0; background-color: rgba(230,212,231,0.5); border-bottom: 5px solid #CEABC3;}

/* bottom - home */
.bottom { padding: 40px 0; background-color: rgba(230,212,231,0.5);}
.bottom .box-heading { margin-bottom: 20px;}

.calendar {}
.calendar h3 { font-size: 15px; line-height: 26px;}
.cld-heads, .cld-days, .cld-tips { font-size: 12px; line-height: 26px;}

.cld-heads { background-color: #E4C1DB; color: #93286E;}
.cld-heads li { display: block; float: left; width: 14.285714%; text-align: center;}

.cld-days { background-color: #fff;}
.cld-days li { display: block; float: left; width: 14.285714%; text-align: center;}
/*.cld-days li:nth-child(7n+1), .cld-days li.off-day { background-color: #93286E; color: #fff;}*/
.cld-days li.off-day { background-color: #93286E; color: #fff;}


.cld-tips { padding-top: 15px;}
.cld-tips p:before { display: inline; content: ""; margin-right: 10px; height: 14px; border-left: 14px solid #93286E;}

.follow-fb { display: block; padding-top: 26px;}

/* footer */

footer { margin-top: 40px; padding: 30px 0 20px; font-size: 15px; border-top: 1px solid #d6d6d6;}
footer a { text-decoration: none; color: #93286E}
footer ul:first-child a { color: rgba(0,0,0,0.6);}

footer li { display: inline-block; padding-bottom: 10px;}
footer li:after { display: inline-block; content: "|"; margin: 0 8px;}
footer li:last-child:after { display: none;}

footer p { padding-bottom: 10px;}
.footer-links h2 { margin-bottom: 15px; font-size: 19px;}
.footer-copyright { text-align: right; opacity: 0.6;}

.home-footer { margin-top: 0;}
.home-footer a { color: #fff;}
.home-footer ul:first-child a { color: rgba(255,255,255,1);}

.footer-top { padding-bottom: 20px; background-color: #93286E; color: #fff;}
.footer-bottom { padding-top: 20px; background-color: #801E5B; color: #fff; border-top: none;}

/* crumb */
.crumb { position: relative; margin-bottom: 40px; max-height: 50px; background: #93286E; font-size: 15px; overflow: hidden;}
.crumb:after { display: block; content: ""; position: absolute; left: 50%; right: 0; bottom: 0; top: 0; background: url(../img/crumb-bg.png) repeat-x 50% top;}

.crumb-item { padding: 0 15px;}
.crumb-item a { display: inline-block; padding: 15px 0; line-height: 20px; color: #fff; text-decoration: none;}
.crumb-item a:after { display: inline-block; content: "//"; margin: 0 12px;}
.crumb-item a:last-child:after { display: none;}

.line-wave { border: none;}
.line-wave:after { display: block; content: ""; margin: 50px 0; width: 100%; height: 10px; background: url(../icon/line.svg) repeat-x; opacity: 0.3;}
.line-solid { border: none;}
.line-solid:after { display: block; content: ""; margin: 20px 0; width: 100%; height: 1px; background: #000; opacity: 0.15;}

.news-list .line-wave:after { margin: 30px 0; }
.news-detail .line-wave:after { margin: 0 0 30px 0; }


/* product : detail */
.product-top { padding-bottom: 30px; border-bottom: 10px solid #92266C;}
.product-bottom { padding: 40px 0;}

.album-small a { display: inline-block; width: 20%;}
.product-title { font-size: 30px; color: #92266C; font-weight: bold;}
.product-title small { font-size: 25px; color: #444;}

.product-intro { margin: 30px 0; padding: 30px 0; font-size: 14px; line-height:2; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
/*.product-intro li:before { display: inline-block; content: "★"; padding-right: 10px; font-size: 13px;}*/

.product-info .new, .product-intro .old { display: block;}
.product-info .new strong { font-size: 24px;}

.product-cart { padding-top: 20px;}
.product-cart .size, .product-cart .number, .product-cart .btn { float: left;}
.product-cart .btn .btn-label { margin-left: 10px; height: 20px; overflow: hidden;}
.product-cart .btn [class*="icon-"]:before, .product-cart .btn [class^="icon-"]:before { font-size: 20px;}

.product-cart .size,
.product-cart .number,
.product-cart .btn { margin-right: 20px;}

.product-cart.has-size .size,
.product-cart.has-size .number { margin-bottom:10px; }
.product-cart.has-size .add-buy{ clear:left }

.number { display: inline-block; min-width: 114px; height: 40px; border: 1px solid #C389BA; border-radius: 3px; overflow: hidden;}
.number span { float: left; display: block; padding: 9px 8px; line-height: 20px; background-color: #FCF7F7; cursor: pointer;}
.number input { float: left; display: block; margin: 0; width: 50px; font-size: 20px; text-align: center; line-height: 40px; border: none; border-left: 1px solid #C389BA; border-right: 1px solid #C389BA; box-shadow: inset 2px 2px 6px rgba(0,0,0,0.15);}

.product-bottom h3 b { display: inline-block; padding: 10px 20px; background-color: #C389BA; color: #fff; font-size: 17px; border-radius: 3px 3px 0 0;}
.product-bottom h3 { margin-bottom: 30px; border-bottom: 1px solid #e8e8e8;}
.box-fck dt, .box-fck dd { display: inline-block; padding-bottom: 1em;}
.box-fck dt { padding-right: 2em; color: #333;}



#preview a { display: block;}
#preview img { display: block;}
.album-small { padding-top: 10px;}
.spec-scroll { position: relative; padding: 0 20px; width: 100%; height: 70px;}
.spec-scroll .prev, .spec-scroll .next { position: absolute; top: 0; display: block; text-align: center; width: 15px; height: 70px; line-height: 70px; cursor: pointer; text-decoration: none;}
.spec-scroll .prev { float: left; left: 0;}
.spec-scroll .next { float: right; right: 0;}
.spec-scroll .items { position: relative; margin: 0 auto; height: 70px; overflow: hidden;}
.spec-scroll .items ul { position: absolute;width: 9999em; overflow: hidden;margin: 0;}
.spec-scroll .items ul li {float: left;padding: 0 5px; width: 80px; text-align: center;}
.spec-scroll .items ul li img {padding: 0;width: 70px;}

.news-scroll { position: relative; width: 100%; height: 200px;}
.news-scroll .prev, .news-scroll .next { position: absolute; top: 0; display: block; text-align: center; width: 15px; height: 70px; line-height: 70px; cursor: pointer; text-decoration: none;}
.news-scroll .prev { float: left; left: 0;}
.news-scroll .next { float: right; right: 0;}
.news-scroll .news-wrap { position: relative; margin: 0 auto; height: 200px; overflow: hidden;}
.news-scroll .news-wrap .news-items { position: absolute;width: 9999em; overflow: hidden;margin: 0;}

.subtitle { margin-bottom: 20px;}
.prod-meta { padding-top: 50px;}

.related { padding-top: 40px; margin-bottom: 20px; border-top: 10px solid #93286E;}
.related .product-item .product-img:hover .add-cart , .related .product-item .product-img:focus .add-cart  { left: 18%;}
.related .product-item .product-img:hover .add-trace , .related .product-item .product-img:focus .add-trace  { right: 18%;}

/* news */
.news-detail { padding-bottom: 20px;}
.news-detail time { padding: 5px; color: #C389BA; font-size: 14px;}
.news-detail .share-plugin { padding: 20px 0; margin-top: 0; }
.news-detail dt { color: #93286E;}

/* member */
.member { padding: 40px 0;}
.form.reg, .form.login { padding: 0; border-right: 1px solid #ececec;}
.form .edit { margin-bottom: 60px; padding: 50px 0 30px; border: 1px solid #ececec; border-radius: 3px;}
.form dl { padding: 0 8.33333333%; margin-bottom: 20px;}
.form dt, .form dd { display: inline-block;}
.form dd img { display: inline-block; margin-left: -10px; margin-right: 20px; outline: none; vertical-align: middle;}
.form dd span { padding: 0 15px;}
.form dd a { padding: 0; line-height: 40px; color:#93286E; text-decoration: none;}
.customer-define a { margin: 0 8.33333333%;}

.member-nav nav { width: 100%; background-color: #C389BA; border-radius: 3px;}
.member-nav h3 { padding: 20px; font-size: 17px; color: #fff;}
.member-nav h3:before { display:inline-block; content: ""; width: 6px; height: 16px; margin-right: 15px; background-color: #fff; border-radius: 2px; vertical-align: middle;}
.member-nav h3 span { margin-left: 15px; opacity: 0.5;}
.member-nav ul { width: 100%;}
.member-nav li { line-height: 40px; border-top: 1px solid rgba(255,255,255,0.2); transition: all linear 0.3s;}
.member-nav li.active, .member-nav li:hover, .member-nav li:focus { background-color: #93286E;}
.member-nav a { display: block; padding: 0 15px; color: #fff; text-decoration: none;}
.member-nav a i { margin-right: 15px; font-size: 30px; vertical-align: middle; opacity: 0.6;}

.captcha-box { display: flex; align-items: center; min-height: 40px;}
.captcha-box label { white-space: nowrap;}
.captcha-box label b { margin: 0 3px; color: red; font-weight: bold;}
.captcha-box .captcha-flex { display: flex; align-items: center; }
.captcha-box .captcha-flex img { margin: 0; max-height: 30px;}
.captcha-box a { margin: 0 0 0 10px !important; line-height: unset !important;}
.captcha-box a svg { fill: #06f; }

/* order */
.order-list,
.order-detail { margin-bottom: 20px; font-size: 15px;}
.order-list .order-number,
.order-detail .order-number { padding: 10px; background-color: #93286E; color: #fff;}
.order-list .order-number span,
.order-detail .order-number span { padding-left: 10px;}
.order-list table,
.order-detail table { width: 100%; border-collapse: collapse; border: 1px solid #d6d6d6;}
.order-list th,
.order-detail th { background-color: #F9F9F9; border-bottom: 1px solid #d6d6d6;}
.order-list th, .order-list td,
.order-detail th, .order-detail td { padding: 5px 5px 0; border-left: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; vertical-align: middle; text-align: center;}
.order-list td:first-child,
.order-detail td:first-child { text-align: left;}
.order-list img,
.order-detail img { display: inline-block; width: 70px; outline: none; vertical-align: middle;float: left;}
.order-list td a,
.order-detail td a { display: block; padding: 5px 10px; text-decoration: none;}

.order-thumb { float: left; margin: 0 5px 5px 0;}

.order-list td:first-child,
.order-detail td:first-child { width: 50%; white-space: nowrap;}
.order-list td:last-child,
.order-detail td:last-child  { width: 8em;}
.order-list td:first-child a,
.order-detail td:first-child a { display: inline-block; padding: 0; color: #92276D; overflow: hidden;}
.order-list td:last-child a { color: #93286E;}
.order-list time { display: block; margin: 0 auto; width: 5em; font-size: 14px;}

.order-detail img { margin-right: 20px;}
.order-detail dl {padding: 0 20px;}
.order-detail dt, .order-detail dd { display: inline-block; line-height: 30px;}
.order-detail dt { width: 100px; font-size: 15px; color: #999;}
.order-detail dd { font-size: 13px; color: #444;}

.order-detail .product-price { display: inline-block; padding-left: 20px;}
.order-detail .product-price span { color: #c00;}
.order-detail .order-price { padding: 0 20px; text-align: right;}
.order-detail .product-price:last-child span { font-size: 20px;}

.order-meta { padding-bottom: 20px;}
.order-meta h4 { padding: 10px 20px 20px;}

.share-plugin { margin: 25px 0 0 0; }
.addthis_sharing_toolbox,
.lineat_sharing, .fb-share-button, .gplus-wrap { display: inline-block; vertical-align: middle;}
.lineat_sharing a { display: block; margin: 2px; width: 84px; height: 20px; background-image: url(../img/share-a.png); background-size: auto 20px; color: rgba(0,0,0,0); text-align: center; text-decoration: none;}
.gplus-wrap>div { display: block!important; }

/* trace */
.trace-item { margin-bottom: 20px; padding: 4px; height: 90px; border: 1px solid #d6d6d6; border-radius: 3px;}
.trace-item dl { display: block; width: 100%; position: relative;}
.trace-item dt, .trace-item dd { float: left; display: block; height: 80px;}
.trace-item dt { position: absolute; left: 0; top: 0; z-index: 2; width: 80px; padding: 5px;}
.trace-item dt i { position: absolute; right: 5px; top: 5px; padding: 4px; background-color: #C389BA; color: #fff; font-size: 12px; border-radius: 50%;}
.trace-item dt img { width: 100%;}

.trace-item dd:nth-child(even) { padding-left: 90px; padding-right: 120px;}
.trace-item dd:nth-child(even) a { display: block; height: 55px; color: #666;}
.trace-item dd:nth-child(odd) { position: absolute; right: 0; top: 0; z-index: 3; padding: 5px; width: 110px;}
.trace-item dd .btn { padding: 3px 5px;}
.trace-item dd .btn.btn-dark { margin-bottom: 10px;}
.trace-item dd .btn-label { font-size: 13px;}
.trace-item dd .btn-white .btn-label { font-size: 13px; color: #93286E;}


.box-border { padding: 20px 0; border: 1px solid #d6d6d6;}

/* pop up */
#password dt, #password dd { line-height: 40px;}
#password dd [class*="col-"], #password dd [class^="col-"] { padding: 0; margin-bottom: 10px;}

#inquiry .payment, #inquiry .shipping { padding-right: 15px; display: inline-block; height: 20px; overflow: hidden;}
#inquiry .payment input, #inquiry .shipping input{ vertical-align: middle;}


/* FCK Editor */
.box-fck {}
.box-fck img { max-width: 100%; }
.box-fck p { margin-bottom: 2em; line-height: 2;}
.box-fck p:last-child { margin-bottom: 0;}
.fck-banner { margin-bottom: 40px;}

.top { margin-bottom: 10px; padding: 40px 0 30px; text-align: center; clear: both;}
.top a { margin: 0 auto; display: block; width: 40px; height: 40px; background-color: #93286E; color: #fff; font-size: 20px; text-decoration: none;
transform: rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 
}
.top a i {
position: absolute; left: 0;
transform: rotate(-45deg), ;
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 
}

.top a:hover { box-shadow: 10px 10px 20px rgba(0,0,0,0.15);
transform: scale(1.3,1.3) rotate(45deg) translate(-10px, -10px);
-moz-transform: scale(1.3,1.3) rotate(45deg) translate(-10px, -10px); /* Firefox 4 */
-webkit-transform: scale(1.3,1.3) rotate(45deg) translate(-10px, -10px); /* Safari and Chrome */
-o-transform: scale(1.3,1.3) rotate(45deg) translate(-10px, -10px); /* Opera */

}

.pagination { margin-bottom: 10px; padding: 20px 0 30px; text-align: center; clear: both;}
.pagination li { position: relative; display: inline-block; width: 60px; height: 60px;}
.pagination li:after { position: absolute; z-index: 1; left: 10px; top: 10px; display: block; width: 40px; height: 40px; background-color: #fff; border: 1px solid #C389BA; content: "";
transform: rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);
transition: all ease-in-out 0.3s;
}
.pagination li:hover:after {
transform: rotate(225deg) scale(0.8,0.8);
-ms-transform:rotate(225deg) scale(0.8,0.8); 	/* IE 9 */
-moz-transform:rotate(225deg) scale(0.8,0.8); 	/* Firefox */
-webkit-transform:rotate(225deg) scale(0.8,0.8); /* Safari 和 Chrome */
-o-transform:rotate(225deg) scale(0.8,0.8); 
}

.pagination li.active:after { background-color: #93286E; border-color: #93286E;}
.pagination li a { position: relative; z-index: 2; display: block; line-height: 60px; color: #C389BA; font-size: 24px; text-decoration: none;}
.pagination li.active a { color: #fff;}
.pagination li i { position: relative; top: 0;}
.pagination li i.icon-prev { left: -10px;}
.pagination li i.icon-next { right: -10px;}

.pagination li:hover i.icon-prev { left: -5px;}
.pagination li:hover i.icon-next { right: -5px;}


.about h3 { position: relative; margin-bottom: 30px; font-size: 21px; color: #93286E; font-weight: 500; line-height: 40px;}
.about h3 span { padding-left: 15px; font-size: 18px; color: #C389BA; font-weight: 300;}
.about h4 { margin-bottom: 20px; font-size: 19px; color: #444;}
.about hr { height: 0; margin: 40px 0; border-top: 1px solid #eee;}


/* Pages */
.pages .news-item { margin-bottom: 0;}
.pages .news-item dl { margin-top: 0;}
.pages .news-item p { height: 4.2em; margin-bottom: 0;}
.pages .news-item .btn-more { padding-left: 0;}

.pages .btn-label { font-size: 17px;}
.pages span.btn-label { color: #fff;}
.pages .btn img { margin-right: 10px; vertical-align: middle;}


/* message */
.btn-message { margin-top: -72px; margin-bottom: 30px;}
.message-item {}
.message-item dt { margin-top: 10px; padding: 10px; background: #f1f1f1; line-height: 20px; cursor: pointer; border: 1px solid #d6d6d6; border-radius: 3px 3px 0 0;}
.message-item dd { padding: 20px 15px; border: 1px solid #d6d6d6; border-top: none; border-radius: 0 0 3px 3px;}

.message-item figure { padding-right: 280px;}
.message-item figure:before { display: inline-block; content: "Q"; margin-right: 10px; color: #c00; font-size: 18px;}
.message-item code { padding-right: 20px;}
.message-item code a, .message-item code span { color: #06f; text-decoration: none;}
.message-item time span { color: #92266C;}

/* cart */
.pages .box-content { min-height: 400px; margin-bottom: 40px;}
.box-content .cart { min-height: 400px; margin-bottom: 40px;}
.cart .box-border, .cart-detail { margin-bottom: 20px;}
.cart-detail table { width: 100%; border-collapse: collapse; border: 1px solid #d6d6d6;}
.cart-detail th { background-color: #F9F9F9; border-bottom: 1px solid #d6d6d6;}
.cart-detail th, .cart-detail td { padding: 5px; border-left: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; vertical-align: middle; text-align: center;}
.cart-detail td:first-child{ text-align: left;}
.cart-detail img { display: inline-block; float: left; margin-right: 15px; width: 90px; outline: none; vertical-align: middle;}
.cart-detail td a { padding: 0 10px; text-decoration: none;}
.cart-detail td:first-child { width: 50%; white-space: nowrap;}
.cart-detail td:last-child { width: 80px;}
.cart-detail td:first-child a { display: inline-block; padding: 0; color: #92276D;}
.cart-detail td:last-child a { color: #93286E;}
.cart-detail time { display: block; margin: 0 auto; width: 5em; font-size: 14px;}

.cart-detail .icon-trash { font-size: 30px;}
.cart-detail .number { border-color: #d6d6d6;}
.cart-detail .number span { background-color: #fff;}
.cart-detail .number input { background-color: #f9f9f9; border-color: #d6d6d6;}

.cart-info { background-color: #FCF8FA;}
.cart-info dt, .cart-info dd { display: block; float: left;}

.cart-tips dt { width: 120px; font-size: 17px; color: #93286E;}
.cart-tips dd span { color: #93286E;}

.cart-price dl { width: 100%;}
.cart-price dd, .cart-price dt { float: left; width: 50%; line-height: 20px;}
.cart-price dt { text-align: right;}
.cart-price dd { padding-left: 10px; color: #c00;}
.cart-price dl:last-child dd { font-size: 20px;}

.cart-detail h4 { padding: 0 15px; margin-bottom: 20px; line-height: 40px;}
.cart-detail dl { position: relative; padding: 0 15px; margin-bottom: 10px; line-height: 40px;}
.cart-detail dt, .cart-detail dd { display: block;}
.cart-detail dt { position: absolute; float: left; width: 120px; line-height: 40px;}
.cart-detail dd { padding-left: 120px;}
.cart-detail .row select { margin-bottom: 10px;}

.cart-done h3 { font-size: 17px; color: #93286E;}
.cart-done p { font-size: 15px;}
.cart-done a { color: #006CD8;}
.cart-text { min-height: 120px;}

.cart-done .information p { font-size: 13px; color: #ccc;}

/* contact */
.contact .form-header { margin-bottom: 20px;}
.contact a { padding: 0 5px; color: #92276D;}
.contact dl { position: relative; padding: 0 15px; margin-bottom: 10px; line-height: 40px;}
.contact dt, .contact dd { display: block;}
.contact dt { position: absolute; float: left; width: 120px; line-height: 40px;}
.contact dd { padding-left: 120px;}
.contact img { margin-left: -10px; vertical-align: middle;}
.contact dd span.tips { padding-left: 15px;}

.google-map { height: 360px;}
#map-canvas { margin: 0; padding: 0; height: 100%;}

.map { position: relative; margin: 20px 0; background-color: #f9f9f9;}
.map-info { position: absolute; left: 0; right: 0; bottom: 0; top: 30px;}

.company { padding: 40px !important; background-color: rgba(147,40,110,0.8); color: #fff;}
.company h3 { margin-bottom: 10px; font-size: 25px;}
.company h4 { margin-bottom: 20px; padding-left: 25px; height: 62px; line-height: 62px; background: url(../img/illus-contact.png) no-repeat left center; font-size: 21px;}
.company p { font-size: 14px;}
.company a { color: #fff;}



.success, .warning, .attention, .information {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	color: #555555;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.success {
	background: #EAF7D9 url('../img/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.warning {
	background: #FFD1D1 url('../img/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.attention {
	background: #FFF5CC url('../img/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.error{
	font-size: 12px;
	color: red;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  margin: 0 auto;
  width: 100%;
  border: 0;
  }

.rslides_tabs { position: relative; z-index: 2; top: -40px; text-align: center;}
.rslides_tabs li { display: inline-block; margin: 0 5px; opacity: 0.35;}
.rslides_tabs li a { display: block; background-color: #93286E; width: 14px; height: 14px; border-radius: 100%; color: #93286E; font-size: 0;}
.rslides_tabs li.rslides_here { opacity: 1;}

.owl-banner { 
    margin: 0; padding: 0; 
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.owl-banner li { list-style-type: none; }
.owl-theme .owl-dots { position: relative; z-index: 2; top: -40px; text-align: center;}
.owl-theme .owl-dots .owl-dot { display: inline-block; margin: 0 5px; opacity: 0.35;}
.owl-theme .owl-dots .owl-dot span { display: block; background-color: #93286E; width: 14px; height: 14px; border-radius: 100%; color: #93286E; font-size: 0; margin: 0; }
.owl-theme .owl-dots .owl-dot.active,
.owl-theme .owl-dots .owl-dot:hover { opacity: 1; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background-color: #93286E; }

/*----------------20160805---------------*/
.box-note dd {
    line-height: 1.6em;
    background: rgba(230, 212, 231, 0.16);
    border: 1px solid #d2a6cb;
    padding: 6px;
    color: #93286e;
    margin: 5px 0 0 0;
}
.md-close:before { display: none; }

select.ss {
    background-image: url(../img/select-arr.png);
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding:0 31px 0 10px;
    background-color: #FCF7F7;
    height:40px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border:1px solid #C389BA;
    font-size: 18px;
}
select.ss::-ms-expand {    display: none;}
@media (max-width:479px) {
	.groupBuy .ss {
		font-size: 14px;
	}	
}

/*產品列表組合購物預覽*/
.modal-pd-preview .product-title { font-size: 20px; }
.modal-pd-preview select.ss { font-size: 16px; }
.modal-pd-preview .md-content > div {     padding: 34px 15px 0 15px; }
.modal-pd-preview .md-content h3.md-title {}
@media (max-width:991px) {
	.modal-pd-preview .product-title { margin-top:20px; }
	.modal-pd-preview #preview img { max-width:240px; margin:auto }
}


/*團購購物車預清單*/
.groupBuy .cart-tips .note { font-size: 17px; color: #93286E; }
.groupBuy .box-content .cart { min-height: initial; margin:40px 0; }
.groupBuy .cart-detail img { width:50px; }
.save-price { font-size: 14px; margin:5px 0 0 0; color: #93286e; background-color: #eee; display: inline-block; padding:2px 5px; }
.groupBuy .toCart button { float:right }
.groupBuy .toCart { margin-top:20px; }
@media (max-width:991px) {
	.groupBuy .toCart { text-align: center; margin-top:20px; }
	.groupBuy .toCart button { float:none; }
}
@media (max-width:767px) {
	.hide-ni { display: none!important; }
	.groupBuy .cart-detail thead { display: table-row-group; }
	.groupBuy .cart-detail td { display: table-cell; }
	.groupBuy .cart-detail .hide-pc { display: none!important; }
	.groupBuy .cart-detail tr {
	    border-top: 1px solid #d6d6d6;
	    border-bottom: none;
	}
	.groupBuy .cart-detail td {
	    border-left: 1px solid #d6d6d6;
	}
	.groupBuy .cart-detail td:first-child { text-align: center; }
	.groupBuy .cart-detail td .icon-trash {     font-size: 20px; }
}
@media (max-width:479px) {
	.groupBuy .cart-detail td:first-child img { float: none; margin: 0; }
	.groupBuy .cart-detail td:first-child span { display: block; font-size: 14px; line-height: 1.2em; margin-top: 5px; }
}

/*下半部*/
.groupBuy .product-item { padding-top:10px; padding-bottom:10px; }
.groupBuy .product-item.active {     box-shadow: 0 0 0 3px #fff; background-color: #e5cfe1; }
.groupBuy .product-item .product-meta h3 { font-size: 14px; height:2.8em; }
.groupBuy .product-qty { text-align: center; margin:7px 0 0 0; }
.groupBuy .product-qty span { font-size: 12px; }
.groupBuy .product-qty .ss { width:100px;  }
.groupBuy .product-item .product-price { height: 41px; }

@media (max-width:767px) {
	.groupBuy .cart-tips .note { text-align: center; }
	.groupBuy .product-item .product-meta h3 { font-size: 14px; height:2.8em; }
	.groupBuy .product-item .product-img { padding:0 }
}
@media (max-width:479px) {
	.groupBuy .product-item { width:50%; }
	.groupBuy .product-price .new strong { font-size: 16px; }
	.groupBuy .product-qty .ss { width:auto }
}




/*Jimmy*/
.top-cart small,.cart-detail small,.order-detail small{
	font-size: 12px;
	color: #777;
	display: block;
}


/* 2018.2.23 - Evezone Define - Coupon & Member Level */
.level { margin-bottom: 20px; padding: 30px 30px 15px; font-size: 13px; color: #999; border: 1px solid #ececec; border-radius: 3px;}
.level .level-top { margin-bottom: 20px;}
.level .level-bottom { margin-top: 20px; margin-bottom: 10px; padding-top: 20px; border-top: 1px solid #F4EAF1;}
.level .level-bottom span { color: #B60005;}

.level .avatar {}
.level .avatar img { display: block; border-radius: 100em;}
.level .info-tips { display: inline-block; margin-left: 10px; width: 16px; height: 16px; background-color: #93286E; color: #fff; font-size: 12px; text-align: center; line-height: 16px; text-decoration: none; border-radius: 100%;}
.level .info-righs { color: #92276D;} 

.level .charts {}
.level .charts ul { display: table; width: 100%;}
.level .charts ul li { display: table-cell !important; width: 25%; text-align: right; border-right: 1px dotted #C389BA;} 
.level .charts ul li:first-child,
.level .charts ul li:last-child { border-right: none; text-align: left;}
.level .charts ul li:first-child { width: 20%;}
.level .charts ul li:last-child { width: 5%;}
.level .charts ul li.current .meta-name { color: #93286E;}
.level .charts ul li.current .bar-color { display: block;}

.level .charts .meta-name { line-height: 20px;}
.level .charts .charts-bar { margin: 10px 0; padding: 2px 0; height: 10px; width: 100%; background-color: #F4EAF1;}
.level .charts .first-cell .charts-bar { border-radius: 5px 0 0 5px;}
.level .charts .last-cell .charts-bar { border-radius: 0 5px 5px 0;}
.bar-color { display: none; border-radius: 3px; height: 6px;}
.color-common {
	background: -webkit-linear-gradient(left, #DAB5D3, #C68DBC); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, #DAB5D3, #C68DBC); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, #DAB5D3, #C68DBC); /* Firefox 3.6 - 15 */
	background: linear-gradient(left, #DAB5D3, #C68DBC); /* 标准的语法 */
}
.color-ordinary {
	background: -webkit-linear-gradient(left, #C68DBC, #93286E); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, #C68DBC, #93286E); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, #C68DBC, #93286E); /* Firefox 3.6 - 15 */
	background: linear-gradient(left, #C68DBC, #93286E); /* 标准的语法 */
}
.color-golden {
	background: -webkit-linear-gradient(left, #93286E, #E8D58A); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, #93286E, #E8D58A); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, #93286E, #E8D58A); /* Firefox 3.6 - 15 */
	background: linear-gradient(left, #93286E, #E8D58A); /* 标准的语法 */
}

.meta-name,
.meta-cost,
.meta-date { padding: 0 10px;}
.meta-cost,
.meta-date { font-size: 12px; line-height: 20px;}
.meta-cost { color: #B60005;}
.level .charts ul li:first-child .meta-cost { color: #999;}

@media (max-width: 767px) and (min-width: 320px) {
.level .charts ul li:first-child,
.level .charts ul li:last-child { display: none !important;}
.level .level-bottom .align-left,
.level .level-bottom .align-right { text-align: left;}
}
@media (min-width: 768px) and (max-width: 991px) {
.level .charts ul li:first-child,
.level .charts ul li:last-child { display: none !important;}
}

.member-rules { display: none; margin-bottom: 20px; font-size: 13px; color: #999; border: 1px solid #DAB4D3; border-radius: 3px;
	background: -webkit-linear-gradient(top, #fff, #F8F2F6); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #fff, #F8F2F6); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #fff, #F8F2F6); /* Firefox 3.6 - 15 */
	background: linear-gradient(top, #fff, #F8F2F6); /* 标准的语法 */
}
.member-rules ul { padding-left: 1.5em; font-size: 12px; color: #999;}
.member-rules ul li { margin-bottom: 5px; list-style: disc;}
.member-rules ul li:last-child { margin-bottom: 0;}

.member-rules .golden-card,
.member-rules .ordinary-card { margin: 30px 0 0 30px; padding: 0 30px 30px 80px;}
.golden-card { background: url(../img/icon-cart-gold.png) no-repeat left top;}
.ordinary-card { background: url(../img/icon-cart-normal.png) no-repeat left top;}

.golden-card dt { padding-bottom: 10px; font-size: 17px; font-weight: bold; color: #CAA535;}
.ordinary-card dt { padding-bottom: 10px; font-size: 17px; font-weight: bold; color: #93286E;}

.member-rules .rules-tips,
.member-rights .rules-tips { padding: 10px 15px; background: #fff; font-size: 12px; color: #93286E; border-top: 1px solid #DAB4D3; border-radius: 0 0 3px 3px;}
.member-rights .rules-tips { margin: 0 -30px -15px;}

@media (max-width: 767px) and (min-width: 320px) {
.golden-card dt,
.ordinary-card dt { display: block; line-height: 25px !important;}
.golden-card { border-bottom: 1px solid #DAB4D3;}

.box-coupon .col-sm-4:last-child { text-align: center;}
.box-coupon .btn { margin-top: 10px; margin-left: auto; margin-right: auto;}
}


.member-rights { margin-bottom: 20px; padding: 30px 30px 15px; background-image:url(../img/background-member-rights.jpg); background-position: center center; background-size: cover; font-size: 13px; color: #999; border: 1px solid #ececec; border-radius: 3px;}
.member-rights .table { border: none;}
.member-rights .table th { text-align: left;}
.member-rights .table th,
.member-rights .table td { padding: 10px; border-left: 1px dotted #d6d6d6;}
.member-rights .table th:first-child { border-left: none;}

.member-rights .table tr { border-bottom: 1px dotted #d6d6d6;}
.member-rights .table tbody tr:last-child { border-bottom: none;}


.member-rights .table thead { font-size: 17px; font-weight:bold;}
.cell-color-gray { background-color: rgba(240,240,240,0.5); color: #666;}
.cell-color-pink { background-color: rgba(240,215,230,0.5); color: #93286E;}
.cell-color-golden { background-color: rgba(244,243,213,0.5); color: #CAA535;}


.box-coupon dl { margin: 0;}
.coupon-save { font-size: 13px; line-height: 30px;}
.coupon-save span { color: #C00;}

.coupon-list h4 { margin-bottom: 20px; font-weight: bold; font-size: 17px; line-height: 40px;}
.coupon-list h4 span {font-weight: normal; font-size: 13px; color: #92266C;}

.coupon-item { position: relative; margin-bottom: 20px; padding: 10px 10px 10px 120px; border: 1px solid #d6d6d6; border-radius: 4px;}
.coupon-item .coupon-img { position: absolute; left: 20px; top: 50%; border-radius: 100%; transform:translateY(-50%);}
.coupon-item dl { padding: 0 10px 0 20px; border-left: 2px dotted #d6d6d6;}
.coupon-item dl dt { color: #92266C; font-size: 20px; text-align: right;}
.coupon-item dl dt big { font-size: 60px; font-family: "DFPYuanLight-B5";}
.coupon-item dl dd { padding-bottom: 10px; background: url(../img/line-bg.png) repeat-x left bottom;}
.coupon-item dl dd ul { display: table; width: 100%; font-size: 12px;}
.coupon-item dl dd ul li { display: table-cell; width: 50%; height: 20px; line-height: 20px;}
.coupon-item dl dd ul li:first-child { text-align: left;}
.coupon-item dl dd ul li:last-child { text-align: right;}

.coupon-item.invalid { background-image: url(../img/invalid-bg.gif);}
.coupon-item.invalid dl { position: relative;}
.coupon-item.invalid dl dt { color: #ccc;}
.coupon-item.invalid dl dt em { position: absolute; left: 20px; float: left; padding: 2px 4px; background-color: #999; color: #fff; font-size: 12px; border-radius: 2px;}
.coupon-item.invalid dl dd { color: #000; opacity: 0.2}

@media (max-width: 767px) and (min-width: 320px) {
.coupon-item dl dd ul,
.coupon-item dl dd ul li { display: block ; text-align: right !important; width: 100%;}	

.coupon-save { text-align: center;}
}

.newsletter { padding: 60px 0 40px;}
.newsletter dd img { margin-top: 0 !important;}

.cart-price{ text-align:center;}
.total_item { display: inline-block; min-width: 19%; max-width: 33%;}

@media only screen and (max-width: 480px) {
    .cart-price:before, .cart-price:after { display: block; content: ""; clear: both; }
    .cart-price dd, .cart-price dt { display: block; padding: 0 10px; width: 100%; text-align: left; }
    .total_data { margin-top: 15px; margin-left: 0 !important; margin-right: 0 !important; text-align: left; }
    .total_item { margin-bottom: 15px; width: 50%; max-width: none; }
    .captcha-box { margin-top: 10px;}
}@charset "utf-8";
/* CSS Document */
.container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
.row { margin-left: -15px; margin-right: -15px;}

.container:before, .container:after,
.row:before, .row:after,
.clearfix:before, .clearfix:after { clear: both; display: table; content: '';}

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

.align-left { text-align: left;}
.align-right { text-align: right;}
.align-center { text-align: center;}

.full-block { width: 100%;}
.half-block { width: 50%;}

.mar-t-0 { margin-top: 0;}
.mar-b-20 { margin-bottom: 20px;}
.mar-l-20 { margin-left: 20px;}
.mar-t-20 { margin-top: 20px;}

.table-responsive{min-height:.01%;overflow-x:auto}
.table { width: 100%; max-width: 100%; margin-bottom: 20px;}
.table-bordered { border: 1px solid #ddd;}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th { font-weight: bold; border-bottom-width: 2px; background-color: #f4f4f4;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #ddd;}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 5px;}

@media screen and (max-width:767px){
	.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;}
	.table-responsive>.table{margin-bottom:0}
	.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}
	.table-responsive>.table-bordered{/*border:0*/}
	.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}
	.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}
	.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}
}

@media (min-width:320px) {
.container {width: auto}
}
@media (min-width:768px) {
.container {width: 750px}
}
@media (min-width:992px) {
.container {width: 970px}
}
@media (min-width:1200px) {
.container {width: 1170px}
}
.container-fluid {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px}
.row-fluid { margin-left: -15px; margin-right: -15px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left}
.col-xs-12 {width: 100%}.col-xs-11 {width: 91.66666667%}.col-xs-10 {width: 83.33333333%}.col-xs-9 {width: 75%}.col-xs-8 {width: 66.66666667%}.col-xs-7 {width: 58.33333333%}.col-xs-6 {width: 50%}.col-xs-5 {width: 41.66666667%}.col-xs-4 {width: 33.33333333%}.col-xs-3 {width: 25%}.col-xs-2 {width: 16.66666667%}.col-xs-1 {width: 8.33333333%}.col-xs-pull-12 {right: 100%}.col-xs-pull-11 {right: 91.66666667%}.col-xs-pull-10 {right: 83.33333333%}.col-xs-pull-9 {right: 75%}.col-xs-pull-8 {right: 66.66666667%}.col-xs-pull-7 {right: 58.33333333%}.col-xs-pull-6 {right: 50%}.col-xs-pull-5 {right: 41.66666667%}.col-xs-pull-4 {right: 33.33333333%}.col-xs-pull-3 {right: 25%}.col-xs-pull-2 {right: 16.66666667%}.col-xs-pull-1 {right: 8.33333333%}.col-xs-pull-0 {right: 0}.col-xs-push-12 {left: 100%}.col-xs-push-11 {left: 91.66666667%}.col-xs-push-10 {left: 83.33333333%}.col-xs-push-9 {left: 75%}.col-xs-push-8 {left: 66.66666667%}.col-xs-push-7 {left: 58.33333333%}.col-xs-push-6 {left: 50%}.col-xs-push-5 {left: 41.66666667%}.col-xs-push-4 {left: 33.33333333%}.col-xs-push-3 {left: 25%}.col-xs-push-2 {left: 16.66666667%}.col-xs-push-1 {left: 8.33333333%}.col-xs-push-0 {left: 0}.col-xs-offset-12 {margin-left: 100%}.col-xs-offset-11 {margin-left: 91.66666667%}.col-xs-offset-10 {margin-left: 83.33333333%}.col-xs-offset-9 {margin-left: 75%}.col-xs-offset-8 {margin-left: 66.66666667%}.col-xs-offset-7 {margin-left: 58.33333333%}.col-xs-offset-6 {margin-left: 50%}.col-xs-offset-5 {margin-left: 41.66666667%}.col-xs-offset-4 {margin-left: 33.33333333%}.col-xs-offset-3 {margin-left: 25%}.col-xs-offset-2 {margin-left: 16.66666667%}.col-xs-offset-1 {margin-left: 8.33333333%}.col-xs-offset-0 {margin-left: 0}@media (min-width:768px) {.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {	float: left}.col-sm-12 {width: 100%}.col-sm-11 {width: 91.66666667%}.col-sm-10 {width: 83.33333333%}.col-sm-9 {width: 75%}.col-sm-8 {width: 66.66666667%}.col-sm-7 {width: 58.33333333%}.col-sm-6 {width: 50%}.col-sm-5 {width: 41.66666667%}.col-sm-4 {width: 33.33333333%}.col-sm-3 {width: 25%}.col-sm-2 {width: 16.66666667%}.col-sm-1 {width: 8.33333333%}.col-sm-pull-12 {right: 100%}.col-sm-pull-11 {right: 91.66666667%}.col-sm-pull-10 {right: 83.33333333%}.col-sm-pull-9 {right: 75%}.col-sm-pull-8 {right: 66.66666667%}.col-sm-pull-7 {right: 58.33333333%}.col-sm-pull-6 {right: 50%}.col-sm-pull-5 {right: 41.66666667%}.col-sm-pull-4 {right: 33.33333333%}.col-sm-pull-3 {right: 25%}.col-sm-pull-2 {right: 16.66666667%}.col-sm-pull-1 {right: 8.33333333%}.col-sm-pull-0 {right: 0}.col-sm-push-12 {left: 100%}.col-sm-push-11 {left: 91.66666667%}.col-sm-push-10 {left: 83.33333333%}.col-sm-push-9 {left: 75%}.col-sm-push-8 {left: 66.66666667%}.col-sm-push-7 {left: 58.33333333%}.col-sm-push-6 {left: 50%}.col-sm-push-5 {left: 41.66666667%}.col-sm-push-4 {left: 33.33333333%}.col-sm-push-3 {left: 25%}.col-sm-push-2 {left: 16.66666667%}.col-sm-push-1 {left: 8.33333333%}.col-sm-push-0 {left: 0}.col-sm-offset-12 {	margin-left: 100%}.col-sm-offset-11 {margin-left: 91.66666667%}.col-sm-offset-10 {margin-left: 83.33333333%}.col-sm-offset-9 {margin-left: 75%}.col-sm-offset-8 {margin-left: 66.66666667%}.col-sm-offset-7 {margin-left: 58.33333333%}.col-sm-offset-6 {margin-left: 50%}.col-sm-offset-5 {	margin-left: 41.66666667%}.col-sm-offset-4 {margin-left: 33.33333333%}.col-sm-offset-3 {margin-left: 25%}.col-sm-offset-2 {margin-left: 16.66666667%}.col-sm-offset-1 {margin-left: 8.33333333%}.col-sm-offset-0 {margin-left: 0}}
@media (min-width:992px) {.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left}.col-md-12 {width: 100%}.col-md-11 {width: 91.66666667%}.col-md-10 {width: 83.33333333%}.col-md-9 {width: 75%}.col-md-8 {width: 66.66666667%}.col-md-7 {width: 58.33333333%}.col-md-6 {width: 50%}.col-md-5 {width: 41.66666667%}.col-md-4 {width: 33.33333333%}.col-md-3 {width: 25%}.col-md-2 {width: 16.66666667%}.col-md-1 {width: 8.33333333%}.col-md-pull-12 {right: 100%}.col-md-pull-11 {right: 91.66666667%}.col-md-pull-10 {right: 83.33333333%}.col-md-pull-9 {right: 75%}.col-md-pull-8 {right: 66.66666667%}.col-md-pull-7 {right: 58.33333333%}.col-md-pull-6 {right: 50%}.col-md-pull-5 {right: 41.66666667%}.col-md-pull-4 {right: 33.33333333%}.col-md-pull-3 {right: 25%}.col-md-pull-2 {right: 16.66666667%}.col-md-pull-1 {right: 8.33333333%}.col-md-pull-0 {right: 0}.col-md-push-12 {left: 100%}.col-md-push-11 {left: 91.66666667%}.col-md-push-10 {left: 83.33333333%}.col-md-push-9 {left: 75%}.col-md-push-8 {left: 66.66666667%}.col-md-push-7 {left: 58.33333333%}.col-md-push-6 {left: 50%}.col-md-push-5 {left: 41.66666667%}.col-md-push-4 {left: 33.33333333%}.col-md-push-3 {left: 25%}.col-md-push-2 {left: 16.66666667%}.col-md-push-1 {left: 8.33333333%}.col-md-push-0 {left: 0}.col-md-offset-12 {margin-left: 100%}.col-md-offset-11 {margin-left: 91.66666667%}.col-md-offset-10 {margin-left: 83.33333333%}.col-md-offset-9 {margin-left: 75%}.col-md-offset-8 {margin-left: 66.66666667%}.col-md-offset-7 {margin-left: 58.33333333%}.col-md-offset-6 {margin-left: 50%}.col-md-offset-5 {margin-left: 41.66666667%}.col-md-offset-4 {margin-left: 33.33333333%}.col-md-offset-3 {margin-left: 25%}.col-md-offset-2 {margin-left: 16.66666667%}.col-md-offset-1 {margin-left: 8.33333333%}.col-md-offset-0 {margin-left: 0}}
@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left}.col-lg-12 {width: 100%}.col-lg-11 {width: 91.66666667%}.col-lg-10 {width: 83.33333333%}.col-lg-9 {width: 75%}.col-lg-8 {width: 66.66666667%}.col-lg-7 {width: 58.33333333%}.col-lg-6 {width: 50%}.col-lg-5 {width: 41.66666667%}.col-lg-4 {width: 33.33333333%}.col-lg-3 {width: 25%}.col-lg-2 {width: 16.66666667%}.col-lg-1 {width: 8.33333333%}.col-lg-pull-12 {right: 100%}.col-lg-pull-11 {right: 91.66666667%}.col-lg-pull-10 {right: 83.33333333%}.col-lg-pull-9 {right: 75%}.col-lg-pull-8 {right: 66.66666667%}.col-lg-pull-7 {right: 58.33333333%}.col-lg-pull-6 {right: 50%}.col-lg-pull-5 {right: 41.66666667%}.col-lg-pull-4 {right: 33.33333333%}.col-lg-pull-3 {right: 25%}.col-lg-pull-2 {right: 16.66666667%}.col-lg-pull-1 {right: 8.33333333%}.col-lg-pull-0 {right: 0}.col-lg-push-12 {left: 100%}.col-lg-push-11 {left: 91.66666667%}.col-lg-push-10 {left: 83.33333333%}.col-lg-push-9 {left: 75%}.col-lg-push-8 {left: 66.66666667%}.col-lg-push-7 {left: 58.33333333%}.col-lg-push-6 {left: 50%}.col-lg-push-5 {left: 41.66666667%}.col-lg-push-4 {left: 33.33333333%}.col-lg-push-3 {left: 25%}.col-lg-push-2 {left: 16.66666667%}.col-lg-push-1 {left: 8.33333333%}.col-lg-push-0 {left: 0}.col-lg-offset-12 {margin-left: 100%}.col-lg-offset-11 {margin-left: 91.66666667%}.col-lg-offset-10 {margin-left: 83.33333333%}.col-lg-offset-9 {margin-left: 75%}.col-lg-offset-8 {margin-left: 66.66666667%}.col-lg-offset-7 {margin-left: 58.33333333%}.col-lg-offset-6 {margin-left: 50%}.col-lg-offset-5 {margin-left: 41.66666667%}.col-lg-offset-4 {margin-left: 33.33333333%}.col-lg-offset-3 {margin-left: 25%}.col-lg-offset-2 {margin-left: 16.66666667%}.col-lg-offset-1 {margin-left: 8.33333333%}.col-lg-offset-0 {margin-left: 0}}

.hidden-xs { display: block !important;}
tr.hidden-xs {
  display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  tr.hidden-xs {
    display: none !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }
  tr.hidden-xs.hidden-sm {
    display: none !important;
  }
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
  tr.hidden-xs.hidden-md {
    display: none !important;
  }
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
    display: none !important;
  }
  tr.hidden-xs.hidden-lg {
    display: none !important;
  }
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}
tr.hidden-sm {
  display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
    display: none !important;
  }
  tr.hidden-sm.hidden-xs {
    display: none !important;
  }
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
  tr.hidden-sm {
    display: none !important;
  }
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
  tr.hidden-sm.hidden-md {
    display: none !important;
  }
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }
  tr.hidden-sm.hidden-lg {
    display: none !important;
  }
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}
tr.hidden-md {
  display: table-row !important;
}
th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
  tr.hidden-md.hidden-xs {
    display: none !important;
  }
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
  tr.hidden-md.hidden-sm {
    display: none !important;
  }
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  tr.hidden-md {
    display: none !important;
  }
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
  tr.hidden-md.hidden-lg {
    display: none !important;
  }
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}
.hidden-lg {
  display: none !important;
}
tr.hidden-lg {
  display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }
  tr.hidden-lg.hidden-xs {
    display: none !important;
  }
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
.fck-packing dt { position: static; display: block;}
.fck-packing dd { padding-left: 0; display: block;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important;
  }
  tr.hidden-lg.hidden-sm {
    display: none !important;
  }
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important;
  }
  tr.hidden-lg.hidden-md {
    display: none !important;
  }
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  tr.hidden-lg {
    display: none !important;
  }
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
tr.visible-print {
  display: none !important;
}
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print {
    display: none !important;
  }
  tr.hidden-print {
    display: none !important;
  }
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}

@media (min-width:320px) and (max-width: 767px) {
body { padding-top: 0;}
.wrapper { padding-bottom: 60px;}

.logo { padding: 0 0 0 60px; text-align: center;}
.logo img { margin: 0 auto; height: 60px;}
	
/*home */
.bn-arrows { display: none;}
.rslides_tabs { bottom: 10px !important;}
.rslides_tabs li { padding: 0 0 0 10px !important;}



#events ul { width: 100%;}
#events li { height: 50px;}
.events { margin-top: 0;}
.events h3 { height: 1.4em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.events p { height: 1.4em; overflow: hidden;}

.crumb,
.crumb:after { display: none;}
.pages { padding-top: 15px; font-size: 15px;}
.box-fck { font-size: 15px;}
.box-fck iframe { width: 100% !important; min-height: 208px;}
.top { padding: 15px 0;}

#mobile-menu { position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; background-color: #fff; text-align: right; cursor: pointer; box-shadow: 0 0 20px rgba(0,0,0,0.35);}
#mobile-menu i { display: block; width: 60px; height: 60px; font-size: 24px; line-height: 60px; cursor: pointer; background-color: #fff; color: #93286E;}
#mobile-menu i:hover { background-color: #93286E; color: #fff;}
#mobile-menu i:before { display: block;}
#mobile-menu em { position: absolute; right: 5px; top: 5px; display: block; width: 20px; height: 20px; background-color: #c00; color: #fff; text-align: center; line-height: 20px; border-radius: 100%;}
#mobile-menu a { text-decoration: none;}

#mobile-menu .toggle-menu { display: inline-block; text-align: center;}
.toggle-submenu { position: absolute; left: 0; right: 0; bottom: 60px; display: none; padding: 10px; background-color: #f4f4f4; font-size: 14px; line-height: 20px;}
.toggle-submenu a { display: inline-block; padding: 0 10px; color: #93286E;}
.toggle-menu:hover .toggle-submenu { display: block;}


.cart-dropdown { display: none;}
.cart-item { display: block; visibility: visible; position: static; padding: 0; box-shadow: none; width: auto;}
.show-item dt, .show-item dd { float: none; width: auto;}
.cart-item dt img { display: none;}
.cart-item a.btn-dark { margin-top: 10px; padding: 5px 10px; color: #fff;}
.show-price { padding-bottom: 0;}

/* member */
.form.reg, .form.login { padding-left: 15px; padding-right: 15px; border-right: none;}

.form dl { margin-bottom: 0; padding: 0;}
.form dt { line-height: 40px;}
.form dd { margin-bottom: 10px;}

.form .edit { margin-bottom: 20px; padding: 0; border: none;}
.form dd img { margin-left: 0; margin-top: 10px;}
.form dd a.md-trigger { line-height: 20px;}
.form dd .btn { margin-top: 20px; width: 100%;}
.form dd span { display: block; padding: 0;}

.btn-message { margin-top: -22px; margin-bottom: 20px;}
.message-item figure { display: block; padding-right: 0;}
.message-item figcaption { float: none; display: block; font-size: 12px; margin-bottom: 10px;}
.message-item code, .message-item time { display: block;}


/* trace */
.trace-item { height: auto; position: relative;}
.trace-item dd:nth-child(odd) { position: static; float: none; padding: 5px 0 0; width: 100%; height: 36px; clear: both; text-align: center;}
.trace-item dd .btn { display: inline-block; width: 48.5%;}


/* cart */
.cart-detail dt { position: static; width: 100%; float: none;}
.cart-detail dd { padding: 0; float: none;}
.cart-detail dd label { display: inline-block; margin-right: 20px;}
.cart-meta small { display: block; line-height: 1.5;}
.customer-define a { display: block; margin: 20px 0;}

.cart-tips { margin-bottom: 20px; clear: both; overflow: hidden;}

.cart-detail thead { display: none;}
.cart-detail tr { border-top: 1px solid #d6d6d6; border-bottom: 20px solid #d6d6d6;}
.cart-detail tr:last-child { border-bottom: none;}
.cart-detail td { display: block; width: 100% !important; text-align: left; border-left: none; overflow: hidden;}
.cart-detail td:first-child { word-wrap: normal; white-space: normal;}
.cart-detail td:first-child a { display: block;}
.cart-detail td:first-child img { float: left;}
.cart-detail td:last-child { text-align: center;}
.cart-detail span.show-mobile,
.cart-detail div.product-price { display: inline-block !important; float: left;}
.cart-detail span.show-mobile { padding-right: 20px; vertical-align: middle;}






.order-list table,
.order-detail table,
.order-history table { border-collapse:collapse;}
.order-list img, .order-detail img { width: 50px;}
.order-list thead,
.order-detail thead,
.order-history thead { display: none;}
.order-list td,
.order-detail td,
.order-history td,
.order-list td:first-child,
.order-detail td:first-child ,
.order-history td:first-child{ display: block; width: 100%; overflow: hidden; text-align: left; border-left: none;}
.order-list tr:last-child td:last-child ,
.order-detail tr:last-child td:last-child,
.order-history tr:last-child td:last-child  { width: 100% !important;}
.order-list td:last-child,
.order-detail td:last-child { width: 100% !important; text-align: center;}
.order-detail td:last-child  {text-align: left;}
.order-list td:last-child a,
.order-detail td:last-child a { display: inline-block; margin: 0 3px 5px; line-height: 30px; border-radius: 3px; background-color: #efefef;}
.order-list .product-price,
.order-detail .product-price { padding-left: 0;}
.order-list span.show-mobile,
.order-detail span.show-mobile { padding-right: 20px;}

.order-list td time,
.order-list td span,
.order-detail td span { display: inline !important;}
.order-detail .product-price .old { font-size: 16px !important;}

.order-history table { border: none; border-top: 1px solid #ddd !important;}
.order-history td { border: 1px solid #ddd !important; border-top: none !important;}
.order-history br { line-height: 0.5em;}



.footer-copyright p { padding-bottom: 0 !important; text-align: left; line-height: 1.5;}
footer li { padding-bottom: 5px;}
footer { padding-top: 20px;}

/* pagenation */
.pagination li { width: 45px; height: 45px;}
.pagination li a { line-height: 45px; font-size: 20px;}
.pagination li:after { left: 7px; top: 8px; width: 30px; height: 30px;}


/* contact */
.contact dt { position: static; float: none;}
.contact dd { padding: 0;}
.contact .btn.btn-red { margin-top: 15px;}
.contact dd span.tips { display: block; padding: 0; line-height: 20px;}
.contact img { margin-left: 0;}

.ctrl-groups { margin-bottom: 20px; text-align: center;}

/* news */
.news,.bottom { padding-top: 20px;}
.news-tabs { position: static; float: none; margin-top: 15px;}
.news-tabs li { width: 33.333333%;}
.news-tabs li a { padding: 0 10px; line-height: 30px;}

.news-item h3, .news-item p, .news-item time { padding-left: 0;}
.news-item h3 { height: auto;}
.news-item dl { margin-top: 10px; margin-bottom: 10px;}
.news-item dd p { margin-bottom: 0; height: auto; max-height: 2.8em;}

.owl-theme .owl-controls { margin: -10px 0 20px 0 !important;}

/* product */
.box-heading { margin-bottom: 15px;}
.box-heading span { display: inline-block; padding: 0 0 0 10px; font-size: 14px; line-height: 1.2;}

.product { padding-top: 20px; padding-bottom: 20px;}

.product-title { margin-top: 30px; font-size: 25px; font-weight: 400;}
.product-cart .number { float: none; margin: 0;}
.product-cart .btn { float: none; display: block; width: 100%; margin-top: 15px;}


.product-item .product-img:hover img, .product-item .product-img:focus img { opacity: 1; transform: none;}
.product-item .product-img:hover a, .product-item .product-img:focus a { opacity: 1;}

.product-item .product-img { padding-bottom: 50px;}
.product-item .product-img .add-cart, 
.product-item .product-img .add-trace { position: absolute; top: auto; bottom: 0%; margin: 0; width: 50%; height: 50px; font-size: 30px; text-align: center; text-decoration: none; border-radius: 0; opacity: 1;}
.product-item .product-img .add-cart { left: 0%; background-color: rgba(147,40,110,1); color: #fff; line-height: 50px;}
.product-item .product-img .add-trace { right: 0%; background-color: rgba(195,137,186,1); color: #fff; line-height: 50px;}

.product-item .product-img:hover .add-cart , .product-item .product-img:focus .add-cart  { left: 0% !important;}
.product-item .product-img:hover .add-trace , .product-item .product-img:focus .add-trace  { right: 0% !important;}

.product-item .product-img span.show-mobile { display: inline-block !important;}



/* contact */
.map-info { position: static;}
.map-info .col-lg-8 { display: none;}

.box-fck img { width: 100%;}
.pages .box-content { min-height: inherit; margin-bottom: 15px;}

/*hidden*/
.hide-mobile { display: none !important;}
/* show */
.show-mobile { display: block !important;}

/* quick menu */
#quick-menu { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; padding: 0; height: 60px; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.35);}
.top-links { float: left; padding: 0;}
.top-links a { float: left; display: block; width: 50px; height: 60px; font-size: 30px; color: rgba(147,10,110,1); text-align: center; text-decoration: none; box-shadow: inset -1px 0 0 rgba(0,0,0,0.05);}
.top-links .icon-home { display: block; padding: 15px 9px;}
.top-links .icon-user { display: block; padding: 15px 9px;}


.top-cart { position: absolute; left: 100px; right: 0; float: left; padding: 0;}
.top-trace { float: left; margin: 0;}
.top-trace a { display: block; margin: 0; padding: 0; width: 50px; height: 60px; font-size: 30px; color: rgba(147,10,110,1); text-align: center; text-decoration: none; box-shadow: inset -1px 0 0 rgba(0,0,0,0.05);}
.top-trace  .icon-heart { display: block; padding: 15px 9px; font-size: 30px; color: rgba(147,10,110,1); background-color: transparent;}
.cart-text-tip, .cart-btn { display: inline-block; float: right; background-color: #fff;}
.cart-text-tip { float: right; padding-top: 14px; width: 70px; text-align: right;}
.cart-btn .icon-cart { padding: 0 10px 0 0; background-color: transparent; font-size: 20px; vertical-align: middle;}
.cart-btn { margin: 10px;}
.cart-btn .btn-medium { padding: 4px 10px; line-height: 30px; font-size: 13px;}
}
@media (min-width:768px) {
#events li { height: 66px; overflow: hidden;}
#events li p { height: 2.8em;}
.news-item dt { width: 23%; padding-right: 2%}
.news-item dd { padding-left: 25%;}
.news-item dd p { height: 4.2em;}

.footer-copyright { text-align: left;}
.footer-copyright p { padding-bottom: 5px;}

.fck-packing:before, .fck-packing:after { clear: both; content:""; display: table;}
.fck-packing { position: relative;}
.fck-packing dt { position: absolute;}
.fck-packing dd { padding-left: 6em;}


/*hidden*/
.hide-mobile { display: block !important;}
/* show */
.show-mobile { display: none !important;}
.hide-tablet { display: none !important;}
.hide-pc { display: none !important;}
}
@media (min-width:992px) {
/*hidden*/
.hide-mobile { display: block !important;}
.hide-mobile.inline-box { display: inline-block !important;}
/* show */
.show-mobile { display: none !important;}
.hide-tablet { display: none !important;}
.hide-pc { display: none !important;}
}
@media (min-width:1200px) {
/*hidden*/
.hide-mobile { display: block !important;}
.hide-mobile.inline-box { display: inline-block !important;}
/* show */
.show-mobile { display: none !important;}
.hide-tablet { display: none !important;}
.hide-pc { display: none !important;}
}@charset "utf-8";
/* CSS Document */
.mm-menu { position: fixed; left: 0; width: 270px; height: 100%; background-color: rgba(195,137,186,0.9);}

/* search */
.mm-menu form { position: relative; margin: 15px; width: 240px;}
.mm-menu form input[type="text"] { margin: 0; padding: 10px; width: 200px; min-height: 40px; background-color: #93286E; font-size: 15px; line-height: 20px; color: #fff; border: none; border-radius: 4px 0px 0px 4px;}
.mm-menu form input[type="text"]:hover, .mm-menu form input[type="text"]:focus { box-shadow: inset 0 0 20px rgba(0,0,0,0.35);}
.mm-menu form input[type="text"]::-webkit-input-placeholder { color: rgba(255,255,255,0.35);}
.mm-menu form button[type="button"], .mm-menu form button[type="submit"] { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background-color: #93286E; border: none; border-radius: 0 4px 4px 0; cursor: pointer;}
.mm-menu form button i { font-size: 24px; line-height: 40px; color: rgba(255,255,255,0.65);}
.mm-menu form button:hover i { color: rgba(255,255,255,1);}

/* menu */
.mm-menu > ul { padding-top: 20px; overflow: auto;}
.mm-menu li a { position: relative; display: block; padding: 10px 30px; height: 40px; color: #fff; font-size: 15px; line-height: 20px; text-decoration: none; /*border-bottom: 1px solid rgba(147,40,110,0.2);*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 265px;}
.mm-menu li a:hover, .mm-menu li a:focus, .mm-menu li a.active { background-color: rgba(255,255,255,0.35); color: rgba(147,40,110,1);}
.mm-menu li.has-child > a:after { display: block; float: right; margin-right: -25px; content: "\e609"; font-family: "ssc"; font-size: 24px; transform: rotate(90deg); transition: all linear 0.3s;}

.mm-menu li.has-child ul { }
.mm-menu li.has-child.active ul {}
.mm-menu li.has-child.active > a:after { transform: rotate(90deg);}

	.mm-menu li ul { background-color: rgba(147,40,110,0.25);}
	.mm-menu li li ul { background-color: rgba(147,40,110,0.45);}
	/*..mm-menu li:active ul { display: block;}*/
	
	.mm-menu li li a:before { display: inline-block; content:"●"; margin-left: 5px; margin-right: 15px; font-family: Arial, Helvetica, sans-serif;}
	.mm-menu li li li a:before { display: inline-block; content:"○"; margin-left: 5px; margin-right: 15px; font-family: Arial, Helvetica, sans-serif;}
	
/* contact */
.mm-menu dl { padding: 30px; color: #fff;}
.mm-menu dl dt { opacity: 0.65; font-size: 15px;}
.mm-menu dl dd { margin-bottom: 30px; font-size: 24px;}
.mm-menu dl dd a { color: #fff; text-decoration: none;}

.has-child .childNav { display: none;}
.has-child.active .childNav { display: block;}


.subNav{ cursor:pointer;}
.navContent{ display: none;}
.navContent li a { padding-left: 55px;}
@font-face {
	font-family: 'ssc';
	src:url('../fonts/ssc.eot?5ri7ot');
	src:url('../fonts/ssc.eot?5ri7ot#iefix') format('embedded-opentype'),
		url('../fonts/ssc.ttf?5ri7ot') format('truetype'),
		url('../fonts/ssc.woff?5ri7ot') format('woff'),
		url('../fonts/ssc.svg?5ri7ot#ssc') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'ssc';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-wallet:before {
    content: "\e900";
}
.icon-bell-perspective:before {
    content: "\e610";
}
.icon-trigger:before {
    content: "\e600";
}
.icon-search:before {
    content: "\e601";
}
.icon-heart:before {
    content: "\e602";
}
.icon-heart-fill:before {
    content: "\e603";
}
.icon-cart:before {
    content: "\e604";
}
.icon-trash:before {
    content: "\e605";
}
.icon-plus:before {
    content: "\e606";
}
.icon-subtract:before {
    content: "\e607";
}
.icon-prev:before {
    content: "\e608";
}
.icon-next:before {
    content: "\e609";
}
.icon-up:before {
    content: "\e60a";
}
.icon-down:before {
    content: "\e60b";
}
.icon-back:before {
    content: "\e60c";
}
.icon-msg:before {
    content: "\e60d";
}
.icon-files:before {
    content: "\e60e";
}
.icon-line:before {
    content: "\e60f";
}
.icon-user:before {
    content: "\f007";
}
.icon-home:before {
    content: "\f015";
}
.icon-lock:before {
    content: "\f023";
}.sidenav{background-color:rgba(195,137,186,0.95);display:block;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(-270px,0);transition:transform .3s;top:0;width:270px;z-index:100}.sidenav.show{transform:translate(0,0)}.sidenav-brand{background:#FF5722;border-bottom:1px solid #FF7043;color:#FAFAFA;font-size:24px;font-weight:700;line-height:32px;padding:20px 24px 19px}.sidenav-dropdown,.sidenav-header{border-bottom:1px solid #424242;margin:0}.sidenav-header{background:0 0;color:#757575;font-size:19.2px;line-height:32px;padding:16px 24px 15px}.sidenav-header small{display:block;font-size:14.4px;line-height:16px}.sidenav-menu{list-style:none;margin:0;padding:0}.sidenav-menu li{display:block;position:relative}.sidenav-menu a{background:0 0;color:#BDBDBD;display:block;line-height:24px;padding:16px 32px;text-decoration:none}.sidenav-menu a:hover{background:#616161}.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#FAFAFA}.sidenav-dropdown-icon,.sidenav-link-icon{color:#757575;position:absolute;text-align:center;top:16px}.sidenav-link-icon{display:block;height:24px;left:24px;width:24px}.sidenav-link-title{display:block;padding:0 16px 0 40px}.sidenav-dropdown{display:none;list-style:none;padding:0}.sidenav-dropdown a{background:#191919;padding-left:72px}.sidenav-dropdown a:hover{background:#616161}.sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.sidenav-dropdown-icon{display:none;height:16px;right:16px;width:16px}.sidenav-dropdown-icon.show{display:block}.sidenav-overlay{background:rgba(255,255,255,.9);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.sidenav-no-scroll{overflow:hidden!important; height: 100%; position: fixed;}

/* New */
.sidenav-toggle {
	position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 60px;
    text-indent: -9999;
    background-color: rgba(195,137,186,0.95);
    color: rgba(147,10,110,1);
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;}

.sidenav-no-scroll .sidenav-toggle {
	box-shadow: 5px 0px 15px rgba(0,0,0,0.25);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: translateX(270px);
    -ms-transform: translateX(270px);
    transform: translateX(270px);
	}
	
.sidenav-no-scroll .sidenav-toggle .menu-line-top {
	-webkit-transform: translateY(5px) rotate(-45deg);
	-ms-transform: translateY(5px) rotate(-45deg);
	transform: translateY(5px) rotate(-45deg)
}
.sidenav-no-scroll .sidenav-toggle .menu-line-bottom {
	-webkit-transform: translateY(-5px) rotate(45deg);
	-ms-transform: translateY(-5px) rotate(45deg);
	transform: translateY(-5px) rotate(45deg)
}
.sidenav-no-scroll .sidenav-toggle .menu-line-middle { display: none}

.sidenav-toggle button {
	margin: 10px 10px 0; padding: 0;
	background-color: transparent;
	width: 40px; height: 30px;
	color: inherit;
	border: none; border-radius: none;
	box-shadow: none;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	outline: 0; cursor: pointer;
	}
.sidenav-toggle .menu-line {
	display: block;
	margin: 6px 0;
	background-color: rgba(147,10,110,1);
	width: 100%; height: 4px;
	border-radius: 6px;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: all .3s;
	transition: all .3s
	}
.sidenav-toggle .menu-label { padding-bottom: 10px; text-align: center; font-size: 12px;}

/* search */
.sidenav form { position: relative; margin: 15px; width: 240px;}
.sidenav form input[type="text"] { margin: 0; padding: 10px; width: 200px; min-height: 40px; background-color: #93286E; font-size: 15px; line-height: 20px; color: #fff; border: none; border-radius: 4px 0px 0px 4px;}
.sidenav form input[type="text"]:hover, .sidenav form input[type="text"]:focus { box-shadow: inset 0 0 20px rgba(0,0,0,0.35);}
.sidenav form input[type="text"]::-webkit-input-placeholder { color: rgba(255,255,255,0.35);}
.sidenav form button[type="button"], .sidenav form button[type="submit"] { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background-color: #93286E; border: none; border-radius: 0 4px 4px 0; cursor: pointer;}
.sidenav form button i { font-size: 24px; line-height: 40px; color: rgba(255,255,255,0.65);}
.sidenav form button:hover i { color: rgba(255,255,255,1);}

/* menu */

.sidenav > ul { padding-top: 20px; overflow: auto;}
.sidenav li a { position: relative; display: block; padding: 10px 30px; height: 40px; color: #fff; font-size: 15px; line-height: 20px; text-decoration: none; /*border-bottom: 1px solid rgba(147,40,110,0.2);*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 265px;}
.sidenav li a:hover, .sidenav li a:focus, .sidenav li a.active { background-color: rgba(255,255,255,0.35); color: rgba(147,40,110,1);}
.sidenav a[data-sidenav-dropdown-toggle]:after { display: block; float: right; margin-right: -25px; content: "\e609"; font-family: "ssc"; font-size: 24px; transform: rotate(90deg); transition: all linear 0.3s;}

.sidenav li.has-child ul { }
.sidenav li.has-child.active ul {}
.sidenav li.active a[data-sidenav-dropdown-toggle]:after { transform: rotate(90deg);}

	.sidenav li ul { background-color: rgba(147,40,110,0.25);}
	.sidenav li li ul { background-color: rgba(147,40,110,0.45);}
	/*..sidenav li:active ul { display: block;}*/
	
	.sidenav li li a:before { display: inline-block; content:"●"; margin-left: 5px; margin-right: 15px; font-family: Arial, Helvetica, sans-serif;}
	.sidenav li li li a:before { display: inline-block; content:"○"; margin-left: 5px; margin-right: 15px; font-family: Arial, Helvetica, sans-serif;}
	
.sidenav-dropdown, .sidenav-header  { border-bottom: none;}
.sidenav-dropdown a { background-color: transparent;}

.sidenav-no-scroll .sidenav { z-index: 1000; box-shadow: 0 0 20px rgba(0,0,0,.35);}
.sidenav-overlay { z-index: 999;}

/* contact */
.sidenav dl { padding: 30px; color: #fff;}
.sidenav dl dt { opacity: 0.65; font-size: 15px;}
.sidenav dl dd { margin-bottom: 30px; font-size: 24px;}
.sidenav dl dd a { color: #fff; text-decoration: none;}


.sidenav-no-scroll .wrapper {overflow: hidden;}*,
*:after,
*::before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body,
.st-container,
.st-pusher,
.st-content {
	height: 100%;
}

.st-content {
	overflow-y: scroll;
	background: #fff;
}

.st-content,
.st-content-inner {
	position: relative;
}

.st-container {
	position: relative;
	overflow: hidden;
}

.st-pusher {
	position: relative;
	left: 0;
	z-index: 99;
	height: 100%;
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.1s;
}

.st-pusher::after {
	position: absolute; z-index: 200;
	background: rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.1s, width 0.1s 0.1s, height 0.1s 0.1s;
	transition: opacity 0.1s, width 0.1s 0.1s, height 0.1s 0.1s;
}

.st-menu-open .st-pusher::after {
	top: 0;	right: 0; left: 0; bottom: 0;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.st-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	visibility: hidden;
	width: 270px;
	height: 100%;
	background-color: rgba(195,137,186,0.8);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.st-menu::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.st-menu-open .st-menu::after {
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}


/* Effect 1: Slide in on top */
.st-effect-1.st-menu {
	visibility: visible;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.st-effect-1.st-menu-open .st-effect-1.st-menu {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	box-shadow: 5px 0px 15px rgba(0,0,0,0.25);

}

.st-effect-1.st-menu::after {
	display: none;
}

/* Effect 2: Reveal */
.st-effect-2.st-menu-open .st-pusher {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.st-effect-2.st-menu {
	z-index: 1;
}

.st-effect-2.st-menu-open .st-effect-2.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.st-effect-2.st-menu::after {
	display: none;
}

/* Effect 3: Push*/
.st-effect-3.st-menu-open .st-pusher {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.st-effect-3.st-menu {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.st-effect-3.st-menu-open .st-effect-3.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.st-effect-3.st-menu::after {
	display: none;
}

/* Effect 4: Slide along */
.st-effect-4.st-menu-open .st-pusher {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.st-effect-4.st-menu {
	z-index: 1;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}

.st-effect-4.st-menu-open .st-effect-4.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-4.st-menu::after {
	display: none;
}

/* Effect 5: Reverse slide out */
.st-effect-5.st-menu-open .st-pusher {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.st-effect-5.st-menu {
	z-index: 1;
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
}

.st-effect-5.st-menu-open .st-effect-5.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Effect 6: Rotate pusher */

.st-effect-6.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.st-effect-6 .st-pusher {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-6.st-menu-open .st-pusher {
	-webkit-transform: translate3d(300px, 0, 0) rotateY(-15deg);
	transform: translate3d(300px, 0, 0) rotateY(-15deg);
}

.st-effect-6.st-menu {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-6.st-menu-open .st-effect-6.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(-100%, 0, 0) rotateY(15deg);
	transform: translate3d(-100%, 0, 0) rotateY(15deg);
}

.st-effect-6.st-menu::after {
	display: none;
}

/* Effect 7: 3D rotate in */

.st-effect-7.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.st-effect-7 .st-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-7.st-menu-open .st-pusher {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.st-effect-7.st-menu {
	-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
	transform: translate3d(-100%, 0, 0) rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-7.st-menu-open .st-effect-7.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
	transform: translate3d(-100%, 0, 0) rotateY(0deg);
}

/* Effect 8: 3D rotate out */

.st-effect-8.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.st-effect-8 .st-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-8.st-menu-open .st-pusher {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.st-effect-8.st-menu {
	-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
	transform: translate3d(-100%, 0, 0) rotateY(90deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-8.st-menu-open .st-effect-8.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
	transform: translate3d(-100%, 0, 0) rotateY(0deg);
}

.st-effect-8.st-menu::after {
	display: none;
}

/* Effect 9: Scale down pusher */

.st-effect-9.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.st-effect-9 .st-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-9.st-menu-open .st-pusher {
	-webkit-transform: translate3d(0, 0, -300px);
	transform: translate3d(0, 0, -300px);
}

.st-effect-9.st-menu {
	opacity: 1;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.st-effect-9.st-menu-open .st-effect-9.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-9.st-menu::after {
	display: none;
}

/* Effect 10: Scale up */

.st-effect-10.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.st-effect-10.st-menu-open .st-pusher {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.st-effect-10.st-menu {
	z-index: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, -300px);
	transform: translate3d(0, 0, -300px);
}

.st-effect-10.st-menu-open .st-effect-10.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Effect 11: Scale and rotate pusher */

.st-effect-11.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.st-effect-11 .st-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-11.st-menu-open .st-pusher {
	-webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
	transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}

.st-effect-11.st-menu {
	opacity: 1;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.st-effect-11.st-menu-open .st-effect-11.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-11.st-menu::after {
	display: none;
}

/* Effect 12: Open door */

.st-effect-12.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.st-effect-12 .st-pusher {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-12.st-menu-open .st-pusher {
	-webkit-transform: rotateY(-10deg);
	transform: rotateY(-10deg);
}

.st-effect-12.st-menu {
	opacity: 1;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.st-effect-12.st-menu-open .st-effect-12.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-12.st-menu::after {
	display: none;
}

/* Effect 13: Fall down */

.st-effect-13.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.st-effect-13.st-menu-open .st-pusher {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.st-effect-13.st-menu {
	z-index: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.st-effect-13.st-menu-open .st-effect-13.st-menu {
	visibility: visible;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-speed: 0.2s;
	transition-speed: 0.2s;
}

/* Effect 14: Delayed 3D rotate */

.st-effect-14.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.st-effect-14 .st-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-14.st-menu-open .st-pusher {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.st-effect-14.st-menu {
	-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
	transform: translate3d(-100%, 0, 0) rotateY(90deg);
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-14.st-menu-open .st-effect-14.st-menu {
	visibility: visible;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
	transform: translate3d(-100%, 0, 0) rotateY(0deg);
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
	/*padding-left: 300px;*/
}



/* POP UP */
/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	min-height: 100%;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	opacity: 0;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
	opacity: 1;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(255,255,255,0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
	background: rgba(147,40,110,0.8);
}

/* Content styles */
.md-content {
	background: #fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3.md-title {
	margin: 0;
	padding: 30px 20px;
	font-size: 17px;
	line-height: 30px;
	font-weight: 300;
	color: rgba(147,40,110,1);
	box-shadow: 0 1px 0px rgba(0,0,0,0.15);
	border-radius: 3px 3px 0 0;
}

.md-content h3.md-title p { font-size: 14px; color: #666; line-height: 20px;}
.md-content h3.md-title p span { color: #0066FF;}
.md-content h3.md-title p a { text-decoration: underline; color: rgba(147,40,110,1);}

.md-content > div {
	padding: 16px 30px 30px;
	margin: 0;
	font-weight: 300;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button.md-close {
	position: absolute;
	right: 20px; top: 30px;
	display: block;
	margin: 0 auto;
	line-height: 20px;
	background-color: transparent; border: none;
	color: #999; font-size: 16px; cursor: pointer;
}

.md-close i { padding: 0 10px;}

.md-content form { padding: 40px 8.33333333%;}
.md-content .box-fck { max-height: 450px; overflow-y: scroll;}

.md-content form.form-cancle, .md-content form.form-inquiry { padding: 0;}
.md-content form.form-cancle textarea { margin-bottom: 20px;}
.md-content form.form-cancle .btn { margin: 0 auto;}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	/*-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);*/
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	/*-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);*/
	opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg); 
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}

.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background: #e74c3c;
} 

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(180,46,32,0.5);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}	

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% { 
		-webkit-transform: rotateX(10deg); 
		-webkit-animation-timing-function: ease-out; 
	}
}

@-moz-keyframes OpenTop {
	50% { 
		-moz-transform: rotateX(10deg); 
		-moz-animation-timing-function: ease-out; 
	}
}

@keyframes OpenTop {
	50% { 
		transform: rotateX(10deg); 
		animation-timing-function: ease-out; 
	}
}

.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}