@charset "utf-8";

/*fakeLoader.css*/
/*spinner9圓圈*/
.spinner9 {
    animation: spinnerFour 1s linear infinite;
    border: solid 1px transparent;
    border-top: solid 1px #c3aa6f;/*圓圈的%值，是用border來做的*/
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 100%;
    width: 3em;
    height: 3em;
    margin: auto;
}

@keyframes spinnerFour {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*./fakeLoader.css*/

/*11-style.css*/
.cd-logo {
    position: relative;
    display: inline-block;
    line-height: 0;
    padding: 10px 0 10px 1%;
	width: 200px;
}
.cd-logo img {display: inline-block;}

.mobile, .slick-slider.mobile , .title_a.mobile{display: none;}
.nav_sub{position: absolute; z-index: 4; top: 30px; right: 2%;font-size: 1.4rem;}
.nav_sub a{color: #666;}
.nav_sub a:visited{color: #666;}
.nav_sub ul li{position: relative; display: inline-block; margin-left: 20px;}
.nav_sub .count{ position: relative; display: block; right: -14px; top: 12px;
	font-size: 1.2rem; color: #fff;  line-height: 2; text-align: center;
	 width: 24px; height: 24px;
	 margin: auto; border-radius: 50px; background-color: #c3aa6f;}
.nav_sub i{vertical-align: sub;font-size: 2.4rem;}
.nav_sub img{vertical-align: middle; width: 16px;}
.nav_sub .nav_login span.txt i, .nav_sub .nav_regest span.txt i,
.nav_sub .nav_lock span.txt i, .nav_sub .nav_date span.txt i,
.nav_sub .nav_logout span.txt i{ display: none;}
.nav_sub .nav_cart span.txt span, .nav_sub .nav_likelist span.txt span{ display: none;}
.logout{}
.mu_ws span.more{ color: #fff; font-size: 2.4rem; line-height: 0; font-family: monospace; background-color: #000; padding: 0 7px 2px; border-radius: 50px;}
.mu_ws span.more_mob{display: none;}
.nav_close{ float: right; width: 10px; margin-right: 20px;}

/* ----ind----*/
.hotkeyword{ margin-bottom: 60px; padding: 12px 17%; border-bottom: 1px solid #eee;}
.title_a{display: none; text-align: center; margin: 20px 0 5px;}
.title_a h2{display: inline-block; color: #888; font-size: 2.4rem;font-weight: normal; line-height: 1.6;letter-spacing: 2px; border-bottom: 1px solid #c3aa6f;}
.title_a h2 span{color: #c3aa6f;}
.blockUI .title_a{margin: 0 0 5px;}
.wrapper-inner .title_a, .order-inquire-wrapper .title_a { margin: 0 0 10px;}
.wrapper-inner .title_a h2 { margin: 0;}
.title_c h2{ color: #df727f;font-size: 2.5rem; text-align: center;font-weight: 500; line-height: 1.1;  border-top: 1px dashed #ddd;border-bottom: 1px dashed #ddd;margin-top: 0; padding: 10px 0;}
#block_a{ line-height: 0; text-align: center;}
.block_d{ text-align: center;background-color: #efefef;margin-top: 60px; padding: 1px 10% 20px;}
.block_d .ind_ad{ display: inline-block; margin-right: -5px; margin-top: -11px;}

/* ----ad----*/
.ad_isdh{ text-align: center;}
.ad_isdl_a{ display: inline-block; text-align: center;line-height: 0; border-radius: 5px; margin-bottom: 10px; padding: 5px;border: 1px solid #ddd;}
.ad_isdl_a a{display: inline-block;line-height: 0;border: 1px solid #ddd;}

/* ----main----*/
.isd{max-width: 1170px; margin: auto;}
aside, article{display:initial;}
#left{display:inline-block;vertical-align:top; width: 22%;clear:both;}
#content{ display:inline-block;float: right; text-align: left;width: 78%;clear:both;}
.full #left{display: none;}
.full #content{display:block;float: none; width: 100%;}
.breadcrumb{ color:#c3aa6f;font-size:1.4rem; margin:0px; padding: 35px 0;}
.select{color:#333; margin-bottom: 20px; padding: 8px 16px;}
option {padding:5px; border:1px solid #ddd}
option:hover {color:#c3aa6f;}

/* ----step----*/
.step{line-height: 1.6; width:100%; margin-bottom: 30px; }
.progress{counter-reset: step; display: flex; flex-wrap: wrap;}
.progress li{position: relative; color: #999;text-align: center; margin:0; }
.progress li.active{ color: #c3aa6f;}
.progress li::before{content: "\e906"; font-family: 'icomoon' !important;font-weight: bold;
	display: block;color: #ddd;text-align: center; width: 30px;height: 30px; margin: 0 auto; background-color: #fff; border-radius: 50px; border: 3px solid #d2d2d2;}
.progress li.active::before{content: "\e909"; font-family: 'icomoon' !important;font-weight: normal;
	display: block;color: #fff;text-align: center; width: 30px;height: 30px; margin: 0 auto; background-color: #c3aa6f; border-radius: 50px; border: 3px solid #c3aa6f;}
.progress li::after{content:"";position:absolute;z-index:-1;top:15px;left:-50%;width:100%;height:3px;background-color: #ddd;}
.progress li.active::after{content:"";position:absolute;z-index:-1;top:15px;left:-50%;width:100%;height:3px;background-color: #c3aa6f;}
.progress li:first-child.active::after{content:none;}
.step_five .progress li{;width:calc(100%/5);}
.step_four .progress li{;width:calc(100%/4);}

/*   pagination   */
#pagination { text-align: center;line-height: 1; margin: 30px 0;}
#pagination span, .onthis { display: inline-block; COLOR: #fff; padding: 5px 10px; background-color: #c3aa6f;border:1px solid #c3aa6f;}
#pagination A { display: inline-block;color: #777; margin-left: -1.2px; padding: 5px 10px;border:1px solid #ddd; }
#pagination .prev a, #pagination .next a{position:relative; BACKGROUND:#fff; }
#pagination A:hover, #pagination .prev a:hover, #pagination .next a:hover {COLOR: #fff;background-color: #c3aa6f; border:1px solid #c3aa6f;}
#pagination .prev , #pagination .next{display: inline-block; }
#pagination .prev a{border-radius: 3px 0 0 3px;}
#pagination .next a{border-radius: 0 3px 3px 0 ;}
#pagination .page{ display: inline-block; color: #9fa0a0;padding: 5px 10px;}
#pagination .page span.c_pink{ display: inline-block;float: none; color: #c3aa6f; padding: 2px; background-color: transparent; border: 0;}

/* ----content----*/
.freeshipp{ color: #fff; font-size: 2.4rem; text-align: center; border-radius: 50px; background-color: #c3aa6f; margin-bottom: 60px; padding: 10px;}
.freeshipp img{vertical-align: middle;}
.title_b{margin-bottom: 30px;}
.title_b h2{display: inline-block; color: #888; font-size: 2.4rem;font-weight: normal; line-height: 1;letter-spacing: 2px; margin: 5px 0; }
.title_b h2 span{color: #c3aa6f;}
.title-search{ color: #999;margin: 20px 0;}
.condition{float: right;}
.condition a{ color: #000;}
.condition .active a{ color: #c3aa6f;}

/* ----PROMU----*/
.mu_content{margin-bottom: 20px;}
.mu_content ul li{display: inline-block;}
.mu_content ul li a{ display: inline-block; margin-bottom: 10px; padding: 0px 15px; border-radius: 60px; border: 2px solid #c3aa6f;}
.mu_content ul li a:hover{ color: #fff;border-radius: 8px; background-color: #c3aa6f;}

/* ----product-lift----*/
.top5{ margin-bottom: 20px;}
.top5 a{color: #333; }
.top5_tit{ font-size: 1.6rem;font-weight: 400; border-bottom: 1px solid;  border-top: 2px solid; border-left: 1px solid #fff; border-right: 1px solid #fff; margin-bottom: 20px; padding: 4px 15px;}
.top5_01{position: relative; overflow: hidden; text-align: center; border-bottom: 1px solid #ddd;}
.top5_01 .crown{position: absolute;left: 6px; top: 6px; z-index: 1; width: 60px;}
.top5_01 .hot{ display: none; position: absolute;right: -50px; top: -50px; z-index: 1; width: 100px; height: 100px;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	background: #FFAA32; /* Old browsers */
background: -moz-linear-gradient(top, #FFEE70 0%, #FFAA32 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FFEE70 0%,#FFAA32 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FFEE70 0%,#FFAA32 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEE70', endColorstr='#FFAA32',GradientType=0 ); /* IE6-9 */
}
.top5_01 .hot div{
	font-size: 1.3rem;color: #fff; line-height: 1;
	width: 40px;
    margin: 36px 0 0 0px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);}
.top5_01 .top5_list{text-align: center;padding: 0 20px;}
.top5_01 .top5_list img{height: 120px;}
.top5 h2{ font-size: 1.4rem;font-weight: 400;line-height: 1.4; max-height: 40px; overflow: hidden;margin: 0; }
.top5 .price strong{font-size: 1.8rem; color: #c3aa6f;}
.top5_02{position: relative; overflow: hidden; border-bottom: 1px solid #ddd; padding: 10px 10px 5px;}
.top5_02 .top5_list a{display: flex;flex-wrap: wrap; }
.top5_02 .top5_img{width: 33%; line-height: 0;}
.top5_02 .top5_txt{width: 67%;text-align: left;}
.top5_02 .second{position: absolute;left: 0; top: 0; z-index: 1;line-height: 1.4;}
.top5_02 .second::before{
	content: "";
	position: absolute;
	top: -30px;
    left: -30px;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	width: 60px;
    height: 60px;
	background: #FFAA32; /* Old browsers */
background: -moz-linear-gradient(top, #FFEE70 0%, #FFAA32 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FFEE70 0%,#FFAA32 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FFEE70 0%,#FFAA32 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEE70', endColorstr='#FFAA32',GradientType=0 ); /* IE6-9 */
}
.top5_02 .second span{position: relative; z-index: 1;color: #fff;font-weight: bold;line-height: 1.6; margin-left: 8px;}
.top5_04{position: relative; border-bottom: 1px solid #ddd;padding: 10px;}
.top5_04 .top5_list a{display: flex;flex-wrap: wrap; }
.top5_04 .top5_img{width: 18%; line-height: 0;}
.top5_04 .top5_txt{width: 82%;text-align: left;}
.top5_txt .price{ font-size: 1.4rem; line-height: 1.6;}
.top5_04 .other{display: none;}

/* ----product----*/
.condition li{ display: inline-block; margin-right: 10px;}
.product_list{ position: relative;display: inline-block;vertical-align: top; text-align: center;}
.product_list a{color: #333;}
.product_list a:hover, .product_list a:hover .product_img, .product_list a:hover h2.product_name{opacity: .7;}
#content .product_list, #content .product_list.ad{ width:calc(100%/4 - 1.5% - 4px); margin:0 1.5% 40px 0;}
#content .product_list.ad{ line-height: 1;}
h2.product_name{  overflow: hidden; font-size: 1.5rem;  line-height: 1.4;  font-weight: normal;  margin: 20px 4px 0; padding: 10px 0;  height: 58px;  border-top: 1px solid; border-bottom: 1px solid;}
.product_img{position: relative;}
.product_img.sellout::before,
.purchase-img-cover.sellout::before,
.main-img.hidden-mobile.sellout::before,
.main-img.hidden-mobile.sellout::before,.swiper-slide.sellout::before{
    content: ""; position: absolute; top: 0; left: 0; width: 100%;height: 100%; background-color: #fff;opacity: .5;}
.product_img.sellout::after,
.purchase-img-cover.sellout::after,
.main-img.hidden-mobile.sellout::after{
    content: "貨到通知"; position: absolute; top: 38%; left: 27.5%; color: #fff; font-size: 1.8rem; text-align: center; line-height: 1.2; width: 100px;  padding: 15px 10px; border-radius: 10px; background-color: #000;
}
.main-img.hidden-mobile.sellout::after {top: 40%; left: 40%;}
.product_list .price .orgprice{display: block; font-size: 1.2rem; line-height: 1; color: #bbb;font-weight: normal;text-decoration:line-through; }
.product_list .price{ display: block; color: #c3aa6f; font-weight: bold;padding: 5px 0 0;}
.product_list .inventory{font-size: 1.4rem;color: #888;line-height: 1;}
.product_list .inventory span{ color: #c3aa6f; font-weight: bold;}
.product_list .select{margin-bottom: 0;}
.price br{ display: none;}
.stock{font-size: 1.3rem; color: #888;}
.stock strong{color: #c3aa6f; font-weight: bold;}
.qry{margin: 8px 0;}
/* ----product_plus----*/
#content .product_plus .product_list{ width: 48%;text-align: left;}
#content .product_plus .product_img, #content .product_plus .qry,#content .product_plus .buttons{ display: inline-block; vertical-align: top;}
#content .product_plus .product_img{ line-height: 1; margin-right: 5%; width: 40%; border: 1px solid #ccc;}
#content .product_plus .producr_info{display: inline-block; text-align: left;width: 50%;}
#content .product_plus .producr_info h1.product_name {font-size: 2rem; font-weight: bold;}
#content .product_plus .price{ font-weight: normal; line-height: 1.6; margin-bottom: 20px;}

/* pro_des */
.pro_des{float: right;display: inline-block; width: 51%; vertical-align: top;}
.pro_subtit{ font-size: 2rem; color: #c3aa6f; font-weight: bold; line-height: 1;}
.pro_des h1.product_name{ font-size: 3rem; font-weight: bold; margin-bottom: 30px; }
.pro_price{ margin-top: 40px;}
.pro_qty{ margin-top: 20px; padding: 20px 0; border-top: 1px solid #c9caca; border-bottom: 1px solid #c9caca;}
.point01{ color: #fff; border-radius: 50px; padding: 3px 10px 5px; background-color: #c3aa6f; }
.pro_con_special{color: #c3aa6f; }
.pro_con_special02{color: #ff5fab; }
/* pro_spec */
#contactform{ position: relative; line-height: 1.2; width: 84%;  margin: 0;}
#contactform h2{text-align:center;font-weight:500;font-size:32px;color:#636363;}
#contactform p.input{margin-top:20px;}
#contactform input,#contactform textarea{width:100%;box-sizing:border-box;padding:5px 10px;}
#contactform textarea{max-width:100%;height:100px;}
#contactform input.button{background:#52b2ff;color:#FFF;border:0;padding:9px 0px;text-transform:uppercase;cursor:pointer;}
#contactform input.button:hover, #contactform input.button:active{background:#1f81d0;}
#currentValue{margin-top:20px;text-align:center;font-size:25px;}
.jqcs_select{height:35px;}
.jqcs_options .jqcs_option, #jqcs_s_demo .jqcs_option{background-repeat:no-repeat;background-size:40px 40px; background-position:10px center; padding-left: 75px; height:60px; line-height: 60px}

.buttons{color: #fff; font-size:2.4rem; line-height: 2;}
.regular.buttons a, .buttons a, .notice a{color: #fff;background-color: #c3aa6f;border-radius: 50px; padding: 4px 6px;}
.notice a{background-color: #f68a8d;}
.regular.buttons a, .buttons a:visited, .notice a:visited{color: #fff; }
.regular.buttons a, .buttons a:hover, .notice a:hover {background-color: #c9caca;}
.buttons .added a{background-color: #c9caca;}
.addfav{position: absolute;  right: 0; top: 0;}
.buttons .addfav a{color: #f68a8d;background: transparent;padding: 4px 15px;}
.addfav i{font-size: 2rem;}
.addcar{ display: inline-block;margin: 0 5px; }

/* ----gift----*/
.gift{margin-top: 40px;line-height: 0;}
.gift_li{ float: left; width: calc(100%/2); margin:0;}
.gift_li img{width: 100%;}

/* ----blog----*/
.blog_date{position: absolute;color: #fff; font-size: 3.6rem; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; background-color: #c3aa6f;
   right: 0;line-height: 1; text-align: center;
   margin-top: -50px;
   padding: 14px 12px;
   border-radius: 100px; }
.blog_date span{ display: block;font-size: 1.2rem; color: #ebc8d9; font-family:Arial, Helvetica,'Noto Sans TC', 微軟正黑體, sans-serif; }
.spac_h{height: 30px;}
.spac_h_m10{height: 30px;}
.blog{ width: 100%; padding: 10px 3%;}
.blog_flex{ display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;width: 100%; padding: 10px 3% 0;}
.blog_hr{ width: 94%; margin: auto;border-top: 1px solid #dcdcdc;}
.blog h1, .blog_flex h1{color: #c3aa6f; font-size: 2rem; line-height: 1.1; margin: 0;}
h1.c_gold, .c_gold{color: #95784f;}
.blog h4{ position: relative;display: block;font-size: 18px;  color: #95784f;font-weight: 500; line-height: 1.1;text-indent: 13px; margin: 10px 0; }
.blog h4::before{ display: inline-block;
                  content: "";
                  height: 6px;
                  width: 6px;
                  background: #95784f;
                  border-radius: 10px;
                  opacity: .7;
                  position: absolute;
                  left: 0;
                  top: 7px;}
.blog.a1, .blog.a2, .blog.d1, .blog.d2{ overflow: hidden;}
.blog.a1 .blog_a{float: left;text-align: center; width: 30%; margin-right: 5%; min-height: 200px;}
.blog.a1 .blog_a:nth-child(even){float: right;text-align: left; width: 64%; margin-right: 0;}
.blog.a2 .blog_a{float: right;text-align: center; width: 30%; margin-left: 5%; min-height: 200px;}
.blog.a2 .blog_a:nth-child(even){float: left;text-align: left; width: 64%; margin-left: 0;}

.blog_c_l{margin-bottom: 20px;}
.blog_c_r{margin: 0 3%;}
.blog_2{display: inline-block; vertical-align: middle; width: 50%; margin-bottom: 30px;padding: 1%;}
.blog_4{display: inline-block; vertical-align: middle; width: 25%; margin-bottom: 30px;}
.blog_txt{padding: 1%;}
.blog_att{width: 94%; margin: 30px auto; padding: 30px; background-color: #fdfbfc; outline: 8px solid #ebced8;border: 1px solid #e1a7bc;}
.blog.d1 iframe, .blog.d2 iframe{width: 100%;height: 600px;}
.blog.d1 .blog_d{float: left; width: 40%; margin-right: 3%;}
.blog.d1 .blog_d:nth-child(even){float: right;width: 56%;margin-right: 0;}
.blog.d2 .blog_d{float: right; width: 40%; margin-right: 0;}
.blog.d2 .blog_d:nth-child(even){float: left; width: 56%; margin-right: 3%;}
.txt_center{text-align: center;}
.blog_note{ color: #787878;background: #f5f5f5; border-radius: 5px; margin-bottom: 30px; padding: 20px;}
.blog_headline{position: relative;font-size: 20px; margin: 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.blog_headline span {display: inline-block; color: #df727f; border-bottom: 1px solid #df727f; padding-bottom: 6px; }
.blog.tag a{ font-size: 1.3rem;background-color: #ffe4f1; border: 1px solid #c3aa6f;  padding: 5px 15px; border-radius: 50px;}

/* ----員工綁定----*/
.staff .form-inner input.staff_id{width: 100%;}
.staff .form-login .birth-birth input{ width: 32%;min-width: 100px;}
.staff .form-login{ width: 320px;}

/*youtube*/
.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%;}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    width: 80%;
    margin: auto;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.purchase-info-bottom .btn-join-cart.notice{background-color: #1bc1e7;}
.purchase-info-bottom .btn-join-cart.notice:hover{background-color: #999;}
.purchase-info-bottom .btn-join-cart.notice img { margin-top: 0;}
.purchase-info-bottom .btn-join-cart.added, .btn-m-purchase.added{ background: #999;}
.notice{ display: inline-block; margin: 0 5px;}
.notice img{width: 28px; vertical-align: middle; margin-top: 4px;}
.form-cart input{width: 40%;}

/* ----footer----*/
.footer{position: relative;font-size: 14px; margin-top: 42px; padding: 30px 0 0; background-color: #e7eeea;}
.footer>ul{ max-width: 1170px; margin: auto; padding: 150px 0 60px;/*background:url(../images/footer_bg01.png) no-repeat center 40px;*/background-size: contain;}
.footer>ul>li{display: inline-block;vertical-align: top; text-align: left; width:calc(100%/4 - 4% - 5px); margin:0 2%;}
.footer ul li li{display: block; width: 100%;}
.footer ul li p{color: #9fa0a0; font-size: 1.8rem; line-height: 1.8; margin: 0;}
.footer ul li a{ color: #000;text-decoration: underline;}
.f_copyright{ color: #aaa; font-size: 1.4rem;text-align: center; background-color: #fff; padding: 20px 0;}
.f_copyright a{ font-size: 1.6rem;}
.footer .share{position: absolute; left: 3%; top: 60px;}
.footer .share a{display: block;}
.f_group{ background-color: #fff; padding: 20px 17%;}
#icofix{ position: fixed; font-size: 2.4rem; line-height: 0.6; text-align: center; bottom: 8%;  right: 1%; z-index: 4;}
#icofix .icoheart a .count, #icofix .icoshop a .count, #icofix .gotop a{color: #fff;}
.icopay,.icoheart, .icoshop{ position: relative;border-radius: 80px; margin-bottom: 10px; padding: 8px 0; border: 2px solid #c3aa6f; background-color: rgba(255,255,255, .7);}
#icofix .count{position: absolute; top: -5px;  right: -6px; font-size: 1.1rem; line-height: 2;
   border-radius: 50px; width: 24px; background-color: #c3aa6f; }
.gotop{ position: relative; border-radius: 80px;background-color: rgba(0,0,0,.4); padding: 10px 12px;}

.share img{width: 50px; padding: 5px 10px;}


/*Global Links CSS*/
@media print {
}

@media (max-width: 1440px) {
.block_d{ padding: 1px 3% 20px;}
.hotkeyword{overflow: hidden; padding: 6px 14px;}
#content .product_plus .producr_info h1.product_name { font-size: 1.8rem; margin: 0;}
.f_group{ padding: 20px;}
.popad_pic {top: -150px;}
.popad_pic img{ width: 215px;}
.product_img.sellout::after, .purchase-img-cover.sellout::after, .main-img.hidden-mobile.sellout::after{left: 25%;}
.slick-list .product_img.sellout::after, .purchase-img-cover.sellout::after, .main-img.hidden-mobile.sellout::after{left: 30%;}
}

@media (max-width: 1280px) {
.product_img.sellout::after, .purchase-img-cover.sellout::after, .main-img.hidden-mobile.sellout::after{left: 25%;}
.footer>ul { max-width: 900px;}
}
@media (max-width: 1170px) {
    .ind_ad { width: 50%;}
    #content .product_list, #content .product_list.ad{ width:calc(100%/3 - 1.5% - 4px); }
    .blog_d_l iframe, .blog_d_r iframe{height: 660px;}
	.product_img.sellout::after, .purchase-img-cover.sellout::after, .main-img.hidden-mobile.sellout::after {top: 29%;}
}
@media (max-width: 971px) {
.cd-logo{ display: block; width: 90px; margin: auto; padding: 6px 0;}
.mobile_hid, .nav_sub .mobile_hid, .slick-slider.mobile_hid, .title_a.mobile_hid{ display: none;}
.nav_sub li:last-child .count.mobile_hid{
	display: block;position: absolute;top: 12px; right: initial;font-size: 1.1rem;color: #c3aa6f; background-color: transparent; }
.mobile, .slick-slider.mobile, .title_a.mobile{display: block;}
.nav_sub{ top: 8px;font-size: 2.2rem;}
.nav_sub ul li { margin-left: 2px;}
.nav_sub i.icon.icon-shop{ font-size: 2.6rem; line-height: 0.8;}
.nav_sub .nav_login span.txt span{display: none;}
.nav_sub .nav_login span.txt i { display: block;}
.nav_sub i { vertical-align: initial; font-size: 2.4rem;}
.mu_ws span.more{display: none;}
.mu_ws span.more_mob{display: block;}
.hotkeyword{ font-size: 1.4rem;background-color: #fff;}
.form-cart input { width: 100%;}

#left{display:none;}
#content{ display: block;float: none;width: 96%; margin: auto;padding: 20px 0;}
.full #content{width: 100%; margin: auto;}
.title_a h2 {font-size: 2rem;}
.title_b h2 {font-size: 2rem;}
.condition li.mobile_hid{ display: none;}
.breadcrumbs{ display: none;}

.ad_isdh{ display: none;}
.ad_isdh_m{text-align: center; margin-bottom: 16px;}
.ad_isdh_m img{width: 100%;}

.freeshipp{font-size: 1.6rem;margin-bottom: 16px;}
#content .product_list, #content .product_list.ad{ width:calc(100%/4 - 1.5% - 4px); }

    /*pro*/
    .pro_detailimg, .pro_des{ display: inline-block; float: none;width: 100%; }
    #pro_midimg_s_btn {width: 90%;}
    .pro_des {margin-top: 30px;}
    .price strong{line-height: 1.4;}
    .price br{ display: block;}
    .swiper-slide.sellout::after{
        content: "貨到通知"; position: absolute; top: 40%; left: 40%; color: #fff; font-size: 1.8rem; text-align: center; line-height: 1.2; width: 100px;  padding: 15px 10px; border-radius: 10px; background-color: #000;
    }

    .footer>.mobile{ text-align: center;padding: 20px 0}
	#icofix {bottom: 18%;}
    .gotop, .shopcar{ display: none;}
	.popad_pic {display: none;position: absolute; top: -300px; right: 60px; z-index: 1; line-height: 0;
	-ms-transform: scale(.2,.2);
-webkit-transform: scale(.2,.2);
transform: scale(.2,.2);}
	.popad_pic .close{display: block; position: absolute; top: -20px; right: -20px; }
.popad_pic .close a{ font-size: 2.4rem; line-height: 1.5; border-radius: 40px;background-color: #000;
border: 2px solid #fff; padding: 4px 8px;
-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}
.popad_pic.show{display: block; animation: show 0.5s forwards;}

.product_img.sellout::after, .purchase-img-cover.sellout::after, .main-img.hidden-mobile.sellout::after {
	font-size: 1.6rem;
	width: 100px;
}
.admob_img{margin-bottom: 20px;}
@keyframes show {
  100% {
	-ms-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
  }
}

}

@media (max-width: 640px) {
    #content .product_plus .producr_info h1.product_name, .producr_info h1.product_name {font-size: 1.6rem; line-height: 1.6;}
    #content .product_plus .product_list{width: 100%; margin-bottom: 0; padding: 25px 0 20px; border-bottom: 1px dotted #eee;}
    #content .product_plus .product_img{width: 40%;}
    #content .product_plus .producr_info{width: 53%;}
    #content .product_plus .price { line-height: 1.2;margin-bottom: 0;padding: 8px 0;}
    #content .product_list, #content .product_list.ad{ width:calc(100%/3 - 1.5% - 4px); }

    .blog_date{margin-top: -5px; margin-right: 10px;}
    .blog.a1 .blog_a, .blog.a1 .blog_a:nth-child(even), .blog.a2 .blog_a, .blog.a2 .blog_a:nth-child(even), .blog_2, .blog_d_l, .blog_d_r {display: block;width: 100%;margin-right: 0; margin-left: 0; padding: 0; }
    .blog.d1 .blog_d, .blog.d1 .blog_d:nth-child(even), .blog.d2 .blog_d, .blog.d2 .blog_d:nth-child(even){display: block;width: 100%;margin-right: 0; margin-left: 0; padding: 0; }
    .blog_4{width: 50%;margin-right: 0; padding: 0;}
    .blog_att {margin: 10px auto 30px;}
    .blog.d1 iframe, .blog.d2 iframe{height: 570px;}
    .spac_h_m10{height: 10px;}
    .embed-responsive {width: 98%;}
}

@media (max-width: 580px) {
.gift_li{ float: none; width: 100%; margin-bottom: 8px;}
}
@media (max-width: 460px) {
    .ind_ad { width: 100%;}
    .condition li{ margin-right: 3px;}
    #content .product_list, #content .product_list.ad{ width:calc(100%/2 - 1.5% - 4px); }
    .product_img.sellout::after, .purchase-img-cover.sellout::after, .main-img.hidden-mobile.sellout::after {
        top: 32%; left: 21%;
    }
    .blog_d_l iframe, .blog_d_r iframe{height: 570px;}
	.step{font-size: 1.4rem;}
.swiper-slide.sellout::after {left: 35%;}
.slick-list .product_img.sellout::after, .purchase-img-cover.sellout::after, .main-img.hidden-mobile.sellout::after {left: 18%;}
}
@media (max-width: 380px) {
.slick-list .product_img.sellout::after, .purchase-img-cover.sellout::after, .main-img.hidden-mobile.sellout::after {left: 13%;}
}
/*./11-style.css*/

/* 11-css.css */
article, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
    display: block;
}
input,button,select,textarea{outline:none;font-family:Arial, Helvetica,'Noto Sans TC', 微軟正黑體, sans-serif;font-size: 1.6rem;padding: 8px;}
ol, ul {list-style: none; margin: 0; padding: 0;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.f10px{font-size:1.0rem;}
.f11px{font-size:1.1rem;}
.f12pt{font-size:1.2rem;}
.f16px{font-size:1.6rem;}
.f18px{font-size:1.8rem;}
.f20px{font-size:2rem;}
.f22px{font-size:2.2rem;}
.f30px{font-size:3rem;}
.f36px{font-size:3.6rem;}
.c_orang{ color: #fca000;}
.c_gray01{ color:#888;}
.c_gray02{ color:#babab9;}
.c_gray03{ color:#333;}
.c_black{ color:#000;}
.c_pink{ color:#c3aa6f;}
.c_pink_l{ color:#ff6699;}
.c_bg_pink_l{color:#fff;background-color: #ff6699;}
.c_bg_skin_l{background-color: #faebd7;}
.c_green{ color: #86b100;}
.c_red{ color:#fb0000;}
.both{clear:both;}
.vertop{vertical-align: baseline;}

/* scrollbar */
::-webkit-scrollbar {width: 10px; }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {display: none; }
::-webkit-scrollbar-track-piece {background-color: #eee; }
::-webkit-scrollbar-thumb:vertical {background-color: #c3aa6f;}

/* --------------------------------
Primary style
-------------------------------- */
*, *::after, *::before {
    box-sizing: border-box;
}
html { font-size: 62.5%;}
body {
    margin: 0; padding: 0;
    color: #333;
    font-size: 1.6rem;
    font-family:Arial, Helvetica,'Noto Sans TC', 微軟正黑體, sans-serif;
    line-height: 2;
}
@media only screen and (max-width: 971px) {
    body.nav-on-left.overflow-hidden {
        overflow: hidden;
    }
}

a { text-decoration: none; color: #c3aa6f; outline: none; transition:0.3s;}
a:visited { }
a:active { }
a:hover { opacity:.7;}

img { max-width: 100%; }
input { }
input[type="search"]::-ms-clear {  /* removes close icon - IE */
    display: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.main-content, .cd-main-header {
    position: relative;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
@media only screen and (max-width: 971px) {
    .wrapper-outter.main-content, .wrapper-inner.main-content{padding-top: 20px;}
    .main-content.nav-is-visible, .cd-main-header.nav-is-visible {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        -ms-transform: translateX(260px);
        -o-transform: translateX(260px);
        transform: translateX(260px);
		overflow: hidden;
    }
    .nav-on-left .main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        -ms-transform: translateX(260px);
        -o-transform: translateX(260px);
        transform: translateX(260px);
    }
}

.main-content {
    min-height: 100vh;
    z-index: 2;
	background-color: #fff;
	margin: -20px auto 0;
}
.cd-main-header {
	z-index: 3;
    max-width: 1730px;
    margin: 0 auto;border-bottom: 1px solid #eee;
    background: #fff;
}
.nav-is-fixed .cd-main-header {
    /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.header_welcome{ color: #aaa; text-align: left;}
.header_welcome strong{ color: #c3aa6f;}
@media only screen and (min-width: 970px) {
.cd-main-header { margin: 0 auto 0; border-bottom: 0; }
.cd-main-header::after { clear: both; content: ""; display: table; }
.header_welcome{font-size: 1.3rem; color: #aaa; text-align: right; margin-right: 2%;}
}

.cd-header-buttons {
    position: absolute;
    display: block;
    top: 10px;
    z-index: 1;
}
.cd-header-buttons li { display: inline-block;  border: 0;}

@media only screen and (max-width: 971px) {
.nav-on-left .cd-header-buttons { right: auto; left: 5%;}
.nav-on-left .cd-header-buttons li { float: right;}
}

@media only screen and (min-width: 970px) {
.cd-header-buttons { top: 120px; right: 20px;}
}
.cd-search-trigger, .cd-nav-trigger {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -999em;
    white-space: nowrap;
    z-index: 3;
}
.cd-search-trigger::before, .cd-search-trigger::after {
    /* search icon */
    content: '';
    position: absolute;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cd-search-trigger::before {
    top: 8px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #666;
}
.cd-search-trigger::after {
    height: 1px;
    width: 8px;
    background: #666;
    bottom: 14px;
    right: 14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cd-search-trigger span {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
    content: '';
    position: absolute;
    display: inline-block;
    height: 2px;
    width: 20px;
    top: 50%;
    margin-top: -2px;
    left: 30%;
    margin-left: -11px;
    background: #2e3233;
    opacity: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cd-search-trigger span::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after { opacity: 0;}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after { opacity: 1;}
.cd-search-trigger.search-is-visible span::before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
nav.cd-nav{min-height: 65px;}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
    /* hamburger icon in CSS */
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 22px;
    background: #666;
}
.cd-nav-trigger span {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px;
    -webkit-transition: background 0.3s 0.3s;
    -moz-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
    content: '';
    right: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}

.cd-nav-trigger span::before { top: -8px;}
.cd-nav-trigger span::after {top: 8px;}
.cd-nav-trigger.nav-is-visible span { background: rgba(46, 50, 51, 0);}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {background: #2e3233;}
.cd-nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(0px) translateY(0px) rotate(45deg);
    -moz-transform: translateX(0px) translateY(0px) rotate(45deg);
    -ms-transform: translateX(0px) translateY(0px) rotate(45deg);
    -o-transform: translateX(0px) translateY(0px) rotate(45deg);
    transform: translateX(0px) translateY(0px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(0px) translateY(0px) rotate(-45deg);
    -ms-transform: translateX(0px) translateY(0px) rotate(-45deg);
    -o-transform: translateX(0px) translateY(0px) rotate(-45deg);
    transform: translateX(0px) translateY(0px) rotate(-45deg);
}
.cd-header-buttons li.cd-search02-trigger{display: none;}

/**/
@media only screen and (min-width: 970px) {
.cd-header-buttons li.cd-search02-trigger{display: inline-block; border: 1px solid #ccc; border-radius: 60px;padding: 1px 12px;}
.searchbox{ border: 0; margin-right: 10px;}
.searchsend{ text-indent: -999em; background:url(../images/ico_search.jpg) no-repeat center; background-size: 100%; border: 0; width: 20px; height: 20px;}
.cd-search02-trigger .searchsend{padding: 0;}
.cd-search-trigger { display: none;}
.cd-nav-trigger { display: none; }
}

.cd-primary-nav, .cd-primary-nav ul {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 260px;
    padding-left: 20px;
    background: #fff;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cd-primary-nav, .cd-primary-nav>ul{ padding-left: 0;}
.cd-primary-nav a, .cd-primary-nav ul a {
    display: block;
    line-height: 1.6;
    padding: 10px 0;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 1px solid #eee;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}
.has-children>li{margin-bottom: 8px;}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}
.cd-primary-nav ul{ width: 100%;}

@media only screen and (max-width: 971px) {
.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul { right: auto; left: 0;}
}
.cd-primary-nav .see-all a { color: #c3aa6f;}
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
    height: 80px;  line-height: 80px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    overflow: hidden; text-overflow: ellipsis;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item { padding-left: 90px;}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: absolute;
    display: block;
    height: 40px;
    width: auto;
    left: 20px;
    top: 50%;
    margin-top: -20px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {  padding-left: 75px;}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {display: none;  color: #2e3233; font-size: 1.3rem;}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    /* item icon */
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
}
@media only screen and (max-width: 971px) {
    .cd-primary-nav {
        font-size: 1.4rem;
        padding: 40px 0 0 20px;
        visibility: hidden;
        -webkit-transition: visibility 0s 0.3s;
        -moz-transition: visibility 0s 0.3s;
        transition: visibility 0s 0.3s;
    }
    .cd-primary-nav::before{ content: ""; position: absolute; z-index: 2;right: 0; top: 0;width: 10px; height: 100%;
                             /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
                             background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%); /* FF3.6-15 */
                             background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* Chrome10-25,Safari5.1-6 */
                             background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e5cdd8',GradientType=1 ); /* IE6-9 */
    }
    .cd-primary-nav.nav-is-visible {
        left: 0;
        right: auto;
        visibility: visible;
        -webkit-transition: visibility 0s 0s;
        -moz-transition: visibility 0s 0s;
        transition: visibility 0s 0s;
    }
}

.cd-primary-nav .cd-secondary-nav > .see-all{display: block;}
.cd-primary-nav .cd-secondary-nav br{display: none;}
@media only screen and (min-width: 971px) {
.cd-primary-nav .cd-secondary-nav br{display: inline-block;}
    .cd-primary-nav {
        position: static;
        height: auto;
        width: auto;
        overflow: visible;
        background: transparent;
    }
    .cd-primary-nav::after {
        clear: both;
        content: "";
        display: table;
    }
    .cd-primary-nav.moves-out > li > a {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    .cd-primary-nav ul {
        position: static;
        height: auto;
        width: auto;
        background: transparent;
        overflow: visible;
        z-index: 3;
        padding-left: 0;
    }
	.cd-primary-nav .cd-secondary-nav li>ul{ margin-left: 20px; overflow: hidden;}
    .cd-primary-nav ul.is-hidden {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .cd-primary-nav ul.moves-out > li > a {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    .cd-primary-nav > li {
        float: left;
        margin-right: 26px;
    }
    .cd-primary-nav > li > a {
        position: relative;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
        color: #2e3233;
        overflow: visible;
        border-bottom: none;
        -webkit-transition: color 0.3s, box-shadow 0.3s;
        -moz-transition: color 0.3s, box-shadow 0.3s;
        transition: color 0.3s, box-shadow 0.3s;
    }
    .cd-primary-nav > li > a:hover {  color: #c3aa6f; }
    .cd-primary-nav > li > a.selected { color: #c3aa6f;  }

    .cd-primary-nav .go-back, .cd-primary-nav .see-all {  display: none;  }
    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
        /* dropdown menu style */
        position: absolute;
        top: 62px;
        left: 0;
        width: 100%;
        border: 1px solid #e7e0e0;
        background: #f7f4f4;
        padding: 0 0px 30px 70px;
        border-radius: 8px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }
    .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
        clear: both;
        content: "";
        display: table;
    }
    .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s 0s, visibility 0s .3s;
        -moz-transition: opacity .3s 0s, visibility 0s .3s;
        transition: opacity .3s 0s, visibility 0s .3s;
    }
    .cd-primary-nav .cd-secondary-nav > .see-all{
        display: none;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 80px;
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0;}
    .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 80px;
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        font-size: 2.2rem;
        font-weight: bold;
        text-align: center;
        line-height: 80px;
        border-top: 1px solid #e2e3df;
        border-bottom: none;
        margin: 0;
        padding: 0;
        -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
        -moz-transition: color 0.2s, background 0.2s, border 0.2s;
        transition: color 0.2s, background 0.2s, border 0.2s;
    }
    .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
        background: #2e3233;
        border-color: #2e3233;
        color: #ffffff;
    }
    .cd-primary-nav .cd-secondary-nav > li {
        width: 14%;
        float: left;
        margin-right: 2%;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .muw .cd-secondary-nav > li{margin-bottom: 0;}
    .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
        border-right: none;
    }
    .cd-primary-nav .cd-secondary-nav > li > a {
        color: #000;
        font-weight: bold;
        font-size: 1.8rem;
        border-bottom: 1px dotted #e7e0e0;
		margin-top: 30px;
    }
    .cd-primary-nav .cd-secondary-nav a {
        line-height: 1.4;
        padding: 5px 0 5px 22px;
        color: #222;
        border-bottom: 1px dotted #e7e0e0;
        font-size: 1.4rem;
    }
    .cd-primary-nav .cd-secondary-nav a:hover {
        color: #c3aa6f;
    }
    .cd-primary-nav .cd-secondary-nav ul {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
    .cd-primary-nav .cd-secondary-nav ul ul {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
		margin-left: 0;
    }
    .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    .cd-primary-nav .cd-secondary-nav ul ul .go-back {
        display: block;
    }
    .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
        color: transparent;
    }
    .cd-primary-nav .cd-secondary-nav ul ul .see-all {
        display: block;
    }
    .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
        /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .cd-primary-nav .cd-nav-gallery li {
        width: 22%;
        float: left;
        margin: 0 4% 40px 0;
    }
    .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
        margin-right: 0;
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item {
        border-bottom: none;
        padding: 0;
        height: auto;
        line-height: 1.2;
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
        position: static;
        margin-top: 0;
        height: auto;
        width: 100%;
        margin-bottom: .6em;
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
        color: #69aa6f;
        font-weight: bold;
        padding: 0 .4em;
    }
    .cd-primary-nav .cd-nav-icons li {
        width: 32%;
        float: left;
        margin: 0 2% 20px 0;
    }
    .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
        margin-right: 0;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item {
        border-bottom: none;
        height: 80px;
        line-height: 1.2;
        padding: 24px 0 0 85px;
        position: relative;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
        background: #f6f6f5;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
        color: #69aa6f;
        font-weight: bold;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item p {
        display: block;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
        left: 25px;
    }
}

@media (max-width: 1170px) {
.cd-primary-nav > li {margin-right: 6px;}
}

.has-children > a, .go-back a {  position: relative;}
.has-children > a::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-top: 2px solid #ecc1d5;
    border-right: 2px solid #ecc1d5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.go-back a::before, .go-back a::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #ecc1d5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.has-children a.mu_ws::before,
.has-children a.mu_ws::after{display: none;}
.has-children > a::before, .go-back a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.go-back a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.has-children.muw .cd-secondary-nav{ width: 100%;left: 0;padding-left: 20px;}

@media only screen and (min-width: 970px) {
	.cd-primary-nav .cd-secondary-nav li ul li.crown a::after{
		content: "";
		position: absolute;
		left: 0;
		width: 16px;
		height: 16px;
		background:url(../images/ico_crown.svg) no-repeat center;}
    .cd-primary-nav .cd-secondary-nav li a::after{
        content: "\f138";
        position: absolute;
        left: 1px;
        top: 5px;
        font-family: "FontAwesome";
        font-weight: 600;
        color: #c3aa6f;
        font-size: 1.4rem;
    }
	.cd-primary-nav .cd-secondary-nav li ul li a::after{
        color: #aaa;
    }
    .cd-secondary-nav li a::after{
        content: "\f138";
        position: absolute;
        left: 1px;
        top: 2px;
        font-family: "FontAwesome";
        font-weight: 600;
        color: #c3aa6f;
        font-size: 1.4rem;
    }
    .cd-primary-nav .cd-secondary-nav li.go-back a::after{ content: " "; top: 50%;}
    .has-children.muw {position: relative;}
    .has-children.muw .cd-secondary-nav{ width: 180px;left: 0;padding: 20px;}
    .has-children.muw .cd-secondary-nav > li{width: 100%;}
    .has-children.muw .cd-secondary-nav a{ font-weight: normal; color: #222;margin-top: 0;}
    .has-children > a::before{ border-top: 2px solid #c9cbc4; border-right: 2px solid #c9cbc4;}
    .has-children > a:hover::before { border-top: 2px solid #c3aa6f; border-right: 2px solid #c3aa6f;}
    .go-back a::before, .go-back a::after { background: #c9cbc4;}
    .go-back a:hover::before, .go-back a:hover::after { background: #c3aa6f;}
}


.has-children > a {
}
.has-children > a::before, .has-children > a::after {
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%;
}

.cd-primary-nav .go-back a {
    padding-left: 20px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    left: 0;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
}

@media only screen and (min-width: 970px) {
    .cd-primary-nav > .has-children > a {
        padding-right: 10px !important;
    }
    .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
        width: 9px;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        background: #c9cbc4;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: width 0.3s, -webkit-transform 0.3s;
        -moz-transition: width 0.3s, -moz-transform 0.3s;
        transition: width 0.3s, transform 0.3s;
    }
    .cd-primary-nav > .has-children > a::before {
        right: 12px;
    }
    .cd-primary-nav > .has-children > a::after {
        right: 7px;
    }
    .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
        width: 14px;
    }
    .cd-primary-nav > .has-children > a.selected::before {
        -webkit-transform: translateX(5px) rotate(-45deg);
        -moz-transform: translateX(5px) rotate(-45deg);
        -ms-transform: translateX(5px) rotate(-45deg);
        -o-transform: translateX(5px) rotate(-45deg);
        transform: translateX(5px) rotate(-45deg);
    }
    .cd-primary-nav > .has-children > a.selected::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .cd-secondary-nav > .has-children > a::before {
        display: none;
    }

    .cd-primary-nav .go-back a {
        padding-left: 20px;
    }
    .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
        left: 1px;
    }
}
.cd-search {
    position: absolute;
    height: 50px;
    width: 100%;
    top: 60px;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search form {
    height: 100%;
    width: 100%;
}
.cd-search input {
    border-radius: 0;
    border: none;
    background: #ffffff;
    height: 100%;
    width: 100%;
    padding: 0 5%;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.cd-search input::-webkit-input-placeholder { color: #c9cbc4; }
.cd-search input::-moz-placeholder { color: #c9cbc4;}
.cd-search input:-moz-placeholder {color: #c9cbc4;}
.cd-search input:-ms-input-placeholder { color: #c9cbc4;}
.cd-search input:focus { outline: none;}
.cd-search.is-visible {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-search input.searchgo {font-size: 2rem;color: #fff; background: #c3aa6f;}
.cd-search input.searchgo:hover {  background: #666;}
.nav-is-fixed .cd-search {
    position: fixed;
}
@media only screen and (min-width: 970px) {
    .cd-search.is-visible{ display: none;}
    .cd-search { top: 160px;  }
    .cd-search input {
        padding: 0 2em;
        font-size: 3.2rem;
        font-weight: 300;
    }
}

.cd-overlay {
    position: fixed;
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
    opacity: 0;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 971px) {
    .cd-overlay.is-visible {
        opacity: 1;
        -webkit-transform: translateX(-0px);
        -moz-transform: translateX(-0px);
        -ms-transform: translateX(-0px);
        -o-transform: translateX(-0px);
        transform: translateX(0px);
        transform: translateX(260px)\0;
    }
    .nav-on-left .cd-overlay.is-visible {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        -ms-transform: translateX(260px);
        -o-transform: translateX(260px);
        transform: translateX(260px);
    }
    .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
/* ./11-css.css */

/*ma5slider.css */
.ma5slider {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
    margin: 20px auto 0;}
.ma5slider a{ transition:auto ;}
.ma5slider .slides { position: relative; }
td .ma5slider { margin-bottom: 0; }
.ma5slider .slide {
width: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
font-size: 50px;
display: none;
z-index: 0;
-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
		transform: translate(0, 0);
outline: none; }
    .ma5slider .slide img {
      display: block;
      outline: none;
      width: 100%;
      height: auto; }
  .ma5slider > img.slide {
    display: block;
    outline: none;
    width: 100%;
    height: auto; }
  .ma5slider .navs-wrapper {
    position: relative;
    overflow: hidden; }
  .ma5slider .canvas {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block; }
  .ma5slider .slide--prev {
    display: block;
    z-index: 1; }
  .ma5slider .slide--active {
    display: block;
    z-index: 2; }
  .ma5slider .slide--next {
    display: block;
    z-index: 0; }
  .ma5slider.hidden-navs .nav--next,
  .ma5slider.hidden-navs .nav--prev {
    display: none; }
  .ma5slider.hidden-dots .dots {
    display: none; }
  .ma5slider.hover-navs .nav--next,
  .ma5slider.hover-navs .nav--prev {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-out 0.3s;
    transition: opacity 0.5s ease-out 0.3s; }
  .ma5slider.hover-navs:hover .nav--next,
  .ma5slider.hover-navs:hover .nav--prev {
    opacity: 1 !important;
    -webkit-transition: opacity 0.15s ease-in 0s;
    transition: opacity 0.15s ease-in 0s; }
  .ma5slider.hover-navs.first-slide:hover .nav--prev {
    opacity: 0.25 !important; }
  .ma5slider.hover-navs.last-slide:hover .nav--next {
    opacity: 0.25 !important; }
  .ma5slider.hover-dots .dots {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-out 0.3s;
    transition: opacity 0.5s ease-out 0.3s; }
  .ma5slider.hover-dots:hover .dots {
    opacity: 1 !important;
    -webkit-transition: opacity 0.15s ease-in 0s;
    transition: opacity 0.15s ease-in 0s; }

.ma5slider__control.targeted { opacity: 0.25;  pointer-events: none; }
.slide-area {  overflow: hidden; width: 100%; position: relative; }
.ma5slider > .slides > * {  display: none; }
.ma5slider > .slides > *:first-child {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 50px;
    z-index: 0;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    outline: none; }
    /* line 18, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
    .ma5slider > .slides > *:first-child img {
      display: block;
      outline: none;
      width: 100%;
      height: auto; }

@media (max-width: 359px) {
  /* line 31, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.outside-navs.outside-dots > .slides {
    padding-left: 18px;
    padding-right: 18px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 31, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.outside-navs.outside-dots > .slides {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 31, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.outside-navs.outside-dots > .slides {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 31, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.outside-navs.outside-dots > .slides {
    padding-left: 35px;
    padding-right: 35px; } }

@media (min-width: 1200px) {
  /* line 31, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.outside-navs.outside-dots > .slides {
    padding-left: 40px;
    padding-right: 40px; } }

@media (max-width: 359px) {
  /* line 60, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.outside-navs.outside-dots.vertical-dots > .slides {
    padding-left: 18px;
    padding-right: 45px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 60, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.outside-navs.outside-dots.vertical-dots > .slides {
    padding-left: 20px;
    padding-right: 48px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 60, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.outside-navs.outside-dots.vertical-dots > .slides {
    padding-left: 30px;
    padding-right: 60px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 60, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.outside-navs.outside-dots.vertical-dots > .slides {
    padding-left: 35px;
    padding-right: 67px; } }

@media (min-width: 1200px) {
  /* line 60, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.outside-navs.outside-dots.vertical-dots > .slides {
    padding-left: 40px;
    padding-right: 78px; } }

@media (max-width: 359px) {
  /* line 93, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.inside-navs.outside-dots.vertical-dots.left-dots > .slides {
    padding-left: 15px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 93, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.inside-navs.outside-dots.vertical-dots.left-dots > .slides {
    padding-left: 16px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 93, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.inside-navs.outside-dots.vertical-dots.left-dots > .slides {
    padding-left: 20px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 93, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.inside-navs.outside-dots.vertical-dots.left-dots > .slides {
    padding-left: 22px; } }

@media (min-width: 1200px) {
  /* line 93, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.inside-navs.outside-dots.vertical-dots.left-dots > .slides {
    padding-left: 26px; } }

@media (max-width: 359px) {
  /* line 115, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.inside-navs.right-dots > .slides {
    padding-right: 15px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 115, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.inside-navs.right-dots > .slides {
    padding-right: 16px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 115, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.inside-navs.right-dots > .slides {
    padding-right: 20px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 115, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.inside-navs.right-dots > .slides {
    padding-right: 22px; } }

@media (min-width: 1200px) {
  /* line 115, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.inside-navs.right-dots > .slides {
    padding-right: 26px; } }

@media (max-width: 359px) {
  /* line 141, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.outside-navs.outside-dots.vertical-dots > .slides {
    padding-left: 18px;
    padding-right: 18px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 141, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.outside-navs.outside-dots.vertical-dots > .slides {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 141, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.outside-navs.outside-dots.vertical-dots > .slides {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 141, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.outside-navs.outside-dots.vertical-dots > .slides {
    padding-left: 35px;
    padding-right: 35px; } }

@media (min-width: 1200px) {
  /* line 141, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.outside-navs.outside-dots.vertical-dots > .slides {
    padding-left: 40px;
    padding-right: 40px; } }

@media (max-width: 359px) {
  /* line 173, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.outside-navs.inside-dots.vertical-dots > .slides {
    padding-left: 18px;
    padding-right: 18px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 173, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.outside-navs.inside-dots.vertical-dots > .slides {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 173, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.outside-navs.inside-dots.vertical-dots > .slides {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 173, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.outside-navs.inside-dots.vertical-dots > .slides {
    padding-left: 35px;
    padding-right: 35px; } }

@media (min-width: 1200px) {
  /* line 173, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.horizontal-navs.outside-navs.inside-dots.vertical-dots > .slides {
    padding-left: 40px;
    padding-right: 40px; } }

@media (max-width: 359px) {
  /* line 205, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.vertical-dots.vertical-navs.outside-dots.left-dots > .slides {
    padding-left: 15px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 205, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.vertical-dots.vertical-navs.outside-dots.left-dots > .slides {
    padding-left: 16px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 205, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.vertical-dots.vertical-navs.outside-dots.left-dots > .slides {
    padding-left: 20px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 205, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.vertical-dots.vertical-navs.outside-dots.left-dots > .slides {
    padding-left: 22px; } }

@media (min-width: 1200px) {
  /* line 205, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.vertical-dots.vertical-navs.outside-dots.left-dots > .slides {
    padding-left: 26px; } }

@media (max-width: 359px) {
  /* line 226, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.vertical-dots.vertical-navs.right-dots > .slides {
    padding-right: 15px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 226, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.vertical-dots.vertical-navs.right-dots > .slides {
    padding-right: 16px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 226, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.vertical-dots.vertical-navs.right-dots > .slides {
    padding-right: 20px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 226, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.vertical-dots.vertical-navs.right-dots > .slides {
    padding-right: 22px; } }

@media (min-width: 1200px) {
  /* line 226, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__nojs.scss */
  .ma5slider.vertical-dots.vertical-navs.right-dots > .slides {
    padding-right: 26px; } }

@font-face {
  font-family: 'ma5sf';
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAASEAAsAAAAABDgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFKmNtYXAAAAFoAAAAVAAAAFQXVtKHZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAJQAAACUlXL2j2hlYWQAAAJYAAAANgAAADYKk+0daGhlYQAAApAAAAAkAAAAJAbBA8ZobXR4AAACtAAAABQAAAAUCgABAWxvY2EAAALIAAAADAAAAAwAKABebWF4cAAAAtQAAAAgAAAAIAAHABluYW1lAAAC9AAAAW4AAAFu4YBcm3Bvc3QAAARkAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkA//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEB/7sC/wOPABYAAAkBJiIHBhQXCQEGFBceATMyNjcBNjQnAv/+OAsgCwsLAa3+UwsLBQ4IBw4GAcgLCwHFAcoLCwsgC/5R/lILIAsFBgYFAckLHwwAAAEAAAABAADMb+RrXw889QALBAAAAAAA1DrUawAAAADUOtRrAAD/uwL/A48AAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAv8AAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAABAQAAAAAACgAUAB4ASgABAAAABQAXAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABQAAAAEAAAAAAAIABwBOAAEAAAAAAAMABQAwAAEAAAAAAAQABQBjAAEAAAAAAAUACwAPAAEAAAAAAAYABQA/AAEAAAAAAAoAGgByAAMAAQQJAAEACgAFAAMAAQQJAAIADgBVAAMAAQQJAAMACgA1AAMAAQQJAAQACgBoAAMAAQQJAAUAFgAaAAMAAQQJAAYACgBEAAMAAQQJAAoANACMbWE1c2YAbQBhADUAcwBmVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwbWE1c2YAbQBhADUAcwBmbWE1c2YAbQBhADUAcwBmUmVndWxhcgBSAGUAZwB1AGwAYQBybWE1c2YAbQBhADUAcwBmRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"); }

/* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
.nav--prev,
.nav--next {
  display: none;
  position: absolute;
  z-index: 3;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  opacity: 0.7; }
  @media (max-width: 359px) {
    /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .nav--prev,
    .nav--next {
      height: 28px;
      font-size: 20px;
      line-height: 28px; } }
  @media (min-width: 360px) and (max-width: 767.9px) {
    /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .nav--prev,
    .nav--next {
      height: 32px;
      font-size: 22px;
      line-height: 32px; } }
  @media (min-width: 768px) and (max-width: 991.9px) {
    /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .nav--prev,
    .nav--next {
      height: 40px;
      font-size: 30px;
      line-height: 40px; } }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .nav--prev,
    .nav--next {
      height: 60px;
      font-size: 35px;
      line-height: 60px; } }
  @media (min-width: 1200px) {
    /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .nav--prev,
    .nav--next {
      height: 80px;
      font-size: 45px;
      line-height: 80px; } }
  /* line 45, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .nav--prev:before,
  .nav--next:before {
    content: "\e900";
    display: block;
    font-family: 'ma5sf', sans-serif;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  /* line 54, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .nav--prev:hover,
  .nav--next:hover {
    opacity: 1; }
  /* line 57, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .outside-navs .nav--prev, .outside-navs
  .nav--next {
    color: #b4b4b4;
    display: block; }
  /* line 61, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .inside-navs .nav--prev, .inside-navs
  .nav--next {
    display: block; }

/* line 66, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
.nav--prev:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

/* line 70, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
.nav--prev {
  left: 0; }
  /* line 73, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .first-slide .nav--prev {
    opacity: 0.25;
    pointer-events: none; }

/* line 78, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
.nav--next {
  right: 0; }
  /* line 81, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .last-slide .nav--next {
    opacity: 0.25;
    pointer-events: none; }

@media (max-width: 359px) {
  /* line 87, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .outside-navs .nav--prev,
  .outside-navs .nav--next {
    width: 16px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 87, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .outside-navs .nav--prev,
  .outside-navs .nav--next {
    width: 18px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 87, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .outside-navs .nav--prev,
  .outside-navs .nav--next {
    width: 25px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 87, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .outside-navs .nav--prev,
  .outside-navs .nav--next {
    width: 30px; } }

@media (min-width: 1200px) {
  /* line 87, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .outside-navs .nav--prev,
  .outside-navs .nav--next {
    width: 35px; } }

@media (max-width: 359px) {
  /* line 110, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .inside-navs .nav--prev,
  .inside-navs .nav--next {
    width: 28px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 110, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .inside-navs .nav--prev,
  .inside-navs .nav--next {
    width: 32px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 110, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .inside-navs .nav--prev,
  .inside-navs .nav--next {
    width: 40px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 110, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .inside-navs .nav--prev,
  .inside-navs .nav--next {
    width: 60px; } }

@media (min-width: 1200px) {
  /* line 110, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .inside-navs .nav--prev,
  .inside-navs .nav--next {
    width: 80px; } }

@media (max-width: 359px) {
  /* line 133, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .horizontal-navs.outside-navs .navs-wrapper {
    padding-left: 18px;
    padding-right: 18px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 133, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .horizontal-navs.outside-navs .navs-wrapper {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 133, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .horizontal-navs.outside-navs .navs-wrapper {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 133, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .horizontal-navs.outside-navs .navs-wrapper {
    padding-left: 35px;
    padding-right: 35px; } }

@media (min-width: 1200px) {
  /* line 133, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .horizontal-navs.outside-navs .navs-wrapper {
    padding-left: 40px;
    padding-right: 40px; } }

/* line 163, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
.vertical-navs .nav--prev,
.vertical-navs .nav--next {
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media (max-width: 359px) {
    /* line 163, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .vertical-navs .nav--prev,
    .vertical-navs .nav--next {
      width: 28px;
      font-size: 22px; } }
  @media (min-width: 360px) and (max-width: 767.9px) {
    /* line 163, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .vertical-navs .nav--prev,
    .vertical-navs .nav--next {
      width: 32px;
      font-size: 26px; } }
  @media (min-width: 768px) and (max-width: 991.9px) {
    /* line 163, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .vertical-navs .nav--prev,
    .vertical-navs .nav--next {
      width: 40px;
      font-size: 30px; } }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    /* line 163, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .vertical-navs .nav--prev,
    .vertical-navs .nav--next {
      width: 60px;
      font-size: 35px; } }
  @media (min-width: 1200px) {
    /* line 163, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .vertical-navs .nav--prev,
    .vertical-navs .nav--next {
      width: 80px;
      font-size: 45px; } }

/* line 191, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
.vertical-navs .nav--prev {
  top: 0; }
  /* line 194, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs .nav--prev:before {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    margin-left: -1px; }

/* line 199, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
.vertical-navs .nav--next {
  bottom: 0; }
  /* line 202, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs .nav--next:before {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    margin-right: -4px; }

@media (max-width: 359px) {
  /* line 209, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs.inside-navs .nav--prev,
  .vertical-navs.inside-navs .nav--next {
    height: 28px;
    line-height: 28px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 209, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs.inside-navs .nav--prev,
  .vertical-navs.inside-navs .nav--next {
    height: 32px;
    line-height: 32px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 209, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs.inside-navs .nav--prev,
  .vertical-navs.inside-navs .nav--next {
    height: 40px;
    line-height: 40px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 209, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs.inside-navs .nav--prev,
  .vertical-navs.inside-navs .nav--next {
    height: 60px;
    line-height: 60px; } }

@media (min-width: 1200px) {
  /* line 209, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs.inside-navs .nav--prev,
  .vertical-navs.inside-navs .nav--next {
    height: 80px;
    line-height: 80px; } }

/* line 235, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
.vertical-navs.outside-navs .nav--prev,
.vertical-navs.outside-navs .nav--next {
  z-index: 0; }
  @media (max-width: 359px) {
    /* line 235, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .vertical-navs.outside-navs .nav--prev,
    .vertical-navs.outside-navs .nav--next {
      height: 14px;
      line-height: 14px; } }
  @media (min-width: 360px) and (max-width: 767.9px) {
    /* line 235, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .vertical-navs.outside-navs .nav--prev,
    .vertical-navs.outside-navs .nav--next {
      height: 16px;
      line-height: 16px; } }
  @media (min-width: 768px) and (max-width: 991.9px) {
    /* line 235, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .vertical-navs.outside-navs .nav--prev,
    .vertical-navs.outside-navs .nav--next {
      height: 18px;
      line-height: 18px; } }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    /* line 235, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .vertical-navs.outside-navs .nav--prev,
    .vertical-navs.outside-navs .nav--next {
      height: 18px;
      line-height: 18px; } }
  @media (min-width: 1200px) {
    /* line 235, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
    .vertical-navs.outside-navs .nav--prev,
    .vertical-navs.outside-navs .nav--next {
      height: 28px;
      line-height: 28px; } }

@media (max-width: 359px) {
  /* line 261, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs.outside-navs .navs-wrapper {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 261, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs.outside-navs .navs-wrapper {
    padding-top: 22px;
    padding-bottom: 22px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 261, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs.outside-navs .navs-wrapper {
    padding-top: 28px;
    padding-bottom: 28px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 261, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs.outside-navs .navs-wrapper {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media (min-width: 1200px) {
  /* line 261, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs.scss */
  .vertical-navs.outside-navs .navs-wrapper {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media (max-width: 359px) {
  /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--horizontal.scss */
  .horizontal-navs.inside-navs.right-dots.outside-dots.vertical-dots .nav--next {
    right: 15px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--horizontal.scss */
  .horizontal-navs.inside-navs.right-dots.outside-dots.vertical-dots .nav--next {
    right: 16px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--horizontal.scss */
  .horizontal-navs.inside-navs.right-dots.outside-dots.vertical-dots .nav--next {
    right: 20px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--horizontal.scss */
  .horizontal-navs.inside-navs.right-dots.outside-dots.vertical-dots .nav--next {
    right: 22px; } }

@media (min-width: 1200px) {
  /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--horizontal.scss */
  .horizontal-navs.inside-navs.right-dots.outside-dots.vertical-dots .nav--next {
    right: 26px; } }

@media (max-width: 359px) {
  /* line 30, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--horizontal.scss */
  .horizontal-navs.inside-navs.left-dots.outside-dots.vertical-dots .nav--prev {
    left: 15px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 30, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--horizontal.scss */
  .horizontal-navs.inside-navs.left-dots.outside-dots.vertical-dots .nav--prev {
    left: 16px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 30, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--horizontal.scss */
  .horizontal-navs.inside-navs.left-dots.outside-dots.vertical-dots .nav--prev {
    left: 20px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 30, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--horizontal.scss */
  .horizontal-navs.inside-navs.left-dots.outside-dots.vertical-dots .nav--prev {
    left: 22px; } }

@media (min-width: 1200px) {
  /* line 30, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--horizontal.scss */
  .horizontal-navs.inside-navs.left-dots.outside-dots.vertical-dots .nav--prev {
    left: 26px; } }

/* line 1, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--overwrite-direction.scss */
.nav__top {
  top: 0;
  bottom: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  /* line 7, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--overwrite-direction.scss */
  .nav__top:before {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    margin-left: -1px; }

/* line 12, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--overwrite-direction.scss */
.nav__bottom {
  top: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  /* line 18, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__navs--overwrite-direction.scss */
  .nav__bottom:before {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    margin-right: -4px; }

/* line 9, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
.dots {
  display: none;
  font-size: 0; }
  /* line 13, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .dots > .dot {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: none;
    transition: none; }
    @media (max-width: 359px) {
      /* line 13, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
      .dots > .dot {
        width: 8px;
        height: 8px;
        margin: 2px 5px; } }
    @media (min-width: 360px) and (max-width: 767.9px) {
      /* line 13, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
      .dots > .dot {
        width: 9px;
        height: 9px;
        margin: 4px 5px; } }
    @media (min-width: 768px) and (max-width: 991.9px) {
      /* line 13, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
      .dots > .dot {
        width: 10px;
        height: 10px;
        margin: 8px 6px; } }
    @media (min-width: 992px) and (max-width: 1199.9px) {
      /* line 13, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
      .dots > .dot {
        width: 12px;
        height: 12px;
        margin: 8px 7px; } }
    @media (min-width: 1200px) {
      /* line 13, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
      .dots > .dot {
        width: 14px;
        height: 14px;
        margin: 4px 7px; } }

/* line 53, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
.vertical-dots .dots {
  position: absolute;
  z-index: 3;
  width: auto;
  height: 100%;
  top: 0;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0; }
  @media (max-width: 359px) {
    /* line 66, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
    .vertical-dots .dots .dot {
      margin: 4px 0; } }
  @media (min-width: 360px) and (max-width: 767.9px) {
    /* line 66, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
    .vertical-dots .dots .dot {
      margin: 4px 0; } }
  @media (min-width: 768px) and (max-width: 991.9px) {
    /* line 66, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
    .vertical-dots .dots .dot {
      margin: 5px 0; } }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    /* line 66, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
    .vertical-dots .dots .dot {
      margin: 5px 0; } }
  @media (min-width: 1200px) {
    /* line 66, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
    .vertical-dots .dots .dot {
      margin: 6px 0; } }

@media (max-width: 359px) {
  /* line 88, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.inside-navs .dots {
    padding: 0 12px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 88, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.inside-navs .dots {
    padding: 0 12px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 88, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.inside-navs .dots {
    padding: 0 10px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 88, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.inside-navs .dots {
    padding: 0 10px; } }

@media (min-width: 1200px) {
  /* line 88, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.inside-navs .dots {
    padding: 0 12px; } }

@media (max-width: 359px) {
  /* line 107, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.inside-navs.inside-dots .dots {
    padding-top: 6px;
    padding-bottom: 6px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 107, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.inside-navs.inside-dots .dots {
    padding-top: 7px;
    padding-bottom: 7px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 107, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.inside-navs.inside-dots .dots {
    padding-top: 14px;
    padding-bottom: 14px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 107, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.inside-navs.inside-dots .dots {
    padding-top: 14px;
    padding-bottom: 14px; } }

@media (min-width: 1200px) {
  /* line 107, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.inside-navs.inside-dots .dots {
    padding-top: 14px;
    padding-bottom: 14px; } }

@media (max-width: 359px) {
  /* line 135, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.vertical-navs.inside-dots .dots {
    padding: 26px 12px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 135, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.vertical-navs.inside-dots .dots {
    padding: 29px 12px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 135, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.vertical-navs.inside-dots .dots {
    padding: 40px 10px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 135, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.vertical-navs.inside-dots .dots {
    padding: 42px 10px; } }

@media (min-width: 1200px) {
  /* line 135, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.vertical-navs.inside-dots .dots {
    padding: 54px 12px; } }

@media (max-width: 359px) {
  /* line 157, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.horizontal-navs.inside-dots .dots {
    padding: 4px 12px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 157, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.horizontal-navs.inside-dots .dots {
    padding: 6px 12px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 157, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.horizontal-navs.inside-dots .dots {
    padding: 10px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 157, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.horizontal-navs.inside-dots .dots {
    padding: 10px; } }

@media (min-width: 1200px) {
  /* line 157, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.horizontal-navs.inside-dots .dots {
    padding: 12px; } }

@media (max-width: 359px) {
  /* line 178, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.outside-dots .dots {
    padding: 20px 12px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 178, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.outside-dots .dots {
    padding: 22px 12px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 178, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.outside-dots .dots {
    padding: 28px 10px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 178, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.outside-dots .dots {
    padding: 30px 10px; } }

@media (min-width: 1200px) {
  /* line 178, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots.scss */
  .vertical-dots.outside-navs.outside-dots .dots {
    padding: 40px 12px; } }

/* line 3, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
.inside-dots .dots > .dot {
  background-color: #ffffff; }
  /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .inside-dots .dots > .dot:hover {
    background-color: #dce775; }
  /* line 9, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .inside-dots .dots > .dot.active {
    background-color: #d4e157; }

@media (max-width: 359px) {
  /* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .horizontal-dots.inside-dots .dots {
    padding-left: 8px;
    padding-right: 8px;
    bottom: 20px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .horizontal-dots.inside-dots .dots {
    padding-left: 10px;
    padding-right: 10px;
    bottom: 22px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .horizontal-dots.inside-dots .dots {
    padding-left: 15px;
    padding-right: 15px;
    bottom: 32px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .horizontal-dots.inside-dots .dots {
    padding-left: 20px;
    padding-right: 20px;
    bottom: 38px; } }

@media (min-width: 1200px) {
  /* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .horizontal-dots.inside-dots .dots {
    padding-left: 25px;
    padding-right: 25px;
    bottom: 40px; } }

/* line 52, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
.horizontal-dots.inside-dots .dots {
  position: absolute;
  width: 100%;
  height: 0;
  z-index: 3; }

/* line 63, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
.horizontal-dots .dots {
  display: block; }

@media (max-width: 359px) {
  /* line 68, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .horizontal-dots.outside-navs.inside-dots .dots {
    padding-left: 26px;
    padding-right: 26px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 68, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .horizontal-dots.outside-navs.inside-dots .dots {
    padding-left: 28px;
    padding-right: 28px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 68, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .horizontal-dots.outside-navs.inside-dots .dots {
    padding-left: 45px;
    padding-right: 45px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 68, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .horizontal-dots.outside-navs.inside-dots .dots {
    padding-left: 55px;
    padding-right: 55px; } }

@media (min-width: 1200px) {
  /* line 68, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--inside.scss */
  .horizontal-dots.outside-navs.inside-dots .dots {
    padding-left: 65px;
    padding-right: 65px; } }

/* line 3, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--outside.scss */
.outside-dots .dots > .dot {
  background-color: #dcdcdc; }
  /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--outside.scss */
  .outside-dots .dots > .dot:hover {
    background-color: #c0ca33; }
  /* line 9, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--outside.scss */
  .outside-dots .dots > .dot.active {
    background-color: #afb42b; }

/* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--outside.scss */
.horizontal-dots .dots {
  display: block; }

@media (max-width: 359px) {
  /* line 22, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--outside.scss */
  .horizontal-dots.outside-navs.outside-dots .dots {
    padding-left: 18px;
    padding-right: 18px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 22, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--outside.scss */
  .horizontal-dots.outside-navs.outside-dots .dots {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 22, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--outside.scss */
  .horizontal-dots.outside-navs.outside-dots .dots {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 22, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--outside.scss */
  .horizontal-dots.outside-navs.outside-dots .dots {
    padding-left: 35px;
    padding-right: 35px; } }

@media (min-width: 1200px) {
  /* line 22, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--outside.scss */
  .horizontal-dots.outside-navs.outside-dots .dots {
    padding-left: 40px;
    padding-right: 40px; } }

/* line 2, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
.right-dots .dots {
  text-align: right; }
  /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
  .right-dots .dots > .dot:last-of-type {
    margin-right: 0; }

/* line 18, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
.vertical-dots.inside-dots.vertical-navs.right-dots .dots {
  left: auto;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); }
  @media (max-width: 359px) {
    /* line 18, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.inside-dots.vertical-navs.right-dots .dots {
      right: 27px;
      padding-right: 7px; } }
  @media (min-width: 360px) and (max-width: 767.9px) {
    /* line 18, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.inside-dots.vertical-navs.right-dots .dots {
      right: 28px;
      padding-right: 7px; } }
  @media (min-width: 768px) and (max-width: 991.9px) {
    /* line 18, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.inside-dots.vertical-navs.right-dots .dots {
      right: 30px; } }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    /* line 18, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.inside-dots.vertical-navs.right-dots .dots {
      right: 32px; } }
  @media (min-width: 1200px) {
    /* line 18, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.inside-dots.vertical-navs.right-dots .dots {
      right: 38px; } }

/* line 45, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
.vertical-dots.inside-dots.horizontal-navs.right-dots .dots {
  left: auto;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); }
  @media (max-width: 359px) {
    /* line 45, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.inside-dots.horizontal-navs.right-dots .dots {
      right: 45px;
      padding-right: 7px; } }
  @media (min-width: 360px) and (max-width: 767.9px) {
    /* line 45, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.inside-dots.horizontal-navs.right-dots .dots {
      right: 48px;
      padding-right: 7px; } }
  @media (min-width: 768px) and (max-width: 991.9px) {
    /* line 45, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.inside-dots.horizontal-navs.right-dots .dots {
      right: 60px; } }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    /* line 45, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.inside-dots.horizontal-navs.right-dots .dots {
      right: 67px; } }
  @media (min-width: 1200px) {
    /* line 45, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.inside-dots.horizontal-navs.right-dots .dots {
      right: 78px; } }

/* line 73, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
.vertical-dots.outside-dots.right-dots .dots {
  left: auto;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  padding-right: 0; }
  @media (max-width: 359px) {
    /* line 73, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.outside-dots.right-dots .dots {
      right: 15px;
      padding-left: 7px; } }
  @media (min-width: 360px) and (max-width: 767.9px) {
    /* line 73, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.outside-dots.right-dots .dots {
      right: 16px;
      padding-left: 7px; } }
  @media (min-width: 768px) and (max-width: 991.9px) {
    /* line 73, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.outside-dots.right-dots .dots {
      right: 20px; } }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    /* line 73, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.outside-dots.right-dots .dots {
      right: 22px; } }
  @media (min-width: 1200px) {
    /* line 73, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
    .vertical-dots.outside-dots.right-dots .dots {
      right: 26px; } }

@media (max-width: 359px) {
  /* line 98, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
  .vertical-dots.outside-dots.right-dots .navs-wrapper {
    padding-right: 15px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 98, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
  .vertical-dots.outside-dots.right-dots .navs-wrapper {
    padding-right: 16px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 98, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
  .vertical-dots.outside-dots.right-dots .navs-wrapper {
    padding-right: 20px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 98, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
  .vertical-dots.outside-dots.right-dots .navs-wrapper {
    padding-right: 22px; } }

@media (min-width: 1200px) {
  /* line 98, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--right.scss */
  .vertical-dots.outside-dots.right-dots .navs-wrapper {
    padding-right: 26px; } }

/* line 2, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--center.scss */
.center-dots .dots {
  text-align: center; }

/* line 2, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
.left-dots .dots {
  text-align: left; }
  /* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
  .left-dots .dots > .dot:first-of-type {
    margin-left: 0; }

/* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
.vertical-dots.inside-dots.vertical-navs.left-dots .dots {
  left: 0; }
  @media (max-width: 359px) {
    /* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
    .vertical-dots.inside-dots.vertical-navs.left-dots .dots {
      padding-left: 7px; } }
  @media (min-width: 360px) and (max-width: 767.9px) {
    /* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
    .vertical-dots.inside-dots.vertical-navs.left-dots .dots {
      padding-left: 7px; } }
  @media (min-width: 768px) and (max-width: 991.9px) {
    /* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
    .vertical-dots.inside-dots.vertical-navs.left-dots .dots {
      padding-left: 12px; } }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    /* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
    .vertical-dots.inside-dots.vertical-navs.left-dots .dots {
      padding-left: 12px; } }
  @media (min-width: 1200px) {
    /* line 17, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
    .vertical-dots.inside-dots.vertical-navs.left-dots .dots {
      padding-left: 12px; } }

@media (max-width: 359px) {
  /* line 41, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
  .vertical-dots.inside-dots.horizontal-navs.left-dots .dots {
    left: 27px;
    padding-left: 7px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 41, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
  .vertical-dots.inside-dots.horizontal-navs.left-dots .dots {
    left: 28px;
    padding-left: 7px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 41, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
  .vertical-dots.inside-dots.horizontal-navs.left-dots .dots {
    left: 30px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 41, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
  .vertical-dots.inside-dots.horizontal-navs.left-dots .dots {
    left: 32px; } }

@media (min-width: 1200px) {
  /* line 41, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
  .vertical-dots.inside-dots.horizontal-navs.left-dots .dots {
    left: 38px; } }

/* line 67, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
.vertical-dots.outside-dots.left-dots .dots {
  padding-left: 0; }
  @media (max-width: 359px) {
    /* line 67, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
    .vertical-dots.outside-dots.left-dots .dots {
      padding-right: 7px; } }
  @media (min-width: 360px) and (max-width: 767.9px) {
    /* line 67, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
    .vertical-dots.outside-dots.left-dots .dots {
      padding-right: 7px; } }
  @media (min-width: 768px) and (max-width: 991.9px) {
    /* line 67, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
    .vertical-dots.outside-dots.left-dots .dots {
      padding-right: 10px; } }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    /* line 67, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
    .vertical-dots.outside-dots.left-dots .dots {
      padding-right: 10px; } }
  @media (min-width: 1200px) {
    /* line 67, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
    .vertical-dots.outside-dots.left-dots .dots {
      padding-right: 12px; } }

@media (max-width: 359px) {
  /* line 87, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
  .vertical-dots.outside-dots.left-dots .navs-wrapper {
    padding-left: 15px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 87, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
  .vertical-dots.outside-dots.left-dots .navs-wrapper {
    padding-left: 16px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 87, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
  .vertical-dots.outside-dots.left-dots .navs-wrapper {
    padding-left: 20px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 87, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
  .vertical-dots.outside-dots.left-dots .navs-wrapper {
    padding-left: 22px; } }

@media (min-width: 1200px) {
  /* line 87, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--left.scss */
  .vertical-dots.outside-dots.left-dots .navs-wrapper {
    padding-left: 26px; } }

@media (max-width: 359px) {
  /* line 4, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--top.scss */
  .horizontal-dots.outside-dots.top-dots .dots {
    margin: 0 0 7px 0; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 4, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--top.scss */
  .horizontal-dots.outside-dots.top-dots .dots {
    margin: 0 0 7px 0; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 4, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--top.scss */
  .horizontal-dots.outside-dots.top-dots .dots {
    margin: 0 0 8px 0; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 4, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--top.scss */
  .horizontal-dots.outside-dots.top-dots .dots {
    margin: 0 0 5px 0; } }

@media (min-width: 1200px) {
  /* line 4, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--top.scss */
  .horizontal-dots.outside-dots.top-dots .dots {
    margin: 0 0 10px 0; } }

@media (max-width: 359px) {
  /* line 26, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--top.scss */
  .horizontal-dots.inside-dots.top-dots .dots {
    top: 5px; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 26, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--top.scss */
  .horizontal-dots.inside-dots.top-dots .dots {
    top: 5px; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 26, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--top.scss */
  .horizontal-dots.inside-dots.top-dots .dots {
    top: 7px; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 26, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--top.scss */
  .horizontal-dots.inside-dots.top-dots .dots {
    top: 13px; } }

@media (min-width: 1200px) {
  /* line 26, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--top.scss */
  .horizontal-dots.inside-dots.top-dots .dots {
    top: 19px; } }

/* line 49, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--top.scss */
.vertical-dots.top-dots .dots {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

@media (max-width: 359px) {
  /* line 4, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--bottom.scss */
  .horizontal-dots.outside-dots.bottom-dots .dots {
    margin: 7px 0 0 0; } }

@media (min-width: 360px) and (max-width: 767.9px) {
  /* line 4, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--bottom.scss */
  .horizontal-dots.outside-dots.bottom-dots .dots {
    margin: 7px 0 0 0; } }

@media (min-width: 768px) and (max-width: 991.9px) {
  /* line 4, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--bottom.scss */
  .horizontal-dots.outside-dots.bottom-dots .dots {
    margin: 8px 0 0 0; } }

@media (min-width: 992px) and (max-width: 1199.9px) {
  /* line 4, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--bottom.scss */
  .horizontal-dots.outside-dots.bottom-dots .dots {
    margin: 5px 0 0 0; } }

@media (min-width: 1200px) {
  /* line 4, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--bottom.scss */
  .horizontal-dots.outside-dots.bottom-dots .dots {
    margin: 10px 0 0 0; }
}

/* line 27, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--bottom.scss */
.vertical-dots.bottom-dots .dots {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

/* line 4, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--vertical.scss */
.vertical-dots .dots > .dot:first-of-type {
  margin-top: 0; }

/* line 7, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__dots--vertical.scss */
.vertical-dots .dots > .dot:last-of-type {
  margin-bottom: 0; }

/* line 3, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal .slide--prev {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%); }

/* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal .slide--active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

/* line 9, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal .slide--next {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); }

/* line 13, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal.dir-next .slide--prev {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); }

/* line 16, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal.dir-next .slide--next {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%); }

/* line 21, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal .slide.transition-on {
  -webkit-transition: -webkit-transform .6s ease;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease; }

/* line 26, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal.transition-on .slide {
  -webkit-transition: -webkit-transform .6s ease;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease; }

/* line 31, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal .slides.dragged-prev-end {
  position: static; }
  /* line 34, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
  .anim-horizontal .slides.dragged-prev-end .slide--prev {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    z-index: 3; }

/* line 39, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal .slides.dragged-next-end {
  position: static; }
  /* line 42, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
  .anim-horizontal .slides.dragged-next-end .slide--next {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    z-index: 3; }

/* line 50, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal.safe-slides.drag-prev .slide--prev {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%); }

/* line 54, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal.safe-slides.drag-prev.dir-next .slide--prev {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); }

/* line 57, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal.safe-slides.drag-prev.dir-next .slide--next {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%); }

/* line 65, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal.first-slide .ui-draggable-dragging .slide--prev {
  display: none; }

/* line 71, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal.first-slide.loop-mode .ui-draggable-dragging .slide--prev {
  display: block; }

/* line 79, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal.last-slide .ui-draggable-dragging .slide--next {
  display: none; }

/* line 85, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--horizontal.scss */
.anim-horizontal.last-slide.loop-mode .ui-draggable-dragging .slide--next {
  display: block; }

/* line 3, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical .slide--prev {
  -webkit-transform: translateY(calc(100% - 0.5px));
      -ms-transform: translateY(calc(100% - 0.5px));
          transform: translateY(calc(100% - 0.5px)); }

/* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical .slide--active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

/* line 9, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical .slide--next {
  -webkit-transform: translateY(calc(-100% + 0.5px));
      -ms-transform: translateY(calc(-100% + 0.5px));
          transform: translateY(calc(-100% + 0.5px)); }

/* line 13, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.dir-prev .slide--prev {
  -webkit-transform: translateY(calc(-100% + 0.5px));
      -ms-transform: translateY(calc(-100% + 0.5px));
          transform: translateY(calc(-100% + 0.5px)); }

/* line 16, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.dir-prev .slide--next {
  -webkit-transform: translateY(calc(100% - 0.5px));
      -ms-transform: translateY(calc(100% - 0.5px));
          transform: translateY(calc(100% - 0.5px)); }

/* line 21, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical .slide.transition-on {
  -webkit-transition: -webkit-transform .6s ease;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease; }

/* line 26, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.transition-on .slide {
  -webkit-transition: -webkit-transform .6s ease;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease; }

/* line 32, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.safe-slides.drag-prev .slide--prev {
  -webkit-transform: translateY(calc(100% - 0.5px));
      -ms-transform: translateY(calc(100% - 0.5px));
          transform: translateY(calc(100% - 0.5px)); }

/* line 36, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.safe-slides.drag-prev.dir-prev .slide--prev {
  -webkit-transform: translateY(calc(100% - 0.5px));
      -ms-transform: translateY(calc(100% - 0.5px));
          transform: translateY(calc(100% - 0.5px)); }

/* line 39, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.safe-slides.drag-prev.dir-prev .slide--next {
  -webkit-transform: translateY(calc(-100% + 0.5px));
      -ms-transform: translateY(calc(-100% + 0.5px));
          transform: translateY(calc(-100% + 0.5px)); }

/* line 47, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.first-slide .ui-draggable-dragging .slide--next {
  display: none; }

/* line 53, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.first-slide.dir-prev .ui-draggable-dragging .slide--next {
  display: block; }

/* line 60, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.first-slide.loop-mode .ui-draggable-dragging .slide--next {
  display: block; }

/* line 68, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.last-slide .ui-draggable-dragging .slide--prev {
  display: none; }

/* line 74, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.last-slide.dir-prev .ui-draggable-dragging .slide--prev {
  display: block; }

/* line 81, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--vertical.scss */
.anim-vertical.last-slide.loop-mode .ui-draggable-dragging .slide--prev {
  display: block; }

/* line 3, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--fade.scss */
.anim-fade .slide--prev {
  opacity: 0; }

/* line 6, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--fade.scss */
.anim-fade .slide--active {
  opacity: 1; }

/* line 9, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--fade.scss */
.anim-fade .slide--next {
  opacity: 0; }

/* line 14, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--fade.scss */
.anim-fade .slide.transition-on.slide--active {
  -webkit-transition: opacity .7s ease-in-out;
  transition: opacity .7s ease-in-out; }

/* line 18, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--fade.scss */
.anim-fade .slide.transition-on.slide--prev, .anim-fade .slide.transition-on.slide--next {
  -webkit-transition: opacity .2s ease-in-out .5s;
  transition: opacity .2s ease-in-out .5s; }

/* line 26, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--fade.scss */
.anim-fade.transition-on .slide.slide--active {
  -webkit-transition: opacity .7s ease-in-out;
  transition: opacity .7s ease-in-out; }

/* line 30, /var/www/ma-5/ma5slider/app/scss/components/_ma5slider__anim--fade.scss */
.anim-fade.transition-on .slide.slide--prev, .anim-fade.transition-on .slide.slide--next {
  -webkit-transition: opacity .2s ease-in-out .5s;
  transition: opacity .2s ease-in-out .5s; }
@media (max-width: 970px) {
	.ma5slider{display: none;}
	.mobile.ma5slider{display: block;}
}

/*./ma5slider.css */

/*11-component.css-blog*/
@media screen and (max-width: 25em) {
    .codrops-icon span {display: none;}
}
.container{ width: 1010px; margin: 5% auto 3%;}
.grid{overflow: hidden;}
.blog_l{position: relative;float: right; width: 50%;}
.blog_r{position: relative;float: left;width: 50%; padding: 5%; }
.blog_r span.c_gray03{display: block; height: 110px; overflow: hidden;}
.grid li:nth-child(3n+1) .blog_l{float: left;}
.grid li:nth-child(3n+1) .blog_r{float: right;}
.grid li .blog_r::after{ content: ""; position: absolute; top: 20px; left: auto;right: -10px; transform:rotate(45deg); width: 20px;height: 20px;background-color: #ffe5f2;}
.grid li:nth-child(3n+1) .blog_r::after{ content: ""; position: absolute; top: 20px;left: -10px; right: auto; transform:rotate(45deg); width: 20px;height: 20px;background-color: #fff2f9;}
.grid li{background-color: #ffe5f2;}
.grid li:nth-child(3n+1){background-color: #fff2f9;}
.grid h2{font-size: 2rem;line-height: 1.2; margin-top: 0; overflow: hidden; max-height: 85px;}
.grid li {line-height: 1.7;}
.grid {	list-style: none;margin:0;padding: 0; }
.grid li {
    display: flex;
    position: relative;
    float: left;
    width:calc(100%/2 - 1px);margin:0; border: 1px solid #fff;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
    opacity: 1;
}

.grid li a,
.grid li img {
    outline: none;
    border: none;
    display: block;
    margin:auto;
    width: 100%;
}

.grid.more{ position: relative;margin-top: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-align: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;}
.grid.more::before, .grid.more::after {
    content: '';
    display: inline-block;
    height: 1.4px;
    width: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #c3aa6f;
    vertical-align: middle;
}
.grid.more button{ color: #c3aa6f; padding: 6px 20px; border-radius: 10px; border: 1px solid #c3aa6f;}
.grid.more button:hover{ color: #fff;background-color: #c3aa6f;}
/* Effect 1: opacity */
.grid.effect-1 li.animate {
    -webkit-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
    0% { }
    100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
    0% { }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

/* Effect 3: Scale up */
.grid.effect-3 li.animate {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: scaleUp 0.65s ease-in-out forwards;
    animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
    0% { }
    100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
    0% { }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

/* Effect 4: fall perspective */
.grid.effect-4 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.grid.effect-4 li.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-animation: fallPerspective .8s ease-in-out forwards;
    animation: fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
    0% { }
    100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
    0% { }
    100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.grid.effect-5 li.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-animation: fly .8s ease-in-out forwards;
    animation: fly .8s ease-in-out forwards;
}

@-webkit-keyframes fly {
    0% { }
    100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes fly {
    0% { }
    100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.grid.effect-6 li.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: flip .8s ease-in-out forwards;
    animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
    0% { }
    100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
    0% { }
    100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.grid.effect-7 li.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: helix .8s ease-in-out forwards;
    animation: helix .8s ease-in-out forwards;
}

@-webkit-keyframes helix {
    0% { }
    100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}

@keyframes helix {
    0% { }
    100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
}

/* Effect 8:  */
.grid.effect-8 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.grid.effect-8 li.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-animation: popUp .8s ease-in forwards;
    animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
    0% { }
    70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
    0% { }
    70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

@media screen and (max-width: 1150px) {
    .blog_r span.c_gray03{height: 80px;}
}

@media screen and (max-width: 900px) {
    .container{ width:100%;}
	.grid h2 {max-height: 50px;}
}

@media screen and (max-width: 760px) {
    .blog_l, .blog_r {float: none;width: 100%;}
    .grid li .blog_r::after, .grid li:nth-child(3n+1) .blog_r::after{ display: none;}
    .blog_r {padding: 10%;}
	.grid h2 {min-height: 50px;max-height: 50px;}
}

@media screen and (max-width: 480px) {
    .grid li {width: 100%;}
}
/*11-component.css-blog*/

/*selectize.css*/
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    -webkit-box-shadow: inset 0 0 12px 4px #fff;
    box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: 0.4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
    color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    /* fixes ie bug (see #392) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0 0;
    border-left: 1px solid #d0d0d0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #ffffff;
}
.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px;
}
.selectize-control {
    position: relative;
    width: 184px;
    margin-right: 10px;
    line-height: 0;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: #000;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
    background: #fff;
    cursor: text;
    display: inline-block;
}
.selectize-input {
    border: 1px solid #d0d0d0;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px;
}
.selectize-input.full {
    background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default !important;
}
.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    color: #7d7d7d;
    background: #ffffff;
    border: 0 solid #ffffff;
}
.selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 2px 0 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
    display: none;
}
.selectize-input > input:focus {
    outline: none !important;
}
.selectize-input::after {
    content: ' ';
    display: block;
    clear: left;
}
.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
}
.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
    padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
    opacity: 1;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
    color: #303030;
    background: #fff;
    cursor: default;
}
.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68;
}
.selectize-dropdown .active.create {
    color: #495c68;
}
.selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text;
}
.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto;
}
.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
    opacity: 1;
}
/*地址*/
.selectize-control::before {
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    content: ' ';
    z-index: 2;
    position: absolute;
    display: block;
    top: 12px;
    right: 34px;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    opacity: 0;
}
.selectize-control.loading::before {opacity: 0.4;}
@media (max-width: 970px) {
    .selectize-control {  line-height: 3;}
}
/*./selectize.css*/

/* panel.css */
.panel .collapse {
    display: none;
    visibility: hidden;
}
.collapse.in {
    display: block;
    visibility: visible;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
    padding: 10px 5px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-title > a {
    color: inherit;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.list-group + .panel-footer {
    border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
}
.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}
.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    margin-bottom: 0;
}
.panel-group .panel + .panel {
    margin-top: 5px;
}
.panel {
    border-top: 1px solid #dddddd;border-right: 1px solid #dddddd;border-left: 1px solid #dddddd;
}
.panel:last-child {
    border-bottom: 1px solid #dddddd;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    /*border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;*/
}
.panel-group .panel-footer {
    border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}
.panel-default {
    border-color: #ddd;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}
.panel-primary {
    border-color: #337ab7;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7;
}
.panel-success {
    border-color: #d6e9c6;
}
.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
}
.panel-info {
    border-color: #bce8f1;
}
.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
}
.panel-warning {
    border-color: #faebcc;
}
.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
}
.panel-danger {
    border-color: #ebccd1;
}
.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
}

.panel-title [aria-expanded="true"]{
    color: #fff; background-color: #c3aa6f;
}

/* ----left伸縮----*/
.panel {
    background: none;
    box-shadow: none;
}
.panel-group .panel + .panel { margin-top: 0;}

.panel-heading {
    background-color: #f5f5f5;
    border-radius: 0;
    border: none;
    color: #333;
    padding: 0;
}

.panel-title a {
    display: block;
    color: #333;
    padding: 4px 15px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
}

#accordion .panel-heading a:before {
    content: '\f105';
    font-size: 24px;
    position: absolute;
    font: normal normal normal 16px/1 FontAwesome;
    right: 10px;
    top: 10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#accordion .panel-heading a.collapsed:before{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* ----區間----*/
.panel h5{ font-weight: normal;margin: 5px 0;}
.btn {
    display: inline-block;
    padding: 6px;
    margin-bottom: 0;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    /*white-space: nowrap;*/
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}
.btn-group>.btn, .btn-group-vertical>.btn {
    position: relative;
    float: left;
}
.btn-default {
    background: #fff;
    border: #dfdfdf 1px solid;
    color: #787878;
}
.btn-default:hover {
    background: #f5f5f5;
}
.btn-group label.active {
    background: #c3aa6f;
    color: #fff;
}
.col-xs-6 {
    width: 50%;float: left;
}
.col-xs-6 span{ display: flex;align-items: center;justify-content: center;height: 100%; }

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type=radio], input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
[data-toggle=buttons]>.btn>input[type=radio], [data-toggle=buttons]>.btn>input[type=checkbox] {
    position: absolute;
    z-index: -1;
    filter: alpha(opacity=0);
    opacity: 0;
}
.left-1 {
    margin-left: -2px!important; margin-bottom: -2px!important;
}
.btn-group, .btn-group-vertical {width: 100%;
                                 position: relative;
                                 display: -webkit-flex;
                                 display: -ms-flexbox;
                                 display: flex;
                                 -webkit-flex-wrap: wrap;
                                 -ms-flex-wrap: wrap;
                                 flex-wrap: wrap;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group {
    position: relative;
    /*isplay: table;*/
    border-collapse: separate;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group-addon, .input-group-btn {
    /*width: 1%;*/
    white-space: nowrap;
    vertical-align: middle;
}

.input-group .form-control {
    display: block;
    width: 30%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control {
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0,0,0,0) inset;
}
.input-group-addon {
    padding: 9px 12px;
    font-size: 14px;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #dfdfdf;
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    margin: 30px 0;
}
a.btn.btn-primary {
    color: #fff;
    background: #c3aa6f;
    border: #c3aa6f 1px solid;
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%;
}
.panel-group.wrap .panel .form-control{flex: auto;width: 30%;}
/* ./panel.css */

/* slick.css */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer;  cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after{ display: table;  content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}

.slick-slide { display: none;  float: left;  height: 100%;  min-height: 1px;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{  display: block;  height: auto;  border: 1px solid transparent;}
.slick-arrow.slick-hidden {  display: none;}
/* Slider */
.slick-loading .slick-list{ background: #fff url('../js/slick/ajax-loader.gif') center center no-repeat;}
/* Icons */
@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../js/slick/fonts/slick.eot');
    src: url('../js/slick/fonts/slick.eot?#iefix') format('embedded-opentype'),
        url('../js/slick/fonts/slick.woff') format('woff'),
        url('../js/slick/fonts/slick.ttf') format('truetype'),
        url('../js/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows 圖像型*/
.slick-prev,
.slick-next{
    cursor: pointer;
    position: absolute;
    top: 50%;
    display: block;
    font-size: 0;
    line-height: 0;
    color: transparent;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    border: none;
    outline: none;
    background: transparent;
    transition:0.3s;
}
.slick-prev{left: -16px;background: url(../images/icon_arrow_left.png) no-repeat; background-size: 100%;}
.slick-next{right: -16px;background: url(../images/icon_arrow_right.png) no-repeat; background-size: 100%;}
.slick-prev:hover{background-position: left -30px;}
.slick-next:hover{background-position: left -30px;}

/* Dots */
.slick-dots{
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    cursor: pointer;
    display: block;

    font-size: 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    padding: 5px;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{  outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{ opacity: 1;}
.slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{ opacity: .75; color: black;}


/**/
.slider { }
.slick-slide { margin: 0px 10px;}
.slick-slide img { }
.slick-prev:before,
.slick-next:before { color: black;}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.slick-active { opacity: 1;}
.slick-current { opacity: 1;}

.regular{width: 90%; margin: 0 auto 50px;}
.isd .regular{width: 91%;}
.wrapper-outter.main-content .regular{  width: 95%;}
.regular .slick-slide{ font-size: 1.4rem;text-align: center;}
.regular .slick-slide h2{ text-align: center;}
.regular .slick-dots{opacity: 0;}
.regular.recommend{line-height: 1.8;}
.regular.gift_purchase {line-height: 1.8;}
.regular.gift_purchase  a .product_name{color: #647eb2;}
.group.slider .slick-arrow{ opacity: 0;}
.viewed{background-color: #f4f3f3; padding: 0 0 20px;}
.viewed .regular .slick-slide{background-color: #fff;margin: 0px 8px; padding-bottom: 10px;}
#content .product-info .viewedbox .product_list{width: calc(100%/4 - 1.5% - 4px);}


@media screen and (max-width: 1440px) {
    .slider { width: 95%; margin: auto;}
}
@media screen and (max-width: 970px) {
    .slider { width: 93%;}
    .group.slider{width: 100%;}
}
@media screen and (max-width: 768px) {
#content .product-info .viewedbox{ overflow: hidden;  max-height: 260px;}
#content .product-info .viewedbox .product_list{width: calc(100%/2 - 1.5% - 4px);}
}
/* ./slick.css */

/*styles.css*/
html {  line-height: 1;}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
q, blockquote { quotes: none;}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}

a img { border: none;}

article, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

a {  text-decoration: none;}
.hid {display: none;}
.show{display: inline-block;}
.hidden-all {display: none !important;}
.w-100 { width: 100%;}
.h-100 { height: 100%;}
.wrapper-outter { max-width: 1730px; }
.wrapper-inner { flex-wrap: wrap;}
.clearfix { clear: both;}
.clearfix.clear-dashed {  padding-top: 25px;  border-bottom:0;}
/* line 50, ../sass/_all.scss */
.clearfix.mb-23 {  margin-bottom: 23px;}

.mask {
    position: fixed;
    top: 57px;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.62);
    display: none;
}
.mask.mask-leftside { top: 0; z-index: 200;}

.breadcrumb .fa {
    display: none;
    margin-right: 5px;
    font-size: 1.1rem;
}
.breadcrumb li { display: inline-flex;}
.breadcrumb li::after { padding: 0 5px; content: ">";}
.breadcrumb li:last-child::after { content: "";}
.breadcrumb li a {  display: inline-block; color: #c3aa6f;}
.breadcrumb li a:hover {  text-decoration: underline;}
.breadcrumb li .active {  color: #c3aa6f;}

hr.dashed {  border: 0;  margin: 16px 0;}
.d-flex {  display: flex;  align-items: center;}
.d-inline-flex {  display: inline-flex;  align-items: center;}
.dir-column { flex-direction: column; margin-bottom: 20px;}
.align-center {  align-items: center;}

.justify-center {  justify-content: center;}
.text-dark-red {  color: #c3aa6f !important;}
.text-red {  color: #c3aa6f !important;}
.text-blue {  color: #1cc2e5 !important;}
.text-dark-red {  color: #c3aa6f !important;}

.p-0 {  padding: 0 !important;}
.pr-0 { padding-right: 0 !important;}
.py-0 {  padding-top: 0 !important;  padding-bottom: 0 !important;}

.faq-inner{ position: relative; margin-top: 40px;}

.card .card-header {
    position: relative;
    height: 44px;
    border-bottom: 1px solid #eee;
    line-height: 44px;
    color: #666;
    padding-left: 30px;
}
.card .card-header:hover{ border-bottom: 2px solid #c3aa6f;}
.card .card-header .btn-link:focus { text-decoration: none;}
.card .card-header::after{
    content: "";
    position: absolute;
    width: 10px;
    left: 10px;
    top: 47%;
    border-bottom: 1px solid #ff9aca;
}
.card .card-header .collapsed {
    font-size: 16px;
    font-weight: bold;
    color: #c3aa6f;
    padding: 0;
    width: 100%;
    text-align: left;
}
.card .card-header .collapsed .icon {  position: absolute;  right: 10px; color: #bbb;}
.card .collapse {
    position: relative;
    display: none;
    transition: height 3s ease;
}
.card .collapse .card-body {
    color: #666;
    font-size: 15px;
    line-height: 37px;
	word-break: break-all;
    padding: 30px;
    height: auto;
}
.card .collapse.show { display: block;}
.top-nav { display: flex; height: 43px; align-items: center; justify-content: flex-end;}
.top-nav li a { font-size: 12px; color: #666; padding-left: 5px;}
.top-nav li a .icon {  margin-right: 8px;}
.top-nav li a:hover {  color: #c3aa6f;  text-decoration: underline;}
.top-nav li::after { margin-left: 10px; content: "|"; color: #656565;}
.top-nav li:first-child::after { margin-left: 2px;  content: "/";}
.top-nav li:last-child::after {  content: "";}
.top-nav li:nth-child(2) a {  padding-left: 0;}

.good-things li {  float: left;}

.main-nav {
    height: 39px;
    color: #fff;
    font-size: 15px;
    border-bottom:2px #c3aa6f solid;
}
.main-nav nav {
    display: flex;
    height: 35px;
    width: 100%;
    justify-content: space-between;
}
.main-nav nav .layer2 > li {
    position: relative;
    float: left;
    height: 35px;
}
.main-nav nav .layer2 > li a {
    line-height: 36px;
    padding:0px 25px;
    color:#000;
    display: flex;
    align-items: center;
}
.main-nav nav .layer2 > li:hover, .main-nav nav .layer2 > li.active {}
.main-nav nav .layer2 > li .dropdown-menu {
    position: absolute;
    top: 110%;
    left: 0;
    color: #666;
    background: #fcdeec;
    z-index: 10;
    display: none;
}
.main-nav nav .layer2 > li .dropdown-menu .sub-dropdown-menu {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #FFF;
}
.main-nav nav .layer2 > li .dropdown-menu .sub-dropdown-menu li {
    font-size: 14px;
    padding: 0 31px 0 25px;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}
.main-nav nav .layer2 > li .dropdown-menu .sub-dropdown-menu li.title {
    height: 33px;
    line-height: 33px;
    color: #c3aa6f;
    border-bottom:1px #c3aa6f solid;
    font-weight: bold;
}
.main-nav nav .layer2 > li .dropdown-menu .sub-dropdown-menu li a {
    display: block;
    padding: 0;
    color: #666;
    font-weight: 300;
    text-align: center;
}
.main-nav nav .layer2 > li .dropdown-menu .sub-dropdown-menu li:hover:not(.title) {  background: #ef99c2;}
.main-nav nav .layer2 > li .dropdown-menu .sub-dropdown-menu li:hover:not(.title) a {  color: #fff;}
.main-nav nav .layer2 > li .dropdown-menu .sub-dropdown-menu:last-child {  border-right: 0;}
.main-nav nav .layer2 > li:hover .dropdown-menu, .main-nav nav .layer2 > li.show .dropdown-menu {  display: flex;}
.main-nav nav .customer-service {
    display: flex;
    color: #fff;
    background: #252525;
}
.main-nav nav .customer-service .icon {
    width: 28px;
    text-align: center;
    line-height: 35px;
    font-size: 1.5rem;
}
.main-nav nav .customer-service a {
    color: #fff;
    font-size: 15.5px;
    line-height: 35px;
}
.main-nav nav .customer-service .business-week-time {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
}

.hot-words-nav li {  margin: 0 4px;}
.hot-words-nav li a {
    line-height: 17px;
    color: #666;
}
.hot-words-nav li a:hover {  text-decoration: underline;}

.nav-tooth {
    display: flex;
    background: #e1e1e1;
    margin-top: -2px;
    z-index: 10;
}
.nav-tooth li {
    flex: 1;
    border-right: 1px solid #bfbfbf;
    height: 52px;
}
.nav-tooth li a {
    display: block;
    color: #545454;
    line-height: 52px;
    text-align: center;
}
.nav-tooth li:last-child {  border-right: 0;}

.f-nav li {
    display: block;
    height: 22px;
    line-height: 22px;
}
.f-nav li a {  color: #333;}

.side-nav {  margin-bottom: 17px;}
.side-nav li {  color: #666;  display: block;}
.side-nav h3.title {
    background: #c3aa6f;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding-left: 58px;
    font-size: 17px;
}
.side-nav h3.title.hot {
    font-size: 20px;
    padding: 0;
    text-align: center;

}
.side-nav.nav-txt li {
    cursor: pointer;
    line-height: 1.4;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #000;
}
.side-nav.nav-txt li:last-child {  border-bottom: 1px solid #000;}
.side-nav.nav-txt li:hover, .side-nav.nav-txt li.active {  background: #f3f3f3;}
.side-nav.nav-txt li a {  color: #666;}
.side-nav.nav-txt li.more {
    display: flex;
    justify-content: flex-end;
    padding-right: 7px;
}
.side-nav.nav-txt li.more:hover {  background: transparent;}
.side-nav.nav-txt.mb-0 {  margin-bottom: 0;}
.side-nav.nav-txt.nav-faq li.li-flex {
    display: flex;
    line-height: 1.2;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.side-nav.nav-txt.nav-faq li.li-flex .prompt-txt {  color: #c3aa6f;  font-size: 12px;}
.side-nav.nav-txt.nav-faq li.active a,
.side-nav.nav-txt.nav-faq li.active .prompt-txt {  color: #c3aa6f;}
.side-nav.nav-txt.nav-search li {  padding-left: 30px;}
.side-nav.nav-txt.nav-search li a {  font-size: 15px;}
.side-nav.nav-txt.nav-search li.title {
    font-size: 15px;
    background: #c3aa6f;
    color: #fff;
}
.side-nav.nav-txt.nav-search li.active {  background: #c3aa6f;}
.side-nav.nav-txt.nav-search li.active a {  color: #fff;}
.side-nav.nav-hot-top5 {}
.side-nav.nav-hot-top5 li {  margin: 17px 0;}
.side-nav.nav-hot-top5 li a {  position: relative;  display: block;}
.side-nav.nav-hot-top5 li a .rank {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
}
.side-nav.nav-hot-top5 li a .img-cover {
    width: 100%;
    line-height: 0;
    padding: 4px; border-radius: 5px; border: 1px solid #ddd;
}
.side-nav.nav-hot-top5 li a .img-cover img {  width: 100%;	border: 1px solid #ddd;}
.side-nav.nav-hot-top5 li a .desc {
    margin-top: 20px;
    color: #333;
    font-size: 14px;
    line-height: 17px;
    height: 34px;
    padding: 0 11px;
    overflow: hidden;
}
.side-nav.nav-hot-top5 li a .price {
    padding-left: 11px;
    font-size: 14px;
    margin: 10px 0;
}
.side-nav.nav-hot-top5 li a .price .unit {  font-size: 14px;}
.side-nav.nav-hot-top5 li a .price.original {  color: #ababab;  text-decoration: line-through;}
.side-nav.nav-hot-top5 li a .price.discount {  font-size: 26px;  color: #c3aa6f;}
.side-nav.nav-hot-top5 li a .price.discount .unit {  font-size: 16px;}
.nav-filter {  border: 1px solid #e3e3e3;  border-top: 0;}
.nav-filter li {
    display: inline-block;
    float: left;
    color: #666;
    border-top: 1px solid #e3e3e3;
    font-size: 14px;
    width: 50%;
    height: 37px;
    line-height: 37px;
}
.nav-filter li a {  font-size: 14px;  color: #666;}
.nav-filter li:nth-child(even) {  padding-right: 20px;  text-align: right;}
.nav-filter li:nth-child(odd) {  padding-left: 20px;}
.nav-filter li.title {
    width: 100%;
    height: 46px;
    background: #eee;
    line-height: 46px;
    color: #eb1212;
    padding-left: 58px;
    border-top: 0;
}
.nav-filter li:not(.title):hover {  background: #fd5426;}
.nav-filter li:not(.title):hover a {  color: #fff;}
.nav-filter:last-child {  margin-bottom: 23px;}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 13px;
    font-size: 14px;
    color: #333;
}
.pagination li {
    border: 1px solid #CCC;
    height: 26px;
    line-height: 24px;
    padding: 0 5px;
    min-width: 19px;
    text-align: center;
}
.pagination li a {  color: #333;}
.pagination li.no-bor {  border: 0;}
.pagination li.no-bor.mr-22 {  margin-right: 22px;}
.pagination li.no-bor.ml-22 {  margin-left: 22px;}
.pagination li.no-bor:hover {  background: transparent;}
.pagination li.no-bor:hover a {  color: #353535;  text-decoration: underline;}
.pagination li:hover, .pagination li.active {  color: #c3aa6f;}
.pagination li:hover a, .pagination li.active a {  color: #fff;}
.pagination .page-info {  margin-left: 68px;}
.pagination .page-info .now-page {  font-weight: bold;}
.nav {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 40px;
}
.nav.nav-tabs li {
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
    border-radius: 6px 6px 0 0;
    height: 37px;
    margin: 0 2px;
    background: #efece6;
}
.nav.nav-tabs li#introduction-product-li:hover, .nav.nav-tabs li#introduction-spec-li:hover,  .nav.nav-tabs li#introduction-wrarranty-li:hover
{ background-color: #e4ded3;}
.nav.nav-tabs li a {
    font-size: 15px;
    line-height: 37px;
    color: #888;
}
.nav.nav-tabs li.active a {  color: #555;}
.nav.nav-tabs li:first-child {}
.nav.nav-tabs li.active {font-weight: 600;
                         height: 40px;
                         border: 1px solid #ddd;
                         border-bottom: 0;
                         border-radius:12px 12px 0 0;
                         color:#000; background-color: #fff;
}
.nav.nav-introduction {  height: 40px; line-height: 40px;}
.tab-content {margin-top: -1.5px;
              padding: 20px;
              border-radius: 0px 8px 8px 8px;
              border: 1px solid #ddd;
}
.tab-content .tab-pane {  display: none;}
.tab-content .tab-pane img {
    margin: 0 auto;
    max-width: 100%;
    vertical-align: bottom;
}
.tab-content .tab-pane p {}
.tab-content .tab-pane p.title {
    margin-top: 16px;
    font-size: 15px;
    line-height: 30px;
    color: #333;
    font-weight: 700;
}
.tab-content .tab-pane.show {  display: block;}
button,
.btn {
    cursor: pointer;
    background: #fff;
}
button:focus,
.btn:focus {  outline: none;}
.btn-cart-action { display: inline-flex;
    vertical-align: top;
    height: 42px;
    justify-content: center;
    align-items: center;
    border: 0;
    background: #c3aa6f;
    color: #fff;
    font-size: 2rem;
    line-height: 2.2;
    margin: 0 16px;
    padding: 0 25px;
    border-radius:8px;
}
.btn-cart-action .icon {
    display: inline-block;
    color: #fff;
    font-size: 2.2rem;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 1;
    margin-right: 6px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	vertical-align: sub;
}
.set2 .btn-cart-action .icon , .set2 .btn-cart-action .icon{font-size: 3.6rem; margin-top: -5px;}
.cart-actions{text-align: center; border-top: 1px solid #dedede; padding: 30px;}
.cart-actions.bodr0{border: 0; margin: auto;}
.btn-cart-action:hover {  background: #333;}
.btn-cart-action.hide {  display: none;}
.btn-search {
    width: 60px;
    color: #fff;
    background: #c3aa6f;
    border: 0;
    padding: 10px;
    text-align: center;
}
.btn-secondary {
    width: 100%;
    height: 100%;
}
.btn-buy {
    font-size: 12px;
    background: #c3aa6f;
    color: #fff;
    width: 53px;
    height: 24px;
    border: 0;
    letter-spacing: 0.7px;
}
.btn-buy.top-5 {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.btn-buy.top-5:hover {  text-decoration: underline;}
.btn-more {
    width: 75px;
    height: 31px;
    background: #c3aa6f;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 31px;
}
.btn-more:hover {
    text-decoration: underline;
}
.btn-link {
    border: 0;
    cursor: pointer;
    background: transparent;
    font-size: 13px;
    color: #666;
}
.btn-link:hover {
    text-decoration: underline;
}
.action-buttons .btn {
    width: 152px;
    height: 40px;
    margin-right: 30px;
    color: #fff;
    font-size: 18px;
    font-family:Arial, Helvetica,'Noto Sans TC', 微軟正黑體, sans-serif;
    border: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:8px;
}
.action-buttons .btn i{vertical-align: inherit;}
.action-buttons .btn.btn-notice {  background: #1bc1e7;}
.action-buttons .btn img{ width: 22px;  vertical-align: text-top;margin-right: 5px;}
.action-buttons .btn.btn-buy {  background: #c3aa6f;}
.action-buttons .btn.btn-buy:hover {  background: #666;}
.action-buttons .btn.btn-join-cart {  background: #c3aa6f;}
.action-buttons .btn.btn-join-cart:hover {  background: #666;}
.action-buttons .btn.btn-join-cart.added{ background-color: #cacaca;}
.action-buttons .btn.btn-tracking {  background: #c3aa6f;}
.action-buttons .btn.btn-tracking:hover {  background: #666;}
.btn-menu-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    color: #c3aa6f;
    font-size: 36px;
    text-align: center;
    border: 0;
    height: 56px;
    border-bottom: 1px solid #c3aa6f;
}
.btn-search-icon,
.btn-user-icon,
.btn-cart-icon {
    flex: 1;
    border: 0;
    font-size: 24px;
    color: #8f8f8f;
    text-align: center;
}
.btn-user-icon {
    font-size: 28px;
    text-align: right;
    padding-right: 10%;
}
.btn-cart-icon {
    position: relative;
    font-size: 28px;
    text-align: left;
    padding: 0 10%;
}
.btn-cart-icon .count {
    position: absolute;
    top: 0;
    left: calc(10% + 26px);
    width: 19px;
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    text-align: center;
    background: #c3aa6f;
    color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.btn-cart-icon .count::before {  content: "" !important;}
.btn-cart-icon .count::after {  content: "" !important;}
.m-left-side .btn-close {
    background: transparent;
    border: 0;
    font-size: 32px;
    color: #333;
    font-weight: 300;
    position: absolute;
    top: 0;
    right: 10px;
}
.btn-go-home,
.btn-recheckout {
    display: inline-flex;
    width: 293px;
    height: 60px;
    background: #c3aa6f;
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius:8px;
}
.btn-go-home .icon,
.btn-recheckout .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    margin-right: 24px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #c3aa6f;
    background: #fff;
}
.btn-go-home .icon .fa-credit-card-alt,
.btn-recheckout .icon .fa-credit-card-alt {  font-size: 22.5px;}
.btn-form-regist {
    background: #c3aa6f;
    color: #fff;
    width: 278px;
    font-size: 21.5px;
    line-height: 40px;
    border: 0;
    border-radius:8px;
    margin: 24px 0 0 0;
    text-align: center;
}
.btn-form-regist.btn-forget-pw {
    width: 443px;
    margin: 21px 0 0 0;
}
.btn-form-regist.btn-home {
    text-align: center;
    width: 417px;
    margin: 46px 0 0 0;
}
.btn-form-regist:hover {  background: #666;}
.btn-form-regist.btn-save {
    margin: 18px 0 43px 74px;
    width: 169px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
}
.btn-send-ques {
    font-size: 2rem;
    padding: 10px 40px;
    border-radius: 8px;
    color: #fff;
    background: #c3aa6f;
    border: 0;
}
.btn-send-ques.cart{ font-size: 1.6rem; padding: 8px 20px;}
.btn-send-ques.btn-back-home {
    text-align: center;
    line-height: 34px;
    margin-top: 50px;
}
.favorite-btns .btn {
    border: 0;
    color: #fff;
    font-size: 13.5px;
    line-height: 1;
    padding: 7.5px 10px;
}
.favorite-btns .btn.btn-del {  background: #ccc;  margin-right: 10px;}
.favorite-btns .btn.btn-del:hover {  background: #b3b3b3;}
.favorite-btns .btn.btn-join-cart {  background: #eb6187;}
.favorite-btns .btn.btn-join-cart:hover {  background: #e53465;}
.purchase-info-bottom .btn-join-cart {
    font-size: 2.4rem;
    background: #c3aa6f;
    color: #fff;
    border: 0;
    margin-left: 20px;
    padding: 1px 10px 9px;
    border-radius: 50px;
}
.purchase-info-bottom .btn-join-cart:hover {  background: #999;}
.btn-m-purchase {
    font-size: 2.4rem;
    color: #fff;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #c3aa6f;
    border: 0;
    margin-left: 10px;
    padding: 0px 6px 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.btn-m-purchase.notice { background: #1bc1e7;}
.btn-m-purchase .icon i, .btn-join-cart .icon i{vertical-align: middle;}
.btn-m-purchase .fa-check {  color: green;  font-size: 24px;}
.purchase-add-action-btns {  display: flex;}
.purchase-add-action-btns .btn {
    flex: 1;
    color: #fff;
    height: 40px;
    border: 0;
}
.purchase-add-action-btns .btn-cancel {  background: #ccc;}
.purchase-add-action-btns .btn-ok {  background: #c3aa6f;}

.btn-order-search {
    color: #fff;
    width: 155px;
    height: 39px;
    border: 0;
    background-image: linear-gradient(to top, #c1c1c1, #7f7f7f, #8f8f8f 99%);
}

.form-group .form-control:focus {
    outline: none;
}
.form-cart {
    margin: 8px 0;
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: center;
}
.form-cart checkout{display: contents;}
.form-cart label {
    width: 108px;
}
.form-cart label.sr-only {
    display: none;
}
.form-control {
    flex: 1;
    flex: auto\0;
    color: #333;
    margin: 5px 0;
    padding: 8px 17px;
    border: 1px solid #c8c8c8;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
}
.form-cart .radio-box {  margin: 0 96px 0 0;}
.form-cart .radio-box .radio {  margin-right: 7px;}
.form-cart.form-column {
    flex-direction: column;
    align-items: flex-start;
}
.form-cart.pl-108 {  padding-left: 108px;}
.radio-box {  display: flex; margin-right: 10px;align-items: center;}
.radio-box input {  display: none;}
.radio-box .radio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1px solid #c3aa6f;
    cursor: pointer;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 14px;

}
.radio-box.cart {line-height: 2.6;}
.radio-box.cart .radio {  margin-top: 10px;	}
.model-block.model-cancel-order .radio-box{ padding: 8px 0; border-bottom: 2px solid #eee;}
.radio-box input[type=radio]:checked + .radio .radio-inner,
.radio-box input[type=checkbox]:checked + .radio .radio-inner {
    width: 10px;
    height: 10px;
    background: #c3aa6f;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.radio-box.radio-cart .radio {
    width: 16px;
    height: 16px;
    border: 1px solid #707070;
    background: #fff;
    margin-right: 7px;
}
.radio-box.radio-cart input[type=radio]:checked + .radio .radio-inner,
.radio-box.radio-cart input[type=checkbox]:checked + .radio .radio-inner {
    width: 10px;
    height: 10px;
}
.radio-box.bonus {
    width: auto;
    font-size: 15px;
    margin-left: 20px;
    align-items: center;
}
.radio-box.bonus input {  display: inline-block;}
.radio-box.bonus .radio {  width: 20px;  height: 20px;}
.radio-box.bonus input[type=radio]:checked + .radio .radio-inner,
.radio-box.bonus input[type=checkbox]:checked + .radio .radio-inner {
    width: 18px;
    height: 18px;
    background: #c3aa6f;
}
.radio-box.bonus .txt {  letter-spacing: 1px;}
.input-group {
    display: flex;
    align-items: center;
    margin-bottom: 11px;
}
.input-group .input-spec {width: 80px;}
.select-box {  position: relative;width: 91%;}
.select-box .dropdown-toggle {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
    border: 1px solid #444;
    padding: 8px 10px 7px 14px;
    margin-left: 4px;
    cursor: pointer;
    width: 96%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.select-box .dropdown-toggle .fa {  transition: all .2s;}
.select-box .dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 4px;
    width: calc(100% - 4px);
    background: #fff;
    z-index: 10;
    color: #666;
    border: 1px solid #ddd;
}
.select-box .dropdown-menu .dropdown-item {
    line-height: 22px;
    padding: 6px 12px;
    cursor: pointer;
    white-space: nowrap;
}
.select-box .dropdown-menu .dropdown-item:hover {  background: #eee;}
.select-box.ques-box .dropdown-toggle {
    border: 1px solid #c8c8c8;
    width: 100%;
    height: 38px;
    font-size: 14px;
    color: #333;
    padding-right: 15px;
}
.select-box.show .dropdown-toggle .fa {  transform: rotate(180deg);}
.select-box.show .dropdown-menu {  display: block;}
.select-box.coupon {  flex: 1;}
.select-box.coupon .dropdown-toggle {
    width: 100%;
    flex: 1;
    border: 0;
    margin: 0;
    padding: 0 0 0 7px;
    font-size: 15px;
    color: #ef0010;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.select-box.coupon .dropdown-toggle .icon {
    width: 44px;
    height: 37px;
    line-height: 37px;
    font-size: 1.2rem;
    cursor: pointer;
    background: #999;
    color: #fff;
}
.select-box.coupon .dropdown-toggle .icon:hover {  background: #666666;}
.select-box.coupon .dropdown-menu.hide {  display: none;}
.purchase-box {
    position: relative;
    display: inline-block;
}
.purchase-box select{ padding: 8px;}
.purchase-box .dropdown-toggle {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #9e9e9e;
    border: 1px solid #9e9e9e;
    padding: 0 12px 0 32px;
    cursor: pointer;
    width: 100%;
    height: 35px;
}
.purchase-box .count{padding: 8px;}
.product-info .purchase-box{ width: 100%;}
.product-info .purchase-box .count{width: 30%; min-width: 150px; border: 0; border-bottom: 1px solid;}
.purchase-box .dropdown-toggle .fa { transition: all .2s;}
.purchase-box .dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    color: #9e9e9e;
    border: 1px solid #ddd;
}
.purchase-box .dropdown-menu .dropdown-item {
    text-align: center;
    line-height: 22px;
    padding: 6px 12px;
    cursor: pointer;
    white-space: nowrap;
}
.purchase-box .dropdown-menu .dropdown-item:hover { background: #eee;}
.purchase-box.show .dropdown-toggle .fa { transform: rotate(180deg);}
.purchase-box.show .dropdown-menu {  display: block;}
.adj-count {
    width: 96px;
    display: inline-flex;
    border: 1px solid #e4e4e4;
    height: 25px;
}
.adj-count .count {
    height: 23px;
    width: 44px;
    border: 0;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    text-align: center;
    color: #333;
}
.adj-count .count:focus { outline: none;}
.adj-count .sign {
    text-align: center;
    width: 25px;
    color: #eaeaea;
    cursor: pointer;
    border: 0;
    background: transparent;
}
.adj-count .sign:hover {  color: #535353;}

@media (max-width: 970px) {
	blockquote{margin: 0;}
	.card .collapse .card-body {padding: 20px;}
    .select-box { width: 84%;  }
    .select-box .dropdown-toggle {
        width: 100%;
        margin: 0;
        background: #FFF;
        font-size: 16px;
    }
    .select-box .dropdown-menu {left: 0;  }
    .bonus-points-wrapper .select-box{width: 100%;}
    .bonus-points-wrapper .select-box.coupon .dropdown-toggle{}
    .cart-pay-type .hidden-pc .select-box, .cart-block-inner .hidden-pc .select-box{ width: 100%; margin-bottom: 10px;}
    .cart-pay-type .hidden-pc .pay_credit{ display: inline-block; margin: 0 0 10px 0;}
    .cart-pay-type .hidden-pc .pay_credit button span{ color: #fff; padding: 2px 9px 3px;border-radius: 50px;background-color: #ff5fab;}
    .cart-pay-type .hidden-pc .pay_credit button{ color: #ff5fab; border: 0;}
    .cart-pay-type .select-box.coupon .dropdown-toggle, .cart-block-inner .select-box.coupon .dropdown-toggle{ color: #333;}
    .pay_credit_des{font-size: 1.4rem; }
}
.header {  z-index: 100;}
.header .count {
    margin-left: 8px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #c3aa6f;
    font-size: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.header .header-top {  background: #fafafa;  border-bottom:0;}
.header .mid-header {
    height: 106px;
    padding-left: 15px;
    display: flex;
}
.header .mid-header .logo {  padding-top: 25px;}
.header .mid-header .logo a {  display: block;  width: 155px;}
.header .mid-header .logo a img {  width: 100%;}
.header .mid-header .search-block {
    padding-top: 25px;
    flex: 1;
    display: flex;
    justify-content:flex-end;
}
.header .mid-header .search-block .form-group {
    width: 484px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .mid-header .search-block .form-group .form-control {
    flex: 1;
    color: #666;
    font-size: 14px;
    border:1px #CCCCCC solid;
}
.header .mid-header .search-block .form-group .btn-group {  position: relative;  z-index: 10;}
.header .mid-header .search-block .form-group .btn-group.search-menu {  width: 90px;  height: 35px;}
.header .mid-header .search-block .form-group .btn-group .dropdown-toggle {
    border: 0;
    display: flex;
    padding: 0 6px 0 12px;
    justify-content: space-between;
    align-items: center;
    color: #666;
    background: #fff;
    font-size: 14px;
    border:1px #CCCCCC solid;
}
.header .mid-header .search-block .form-group .btn-group .dropdown-toggle .item-word {
    max-width: 60px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
}
.header .mid-header .search-block .form-group .btn-group .dropdown-toggle .icon {
    transition: all .2s;
    color: #929292;
}
.header .mid-header .search-block .form-group .btn-group .dropdown-menu {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    background: #fff;
    color: #666;
    display: none;
    border: 1px solid #ddd;
    font-size: 14px;
}
.header .mid-header .search-block .form-group .btn-group .dropdown-menu .dropdown-item {
    line-height: 22px;
    padding: 6px 12px;
    cursor: pointer;
    min-width: 90px;
    cursor: pointer;
    white-space: nowrap;
}
.header .mid-header .search-block .form-group .btn-group.show .dropdown-toggle .fa {  transform: rotate(180deg);}
.header .mid-header .search-block .form-group .btn-group.show .dropdown-menu {  display: block;}
.header .mid-header .search-block .form-group .btn-search {
    background: #929292;
}
.header .mid-header .search-block .hot-words {
    display: flex;
    margin-top: 10px;
    color: #666;
    font-size: 14px;
    padding-left: 4px;
}
.header .mid-header .search-block .hot-words .title {  color: #c3aa6f;  line-height: 17px;}
.header .mid-header .search-block .hot-words .title::after {  content: "：";  padding-right: 4px;}
.header .mid-header .luxgen-vip {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.header .mid-header .luxgen-vip a {  display: block;}
.header .mid-header .luxgen-vip a img {  vertical-align: bottom;}
.m-search-bar {
    position: fixed;
    top: 57px;
    left: 0;
    width: 100%;
    height: 52px;
    background: #c3aa6f;
    color: #fff;
    z-index: 1001;
    display: none;
    align-items: center;
    padding: 0 14px 0 0;
}
.m-search-bar .close {
    font-size: 21px;
    padding: 0 12px;
}
.m-search-bar .search-block {
    border: 1px solid #ddd;
    width: calc(100% - 42px);
}
.m-search-bar .search-block .form-group {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.m-search-bar .search-block .form-group .form-control {
    flex: 1;
    color: #666;
    font-size: 14px;
    padding: 7px 8px 6px;
    width: calc(100% - 150px);
}
.m-search-bar .search-block .form-group .btn-group {  position: relative;  z-index: 10;}
.m-search-bar .search-block .form-group .btn-group.search-menu {  width: 90px;  height: 100%;}
.m-search-bar .search-block .form-group .btn-group .dropdown-toggle {
    border: 0;
    border-left: 1px solid #ddd;
    display: flex;
    padding: 0 6px 0 12px;
    justify-content: space-between;
    align-items: center;
    color: #666;
    background: #fff;
    font-size: 14px;
}
.m-search-bar .search-block .form-group .btn-group .dropdown-toggle .item-word {
    max-width: 60px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
}
.m-search-bar .search-block .form-group .btn-group .dropdown-toggle .fa {
    transition: all .2s;
    color: #c3aa6f;
}
.m-search-bar .search-block .form-group .btn-group .dropdown-menu {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    background: #fff;
    color: #666;
    display: none;
    border: 1px solid #ddd;
    font-size: 14px;
}
.m-search-bar .search-block .form-group .btn-group .dropdown-menu .dropdown-item {
    line-height: 22px;
    padding: 6px 12px;
    cursor: pointer;
    min-width: 90px;
    cursor: pointer;
    white-space: nowrap;
}
.m-search-bar .search-block .form-group .btn-group.show .dropdown-toggle .fa {
    transform: rotate(180deg);
}
.m-search-bar .search-block .form-group .btn-group.show .dropdown-menu {
    display: block;
}
.m-search-bar .search-block .btn-search {
    height: 30px;
    line-height: 30px;
    background: #000;
    text-align: center;
}
.m-search-bar.show {  display: flex;}

.footer .footer-nav { display: flex;padding: 28px 0;}
.footer .footer-nav .footer-left {  display: flex; flex: 1;}
.footer .footer-nav .footer-left .title {
    color: #333;
    font-weight: 700;
    line-height: 17px;
    margin: 17px 0;
    font-size: 17px;
}
.footer .footer-nav .footer-left .f-nav { margin: 0 50px;}
.footer .footer-nav .footer-left .f-nav:last-child { margin-right: 0;}
.footer .footer-nav .footer-left .f-nav li {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
}
.footer .footer-nav .footer-right {  width: 325px;  height: 200px;}
.footer .company-info {
    height: 110px;
    background-color:#9fa0a0;
    padding-bottom: 16px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.footer .company-info .company-info-inner {
    display: flex;
    height: 72px;
    justify-content: space-between;
    align-items: flex-end;
}
.footer .company-info .company-info-inner .icons {
    display: none;
    width: 120px;
    height: 60px;
    align-items: center;
    justify-content: space-between;
}
.footer .company-info .company-info-inner .icons .icon {
    width: 58px;
    height: 58px;
    cursor: pointer;
}
.footer .company-info .company-info-inner .icons .icon.icon-line {
    background: #fff;
    overflow: hidden;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}
.footer .company-info .company-info-inner .icons .icon.icon-line img {  width: 100%;}
.footer .company-info .company-info-inner .icons .icon.icon-fb {
    display: flex;
    padding-right: 8px;
    justify-content: flex-end;
    align-items: flex-end;
    font-size: 48px;
    background: #3b5998;
    color: #fff;
    width: 54px;
    height: 54px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.footer .company-info .company-info-inner .icons .icon.icon-fb .fa-facebook {  line-height: 40px;}
.footer .company-info .company-info-inner .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    height: 100%;
    color: #000;
    font-size: 14px;
}
.footer .company-info .company-info-inner .info .customer-service {
    font-size: 12px;
    text-align: center;
}
.footer .company-info .company-info-inner .info .customer-service .tel {
    margin-left: 5px;
    font-size: 20px;
    color: #fff;
}
.footer .company-info .company-info-inner .info p {
    white-space: nowrap;
    text-align: center;
    padding-top:10px
}
.footer .company-info .company-info-inner .info a {
    text-decoration: none;
    font-size: 14px;
    color: white;
    margin: 15px;
}
.right-side {
    position: fixed;
    top: 233px;
    width: 80px;
    border-radius:50px;
    background:#ef99c2;
    z-index: 10;
    padding:10px;
}
.right-side h3.browser {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.right-side .browsered-block .browsered-item {
    border-bottom: 1px solid #ececec;
}
.right-side .browsered-block .browsered-item img {
    cursor: pointer;
    width: 100%;
    vertical-align: top;
}
.right-side .title {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    padding: 3px 0;
    color:#FFF;
    margin-top:15px;
}
.right-side .title a {  color: #fff;}
.right-side .title a:hover {  text-decoration: underline;}
.right-side .title.checkout {
    padding: 4.5px 0;
    background: #c3aa6f;
    cursor: pointer;
}
.right-side .title.top {
    padding: 7px 0;
    cursor: pointer;
    color: #fff;
}
.right-side .cart {
    text-align: center;
    font-size: 24px;
    padding: 3px 0;
}
.right-side .cart .fa {
    cursor: pointer;
    color:#c3aa6f;
}
.right-side .cart a {
    color: #3a5060;
}
.m-right-side {
    position: fixed;
    bottom: 15%;
    right: 10px;
    z-index: 10;
}
.m-right-side span {
    display: inline-block;
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    background: #545454;
    color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 1.5rem;
}
.left-side { display: inline-block;width: 19%;}
.full .left-side {display: none;}
.left-side.side-faq {
    width: 166px;
    margin-top: 0;
}
.m-left-side {
    position: absolute;
    top: 0;
    left: -100%;
    width: 312px;
    padding: 0 6px 122px 0;
    height: 100vh;
    background: #fcdeec;
    z-index: 300;
    transition: all 0.6s;
    font-size: 15px;
    overflow-y: scroll;
}
.m-left-side .m-menu-top {
    display: flex;
    align-items: center;
    height: 54px;
    padding: 0 10px;
}
.m-left-side .m-menu-top .user-icon span {
    display: inline-block;
    width: 28px;
    height: 28px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #c3aa6f;
    color: #fcdeec;
    text-align: center;
    line-height: 28px;
    font-size: 20px;
}
/* line 129, ../sass/_sidebar.scss */
.m-left-side .m-menu-top .user-actions a {
    padding: 0 15px;
    color: #000;
}
/* line 137, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .arrow {
    font-size: 24px;
}
/* line 141, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .m-main-menu {
    border: 1px solid #ddd;
    border-top: 0;
}
/* line 145, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .m-main-menu a {
    color: #FFF;
}
/* line 149, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .m-main-menu .main-title {
    background: #c3aa6f;
    line-height: 44px;
    padding: 0 30px 0 52px;
    display: flex;
    color: #FFF;
    align-items: center;
    justify-content: space-between;
}
/* line 159, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .m-main-menu:first-child {
    border-top: 1px solid #ddd;
}
/* line 165, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .m-secondary-menu li {
    display: block;
    border-bottom: 1px solid #ddd;
}
/* line 168, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .m-secondary-menu li a {
    display: flex;
    color: #000;
    padding: 0 30px 0 66px;
    background: #fff;
    line-height: 44px;
    align-items: center;
    justify-content: space-between;
}
/* line 177, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .m-secondary-menu li:last-child {
    border-bottom: 0;
}
/* line 183, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid #my_account .m-secondary-menu,
.m-left-side .m-menu-mid #service_center .m-secondary-menu {
    display: none;
}
/* line 188, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .dropdown-nav {
    display: none;
}
/* line 191, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .dropdown-nav li a {
    background: #fffb87;
}
/* line 194, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .dropdown-nav li:first-child {
    border-top: 1px solid #ddd;
}
/* line 198, ../sass/_sidebar.scss */
.m-left-side .m-menu-mid .dropdown-nav.active {
    display: block;
}

/* line 1, ../sass/_banner.scss */
.banner-wrapper {
    margin-bottom: 15px;
}
/* line 3, ../sass/_banner.scss */
.banner-wrapper .top-banner {
    display: flex;
    height: 480px;
}
/* line 7, ../sass/_banner.scss */
.banner-wrapper .top-banner .swiper-container {
    width: 1100px;
}
/* line 9, ../sass/_banner.scss */
.banner-wrapper .top-banner .swiper-container .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: #fff;
}
/* line 16, ../sass/_banner.scss */
.banner-wrapper .top-banner .swiper-container .swiper-slide img {
    width: 100%;
}
/* line 21, ../sass/_banner.scss */
.banner-wrapper .top-banner .swiper-container .swiper-pagination-bullet-active {
    background: #c3aa6f;
}
/* line 25, ../sass/_banner.scss */
.banner-wrapper .top-banner .swiper-container .swiper-button-next {
    right: 0;
}
/* line 29, ../sass/_banner.scss */
.banner-wrapper .top-banner .swiper-container .swiper-button-prev {
    left: 0;
}
/* line 33, ../sass/_banner.scss */
.banner-wrapper .top-banner .swiper-container .swiper-button-next,
.banner-wrapper .top-banner .swiper-container .swiper-button-prev {
    position: absolute;
    top: calc((100% - 38px) / 2);
    background-image: none;
    color: #fff;
    font-size: 24px;
    background: rgba(94, 94, 94, 0.6);
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
}
/* line 50, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale {
    flex: 1;
    border: 1px solid #ececec;
}
/* line 53, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale h2.title {
    height: 39px;
    font-size: 20px;
    background: #8fc31f;
    color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}
/* line 62, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale h2.title .content {
    padding: 0 6px;
}
/* line 67, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-img {
    height: 195px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* line 72, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-img .img-cover {
    width: 190px;
    height: 190px;
    overflow: hidden;
}
/* line 76, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-img .img-cover img {
    width: 100%;
}
/* line 82, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale h3.title {
    background: #7d7d7d;
    color: #fff;
    font-size: 14px;

    height: 33px;
    line-height: 33px;
    text-align: center;
}
/* line 91, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-desc {
    position: relative;
    padding: 13px 0 0;
}
/* line 94, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-desc .pname {
    display: block;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 17px;
    padding: 0 28px;
    height: 34px;
    overflow: hidden;
}
/* line 103, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-desc .pname:hover {
    text-decoration: underline;
}
/* line 108, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-desc .price {
    font-size: 15px;
    color: #666;
    text-align: center;
    margin-top: 6px;
}
/* line 113, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-desc .price::before {
    content: "$";
    font-size: 14px;
}
/* line 117, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-desc .price.discount {
    color: #c3aa6f;
    font-size: 24px;
}
/* line 122, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-desc .price.line-through {
    text-decoration: line-through;
}
/* line 127, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-desc .hurry-buy {
    position: absolute;
    bottom: 3px;
    right: 12px;
    width: 48px;
    height: 48px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    background: #c3aa6f;
    cursor: pointer;
    line-height: 48px;
    text-align: center;
    font-size: 15px;
}
/* line 140, ../sass/_banner.scss */
.banner-wrapper .top-banner .today-sale .product-desc .hurry-buy:hover {
    text-decoration: underline;
}

/* line 1, ../sass/_pages.scss */
.page-container {
    flex: 1;
}
/* line 4, ../sass/_pages.scss */
.page-container.page-home, .page-container.page-proc_list {
    padding-left: 27px;
}
/* line 9, ../sass/_pages.scss */
.page-container .product-wrapper {
    display: flex;
    justify-content: space-between;
}
/* line 13, ../sass/_pages.scss */
.page-container .product-wrapper .product-item {
    border: 1px solid #e5e5e5;
}
/* line 16, ../sass/_pages.scss */
.page-container .product-wrapper .product-item.product-large {
    position: relative;
    width: 278px;
    margin-top: 6px;
    padding: 6px 10px 14px 12px;
}
/* line 22, ../sass/_pages.scss */

.page-container .product-wrapper .product-item.product-large .shadow-block {
    position: absolute;
    top: -6px;
    left: 0;
    width: 84px;
    height: 6px;
    background: gray;
}
/* line 31, ../sass/_pages.scss */
.page-container .product-wrapper .product-item.product-large .tangle {
    position: absolute;
    top: -6px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 84px 78px 0 0;
    z-index: 2;
}
/* line 41, ../sass/_pages.scss */
.page-container .product-wrapper .product-item.product-large .tangle.orange {
    border-color: #fd5426 transparent transparent transparent;
}
/* line 45, ../sass/_pages.scss */
.page-container .product-wrapper .product-item.product-large .tangle.pink {
    border-color: #e44776 transparent transparent transparent;
}
/* line 49, ../sass/_pages.scss */
.page-container .product-wrapper .product-item.product-large .tangle.green {
    border-color: #8fc31f transparent transparent transparent;
}
/* line 54, ../sass/_pages.scss */
.page-container .product-wrapper .product-item.product-large .tangle-txt {
    z-index: 3;
    position: absolute;
    top: 12px;
    left: 5px;
    line-height: 1;
    color: #fff;
    font-size: 18px;
}
/* line 64, ../sass/_pages.scss */
.page-container .product-wrapper .product-item.product-large .tangle-shadow {
    z-index: 4;
    position: absolute;
    top: -6px;
    left: 73px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 5px 5px;
    border-color: transparent transparent #535353 transparent;
}
/* line 77, ../sass/_pages.scss */
.page-container .product-wrapper .product-item .img-cover {
    width: 256px;
    height: 200px;
    z-index: 1;
    overflow: hidden;
}
/* line 82, ../sass/_pages.scss */
.page-container .product-wrapper .product-item .img-cover img {
    width: 100%;
}
/* line 87, ../sass/_pages.scss */
.page-container .product-wrapper .product-item .marketing-article {
    color: #c3aa6f;
    line-height: 15px;
    height: 15px;
    overflow: hidden;
    margin: 17px 0 12px;
}
/* line 95, ../sass/_pages.scss */
.page-container .product-wrapper .product-item .desc {
    color: #333;
    line-height: 17px;
    height: 34px;
    overflow: hidden;
}
/* line 102, ../sass/_pages.scss */
.page-container .product-wrapper .product-item .price-info {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* line 107, ../sass/_pages.scss */
.page-container .product-wrapper .product-item .price-info .price {
    display: flex;
    align-items: flex-end;
}
/* line 110, ../sass/_pages.scss */
.page-container .product-wrapper .product-item .price-info .price .dollar-sign {
    font-size: 16px;
}
/* line 114, ../sass/_pages.scss */
.page-container .product-wrapper .product-item .price-info .price .original {
    color: #333;
    text-decoration: line-through;
    line-height: 1.2;
}
/* line 120, ../sass/_pages.scss */
.page-container .product-wrapper .product-item .price-info .price .discount {
    margin-left: 10px;
    font-size: 26px;
    line-height: 1;
    color: #c3aa6f;
}
/* line 131, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary {
    flex-wrap: wrap;
    justify-content: flex-start;
}
/* line 135, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary.mt-36 {
    margin-top: 36px;
}
/* line 137, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary.mt-36 .title {
    margin-top: 0;
}
/* line 142, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .promotion-banner {
    margin: 25px 0 0;
    text-align: center;
}
/* line 145, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .promotion-banner img {
    width: 100%;
}
/* line 150, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .title {
    margin: 25px 0 23px 3px;
    width: 845px;
    height: 31px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #c3aa6f;
}
/* line 159, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .title h2 {
    font-size: 24px;
    line-height: 22px;
    color: #333;
    padding-left: 2px;
}
/* line 164, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .title h2 span {
    font-size: 14px;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
}
/* line 178, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary.product-list {
    margin-top: 25px;
    justify-content: flex-start;
}
/* line 182, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary.product-list .product-item {
    margin-right: 2px;
    margin-bottom: 25px;
}
/* line 185, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary.product-list .product-item:nth-child(4n) {
    margin-right: 0;
}
/* line 191, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .product-item {
    width: 210px;
    border: 0;
    padding-top: 10px;
}
/* line 196, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .product-item .img-cover {
    width: 180px;
    height: 180px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
/* line 204, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .product-item .img-cover img {
    width: 100%;
}
/* line 210, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .product-item .marketing-article {
    width: 173px;
    margin: 8px auto 10px;
}
/* line 215, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .product-item .desc {
    width: 168px;
    margin: 0 auto;
}
/* line 220, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .product-item .price-info {
    margin-top: 16px;
    padding: 0 16px 10px;
}
/* line 224, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .product-item:hover {
    box-shadow: 0px 0px 5px rgba(214, 0, 103, 0.3);
}
/* line 230, ../sass/_pages.scss */
.page-container .product-wrapper.product-primary .product-item.favorite-item .price-info {
    padding-bottom: 0;
}
/* line 239, ../sass/_pages.scss */
.page-container .increase-purchase {
}
/* line 241, ../sass/_pages.scss */
.page-container .increase-purchase .title {
    background: #ddd;
    font-size: 15px;
    padding: 11px 36px;
}
/* line 248, ../sass/_pages.scss */
.page-container .increase-purchase .purchase-menu .purchase-item {
    display: inline-block;
    position: relative;
    width: 49%;
    align-items: center;
    margin: 35px 0 29px;
    padding: 0 17px 0 23px;
}
/* line 256, ../sass/_pages.scss */
.page-container .increase-purchase .purchase-menu .purchase-item .purchase-img-cover {
    position: relative;
    display: inline-block;
    display: inline-block;
    line-height: 0;
    margin: 0 16px 0 0;
    width: 40%;
    overflow: hidden;
    border: 1px solid #ccc;
}
/* line 262, ../sass/_pages.scss */
.page-container .increase-purchase .purchase-menu .purchase-item .purchase-img-cover img {
    width: 100%;
}
/* line 267, ../sass/_pages.scss */
.page-container .increase-purchase .purchase-menu .purchase-item .purchase-info {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.page-container .increase-purchase .purchase-menu .purchase-item .purchase-info .purchase-name a
{color: #000;}
.page-container .increase-purchase .purchase-menu .purchase-item .purchase-info .purchase-name {
    line-height: 24px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 7px;
}
.purchase-info .price .c_pink span:first-child, .purchase-info .price .c_pink s{ color: #aaa;}
.page-container .increase-purchase .purchase-menu .purchase-item .purchase-info .purchase-info-bottom {
    margin-top: 20px;
}
.page-container .increase-purchase .purchase-menu .purchase-item .purchase-price {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    font-size: 2.464rem;
    color: #d42e94;
    line-height: 30px;
}
.page-container .increase-purchase .purchase-menu .purchase-item .purchase-price .dollar-sign {
    font-size: 1.321rem;
    line-height: 1;
}
/* line 300, ../sass/_pages.scss */
.page-container .increase-purchase .purchase-menu .purchase-item.hide {
    display: none;
}
/* line 306, ../sass/_pages.scss */
.page-container .increase-purchase .more-purchase {
    text-align: right;
    margin: 9px 0 15px;
    padding-right: 18px;
}
/* line 311, ../sass/_pages.scss */
.page-container .increase-purchase .more-purchase .btn {
    font-size: 15px;
}
/* line 313, ../sass/_pages.scss */
.page-container .increase-purchase .more-purchase .btn span {
    margin-right: 10px;
}
/* line 320, ../sass/_pages.scss */
.page-container .increase-purchase.increase-cart .title {
    color: #fff;
    font-size: 18px;
    padding: 17px 32px;
    background: linear-gradient(to bottom, #949494, #555555);
}
/* line 330, ../sass/_pages.scss */
.page-container .purchase-add-wrapper {
    position: fixed;
    bottom: -100vh;
    left: 0;
    height: 100vh;
    width: 100%;
    transition: bottom 0.6s;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}
/* line 343, ../sass/_pages.scss */
.page-container .purchase-add-wrapper .purchase-add-img {
    margin: auto;
}
.page-container .purchase-add-wrapper .purchase-add-name {
    padding: 2% 4%;
    background: #e7e7e7;
    line-height: 1.4;
}
/* line 349, ../sass/_pages.scss */
.page-container .purchase-add-wrapper .purchase-add-summary-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 4%;
    color: #333;
    background: #fff;
}

/* line 356, ../sass/_pages.scss */
.page-container .purchase-add-wrapper .purchase-add-summary-info .purchase-add-summary-btns {
    display: flex;
    align-items: center;
}
/* line 359, ../sass/_pages.scss */
.page-container .purchase-add-wrapper .purchase-add-summary-info .purchase-add-summary-btns .btn {
    display: flex;
    border: 0;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/* line 367, ../sass/_pages.scss */
.page-container .purchase-add-wrapper .purchase-add-summary-info .purchase-add-summary-btns .val {
    width: 52px;
    text-align: center;
    padding: 0 10px;
    border: 0;
}
/* line 376, ../sass/_pages.scss */
.page-container .purchase-add-wrapper.show {
    bottom: 0;
}
/* line 381, ../sass/_pages.scss */
.page-container .m-product-wrapper {
    background: #dedede;
}
/* line 383, ../sass/_pages.scss */
.page-container .m-product-wrapper .title {
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: #c3aa6f;
    color: #fff;
    font-size: 25px;
}
/* line 392, ../sass/_pages.scss */
.page-container .m-product-wrapper .m-recommend-container {
    position: relative;
    width: 93.75%;
    overflow: hidden;
    margin: 18px auto 0;
}
/* line 398, ../sass/_pages.scss */
.page-container .m-product-wrapper .m-recommend-container .recommend-button-next {
    right: 0;
}
/* line 402, ../sass/_pages.scss */
.page-container .m-product-wrapper .m-recommend-container .recommend-button-prev {
    left: 0;
}
/* line 406, ../sass/_pages.scss */
.page-container .m-product-wrapper .m-recommend-container .recommend-button-next,
.page-container .m-product-wrapper .m-recommend-container .recommend-button-prev {
    position: absolute;
    top: calc((100% - 82px) / 2);
    background-image: none;
    color: #fff;
    font-size: 24px;
    background: rgba(94, 94, 94, 0.6);
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
}
/* line 423, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item {
    border: 1px solid #e5e5e5;
}
/* line 426, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item.product-large {
    position: relative;
    display: flex;
    width: 100%;
    background: #fff;
    margin: 6px 0 38px;
    padding: 7% 8px 10px;
}
/* line 434, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item.product-large .shadow-block {
    position: absolute;
    top: -6px;
    left: 0;
    width: 84px;
    height: 6px;
    background: gray;
}
/* line 443, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item.product-large .tangle {
    position: absolute;
    top: -6px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 84px 78px 0 0;
    z-index: 2;
}
/* line 453, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item.product-large .tangle.orange {
    border-color: #fd5426 transparent transparent transparent;
}
/* line 457, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item.product-large .tangle.pink {
    border-color: #e44776 transparent transparent transparent;
}
/* line 461, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item.product-large .tangle.green {
    border-color: #8fc31f transparent transparent transparent;
}
/* line 466, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item.product-large .tangle-txt {
    z-index: 3;
    position: absolute;
    top: 12px;
    left: 5px;
    line-height: 1;
    color: #fff;
    font-size: 18px;
}
/* line 476, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item.product-large .tangle-shadow {
    z-index: 4;
    position: absolute;
    top: -6px;
    left: 73px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 5px 5px;
    border-color: transparent transparent #535353 transparent;
}
/* line 489, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item .img-cover {
    width: 49%;
    max-width: 256px;
    height: 200px;
    z-index: 1;
    overflow: hidden;
}
/* line 495, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item .img-cover img {
    width: 100%;
}
/* line 500, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item .recommend-right {
    flex: 1;
    padding: 3px 0 0 5%;
}
/* line 505, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item .marketing-article {
    color: #c3aa6f;
    font-size: 16px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    margin-bottom: 15px;
}
/* line 514, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item .desc {
    color: #333;
    font-size: 16px;
    line-height: 21px;
    height: 61px;
    overflow: hidden;
}
/* line 522, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item .price-info {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* line 527, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item .price-info .price {
    display: flex;
    align-items: flex-end;
}
/* line 530, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item .price-info .price .dollar-sign {
    font-size: 16px;
}
/* line 534, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item .price-info .price .original {
    color: #333;
    text-decoration: line-through;
    line-height: 1.2;
}
/* line 540, ../sass/_pages.scss */
.page-container .m-product-wrapper .product-item .price-info .price .discount {
    margin-left: 10px;
    font-size: 26px;
    line-height: 1;
    color: #c3aa6f;
}
/* line 551, ../sass/_pages.scss */
.page-container .featured {
    margin-top: 54px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 25px;
    background: #656565;
    color: #fff;
}
/* line 562, ../sass/_pages.scss */
.page-container .sort-wrapper {
    display: flex;
    align-items: center;
    padding: 0 17px;
    height: 32px;
    font-size: 14px;
    color: #333;
    background: #f2f2f2;
    margin-top: 34px;
}
/* line 571, ../sass/_pages.scss */
.page-container .sort-wrapper .sort-nav {
    margin-left: 17px;
}
/* line 574, ../sass/_pages.scss */
.page-container .sort-wrapper .sort-nav li a {
    padding: 0 17px;
    color: #333;
}
/* line 577, ../sass/_pages.scss */
.page-container .sort-wrapper .sort-nav li a:hover {
    color: #c3aa6f;
}
/* line 581, ../sass/_pages.scss */
.page-container .sort-wrapper .sort-nav li a span {
    margin-right: 5px;
}
/* line 586, ../sass/_pages.scss */
.page-container .sort-wrapper .sort-nav li.active a {
    color: #c3aa6f;
}
/* line 595, ../sass/_pages.scss */
.page-container .ad-bar {
    margin: 25px 0 5px;
}
/* line 597, ../sass/_pages.scss */
.page-container .ad-bar img {
    width: 100%;
}
/* line 603, ../sass/_pages.scss */
.page-container .introduction {
    position: relative;
    margin-top: 23px;
}
/* line 607, ../sass/_pages.scss */
.page-container .introduction .top-bor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    z-index: -1;
}
/* line 620, ../sass/_pages.scss */
.page-container .cart-list .title {
    display: none;
    height: 54px;
    border-bottom:1px solid #d9d9d9;
    font-size: 16px;
    line-height: 52px;
    padding: 0 35px;
    margin: 26px 0 8px;
    justify-content: space-between;
}
/* line 629, ../sass/_pages.scss */
.page-container .cart-list .title .fa {
    color: #c3aa6f;
    margin-right: 10px;
    font-size: 2.4rem;
}
/* line 634, ../sass/_pages.scss */
.page-container .cart-list .title .num {
    color: #c00;
}
/* line 638, ../sass/_pages.scss */
.page-container .cart-list .title .btn-link {
    font-size: 2rem; font-weight: bold;
}
/* line 643, ../sass/_pages.scss */
.page-container .cart-list .title.show {
    display: flex;
}
/* line 649, ../sass/_pages.scss */
.page-container .cart-list ul li {
    margin-top: 20px;
    display: flex;
    border-bottom:1px #eee solid;
    padding: 14px 38px 14px 14px;
    justify-content: space-between;
}
.page-container .cart-list ul li:last-child{border-bottom:0;}
/* line 656, ../sass/_pages.scss */
.page-container .cart-list ul li .cart-list-left,
.page-container .cart-list ul li .cart-list-right {
    display: flex;
}
.page-container .cart-list ul li .cart-list-right { padding-top: 6px;}
.page-container .cart-list ul li .img-cover {position: relative; width: 146px;}
.page-container .cart-list ul li .img-cover img {
    width: 100%;
    vertical-align: top;
}
.page-container .cart-list ul li .cart-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 350px;
    margin-left: 38px;
    padding: 9px 0;
}
.page-container .cart-list ul li .cart-info .name {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    height: 40px;
    overflow: hidden;
}
.page-container .cart-list ul li .cart-info .name a {
    display: block;
    font-size: 2rem;
    font-weight: bold;  color: #333;
}
.page-container .cart-list ul li .cart-info .cart-info-bottom {
    font-size: 15px;
    line-height: 23px;
}
.page-container .cart-list ul li .cart-info .cart-info-bottom .spec {
    margin-bottom: 5px;
    color: #6c6c6c;
}
.page-container .cart-list ul li .cart-info .cart-info-bottom .stock {
    display: inline-block;
    color: #ababab;
    font-size: 14px;
    font-weight: 100;
}
.page-container .cart-list ul li .cart-info .cart-info-bottom .result-count {color: #6c6c6c;}
.page-container .cart-list ul li .cart-info .cart-info-bottom .result-count.active {
    display: block;
}
.page-container .cart-list ul li .actions { display: flex; align-self: baseline; align-items: flex-end;
    flex-direction: column; padding-top: 5px;  width: 200px;}
.page-container .cart-list ul li .actions .btn {
    color: #c3aa6f;
    border: 0;
    font-size: 15px;
    line-height: 2.6;
    padding: 0 24px;
}
.page-container .cart-list ul li .actions .btn span {
    display: inline-block;
    margin-right: 5px;
}
.page-container .cart-list ul li .actions .btn span i{ vertical-align: text-bottom;}
.page-container .cart-list ul li .actions .btn:hover { color: #000}
.page-container .cart-list ul li .actions .btn-cancel {
    display: flex;
    margin-bottom: 10px;
}
.page-container .cart-list ul li .actions .btn-cancel span:first-child {
    margin-right: 0;
	font-size: 2rem;
	line-height: 1.8;
    color: #fff;
    width: 38px;
    height: 38px;
    margin-right: 10px;
    background-color: #c3aa6f;
    border-radius: 50px;
}
.page-container .cart-list ul li .actions .btn-tracking span{ display: none;}
.btn.btn-tracking {/*position: absolute; */right: 0; background: transparent;}
.btn.btn-tracking i{ font-size: 2rem; color: #f68a8d;}
.btn.btn-tracking span:nth-child(2){display: none;}
.cart-list-right .price-info .prices{align-self: baseline;}
.page-container .cart-list ul li .price-info {
    display: flex;
	align-self: baseline;
    font-size: 15px;
    margin-top: 30PX;
}
.page-container .cart-list ul li .price-info .txt { align-self: baseline;  color: #333;  padding: 0 8px 0 0;}
.page-container .cart-list ul li .price-info .orgprice{ align-self: baseline; color: #bbb; margin: 0 20px 0 0; }
.page-container .cart-list ul li .price-info .discount .sign { font-size: 2.2rem; color: #c3aa6f;}
.page-container .cart-list ul li .price-info .discount .price {  font-size: 2.2rem;  color: #c3aa6f;}
.page-container .cart-list ul li .price-info .original { margin-top: 17px; color: #ababab;}
.page-container .cart-list ul li .price-info .original .price {  text-decoration: line-through;}
.page-container .cart-list ul.hide { display: none;}
.page-container.page-proc_single {  padding: 0;}
.page-container.page-proc_single .product-top { display: flex; justify-content: space-between;}
.page-container.page-proc_single .product-top .product-imgs {  width: 46%;}
.page-container.page-proc_single .product-top .product-imgs .main-img {
    position: relative;overflow: hidden;
    width: 100%; text-align: center;  border:1px solid #eee;
}
.page-container.page-proc_single .product-top .product-imgs .main-img img {  width: 100%;}
.page-container.page-proc_single .product-top .product-imgs .small-img {
    display: flex;
    justify-content:flex-start;
    margin-top: 47px;
}
.page-container.page-proc_single .product-top .product-imgs .small-img .proc-swiper-container {
    position: relative;
    width: 412px;
    height: 80px;
    margin-left: 19px;
}
.page-container.page-proc_single .product-top .product-imgs .small-img .proc-swiper-container .proc-slick-wrapper .slick-slide img {
    width: 78px;
    border:1px #CCCCCC solid;
}
.page-container.page-proc_single .product-top .product-imgs .small-img .sm-icon {
    position: absolute;
    top: 0;
    width: 15px;
    height: 80px;
    line-height: 80px;
    color: #999;
    text-align: center;
    cursor: pointer;
    font-size: 24px;
}
.page-container.page-proc_single .product-top .product-imgs .small-img .sm-icon.next { right: -19px;}
.page-container.page-proc_single .product-top .product-imgs .small-img .sm-icon.prev { left: -19px;}
.page-container.page-proc_single .product-top .product-imgs .small-img .swiper-slide { position: relative;  cursor: pointer;}
.page-container.page-proc_single .product-top .product-info { width: 51%;}
.page-container.page-proc_single .product-top .product-info .info-top { padding-bottom: 15px;}
.page-container.page-proc_single .product-top .product-info .info-top .promotion-txt {
    color: #c3aa6f;
    font-size:1.8rem;
    line-height: 1;
    margin-bottom: 10px;
}
.page-container.page-proc_single .product-top .product-info .info-top .product-name {
    font-size:3rem;  line-height:1; font-weight:bolder; margin-bottom: 10px;
}
.product-info .sellout{ color: #1bc1e7; font-size: 2.4rem; font-weight: bold;}
.product-name h1, .promotion-txt h2{font-size: inherit;margin: 0;}
.promotion-txt h2{font-weight: 400;}
.page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices {  margin-top: 40px;}
.page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block {
    display: flex;
    align-items: flex-end;
    padding: 13px 0;
}
.page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block .plus-sign {
    padding: 0 16px;
    color: #484848;
}
.page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block .txt { color: #000;}
.page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block .price {
    font-size: 30px;
    line-height: 1.4;
    color: #f68a8d;
}
.page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block .price .dollar-sign {
    font-size: 20px;
}
.page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block .useless {
    color: #929292;
    font-size: 14px;
    text-decoration: line-through;
}
.page-container.page-proc_single .product-top .product-info .info-mid {
    padding: 14px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.page-container.page-proc_single .product-top .product-info .info-bottom { padding: 7px 0 0 14px;}
/* line 930, ../sass/_pages.scss */
.page-container.page-proc_single .product-top .product-info .info-bottom .checkout-info,
.page-container.page-proc_single .product-top .product-info .info-bottom .delivery {
    font-size: 14px;
    color: #666;
    line-height: 29px;
}
.page-container.page-proc_single .product-top .product-info .info-bottom .action-buttons {
    display: flex; margin: 25px 0;
}
.page-container.page-proc_single .product-top .product-info .info-bottom .action-buttons .btn i {
    font-size: 2.4rem;vertical-align: text-bottom;  margin-right: 8px;
}
.page-container.page-cart .page-tab, .page-container.page-cart_list .page-tab {
    display: flex;
    margin-bottom: 8px;
    border-bottom: 3px solid #ebebeb;
}
.page-container.page-cart .page-tab .page-name, .page-container.page-cart_list .page-tab .page-name {
    width: 155px;
    height: 41px;
    margin-right: 3px;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    border: 2px solid #f4f4f4;
    border-bottom: 0;
    color: #c3aa6f;
}
.page-container.page-cart .page-tab .page-name.active, .page-container.page-cart_list .page-tab .page-name.active {
    cursor: default;
    background: #5bbae8;
    border: 0;
    color: #fff;
}
.page-container.page-cart .process-bar, .page-container.page-cart_list .process-bar {
    display: block;
    height: 52px;
    font-size: 2.2rem;
}
.page-container.page-cart .process-bar .process-step, .page-container.page-cart_list .process-bar .process-step {
    float: left;
    display: inline-flex;
    width: 32.6%;
    height: 46px;
    align-items: center;
    justify-content: center;
    color: #c9caca;
    border-bottom: 7px solid;
    margin-right: 7px;
}
/* line 994, ../sass/_pages.scss */
.page-container.page-cart .process-bar .process-step .step, .page-container.page-cart_list .process-bar .process-step .step {
    display: none;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #000;
    background: #fff;
    font-size: 14px;
    margin-right: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.process-step.active .txt{
    color: #c3aa6f;
}
/* line 1007, ../sass/_pages.scss */
.page-container.page-cart .process-bar .process-step.active, .page-container.page-cart_list .process-bar .process-step.active {
    border-bottom: 7px solid #c3aa6f;
}
/* line 1012, ../sass/_pages.scss */
.page-container.page-cart .process-bar .step-arrow, .page-container.page-cart_list .process-bar .step-arrow {
    float: left;
    position: relative;
    display: none;
    width: 22px;
    height: 52px;
}
/* line 1019, ../sass/_pages.scss */
.page-container.page-cart .process-bar .step-arrow .triangle, .page-container.page-cart_list .process-bar .step-arrow .triangle {
    position: absolute;
    top: 1px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 20px;
    border-color: transparent transparent transparent #c5c2c2;
    z-index: 3;
}
/* line 1031, ../sass/_pages.scss */
.page-container.page-cart .process-bar .step-arrow .triangle-border, .page-container.page-cart_list .process-bar .step-arrow .triangle-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 0 26px 22px;
    border-color: transparent transparent transparent #e1e1e1;
    z-index: 2;
}
/* line 1044, ../sass/_pages.scss */
.page-container.page-cart .process-bar .step-arrow.active .triangle, .page-container.page-cart_list .process-bar .step-arrow.active .triangle {
    border-color: transparent transparent transparent #c3aa6f;
}
/* line 1049, ../sass/_pages.scss */
.page-container.page-cart .process-bar .step-arrow.reverse, .page-container.page-cart_list .process-bar .step-arrow.reverse {
    background: #c3aa6f;
}
/* line 1055, ../sass/_pages.scss */
.page-container.page-cart .process-div, .page-container.page-cart_list .process-div {
    display: none;
}
/* line 1057, ../sass/_pages.scss */
.page-container.page-cart .process-div.active, .page-container.page-cart_list .process-div.active {
    display: block;
}
/* line 1063, ../sass/_pages.scss */
.page-container.page-cart .order-num, .page-container.page-cart_list .order-num {
    display: none;
    height: 54px;
    border: 1px solid #d9d9d9;
    font-size: 16px;
    line-height: 52px;
    padding-left: 35px;
    margin: 26px 0 8px;
}
/* line 1071, ../sass/_pages.scss */
.page-container.page-cart .order-num .fa, .page-container.page-cart_list .order-num .fa {
    color: #c3aa6f;
    margin-right: 10px;
    font-size: 1.2rem;
}
/* line 1076, ../sass/_pages.scss */
.page-container.page-cart .order-num .num, .page-container.page-cart_list .order-num .num {
    color: #c00;
}
/* line 1079, ../sass/_pages.scss */
.page-container.page-cart .order-num.show, .page-container.page-cart_list .order-num.show {
    display: block;
}
/* line 1085, ../sass/_pages.scss */
.page-container.page-cart .coupon-wrapper, .page-container.page-cart_list .coupon-wrapper {
    height: 39px;
    margin: 50px 0 15px 0;
}
/* line 1089, ../sass/_pages.scss */
.page-container.page-cart .coupon-wrapper .add-on, .page-container.page-cart_list .coupon-wrapper .add-on {
    width: 125px;
    text-align: center;
    height: 37px;
    line-height: 37px;
    background: #c3aa6f;
    color: #fff;
    font-size: 1.714rem;
}
/* line 1101, ../sass/_pages.scss */
.page-container.page-cart .bonus-points-wrapper, .page-container.page-cart_list .bonus-points-wrapper {
    font-size: 15px;
    margin: 15px 0;
    padding: 15px 0;
}
/* line 1107, ../sass/_pages.scss */
.page-container.page-cart .bonus-points-wrapper .title, .page-container.page-cart_list .bonus-points-wrapper .title {
    position: relative;
    font-size: 18px;
    color: #333;
    line-height: 1;
    padding-bottom: 20px;
}
.page-container.page-cart .bonus-points-wrapper .title::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    width: 87%;
    z-index: -1;
    border-bottom: 3px solid #c3aa6f;
}
/* line 1114, ../sass/_pages.scss */
.page-container.page-cart .bonus-points-wrapper .title.secondary-title, .page-container.page-cart_list .bonus-points-wrapper .title.secondary-title {
    border-top: 0;
    color: #c3aa6f;
    background: #fff;
    font-size: 15px;
}
/* line 1121, ../sass/_pages.scss */
.page-container.page-cart .bonus-points-wrapper .title.title-between, .page-container.page-cart_list .bonus-points-wrapper .title.title-between {
    display: flex;
    justify-content: space-between;
    padding-right: 24px;
    border-top: 1px solid #ccc;
}
/* line 1127, ../sass/_pages.scss */
.page-container.page-cart .bonus-points-wrapper .title.title-between .title-left, .page-container.page-cart_list .bonus-points-wrapper .title.title-between .title-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* line 1134, ../sass/_pages.scss */
.page-container.page-cart .bonus-points-wrapper .title.title-between .discount-txt, .page-container.page-cart_list .bonus-points-wrapper .title.title-between .discount-txt {
    font-size: 15px;
    margin-top: 4px;
    color: #959595;
}
/* line 1139, ../sass/_pages.scss */
.page-container.page-cart .bonus-points-wrapper .title.title-between .total, .page-container.page-cart_list .bonus-points-wrapper .title.title-between .total {
    color: #c3aa6f;
}
/* line 1141, ../sass/_pages.scss */
.page-container.page-cart .bonus-points-wrapper .title.title-between .total .sign, .page-container.page-cart_list .bonus-points-wrapper .title.title-between .total .sign {
    font-size: 23px;
}
/* line 1144, ../sass/_pages.scss */
.page-container.page-cart .bonus-points-wrapper .title.title-between .total .price, .page-container.page-cart_list .bonus-points-wrapper .title.title-between .total .price {
    font-size: 36px;
}
/* line 1151, ../sass/_pages.scss */
.page-container.page-cart .bonus-points-wrapper .bonus-inner, .page-container.page-cart_list .bonus-points-wrapper .bonus-inner {
    display: flex;
    margin: 0;
}
/* line 1157, ../sass/_pages.scss */
.page-container.page-cart .checkout-details, .page-container.page-cart_list .checkout-details {
    padding: 28px 5% 20px;
    background-color: #efefef;
    margin: 20px 0 40px;
    text-align: center;
}
.page-container.page-cart .checkout-details.set3{ background-color: #fff; padding: 0;}
.page-container.page-cart .checkout-details.set3 .title:first-child{
    position: relative;
    width: 100%;
    padding: 14px 20px 14px 40px;
    color: #333;
    background: #ffe4f1;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    border-bottom: 0;
    text-align: left;
}
.page-container.page-cart .checkout-details.set3 .title.secondary-title,
.page-container.page-cart .checkout-details.set3 .checkout-list{padding: 0 5%;}
.page-container.page-cart .checkout-details.set3 .title.title-between{padding: 17px 5% 50px;}
.page-container.page-cart .checkout-details.set3 .title:first-child::after{
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 11px;
    left: 20px;
    font-size: 2.6rem;
}
.set3 .ac_offset, .set3 .bonus_discount {padding: 10px 5%;}
/* line 1161, ../sass/_pages.scss */
.page-container.page-cart .checkout-details .title, .page-container.page-cart_list .checkout-details .title {
    padding: 17px 0;
    font-size: 18px;
    color: #333;
    line-height: 1;
    text-align: center;
}
.page-container.page-cart .checkout-details .title:first-child{ display: inline-block;color: #c3aa6f; font-size: 2.4rem; font-weight: bold; border-bottom: 1px solid #c3aa6f; margin-bottom: 20px;padding: 0 0 5px;}
/* line 1168, ../sass/_pages.scss */
.page-container.page-cart .checkout-details .title.secondary-title, .page-container.page-cart_list .checkout-details .title.secondary-title {
    border-top: 0;
    text-align: left;
}
/* line 1175, ../sass/_pages.scss */
.page-container.page-cart .checkout-details .title.title-between, .page-container.page-cart_list .checkout-details .title.title-between {
    display: flex;
    justify-content: space-between;
    padding-right: 24px;
    border-top: 1px solid #ccc;
}
/* line 1181, ../sass/_pages.scss */
.page-container.page-cart .checkout-details .title.title-between .title-left, .page-container.page-cart_list .checkout-details .title.title-between .title-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* line 1188, ../sass/_pages.scss */
.page-container.page-cart .checkout-details .title.title-between .discount-txt, .page-container.page-cart_list .checkout-details .title.title-between .discount-txt {
    font-size: 15px;
    margin-top: 4px;
    color: #959595;
}
/* line 1193, ../sass/_pages.scss */
.page-container.page-cart .checkout-details .title.title-between .total, .page-container.page-cart_list .checkout-details .title.title-between .total {
    color: #c3aa6f;
}
/* line 1195, ../sass/_pages.scss */
.page-container.page-cart .checkout-details .title.title-between .total .sign, .page-container.page-cart_list .checkout-details .title.title-between .total .sign {
    font-size: 2.2rem;
}
/* line 1198, ../sass/_pages.scss */
.page-container.page-cart .checkout-details .title.title-between .total .price, .page-container.page-cart_list .checkout-details .title.title-between .total .price {
    font-size: 2.2rem;
}
/* line 1205, ../sass/_pages.scss */
.page-container.page-cart .checkout-details .checkout-list, .page-container.page-cart_list .checkout-details .checkout-list {
    padding: 0 19px 4px 0;
}
/* line 1207, ../sass/_pages.scss */
.page-container.page-cart .checkout-details .checkout-list ul, .page-container.page-cart_list .checkout-details .checkout-list ul {
    display: block;
    margin: 4px 0;
}
/* line 1210, ../sass/_pages.scss */
.page-container.page-cart .checkout-details .checkout-list ul li, .page-container.page-cart_list .checkout-details .checkout-list ul li {
    display: flex;
    width: 100%;
    font-size: 17px;
    line-height: 24px;
    color: #000;
    align-items: center;
    justify-content: space-between;
    font-weight: 300;
}
.ac_offset{ margin: 10px 0;padding: 10px; background-color: #fff;}
.ac_offset_td1{display: inline-block;vertical-align: top;width: 49%;text-align: left;}
.ac_offset_td2{display: inline-block;vertical-align: top;text-align: right;width: 49%;}
.bonus_discount{margin: 10px 0;padding: 10px;}
/* line 1223, ../sass/_pages.scss */
.page-container.page-cart .checkout-details.hide, .page-container.page-cart_list .checkout-details.hide {
    display: none;
}
/* line 1228, ../sass/_pages.scss */
.page-container.page-cart .cart-actions, .page-container.page-cart_list .cart-actions {
    margin: 0;
    padding: 31px 0;
    text-align: center;
}
/* line 1232, ../sass/_pages.scss */
.page-container.page-cart .cart-actions .btn:last-child, .page-container.page-cart_list .cart-actions .btn:last-child {
    margin-right: 0;
	background-color: #000;
}
/* line 1239, ../sass/_pages.scss */
.page-container.page-cart .cart-block .title, .page-container.page-cart_list .cart-block .title {
    position: relative;
    width: 100%;
    padding: 14px 20px 14px 40px;
    color: #333;
    background: #f1f1f1;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
}
.page-container.page-cart .cart-block.set3 .title{
    background: #fff; border-bottom: 1px solid #c9caca;
}
.page-container.page-cart .cart-block.set3 .title span{color: #c3aa6f; }
.set3_txt{font-size: 2rem; text-align: center; margin: 40px 0;}
.cart-block .title::after{content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute;top: 11px; left: 20px; font-size: 2.6rem;}
/* line 1248, ../sass/_pages.scss */
.page-container.page-cart .cart-block .radio-box, .page-container.page-cart_list .cart-block .radio-box {
    width: auto;
    font-size: 16px;
    align-items: center;
}
.recipient{float: right;margin-top: -8px;}
.recipient button{ color: #fff; font-size: 2rem; background: #c3aa6f; border: 0; border-radius: 5px;margin: 0 10px;padding: 6px;}
.recipient button:hover{background: #666;}
.recipient button img{ width: 26px; vertical-align: bottom;}
.recipient button.active{background: #666;}
.cvs_info .btn-open-modal{color: #fff; border: 0; border-radius: 50px; padding-right: 20px; background-color: #c3aa6f;}
.cvs_info .btn-open-modal img{width: 24px;vertical-align: bottom;}
/* line 1256, ../sass/_pages.scss */
.page-container.page-cart .cart-block .cart-block-inner, .page-container.page-cart_list .cart-block .cart-block-inner {
    display: flex;
    flex-direction: column;
    padding: 21px 0 47px 40px;
    color: #333;
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart label, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart label {
    width: 108px;
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart .form-control, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .form-control {
    flex: 1;
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart .form-control{width: 340px;}
.page-container.page-cart .cart-block .cart-block-inner .form-cart .form-control::-webkit-input-placeholder, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .form-control::-webkit-input-placeholder {
    color: #979797;
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart .form-control::-moz-placeholder, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .form-control::-moz-placeholder {
    color: #979797;
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart .form-control:-ms-input-placeholder, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #979797;
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart .form-control:-moz-placeholder, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #979797;
}
/* line 1271, ../sass/_pages.scss */
.page-container.page-cart .cart-block .cart-block-inner .form-cart .radio-box, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .radio-box {
    width: auto;
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart .radio-box .radio, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .radio-box .radio {
    background: #fff;
    border: 1px solid #c3aa6f;
}
/* line 1278, ../sass/_pages.scss */
.page-container.page-cart .cart-block .cart-block-inner .form-cart .radio-box .ps, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .radio-box .ps {
    font-size: 14px;
    color: #979797;
    margin-left: 23px;
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart .radio-box.invoice, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .radio-box.invoice {
    width: calc(100% - 464px);
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart.form-column .radio-box, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart.form-column .radio-box {
    height: auto;
    margin-bottom: 15px;
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart.form-column .radio-box .form-control, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart.form-column .radio-box .form-control {
    display: inline-block;
    width: 397px;
    height: auto;
    font-size: 14px;
    padding: 9px 17px;
    color: #979797;
    border: 1px solid #c8c8c8;
    margin-left: 23px;
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart.form-column .radio-box.invoice, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart.form-column .radio-box.invoice {
    margin: 5px 0 9px 0px;
    width: calc(100% - 21px);
}
.page-container.page-cart .cart-block .cart-block-inner .form-cart.form-column .radio-box.invoice { display: -webkit-inline-box;    line-height: 1.4;}
.radio-box.invoice .hidden-mobile{ display: -webkit-box;width: 140px;margin-top: 15px;}
.page-container.page-cart .cart-block .cart-block-inner .form-cart.form-column .help-block, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart.form-column .help-block {
    font-size: 14px;
    line-height: 3;
    color: #979797;
}

.page-container.page-cart .cart-block .cart-block-inner.cart-pay-type .form-cart.form-column .radio-box, .page-container.page-cart_list .cart-block .cart-block-inner.cart-pay-type .form-cart.form-column .radio-box {
    flex-wrap: wrap; margin-bottom: 20px;}

.page-container.page-cart .cart-block .cart-block-inner.cart-pay-type .form-cart.form-column .radio-box
{ margin: 0;}
.pay_bubble{position: relative;font-size: 1.1rem; margin-left: 15px; padding: 8px 8px 7px 8px; border-radius: 10px; border: 1px solid #999;}
.pay_bubble::before{ content: ""; position: absolute; top: 10px; left: -5px; width: 8px; height: 8px;
                     background-color: #fff; border-left: 1px solid #999;border-bottom: 1px solid #999;
                     -ms-transform:rotate(45deg); 	/* IE 9 */
                     -moz-transform:rotate(45deg); 	/* Firefox */
                     -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
                     -o-transform:rotate(45deg); 	/* Opera */
                     transform:rotate(45deg);
}
.cart-pay-type .form-cart.form-column .txt{line-height: 3.2;}
.page-container.page-cart .cart-block .cart-block-inner.cart-pay-type .form-cart.form-column .radio-box .text-red, .page-container.page-cart_list .cart-block .cart-block-inner.cart-pay-type .form-cart.form-column .radio-box .text-red {
    width: 100%;
    padding: 6px 0 0 18px;
    font-size: .9rem;
}
/* line 1370, ../sass/_pages.scss */
.page-container.page-cart .cart-block.buyer-info, .page-container.page-cart_list .cart-block.buyer-info {
    display: none;
    padding: 28px 0;
    margin-bottom: 38px;
    /*border-bottom: 1px solid #c9caca; 因為cart取消*/
}
/* line 1375, ../sass/_pages.scss */
.page-container.page-cart .cart-block.buyer-info.show, .page-container.page-cart_list .cart-block.buyer-info.show {
    display: block;
}
/* line 1381, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info, .page-container.page-cart_list .cart-block.payment-info {
    display: none;
}
/* line 1383, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info .title, .page-container.page-cart_list .cart-block.payment-info .title {

}
/* line 1388, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info .title:first-child, .page-container.page-cart_list .cart-block.payment-info .title:first-child {
    margin-top: 20px;
}
/* line 1393, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info .cart-block-inner, .page-container.page-cart_list .cart-block.payment-info .cart-block-inner {
    padding: 9px 0 27px 72px;
}
/* line 1396, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info .cart-block-inner table, .page-container.page-cart_list .cart-block.payment-info .cart-block-inner table {
    display: inline-block;
}
/* line 1398, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info .cart-block-inner table th, .page-container.page-cart .cart-block.payment-info .cart-block-inner table td, .page-container.page-cart_list .cart-block.payment-info .cart-block-inner table th, .page-container.page-cart_list .cart-block.payment-info .cart-block-inner table td {

}
/* line 1404, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info .cart-block-inner table th, .page-container.page-cart_list .cart-block.payment-info .cart-block-inner table th {
    text-align: right;
}
/* line 1409, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info .cart-block-inner .note, .page-container.page-cart_list .cart-block.payment-info .cart-block-inner .note {
    font-size: 16px;
    line-height: 32px;
}
/* line 1415, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info .hide, .page-container.page-cart_list .cart-block.payment-info .hide {
    display: none;
}
/* line 1419, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info.receiver-info, .page-container.page-cart_list .cart-block.payment-info.receiver-info {
    margin-top: 22px;
}
/* line 1421, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info.receiver-info .cart-block-inner, .page-container.page-cart_list .cart-block.payment-info.receiver-info .cart-block-inner {
    padding-top: 31px;
}
/* line 1425, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-info.show, .page-container.page-cart_list .cart-block.payment-info.show {
    display: block;
}
/* line 1430, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-success, .page-container.page-cart_list .cart-block.payment-success {
    display: none;
    margin-top: 35px;
}
/* line 1433, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-success.show, .page-container.page-cart_list .cart-block.payment-success.show {
    display: block;
}
/* line 1437, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-success .success-title, .page-container.page-cart_list .cart-block.payment-success .success-title {
    display: flex;
    color: #c3aa6f;
    justify-content: center;
    align-items: center;
    font-size: 39px;
}
/* line 1443, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-success .success-title .icon, .page-container.page-cart_list .cart-block.payment-success .success-title .icon {
    width: 49px;
    height: 49px;
    font-size: 36px;
    border: 4px solid #c3aa6f;
    line-height: 42px;
    text-align: center;
    margin-right: 14px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/* line 1455, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-success .cart-block-inner, .page-container.page-cart_list .cart-block.payment-success .cart-block-inner {
    display: block;
    text-align: center;
}
/* line 1458, ../sass/_pages.scss */
.page-container.page-cart .cart-block.payment-success .cart-block-inner p, .page-container.page-cart_list .cart-block.payment-success .cart-block-inner p {
    font-size: 20px;
    line-height: 25px;
}
/* line 1466, ../sass/_pages.scss */
.page-container.page-cart .err-msg, .page-container.page-cart_list .err-msg {
    color: #c3aa6f;
    text-align: center;
    font-size: 39px;
    margin-top: 20px;
}
/* line 1473, ../sass/_pages.scss */
.page-container.page-cart .err-img, .page-container.page-cart_list .err-img {
    text-align: center;
    margin: 107px auto;
}
/* line 1478, ../sass/_pages.scss */
.page-container.page-cart .action-btns, .page-container.page-cart_list .action-btns {
    font-size: 29px;
    margin-bottom: 49px;
    text-align: center;
}
/* line 1487, ../sass/_pages.scss */
.page-container.page-failure .err-msg {
    color: #c3aa6f;
    text-align: center;
    margin-top: 20px;
    font-size: 29.5px;
}
/* line 1494, ../sass/_pages.scss */
.page-container.page-failure .err-details-msg {
    margin-top: 44px;
    font-size: 18.5px;
    color: #333;
    text-align: center;
    line-height: 1;
}
/* line 1502, ../sass/_pages.scss */
.page-container.page-failure .err-img {
    text-align: center;
    margin: 36px auto 59px;
}
/* line 1507, ../sass/_pages.scss */
.page-container.page-failure .action-btns {
    display: flex;
    justify-content: center;
    font-size: 29px;
    margin-bottom: 49px;
    text-align: center;
}
/* line 1514, ../sass/_pages.scss */
.page-container.page-failure .action-btns .btn {
    margin-right: 11px;
}
/* line 1516, ../sass/_pages.scss */
.page-container.page-failure .action-btns .btn:last-child {
    margin-right: 0;
}
/* line 1525, ../sass/_pages.scss */
.page-container.page-form .title {
    font-size: 24px;
    text-align:center;
}
/* line 1530, ../sass/_pages.scss */
.page-container.page-form .title.title-search {
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    color: #979797;
    border-left: 4px solid #979797;
}
/* line 1538, ../sass/_pages.scss */
.page-container.page-form .title .prompt-txt {
    font-size: 1rem;
    color: #c3aa6f;
}
/* line 1544, ../sass/_pages.scss */
.page-container.page-form h3.title {
    border: 0;
    font-size: 28px;
    color: #c3aa6f;
}
/* line 1551, ../sass/_pages.scss */
.page-container.page-form .form-wrapper {
    width: 675px;
    margin: 10px auto;
}
/* line 1555, ../sass/_pages.scss */

.page-container.page-form .form-wrapper .form-inner {
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items: flex-end;
    margin-top: 14px;
    padding: 59px 0 70px;
}
/* line 1565, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .form-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 0;
}
/* line 1571, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .form-group label {
    color: #333;
    font-size: 16px;
    margin-right: 5px;
}
/* line 1580, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .form-group .form-control {
    font-size: 16px;
    border: 1px solid #c8c8c8;
    width: 314px;
    height: 38px;
    padding-left: 21px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.page-login{display: flex; }
.login_left, .login_right{ position: relative; width: 50%; text-align: center; margin: 30px auto 0;}
.login_right .title_a{margin-bottom: 30px;}
.login_left::before{content: ""; position: absolute;top: 30px; right: 0; border-right: 2px solid #eee;height: 90%;}
.page-login .cart-actions{ border: 0;padding: 0px; }
.page-login .btn-cart-action.firstlog{ width: auto; margin: 10% 0;}
.captcha{width: 110px;}
.login_right .btn-cart-action{ margin-right: 0;}
.page-login .form-login{margin-bottom: 10px;}
.form-login{text-align: center;width: 360px; margin: auto;}
.action-btns.forget{ color: #cecece; text-align: center;padding: 10px; }
.action-btns.forget a{color: #668dd0;}
.btn-cart-action.btn-fblogin{ margin-top: 0;background: #3b5998;}
.btn-cart-action.btn-fblogin:hover{  opacity: 0.9;   filter: alpha(opacity=90);}
.captchaimg{ vertical-align: middle;}
.logout{font-size: 2rem; text-align: center; width: 100%;}
.birth-cover .form-control{ margin-right: 10px; }
.cart-actions.single{ border: 0;}
.cart-actions.single .btn-cart-action {margin-right: 0;}

.btn-login{clear: both;margin-bottom: 15px;}




.btn-cart-action.btn-google{ background: #FFF; color:#898989;   border:1px solid #dedede;}
.btn-cart-action.btn-google:hover{ border:0;color:#787878;text-decoration:underline;}
.icon-google{background-position: 0 -65px;background-size: 30px;background-image: url(../../../../../../image/btn_google.png);width: 30px;height: 30px;float: left;margin-top: 0px;margin-right: 10px;}
.btn-cart-action.btn-instagram{ background: #C13584;}
.btn-cart-action.btn-instagram:hover{ background: #da278c;}
.icon-ig{background-position: 0 0px;background-size: 50px;width: 50px;height: 50px;float: left;margin-top: 25px;margin-right: 10px;font-size: 2.5rem;}
.icon-fb2{background-position: 0 0px;background-size: 30px;background-image: url(../../../../../../image/btn_fb.png);width: 30px;height: 30px;float: left;margin-top: 0;margin-right: 15px;font-size: 2.5rem;}
.btn-cart-action.btn-line{ background: #00C300;}
.btn-cart-action.btn-line:hover{ background: #00E000;}
.icon-line{background-position: 0 0px;background-size: 30px;background-image: url(../../../../../../image/btn_line.png);width: 30px;height: 30px;float: left;margin-top: 0;margin-right: 15px;font-size: 2.5rem;}
.btn-cart-action.btn-line:hover .icon-line{background-position: 0 0px;background-size: 30px;background-image: url(../../../../../../image/btn_line_hover.png);width: 30px;height: 30px;float: left;margin-top: 0;margin-right: 15px;font-size: 2.5rem;}

/* line 4, ../sass/_mixins.scss */
.page-container.page-form .form-wrapper .form-inner .form-group .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ccc;
}
/* line 7, ../sass/_mixins.scss */
.page-container.page-form .form-wrapper .form-inner .form-group .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc;
}
/* line 10, ../sass/_mixins.scss */
.page-container.page-form .form-wrapper .form-inner .form-group .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #ccc;
}
/* line 13, ../sass/_mixins.scss */
.page-container.page-form .form-wrapper .form-inner .form-group .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc;
}
/* line 1590, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .form-group span.login-msg {
    display: none;
    width: 177px;
    font-size: 14px;
    padding-left: 15px;
}
/* line 1597, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .form-group.form-login {
    margin-right: 177px;
}
/* line 1601, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .form-group.show {
    margin-right: 0;
}
/* line 1603, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .form-group.show span.login-msg {
    display: inline-block;
}
/* line 1609, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner div.login-msg {
    width: 100%;
    text-align: center;
    margin: 10px auto;
}
/* line 1615, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .action-btns {
    width: 314px;
    margin: 45px 0 0 0;
    text-align: center;
}
/* line 1620, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .action-btns .btn-link {
    font-size: 14px;
    color: #c3aa6f;
    padding: 0 5px;
    text-decoration:underline;
}
/* line 1624, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .action-btns .btn-link:first-child {
    border-right: 1px solid #979797;
}
/* line 1629, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .action-btns.form-login {
    margin-right: 177px;
}
/* line 1632, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .action-btns.form-login.auto-login {
    margin: 0;
    width: 100%;
}
/* line 1639, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner h1.inner-title {
    font-size: 1.6rem;
    font-weight: normal;
    color: #aaa;
    margin: 0 0 20px;
}
/* line 1649, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner h2 {
    font-size: 20px;
    line-height: 34px;
    color: #666;
}
/* line 1653, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner h2.text-red {
    margin-top: 39px;
}
/* line 1658, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner p {
    font-size: 16px;
    line-height: 28px;
    color: #6d6d6d;
    letter-spacing: 0.2px;
}
/* line 1665, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner .form-msg {
    display: flex;
    flex-direction: column;
    line-height: 28px;
    margin-bottom: 26px;
}
/* line 1672, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner {
    padding: 0;
    align-items: center;
    justify-content: flex-start;
}
/* line 1677, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group {
    width: 631px;
    padding: 0 84px 0 40px;
    justify-content: space-between;
}
/* line 1681, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group label {
    letter-spacing: 0.2px;
    flex: 1;
    text-align: right;
}
/* line 1686, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group .form-control {
    width: 417px;
}
/* line 1690, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-mobile-num {
    padding-left: 130px;
    margin-top: 6px;
    margin-bottom: 13px;
}
/* line 1695, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-mobile-num .btn-mobile-num {
    font-size: 16px;
    width: 170px;
    height: 32px;
    background: linear-gradient(to bottom, #ffffff, #d8d8d8);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/* line 1703, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-mobile-num .form-control {
    width: 235px;
    height: 32px;
    border-color: #484848;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/* line 1711, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-email {
    margin-bottom: 31px;
}
/* line 1715, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-setting-pw {
    margin-bottom: 6px;
}
/* line 1719, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-confirm-pw {
    margin-bottom: 20px;
}
/* line 1723, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-birth {
    padding: 0 84px 33px 0;
    border-bottom: 1px dashed #dedede;
    margin-bottom: 26px;
}
/* line 1728, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-birth .birth-cover {
    display: flex;
    width: 417px;
    justify-content: space-between;
}
/* line 1733, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-birth .form-control {
    width: 129px;
}
/* line 1739, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .doc-agree {
    font-size: 14px;
    color: #aaa;
}
/* line 1742, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .doc-agree a.btn-link {
    font-size: 16px;
    color: #c3aa6f;
    text-decoration:underline;
}
/* line 1749, ../sass/_pages.scss */
.page-container.page-form .form-wrapper .form-inner.regist-inner .img-cover.my-50 {
    margin: 50px auto;
}
/* line 1755, ../sass/_pages.scss */
.form-inner.forget-pw-inner {
    padding: 20px 0 123px;
    align-items: center;
    text-align: center;
}
/* line 1759, ../sass/_pages.scss */
.form-inner.forget-pw-inner .form-group { margin: 20px 0;}
.forgotten{display:inline-block; text-align: center; width: 100%;}
.forgotten_l{width: 30%;display:inline-block;}
.forgotten_r{width: 40%;display:inline-block}
/* line 1762, ../sass/_pages.scss */
.form-inner.forget-pw-inner .form-group .form-control { width: 330px;}
/* line 1770, ../sass/_pages.scss */
.form-inner.forget-pw-inner.result h2 {
    margin: 0 0 36px;
}
/* line 1774, ../sass/_pages.scss */
.form-inner.forget-pw-inner.result p > .btn-link {
    font-size: 16px;
    color: #5bbae8;
}
/* line 1784, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire, .page-container.page-form.page-history_orders, .page-container.page-form.page-order_detail, .page-container.page-form.page-favorite, .page-container.page-form.page-modify_pw, .page-container.page-form.page-maintain_account, .page-container.page-form.page-search_result {
}
/* line 1793, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .sort-wrapper, .page-container.page-form.page-history_orders .sort-wrapper, .page-container.page-form.page-order_detail .sort-wrapper, .page-container.page-form.page-favorite .sort-wrapper, .page-container.page-form.page-modify_pw .sort-wrapper, .page-container.page-form.page-maintain_account .sort-wrapper, .page-container.page-form.page-search_result .sort-wrapper {
    margin: 29px 0 25px;
}
/* line 1797, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper, .page-container.page-form.page-history_orders .form-wrapper, .page-container.page-form.page-order_detail .form-wrapper, .page-container.page-form.page-favorite .form-wrapper, .page-container.page-form.page-modify_pw .form-wrapper, .page-container.page-form.page-maintain_account .form-wrapper, .page-container.page-form.page-search_result .form-wrapper {
    width: 100%;
    margin: 0;
}
/* line 1801, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .user-info, .page-container.page-form.page-history_orders .form-wrapper .user-info, .page-container.page-form.page-order_detail .form-wrapper .user-info, .page-container.page-form.page-favorite .form-wrapper .user-info, .page-container.page-form.page-modify_pw .form-wrapper .user-info, .page-container.page-form.page-maintain_account .form-wrapper .user-info, .page-container.page-form.page-search_result .form-wrapper .user-info {
    display: flex;
    width: 100%;
    margin: 30px 0 50px;
    align-items: center;
    padding: 0 10px;
}
/* line 1807, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .user-info .img-cover, .page-container.page-form.page-history_orders .form-wrapper .user-info .img-cover, .page-container.page-form.page-order_detail .form-wrapper .user-info .img-cover, .page-container.page-form.page-favorite .form-wrapper .user-info .img-cover, .page-container.page-form.page-modify_pw .form-wrapper .user-info .img-cover, .page-container.page-form.page-maintain_account .form-wrapper .user-info .img-cover, .page-container.page-form.page-search_result .form-wrapper .user-info .img-cover {
    width: 149px;
    height: 149px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
/* line 1812, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .user-info .img-cover img, .page-container.page-form.page-history_orders .form-wrapper .user-info .img-cover img, .page-container.page-form.page-order_detail .form-wrapper .user-info .img-cover img, .page-container.page-form.page-favorite .form-wrapper .user-info .img-cover img, .page-container.page-form.page-modify_pw .form-wrapper .user-info .img-cover img, .page-container.page-form.page-maintain_account .form-wrapper .user-info .img-cover img, .page-container.page-form.page-search_result .form-wrapper .user-info .img-cover img {
    width: 100%;
}
/* line 1816, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .user-info .icon, .page-container.page-form.page-history_orders .form-wrapper .user-info .icon, .page-container.page-form.page-order_detail .form-wrapper .user-info .icon, .page-container.page-form.page-favorite .form-wrapper .user-info .icon, .page-container.page-form.page-modify_pw .form-wrapper .user-info .icon, .page-container.page-form.page-maintain_account .form-wrapper .user-info .icon, .page-container.page-form.page-search_result .form-wrapper .user-info .icon {
    display: flex;
    align-items: center;
    padding: 0 25px 0 16px;
}
/* line 1820, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-history_orders .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-order_detail .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-favorite .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-modify_pw .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-maintain_account .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-search_result .form-wrapper .user-info .icon .btn-camera {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #aaa;
    color: #fff;
    border: 0;
    padding: 1px 0 0 1px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/* line 1834, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .user-info .user-introduction, .page-container.page-form.page-history_orders .form-wrapper .user-info .user-introduction, .page-container.page-form.page-order_detail .form-wrapper .user-info .user-introduction, .page-container.page-form.page-favorite .form-wrapper .user-info .user-introduction, .page-container.page-form.page-modify_pw .form-wrapper .user-info .user-introduction, .page-container.page-form.page-maintain_account .form-wrapper .user-info .user-introduction, .page-container.page-form.page-search_result .form-wrapper .user-info .user-introduction {
    color: #666;
}
/* line 1836, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-history_orders .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-order_detail .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-favorite .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-modify_pw .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-maintain_account .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-search_result .form-wrapper .user-info .user-introduction h3.user-name {
    font-size: 24px;
    line-height: 1;
    padding: 32px 0 26px;
}
/* line 1842, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-history_orders .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-order_detail .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-favorite .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-modify_pw .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-maintain_account .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-search_result .form-wrapper .user-info .user-introduction .content p {
    line-height: 26px;
}
/* line 1849, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner,
.page-container.page-form.page-history_orders .form-wrapper .form-inner,
.page-container.page-form.page-order_detail .form-wrapper .form-inner,
.page-container.page-form.page-maintain_account .form-wrapper .form-inner,
.page-container.page-form.page-search_result .form-wrapper .form-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 12px;
}
.page-container.page-form.page-maintain_account .form-wrapper .form-inner{flex-direction: column;
                                                                          align-items: flex-start; margin-top: 0;padding: 0;}
.page-container.page-form.page-modify_pw .form-wrapper .form-inner{
    flex-direction: column;
    align-items:center;
    padding: 16px 12px;}
/* line 1853, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .sub-title, .page-container.page-form.page-history_orders .form-wrapper .form-inner .sub-title, .page-container.page-form.page-order_detail .form-wrapper .form-inner .sub-title, .page-container.page-form.page-favorite .form-wrapper .form-inner .sub-title, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .sub-title, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .sub-title, .page-container.page-form.page-search_result .form-wrapper .form-inner .sub-title {
    position: relative;
    width: 100%;
    height: 54px;
    background: #f1f1f1;
    color: #333;
    font-size: 16.5px;
    font-weight: bold;
    line-height: 53px;
    padding-left: 29px;
    margin-bottom: 26px;
}
/* line 1865, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group,
.page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group,
.page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group,
.page-container.page-form.page-favorite .form-wrapper .form-inner .form-group,
.page-container.page-form.page-search_result .form-wrapper .form-inner .form-group {
    margin-left: 74px;
    margin-right: initial;
    color: #333;
    font-size: 16px;
}
.page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group{
    margin-left: 34px;
    width: 90%;
    border-bottom: 1px solid #ededed;
}
.page-container.page-form.page-maintain_account .form-wrapper .form-inner .sub-title::after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 2.6rem;
}
.page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group{
    margin-left: 0;margin-right: initial;
    color: #333;
    font-size: 16px;
}
/* line 1870, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group label,
.page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group label,
.page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group label,
.page-container.page-form.page-favorite .form-wrapper .form-inner .form-group label,
.page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group label,
.page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group label,
.page-container.page-form.page-search_result .form-wrapper .form-inner .form-group label,
.page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group label.sr-only{
    width: 87px;
}
.form-cart .sr-only, .form-group .sr-only{ position: relative;}

/* line 1873, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group label.no-colon::after, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group label.no-colon::after, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group label.no-colon::after, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group label.no-colon::after, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group label.no-colon::after, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group label.no-colon::after, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group label.no-colon::after {
    content: "";
}
/* line 1879, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .form-control {
    width: 417px;
}
/* line 4, ../sass/_mixins.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .form-control::-webkit-input-placeholder, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .form-control::-webkit-input-placeholder, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .form-control::-webkit-input-placeholder, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .form-control::-webkit-input-placeholder, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control::-webkit-input-placeholder, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control::-webkit-input-placeholder, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ccc;
}
/* line 7, ../sass/_mixins.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .form-control::-moz-placeholder, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .form-control::-moz-placeholder, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .form-control::-moz-placeholder, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .form-control::-moz-placeholder, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control::-moz-placeholder, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control::-moz-placeholder, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc;
}
/* line 10, ../sass/_mixins.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .form-control:-ms-input-placeholder, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .form-control:-ms-input-placeholder, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .form-control:-ms-input-placeholder, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .form-control:-ms-input-placeholder, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control:-ms-input-placeholder, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control:-ms-input-placeholder, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #ccc;
}
/* line 13, ../sass/_mixins.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .form-control:-moz-placeholder, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .form-control:-moz-placeholder, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .form-control:-moz-placeholder, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .form-control:-moz-placeholder, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control:-moz-placeholder, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control:-moz-placeholder, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc;
}
/* line 1882, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .form-control.form-control-sm {
    width: 270px;
}
/* line 1886, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .form-control.form-control-block, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .form-control.form-control-block, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .form-control.form-control-block, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .form-control.form-control-block, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control.form-control-block, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control.form-control-block, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .form-control.form-control-block {
    width: 654px;
}
/* line 1891, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .radio-box {
    font-size: 16px;align-items: center;
}
/* line 1893, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .radio-box .radio, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .radio-box .radio, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .radio-box .radio, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .radio-box .radio, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .radio-box .radio, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .radio-box .radio, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .radio-box .radio {
    width: 14px;
    height: 14px;
    margin-right: 10px;
}
/* line 1898, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .radio-box:last-child, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .radio-box:last-child, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .radio-box:last-child, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .radio-box:last-child, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .radio-box:last-child, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .radio-box:last-child, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .radio-box:last-child {
    margin-left: 16px;
}
/* line 1904, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .button-msg, .page-container.page-form.page-history_orders .form-wrapper .form-inner .button-msg, .page-container.page-form.page-order_detail .form-wrapper .form-inner .button-msg, .page-container.page-form.page-favorite .form-wrapper .form-inner .button-msg, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .button-msg, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .button-msg, .page-container.page-form.page-search_result .form-wrapper .form-inner .button-msg {
    display: flex;
    align-items: center;
    margin: 25px 0 43px 74px;
}
/* line 1908, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-history_orders .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-order_detail .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-favorite .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-search_result .form-wrapper .form-inner .button-msg .btn-save {
    margin: 0 31px 0 0;
}
/* line 1911, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .button-msg .text-red, .page-container.page-form.page-history_orders .form-wrapper .form-inner .button-msg .text-red, .page-container.page-form.page-order_detail .form-wrapper .form-inner .button-msg .text-red, .page-container.page-form.page-favorite .form-wrapper .form-inner .button-msg .text-red, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .button-msg .text-red, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .button-msg .text-red, .page-container.page-form.page-search_result .form-wrapper .form-inner .button-msg .text-red {
    font-size: 16.5px;
}
/* line 1916, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner .inner-title, .page-container.page-form.page-history_orders .form-wrapper .form-inner .inner-title, .page-container.page-form.page-order_detail .form-wrapper .form-inner .inner-title, .page-container.page-form.page-favorite .form-wrapper .form-inner .inner-title, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .inner-title, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .inner-title, .page-container.page-form.page-search_result .form-wrapper .form-inner .inner-title {
    font-size: 24.5px;
    margin-bottom: 25px;
}
/* line 1921, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner p, .page-container.page-form.page-history_orders .form-wrapper .form-inner p, .page-container.page-form.page-order_detail .form-wrapper .form-inner p, .page-container.page-form.page-favorite .form-wrapper .form-inner p, .page-container.page-form.page-modify_pw .form-wrapper .form-inner p, .page-container.page-form.page-maintain_account .form-wrapper .form-inner p, .page-container.page-form.page-search_result .form-wrapper .form-inner p {
    font-size: 14px;
    line-height: 24px;
    color: #727272;
}
/* line 1927, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .form-inner.form-status-success, .page-container.page-form.page-history_orders .form-wrapper .form-inner.form-status-success, .page-container.page-form.page-order_detail .form-wrapper .form-inner.form-status-success, .page-container.page-form.page-favorite .form-wrapper .form-inner.form-status-success, .page-container.page-form.page-modify_pw .form-wrapper .form-inner.form-status-success, .page-container.page-form.page-maintain_account .form-wrapper .form-inner.form-status-success, .page-container.page-form.page-search_result .form-wrapper .form-inner.form-status-success {
    align-items: center;
    padding: 76px 0 68px;
}
/* line 1933, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .product-wrapper.product-primary.product-list, .page-container.page-form.page-history_orders .form-wrapper .product-wrapper.product-primary.product-list, .page-container.page-form.page-order_detail .form-wrapper .product-wrapper.product-primary.product-list, .page-container.page-form.page-favorite .form-wrapper .product-wrapper.product-primary.product-list, .page-container.page-form.page-modify_pw .form-wrapper .product-wrapper.product-primary.product-list, .page-container.page-form.page-maintain_account .form-wrapper .product-wrapper.product-primary.product-list, .page-container.page-form.page-search_result .form-wrapper .product-wrapper.product-primary.product-list {
    margin-top: 10px;
}
/* line 1935, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .product-wrapper.product-primary.product-list .product-item .img-cover, .page-container.page-form.page-history_orders .form-wrapper .product-wrapper.product-primary.product-list .product-item .img-cover, .page-container.page-form.page-order_detail .form-wrapper .product-wrapper.product-primary.product-list .product-item .img-cover, .page-container.page-form.page-favorite .form-wrapper .product-wrapper.product-primary.product-list .product-item .img-cover, .page-container.page-form.page-modify_pw .form-wrapper .product-wrapper.product-primary.product-list .product-item .img-cover, .page-container.page-form.page-maintain_account .form-wrapper .product-wrapper.product-primary.product-list .product-item .img-cover, .page-container.page-form.page-search_result .form-wrapper .product-wrapper.product-primary.product-list .product-item .img-cover {
    width: 200px;
    height: 200px;
}
/* line 1940, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .product-wrapper.product-primary.product-list .favorite-btns, .page-container.page-form.page-history_orders .form-wrapper .product-wrapper.product-primary.product-list .favorite-btns, .page-container.page-form.page-order_detail .form-wrapper .product-wrapper.product-primary.product-list .favorite-btns, .page-container.page-form.page-favorite .form-wrapper .product-wrapper.product-primary.product-list .favorite-btns, .page-container.page-form.page-modify_pw .form-wrapper .product-wrapper.product-primary.product-list .favorite-btns, .page-container.page-form.page-maintain_account .form-wrapper .product-wrapper.product-primary.product-list .favorite-btns, .page-container.page-form.page-search_result .form-wrapper .product-wrapper.product-primary.product-list .favorite-btns {
    margin-top: 27px;
    text-align: center;
    padding-bottom: 10px;
}
/* line 1947, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .form-wrapper .total-items, .page-container.page-form.page-history_orders .form-wrapper .total-items, .page-container.page-form.page-order_detail .form-wrapper .total-items, .page-container.page-form.page-favorite .form-wrapper .total-items, .page-container.page-form.page-modify_pw .form-wrapper .total-items, .page-container.page-form.page-maintain_account .form-wrapper .total-items, .page-container.page-form.page-search_result .form-wrapper .total-items {
    color: #727272;
    font-size: 17px;
    margin: 24px 20px 0;
}
/* line 1954, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .search-msg, .page-container.page-form.page-history_orders .search-msg, .page-container.page-form.page-order_detail .search-msg, .page-container.page-form.page-favorite .search-msg, .page-container.page-form.page-modify_pw .search-msg, .page-container.page-form.page-maintain_account .search-msg, .page-container.page-form.page-search_result .search-msg {
    margin: 16px 0;
    padding: 0 15px;
    font-size: 17px;
}
/* line 1958, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .search-msg .btn-link, .page-container.page-form.page-history_orders .search-msg .btn-link, .page-container.page-form.page-order_detail .search-msg .btn-link, .page-container.page-form.page-favorite .search-msg .btn-link, .page-container.page-form.page-modify_pw .search-msg .btn-link, .page-container.page-form.page-maintain_account .search-msg .btn-link, .page-container.page-form.page-search_result .search-msg .btn-link {
    font-size: 17px;
    color: #0053ec;
    text-decoration: underline;
}
/* line 1965, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .product-list, .page-container.page-form.page-history_orders .product-list, .page-container.page-form.page-order_detail .product-list, .page-container.page-form.page-favorite .product-list, .page-container.page-form.page-modify_pw .product-list, .page-container.page-form.page-maintain_account .product-list, .page-container.page-form.page-search_result .product-list {
    justify-content: flex-start;
}
/* line 1967, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .product-list .favorite-item, .page-container.page-form.page-history_orders .product-list .favorite-item, .page-container.page-form.page-order_detail .product-list .favorite-item, .page-container.page-form.page-favorite .product-list .favorite-item, .page-container.page-form.page-modify_pw .product-list .favorite-item, .page-container.page-form.page-maintain_account .product-list .favorite-item, .page-container.page-form.page-search_result .product-list .favorite-item {
    margin-right: 18px;
}
/* line 1969, ../sass/_pages.scss */
.page-container.page-form.page-order_inquire .product-list .favorite-item:nth-child(4n), .page-container.page-form.page-history_orders .product-list .favorite-item:nth-child(4n), .page-container.page-form.page-order_detail .product-list .favorite-item:nth-child(4n), .page-container.page-form.page-favorite .product-list .favorite-item:nth-child(4n), .page-container.page-form.page-modify_pw .product-list .favorite-item:nth-child(4n), .page-container.page-form.page-maintain_account .product-list .favorite-item:nth-child(4n), .page-container.page-form.page-search_result .product-list .favorite-item:nth-child(4n) {
    margin-right: 0;
}
/* line 1976, ../sass/_pages.scss */
.page-container.page-form.page-search_result {
    padding-left: 27px;
}
/* line 1980, ../sass/_pages.scss */
.page-container.page-form.page-order_detail {
}
/* line 1985, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book, .page-container.page-form.page-bonus_deposit_book_luxgen, .page-container.page-form.page-discount_coupon {
}
/* line 1990, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper {
    margin-top: 13px;
}
/* line 1992, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .deposit-tab,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .deposit-tab,
.deposit-tab {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}
.page-maintain_account .deposit-tab{ margin-top: 50px; margin-bottom: 0;}
/* line 1996, ../sass/_pages.scss/beauty_cash */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .deposit-tab ul li,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .deposit-tab ul li,
.deposit-tab ul li {
    font-size: 17px;
    width: 155px;
    height: 39px;
    line-height: 39px;
    background: #e5e5e5;
    float: left;
}
/* line 2003, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .deposit-tab ul li a, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .deposit-tab ul li a, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .deposit-tab ul li a {
    display: block;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: 300;
}
/* line 2011, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .deposit-tab ul li.active,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .deposit-tab ul li.active,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .deposit-tab ul li.active,
.deposit-tab ul li.active{
    background: #c3aa6f;
}
/* line 2019, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .deposit-tab.coupon-tab ul li,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .deposit-tab.coupon-tab ul li,
.deposit-tab.coupon-tab ul li {
    margin-right: 1px;
    width: 115px;
}
/* line 2022, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .deposit-tab.coupon-tab ul li button,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .deposit-tab.coupon-tab ul li button,
.deposit-tab.coupon-tab ul li button {
    border: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 17px;
}
.btn[data-target="unused"]{color: #fff;}
.profile_recipients td{line-height: 1.6; padding: 8px 0;border-bottom: 2px solid #eee;}
.profile_recipients td img{vertical-align: middle;}
/* line 2036, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point {
    display: flex;
    width: 100%;
    height: 46px;
    align-items: center;
    margin-bottom: 22px;
}
/* line 2044, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul li, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul li {
    display: inline-flex;
    float: left;
    font-size: 15px;
    color: #666;
    /*padding: 0 20px;  bonus拿掉了*/
    border-right: 1px solid #666;
}
/* line 2053, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li .label::after, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul li .label::after, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul li .label::after {
    content: "：";
}
/* line 2058, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li:last-child, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul li:last-child, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul li:last-child {
    border-right: 0;
}
/* line 2066, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    margin-bottom: 22px;
}
/* line 2073, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar .s-title, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar .s-title, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar .s-title {
    color: #353535;
}
/* line 2077, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar input[type=text],
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar select.form-control, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar input[type=text],
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar select.form-control, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar input[type=text],
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar select.form-control {
    width: 134px;
    height: 41px;
    background: #fff;
    font-size: 15px;
}
/* line 2085, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar input[type=text], .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar input[type=text], .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar input[type=text] {
    margin-right: 10px;
    padding-left: 10px;
}
/* line 2089, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar input[type=text].control-lg, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar input[type=text].control-lg, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar input[type=text].control-lg {
    width: 194px;
    padding-left: 40px;
}
/* line 2095, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar select, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar select, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar select {
    margin-left: 14px;
}
/* line 2099, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar .btn-search, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar .btn-search, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar .btn-search {
    width: 69px;
    /*height: 32px;
    line-height: 32px;   beauty_cash 拿掉了*/
    background: #868686;
    font-size: 15px;
}
/* line 2107, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar .search-point-type, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar .search-point-type, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar .search-point-type {
    display: inline-flex;
}
/* line 2109, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar .search-point-type .radio, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar .search-point-type .radio, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar .search-point-type .radio {
    display: flex;
    align-items: center;
    margin-right: 18px;
}
/* line 2113, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar .search-point-type .radio:last-child, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar .search-point-type .radio:last-child, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar .search-point-type .radio:last-child {
    margin-right: 0;
}
/* line 2123, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    color: #323232;
}
/* line 2129, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table th, .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table td,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table th,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table th, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table td,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table th,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table th, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table td,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table th,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td {
    text-align: center;
    border: 1px solid #fff;
    padding: 16px 0;
}
/* line 2136, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table th,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table th, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table th,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table th, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table th,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table th {
    font-weight: bold;
    background: #e6e6e6;
}
/* line 2139, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table th.w-280,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table th.w-280, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table th.w-280,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table th.w-280, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table th.w-280,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table th.w-280 {
    width: 280px;
}
/* line 2143, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table th.w-176,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table th.w-176, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table th.w-176,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table th.w-176, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table th.w-176,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table th.w-176 {
    width: 176px;
}
/* line 2147, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table th.w-136,
.page-container .inline-grid-system-wrapper .grid-container table th.w-136,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table th.w-136, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table th.w-136,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table th.w-136, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table th.w-136,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table th.w-136 {
    width: 136px;
}
/* line 2152, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table td,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table td,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table td,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td {
    font-size: 15px;
}

/* line 2158, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table td .coupon-point,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .coupon-point, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table td .coupon-point,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .coupon-point, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table td .coupon-point,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .coupon-point {
    font-size: 30px;
}
/* line 2160, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table td .coupon-point .sign,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .coupon-point .sign, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table td .coupon-point .sign,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .coupon-point .sign, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table td .coupon-point .sign,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .coupon-point .sign {
    font-size: 18px;
}
/* line 2165, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table td .comment,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .comment, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table td .comment,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .comment, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table td .comment,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .comment {
    font-size: 14px;
}
/* line 2169, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table td.w-280,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td.w-280, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table td.w-280,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td.w-280, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table td.w-280,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td.w-280 {
    padding: 16px;
}
/* line 2173, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table td.align-left,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td.align-left, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table td.align-left,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td.align-left, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table td.align-left,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td.align-left {
    padding: 16px 22px;    text-align: left;
}
/* line 2175, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table td.align-left p,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td.align-left p, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table td.align-left p,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td.align-left p, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table td.align-left p,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td.align-left p {
    text-align: left;
    font-size: 14px;
}
/* line 2181, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list table td .text-blue,
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .text-blue, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list table td .text-blue,
.page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .text-blue, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list table td .text-blue,
.page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .text-blue {
    text-decoration: underline;
}
/* line 2188, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list {
    display: none;
}
/* line 2191, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list.active, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list.active, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list.active {
    display: block;
}
/* line 2196, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .help-block, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .help-block, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .help-block {
    text-align: center;
    margin: 25px 0 0;
}
/* line 2202, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .action-btns, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .action-btns, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .action-btns {
    margin-top: 28px;
}
/* line 2204, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .action-btns .btn, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .action-btns .btn, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .action-btns .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    margin: 0 auto;
    height: 45px;
    color: #fff;
    background: #c3aa6f;
    font-size: 21.5px;
}
/* line 2215, ../sass/_pages.scss */
.page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .action-btns .btn .icon, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .action-btns .btn .icon, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .action-btns .btn .icon {
    display: inline-flex;
    width: 35px;
    height: 35px;
    background: #fff;
    color: #c3aa6f;
    margin-right: 17px;
    align-items: center;
    justify-content: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/* line 2233, ../sass/_pages.scss */
.page-container.page-faq {}
/* line 2236, ../sass/_pages.scss */
.page-container.page-faq h1.title-faq {
    color: #c3aa6f;
    font-size: 30px;
    border-left: 6px solid #c3aa6f;
    padding-left: 9px;
}
/* line 2244, ../sass/_pages.scss */
.page-container.page-faq .faq-inner {
    display: none;
    margin-top: 23px;
}
/* line 2248, ../sass/_pages.scss */
.page-container.page-faq .faq-inner.active {
    display: block;
}
/* line 2253, ../sass/_pages.scss */
.page-container.page-faq .contact_customer-inner {
    margin-top: 30px;
}
/* line 2258, ../sass/_pages.scss */
.page-container.page-faq .contact_customer-inner .form-row {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
/* line 2262, ../sass/_pages.scss */
.page-container.page-faq .contact_customer-inner .form-row .form-group {
    font-size: 15px;
    width: 354px;
    display: flex;
    flex-direction: column;
}

/* line 2271, ../sass/_pages.scss */
.page-container.page-faq .contact_customer-inner .form-row .form-group label .star {
    color: #c3aa6f;
}
/* line 4, ../sass/_mixins.scss */
.page-container.page-faq .contact_customer-inner .form-row .form-group .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #979797;
}
/* line 7, ../sass/_mixins.scss */
.page-container.page-faq .contact_customer-inner .form-row .form-group .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #979797;
}
/* line 10, ../sass/_mixins.scss */
.page-container.page-faq .contact_customer-inner .form-row .form-group .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #979797;
}
/* line 13, ../sass/_mixins.scss */
.page-container.page-faq .contact_customer-inner .form-row .form-group .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #979797;
}
/* line 2287, ../sass/_pages.scss */
.page-container.page-faq .contact_customer-inner .form-row .form-group.form-block {
    width: 100%;
}
/* line 2289, ../sass/_pages.scss */
.page-container.page-faq .contact_customer-inner .form-row .form-group.form-block .form-control {
    padding: 12px 16px;
    height: 155px;
    resize: none;
}
/* line 2298, ../sass/_pages.scss */
.page-container.page-faq .contact_customer-inner .action-btns {
    text-align: center;
}
/* line 2305, ../sass/_pages.scss */
.page-container .inline-search-wrapper {
    margin: 26px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* line 2310, ../sass/_pages.scss */
.page-container .inline-search-wrapper .input-group {
    font-size: 15px;
    border: 1px solid #cbcbcb;
    height: 41px;
    width: 186px;
    margin-bottom: 0;
}
/* line 2317, ../sass/_pages.scss */
.page-container .inline-search-wrapper .input-group .select-box {
    width: 100%;
}
/* line 2321, ../sass/_pages.scss */
.page-container .inline-search-wrapper .input-group .dropdown-toggle {
    font-size: 15px;
    width: 100%;
    height: 39px;
    margin: 0;
    padding: 0 14px 0 22px;
    border: 0;
}
/* line 2329, ../sass/_pages.scss */
.page-container .inline-search-wrapper .input-group .dropdown-toggle .val {
    margin-right: 5px;
}
/* line 2335, ../sass/_pages.scss */
.page-container .inline-search-wrapper .form-control {
    width: 266px;
    height: 41px;
    border: 1px solid #cbcbcb;
    padding-left: 20px;
}
/* line 2344, ../sass/_pages.scss */
.page-container .inline-grid-system-wrapper {
    margin-top: 26px;
}
.page-container .inline-grid-system-wrapper .grid-container table {
    width: 100%;
    border-collapse: collapse;
}
.point-list tr.bg-gray, .table-collapse .bg-gray,
.page-container .inline-grid-system-wrapper .grid-container table tr.bg-gray ,
.page-container .order-detail-wrapper .order-proc-info table tr.bg-gray{
    background: #f1f1f1;
}
.table-collapse tr:nth-child(even){background: #f1f1f1;}
.page-container .inline-grid-system-wrapper .grid-container table th, .page-container .inline-grid-system-wrapper .grid-container table td {
    color: #333;
    border: 2px solid #fff;
    text-align: center;
}
.page-container .inline-grid-system-wrapper .grid-container table th.order-date, .page-container .inline-grid-system-wrapper .grid-container table td.order-date {
    width: 90px;
}
.page-container .inline-grid-system-wrapper .grid-container table th.w-60, .page-container .inline-grid-system-wrapper .grid-container table td.w-60 {
    width: 60px;
}
.page-container .inline-grid-system-wrapper .grid-container table th.w-90, .page-container .inline-grid-system-wrapper .grid-container table td.w-90 {
    width: 90px;
}
.page-container .inline-grid-system-wrapper .grid-container table th.w-120, .page-container .inline-grid-system-wrapper .grid-container table td.w-120 {
    width: 120px;
}
.page-container .inline-grid-system-wrapper .grid-container table th {
    padding: 10px 0;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	background: #e6e6e6;
}
.page-container .inline-grid-system-wrapper .grid-container table td {
    font-size: 15px;
    line-height: 26px;
    padding: 10px 3px;
    word-break: break-all;
}
.page-container .inline-grid-system-wrapper .grid-container table td .btn-open-modal {
    font-size: 14px;
    border: 0;
    background: #5bbae8;
    color: #fff;
    margin-bottom: 10px;
    width: 80px;
}
.page-container .inline-grid-system-wrapper .grid-container table td .btn-open-modal.disabled {
    cursor: not-allowed;
    background: #cbcbcb;
}
.page-container .inline-grid-system-wrapper .grid-container table td .btn-contact-customer {
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    padding: 2px 7px;
    background: transparent;
}
.page-container .inline-grid-system-wrapper .grid-container table td:nth-child(6) { font-size: 14px;}
.sort{position: relative;}
.sort.down::after{content: "\f0d7";position: absolute; top: -8px; left: -15px;}
.sort.up::after{content: "\f0d8";position: absolute; top: -8px; left: -15px;}
.page-container .inline-grid-system-wrapper .grid-container table a:hover { text-decoration: underline;}
.page-container .order-detail-wrapper .order-proc-info,
.page-container .order-detail-wrapper .order-payment-info,
.page-container .order-detail-wrapper .order-receiver-info {
    margin-bottom: 33px;
}

.page-container .order-detail-wrapper .order-proc-info table,
.page-container .order-detail-wrapper .order-payment-info table,
.page-container .order-detail-wrapper .order-receiver-info table {
    width: 100%;
    border: 2px solid #fff;
    border-collapse: inherit;
}
.page-container .order-detail-wrapper .order-proc-info table .text-left,
.page-container .order-detail-wrapper .order-payment-info table .text-left,
.page-container .order-detail-wrapper .order-receiver-info table .text-left {
    text-align: left;
}
.page-container .order-detail-wrapper .order-proc-info table th,
.page-container .order-detail-wrapper .order-payment-info table th,
.page-container .order-detail-wrapper .order-receiver-info table th {
    border: 2px solid #fff;
}
.order_detstatis{ border-top: 1px solid #999;}
.page-container .order-detail-wrapper .order-proc-info table th .proc-no,
.page-container .order-detail-wrapper .order-proc-info table th .proc-date,
.page-container .order-detail-wrapper .order-proc-info table th .pay-no,
.page-container .order-detail-wrapper .order-proc-info table th .pay-way,
.page-container .order-detail-wrapper .order-payment-info table th .proc-no,
.page-container .order-detail-wrapper .order-payment-info table th .proc-date,
.page-container .order-detail-wrapper .order-payment-info table th .pay-no,
.page-container .order-detail-wrapper .order-payment-info table th .pay-way,
.page-container .order-detail-wrapper .order-receiver-info table th .proc-no,
.page-container .order-detail-wrapper .order-receiver-info table th .proc-date,
.page-container .order-detail-wrapper .order-receiver-info table th .pay-no,
.page-container .order-detail-wrapper .order-receiver-info table th .pay-way {
    display: inline-block;
    margin-right: 16px;
}
td .pay-no, td .pay-way{ display: inline-block; width: 45%;}
/* line 2497, ../sass/_pages.scss */
.page-container .order-detail-wrapper .order-proc-info table th .proc-no .icon,
.page-container .order-detail-wrapper .order-proc-info table th .proc-date .icon,
.page-container .order-detail-wrapper .order-proc-info table th .pay-no .icon,
.page-container .order-detail-wrapper .order-proc-info table th .pay-way .icon,
.page-container .order-detail-wrapper .order-payment-info table th .proc-no .icon,
.page-container .order-detail-wrapper .order-payment-info table th .proc-date .icon,
.page-container .order-detail-wrapper .order-payment-info table th .pay-no .icon,
.page-container .order-detail-wrapper .order-payment-info table th .pay-way .icon,
.page-container .order-detail-wrapper .order-receiver-info table th .proc-no .icon,
.page-container .order-detail-wrapper .order-receiver-info table th .proc-date .icon,
.page-container .order-detail-wrapper .order-receiver-info table th .pay-no .icon,
.page-container .order-detail-wrapper .order-receiver-info table th .pay-way .icon {
    margin-right: 7px;
}
.th-inner-flex,
.page-container .order-detail-wrapper .order-payment-info table th .th-inner-flex,
.page-container .order-detail-wrapper .order-receiver-info table th .th-inner-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    line-height: 1;
    padding: 30px 7px;
}
.th-inner-flex .th-col,
.page-container .order-detail-wrapper .order-payment-info table th .th-inner-flex .th-col,
.page-container .order-detail-wrapper .order-receiver-info table th .th-inner-flex .th-col {
    display: flex;
    margin-bottom: 10px;
}
.th-inner-flex .th-col .price{margin: 0 20px 0;}
.bg_gary{ display: none;}
.order-proc-info table th .th-inner-flex .th-col:last-child,
.page-container .order-detail-wrapper .order-payment-info table th .th-inner-flex .th-col:last-child,
.page-container .order-detail-wrapper .order-receiver-info table th .th-inner-flex .th-col:last-child {
    margin-bottom: 0;
}
.th-inner-flex .th-col .price,
.page-container .order-detail-wrapper .order-payment-info table th .th-inner-flex .th-col .price,
.page-container .order-detail-wrapper .order-receiver-info table th .th-inner-flex .th-col .price {
    width: 120px;
    text-align: right;
}
.order-proc-info table td,
.page-container .order-detail-wrapper .order-payment-info table td,
.page-container .order-detail-wrapper .order-receiver-info table td {
    text-align: center;
    padding: 10px;
    line-height: 18px;
    font-size: 1.6rem;
    vertical-align: middle;
    color: #333;
    border-top: 1px solid #fff;
}
.page-container .order-detail-wrapper .order-proc-info table td.order_det{ display: flex; align-items: center; text-align: left;}
.page-container .order-detail-wrapper .order-payment-info table td{text-align: left; width: 220px;}
.page-container .order-detail-wrapper .order-proc-info table td.order_det div:nth-child(2){margin-left: 10px; width: 80%;}
/* line 2536, ../sass/_pages.scss */
.page-container .order-detail-wrapper .order-proc-info table td .td-inner-flex,
.page-container .order-detail-wrapper .order-payment-info table td .td-inner-flex,
.page-container .order-detail-wrapper .order-receiver-info table td .td-inner-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-container .order-detail-wrapper .order-proc-info table td .img-cover,
.page-container .order-detail-wrapper .order-payment-info table td .img-cover,
.page-container .order-detail-wrapper .order-receiver-info table td .img-cover {
    display: inline-block;
    width: 16%;
    height: auto;
}
.page-container .order-detail-wrapper .order-proc-info table td .img-cover img,
.page-container .order-detail-wrapper .order-payment-info table td .img-cover img,
.page-container .order-detail-wrapper .order-receiver-info table td .img-cover img {
    width: 100%;border: 1px solid #ccc;
}
/* line 2551, ../sass/_pages.scss */
.page-container .order-detail-wrapper .order-proc-info table td .btn-link,
.page-container .order-detail-wrapper .order-payment-info table td .btn-link,
.page-container .order-detail-wrapper .order-receiver-info table td .btn-link {
    display: block;
    color: #c3aa6f;
    text-decoration: underline;
}
.page-container .order-detail-wrapper .order-proc-info table td .proc-name,
.page-container .order-detail-wrapper .order-payment-info table td .proc-name,
.page-container .order-detail-wrapper .order-receiver-info table td .proc-name {
    display: inline-block;
    width: 148px;
    word-break: break-all;
    margin-left: 14px;
}
.page-container .order-detail-wrapper .order-proc-info table td.fixed-title,
.page-container .order-detail-wrapper .order-payment-info table td.fixed-title,
.page-container .order-detail-wrapper .order-receiver-info table td.fixed-title {
    width: 159px;
}
.page-container .order-detail-wrapper .order-proc-info table tr.bg-dark,
.page-container .order-detail-wrapper .order-payment-info table tr.bg-dark,
.page-container .order-detail-wrapper .order-receiver-info table tr.bg-dark {
    background: #e6e6e6;
}
.page-container .order-detail-wrapper .order-proc-info table tr.bg-dark td{font-weight: bold;}
/* line 2576, ../sass/_pages.scss */
.page-container .order-detail-wrapper .order-proc-info.order-payment-info,
.page-container .order-detail-wrapper .order-receiver-info.order-payment-info {
    margin-bottom: 13px;
}
.page-container .order-detail-wrapper .order-payment-info.order-payment-info{
    border: 1px solid #eee;
}
.page-container .order-detail-wrapper .order-proc-info.order-receiver-info,
.page-container .order-detail-wrapper .order-payment-info.order-receiver-info,
.page-container .order-detail-wrapper .order-receiver-info.order-receiver-info {
    margin-bottom: 13px;
}
.page-container .order-detail-wrapper .order-proc-info.order-receiver-info table th,
.page-container .order-detail-wrapper .order-payment-info.order-receiver-info table th,
.page-container .order-detail-wrapper .order-receiver-info.order-receiver-info table th {
    width: 192px;
    text-align: center;
    border: 0;
    color: #777;
}
.page-container .order-detail-wrapper .order-proc-info.order-receiver-info table td,
.page-container .order-detail-wrapper .order-payment-info.order-receiver-info table td,
.page-container .order-detail-wrapper .order-receiver-info.order-receiver-info table td {
    color: #727272;
    text-align: left;
    border-left: 0;
    padding-left: 33px;
}
.page-container .order-detail-wrapper .order-payment-detail {background-color: #fff; }
.page-container .order-detail-wrapper .order-payment-detail .title {
    color: #000;
    text-align: left;
    background: #e6e6e6;
    font-size: 1.6rem;
    padding: 12px 20px;
    border-left: 0;
    border-bottom: 2px solid #fff;
}
.page-container .order-detail-wrapper .order-payment-detail .payment-detail-content {
    display: flex;
    margin: 10px auto;
    border-bottom: 1px solid #e6e6e6;
    width: calc(100% - 24px);
    padding-bottom: 25px;
}
.page-container .order-detail-wrapper .order-payment-detail .payment-detail-content .text-dark-red {
    padding-top: 5px;
    width: 28px;
    display: flex;
    justify-content: center;
}
.page-container .order-detail-wrapper .order-payment-detail .payment-detail-content .txt-content {
    flex: 1;
    line-height: 26px;
    font-size: 15px;
}
.page-container .order-detail-wrapper .order-payment-detail .payment-detail-content:last-child { border-bottom: 0;}
.page-container .order-detail-wrapper .dashed-title {
    font-size: 1.6rem;
    padding: 12px 20px;
    color: #000;
    background: #eee;
}
.banner-dots {
    position: absolute;
    bottom: 14px;
    left: 0;
    width: 100%;
    height: 20px;
    text-align: center;
}
.banner-dots li {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 6px;
    background: rgba(0, 0, 0, 0.3);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.banner-dots li button {
    display: block;
    background: transparent;
    color: transparent;
    border: 0;
}
.banner-dots li.slick-active { background: #c3aa6f;}
#twzipcode { display: flex;}
.county,
.district {
    font-size: 16px;
    border: 1px solid #c8c8c8;
    margin-right: 18px;
    width: 129px;
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    align-items: flex-end;
    margin: 5px 10px 5px 0;
}
.checkout .radio-box.invoice select{border: 1px solid #c8c8c8; margin-left: 23px;}
.zipcode { display: none;}
.cr-modal { z-index: 3000;}
.cr-modal .cr-layer { width: 300px;}
.cr-modal .crop-action-buttons { display: flex; justify-content: space-around;}
.cr-modal .crop-action-buttons .btn {
    width: 45%;
    height: 32px;
    border: 0;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.cr-modal .crop-action-buttons .btn-upload-result { background: #c3aa6f;}
.cr-modal .crop-action-buttons .btn-upload-result:hover { background: #333;}
.cr-modal .crop-action-buttons .btn-cr-cancel { background: #bfbfbf;}
.cr-modal .crop-action-buttons .btn-cr-cancel:hover { background: #999;}
.cr-modal .cr-file-wrapper { display: inline-flex;}
.cr-modal .cr-file-wrapper input {
    width: 72px;
    border: 1px solid #bfbfbf;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.cr-modal .cr-file-wrapper input:focus { outline: none;}
.model-block {  display: none; position: relative;}
.model-block .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2rem;
    color: #666;
    border: 0;
    background: none;
}
.model-block h2.title {  font-size: 29.5px;  line-height: 50px;}
.model-block .btn-sure {
    width: 185px;
    border: 0;
    background: #c3aa6f;
    color: #fff;
    font-size: 21.5px;
    margin-top: 44px;
}
.model-block .btn-sure.btn-refund {  margin-top: 26px;}
.model-block.model-cancel-order, .model-block.model-refund-application {
    padding: 15px 105px 31px;
    font-size: 15px;
}
.model-block.model-cancel-order h2.title, .model-block.model-refund-application h2.title { margin-bottom: 20px;}
.model-block.model-cancel-order .product-content, .model-block.model-refund-application .product-content {
    display: flex;
    border: 2px solid #cbcbcb;
    width: 100%;
    height: 172px;
    margin-bottom: 24px;
}
.model-block.model-cancel-order .product-content .img-cover, .model-block.model-refund-application .product-content .img-cover {
    width: 96px;
    height: 96px;
}
.model-block.model-cancel-order .product-content .img-cover img, .model-block.model-refund-application .product-content .img-cover img {
    width: 100%;
}
.model-block.model-cancel-order .product-content .p-block, .model-block.model-refund-application .product-content .p-block {
    border-right: 2px solid #cbcbcb;
    display: flex;
    flex-direction: column;
}
.model-block.model-cancel-order .product-content .p-block .title, .model-block.model-refund-application .product-content .p-block .title {
    color: #323232;
    padding: 17px 0 16px;
    background: #e5e5e5;
    font-weight: bold;
}
.model-block.model-cancel-order .product-content .p-block .body, .model-block.model-refund-application .product-content .p-block .body {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.model-block.model-cancel-order .product-content .p-block:last-child, .model-block.model-refund-application .product-content .p-block:last-child {
    border-right: 0;
}
.model-block.model-cancel-order .product-content .p-block.p-graph, .model-block.model-refund-application .product-content .p-block.p-graph {
    width: 166px;
}
.model-block.model-cancel-order .product-content .p-block.p-name, .model-block.model-refund-application .product-content .p-block.p-name {
    flex: 1;
}
.model-block.model-cancel-order .product-content .p-block.p-name .body, .model-block.model-refund-application .product-content .p-block.p-name .body {
    color: #c3aa6f;
    font-size: 15px;
    line-height: 24px;
}
.model-block.model-cancel-order .product-content .p-block.p-name .body p, .model-block.model-refund-application .product-content .p-block.p-name .body p {
    max-width: 90%;
}
.model-block.model-cancel-order .product-content .p-block.p-quantity, .model-block.model-refund-application .product-content .p-block.p-quantity {
    width: 111px;
}
.model-block.model-cancel-order .product-content .p-block.p-quantity .body, .model-block.model-refund-application .product-content .p-block.p-quantity .body {
    color: #323232;
}
.model-block.model-cancel-order .select-box, .model-block.model-refund-application .select-box {
    height: 35px;
    padding-left: 19px;
    color: #353535;
    margin-bottom: 39px;
}
.model-block.model-cancel-order .select-box select, .model-block.model-refund-application .select-box select {
    width: 235px;
    height: 35px;
    background: #fff;
    border: 1px solid #cbcbcb;
}
.model-block.model-cancel-order .reason, .model-block.model-refund-application .reason {
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}
.model-block.model-cancel-order .reason p.title, .model-block.model-refund-application .reason p.title {
    padding-left: 19px;
    margin-bottom: 14px;
}
.model-block.model-cancel-order .reason textarea, .model-block.model-refund-application .reason textarea {
    width: 100%;
    height: 123px;
    resize: none;
    border: 1px solid #cbcbcb;
}
.model-block.model-cancel-order .payment-atm-info, .model-block.model-refund-application .payment-atm-info {
    display: none;
    width: 100%;
    border: 1px solid #cbcbcb;
    padding: 22px 0 3px 20px;
}
.model-block.model-cancel-order .payment-atm-info p.title, .model-block.model-refund-application .payment-atm-info p.title {
    text-align: left;
    margin-bottom: 28px;
}
.model-block.model-cancel-order .payment-atm-info .input-group, .model-block.model-refund-application .payment-atm-info .input-group {
    margin-bottom: 15px;
}
.model-block.model-cancel-order .payment-atm-info .input-group label, .model-block.model-refund-application .payment-atm-info .input-group label {
    width: 83px;
    text-align: left;
}
.model-block.model-cancel-order .payment-atm-info .input-group label::after, .model-block.model-refund-application .payment-atm-info .input-group label::after {
    content: "：";
}
.model-block.model-cancel-order .payment-atm-info .input-group .form-control, .model-block.model-refund-application .payment-atm-info .input-group .form-control {
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    border: 1px solid #cbcbcb;
    width: 186px;
}
.model-block.model-cancel-order .payment-atm-info.show, .model-block.model-refund-application .payment-atm-info.show {
    display: block;
}
.model-block.model-cancel-order .note, .model-block.model-refund-application .note {
    width: 100%;
    text-align: left;
    font-size: 13px;
    color: #c3aa6f;
    padding: 25px 0 46px 20px;
}
.model-block.model-cancel-order .note p, .model-block.model-refund-application .note p {
    line-height: 30px;
    padding-left: 10px;
}
.model-block.model-cancel-order .note p.title, .model-block.model-refund-application .note p.title {
    padding-left: 0;
}
.model-block.model-cancel-order .btn-sure, .model-block.model-refund-application .btn-sure {
    margin-top: 0;
}
.model-block.model-cancel-order .model-content.align-left, .model-block.model-refund-application .model-content.align-left {
    align-items: flex-start;
}

@media (max-width: 970px) {
.banner-dots { bottom: -26px; }
.banner-dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #d5d5d5;
}
.model-block.model-cancel-order, .model-block.model-refund-application { padding: 15px; }
    .model-block.model-cancel-order .product-content, .model-block.model-refund-application .product-content {
        flex-direction: column;
        height: auto;
    }
    .model-block.model-cancel-order .product-content .img-cover, .model-block.model-refund-application .product-content .img-cover {
        width: 160px;
        height: 160px;
    }
    .model-block.model-cancel-order .product-content .p-block, .model-block.model-refund-application .product-content .p-block {
        width: 100%;
        flex-direction: row;
        border-right: 0;
        border-bottom: 2px solid #cbcbcb;
    }
    .model-block.model-cancel-order .product-content .p-block.p-graph, .model-block.model-cancel-order .product-content .p-block.p-quantity, .model-block.model-refund-application .product-content .p-block.p-graph, .model-block.model-refund-application .product-content .p-block.p-quantity {
        width: 100%;
    }
    .model-block.model-cancel-order .product-content .p-block:last-child, .model-block.model-refund-application .product-content .p-block:last-child {
        border-bottom: 0;
    }
    .model-block.model-cancel-order .product-content .p-block .title, .model-block.model-refund-application .product-content .p-block .title {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: auto;
        padding: 15px 0;
    }
    .model-block.model-cancel-order .product-content .p-block .body, .model-block.model-refund-application .product-content .p-block .body {
        height: auto;
        padding: 15px 0;
    }
.model-block.model-cancel-order .select-box, .model-block.model-refund-application .select-box { padding-left: 0;}
.model-block.model-cancel-order .select-box select, .model-block.model-refund-application .select-box select { width: auto; }
.model-block.model-cancel-order .reason p.title, .model-block.model-refund-application .reason p.title { padding-left: 0;}
.model-block.model-cancel-order .payment-atm-info, .model-block.model-refund-application .payment-atm-info { padding: 10px;}
.model-block.model-cancel-order .payment-atm-info p.title, .model-block.model-refund-application .payment-atm-info p.title {line-height: 1.4;}

}
@media (min-width: 971px) {
.hidden-pc { display: none !important;}

}
@media (max-width: 970px) {
    .cd-main-header {margin: 0 auto;}
    .title_a { margin: 0 0 5px;}
    .recipient { float: none; text-align: center; margin-top: 20px;}
    .page-container .cart-list ul li .price-info .orgprice {font-size: 1.6rem;}
    .page-container .cart-list ul li .cart-info .name a{ font-size: 1.6rem;}
    .page-container.page-cart .cart-block.set3 .title{ font-size: 1.6rem;}
    .cart-block.set3 .title::after{top: 8px;}
    .th-inner-flex .th-col{ width: 70%;margin: 0 auto 10px;}
    .bg_gary{ position: relative; display: block; background-color: #e7e7e7;  width: 112%; left: -6%;}
    .th-name, .th-inner-flex.bg_gary .price{width: 40%;}
    .btn-cart-action{font-size: 1.6rem;}
    .page-login { display: block;}
    .login_left, .login_right {width: 100%;}
    .login_left::before { z-index: -1;width: 100%; border-right: 0; border-bottom: 2px solid #eee;}
    .captcha{width: 230px;}
    .captchaimg{  margin-top: 17px;margin-left: 70px;}
    .form-cart.invoice-shipping{display: block;}
    .form-cart.pl-108 { padding-left: 0;}
    .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group label.sr-only{
        width: 0;
    }
    .table-collapse tr:nth-child(even){background: #fff;}
    .forgotten_l{width: 100%;display:none; text-align: center;}
    .forgotten_r{width: 100%;display:block;}
    .hidden-mobile { display: none !important;  }
    .c-container { width: 100%;}
    .wrapper-outter.fixed { position: fixed; }
    .wrapper-inner.fixed {  top:0; left: 0; }
    .wrapper-inner.fixed .mask-leftside { display: block; }
    .wrapper-inner.fixed .m-left-side { left: 0; transition: all 0.6s; }
    .wrapper-inner.fixed .footer { display: none;  }
    .mask.show { display: block; }
    .pagination li {
        height: 19px;
        width: 19px;
        border: 0;
        padding: 0;
        margin: 0 4px;
        line-height: 19px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
    .pagination li a {  color: #b1b1b1; font-size: 18px; }
    .pagination li a .icon { font-size: 12px; background: #e1e1e1 !important; }
    .pagination li.active { background: #2d2d2d;  }
    .pagination li.active a {  color: #fff;  }
    .pagination li.icon {
        background: #e1e1e1;
        color: #000;
    }
    .pagination li.icon a { font-size: 12px;  }
    .breadcrumb {display: none;  }

    /* ====== Pages ====== */
    .page-container {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .page-container .product-wrapper.product-primary .title {
        position: relative;
        width: 98%;
        margin: 25px 1%;
    }
    .page-container .product-wrapper.product-primary .title h2 { width: 100%; text-align: center;    }
    .page-container .product-wrapper.product-primary .title .btn-more {
        position: absolute;
        bottom: 9px;
        right: 11px;
        line-height: 1;
        width: initial;
        height: auto;
        background: #fff;
        color: #c3aa6f;
    }
    .page-container .product-wrapper.product-primary .promotion-banner { width: 100%; }
    .page-container .product-wrapper.product-primary .promotion-banner img { width: 98%;  }
    .page-container .product-wrapper.product-primary.product-list .product-item {
        margin-right: 0;
        margin-bottom: 18px;
    }
    .page-container .product-wrapper.product-primary .product-item {
        width: 50%;
        margin-bottom: 18px;
        padding: 0 3.125% 0 1.5625%;
    }
    .page-container .product-wrapper.product-primary .product-item .img-cover {
        width: 100%;
        height: auto;
    }
    .page-container .product-wrapper.product-primary .product-item:nth-child(2n) {
        padding: 0 1.5625% 0 3.125%;
    }
    .page-container .product-wrapper.product-primary .product-item .marketing-article {
        width: 100%;
        margin: 10px 0;
        padding: 0 6.5%;
    }
    .page-container .product-wrapper.product-primary .product-item .desc {
        width: 100%;
        padding: 0 9%;
        margin: 0;
    }
    .page-container .product-wrapper.product-primary .product-item .price-info {  padding: 0;  width: 100%; }
    .page-container .product-wrapper.product-primary .product-item .price-info .price {  margin: 0 auto;  }
    .page-container .product-wrapper.product-primary .product-item .price-info .price .original { color: #ababab; }
    /* line 166, ../sass/_media_query.scss */
    .page-container .product-wrapper.product-primary .product-item.product-horizontal {
        width: 96%;
        margin: 0 auto 40px;
        padding: 0 0 20px;
        border: 1px solid #d5d5d5;
    }
    .page-container .product-wrapper.product-primary .product-item.product-horizontal .img-cover { border: 0; }
    .page-container .product-wrapper.product-primary .product-item.product-horizontal .marketing-article {
        padding: 0 5%;
        margin: 0;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }
    .page-container .product-wrapper.product-primary .product-item.product-horizontal .desc {
        padding: 0 5.5%;
        font-size: 18px;
        line-height: 19px;
        height: 38px;
        text-align: left;
    }
    .page-container .product-wrapper.product-primary .product-item.product-horizontal .price-info {  margin: 19px 0 0;    }
    .page-container .product-wrapper.product-primary .product-item.product-horizontal .price-info .price {
        margin: 0;  padding: 0 5.5%;
    }
    .page-container .product-wrapper.product-primary .product-item.product-horizontal .price-info .price .original {
        order: 2;
        font-size: 17px;
        margin-left: 16px;
    }
    /* line 200, ../sass/_media_query.scss */
    .page-container .product-wrapper.product-primary .product-item.product-horizontal .price-info .price .discount {
        order: 1;
        font-size: 32px;
        margin-left: 0;
    }
    /* line 209, ../sass/_media_query.scss */
    .page-container .product-wrapper.product-primary .product-item.favorite-item {
        width: 100%;
        display: flex;
        margin-top: 36px;
        margin-bottom: 0;
        border-bottom: 1px solid #ccc;
        padding: 0 6.25% 36px;
    }
    .page-container .product-wrapper.product-primary .product-item.favorite-item .img-cover {  flex: 4;  }
    .page-container .product-wrapper.product-primary .product-item.favorite-item .img-cover img { width: 100%;  }
    .page-container .product-wrapper.product-primary .product-item.favorite-item .bottom-info {
        flex: 5;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 13px 0;
        margin-left: 6%;
    }
    .page-container .product-wrapper.product-primary .product-item.favorite-item .bottom-info .marketing-article {
        padding: 0;
        margin: 0;
    }
    .page-container .product-wrapper.product-primary .product-item.favorite-item .bottom-info .desc { padding: 0; }
    .page-container .featured {  margin-top: 0; }
    /* line 246, ../sass/_media_query.scss */
    .page-container .sort-wrapper {
        display: flex;
        margin-top: 0;
        height: 54px;
        border-bottom: 1px solid #d5d5d5;
        font-size: 18px;
    }
    /* line 252, ../sass/_media_query.scss */
    .page-container .sort-wrapper .sort-nav {
        flex: 1;
        margin: 0;
    }
    /* line 255, ../sass/_media_query.scss */
    .page-container .sort-wrapper .sort-nav li {
        width: 23%;
    }
    /* line 257, ../sass/_media_query.scss */
    .page-container .sort-wrapper .sort-nav li a {
        padding: 0;
        display: inline-flex;
    }
    /* line 260, ../sass/_media_query.scss */
    .page-container .sort-wrapper .sort-nav li a span {
        margin-right: 12px;
    }
    /* line 266, ../sass/_media_query.scss */
    .page-container .sort-wrapper .sort-way {
        width: 93px;
        text-align: right;
        border-left: 1px solid #d5d5d5;
    }
    /* line 270, ../sass/_media_query.scss */
    .page-container .sort-wrapper .sort-way span {
        display: inline-block;
        width: 26px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #d5d5d5;
        color: #fff;
        font-size: 14px;
        margin-left: 15px;
    }
    /* line 281, ../sass/_media_query.scss */
    .page-container .sort-wrapper .sort-way span.active {
        background: #b1b1b1;
    }
    /* line 287, ../sass/_media_query.scss */
    .page-container .sort-wrapper.sort-search-result {
        background: #fff;
        font-size: 15px;
    }
    /* line 290, ../sass/_media_query.scss */
    .page-container .sort-wrapper.sort-search-result .search-count {
        color: #0c0c0c;
        padding: 0 18px;
        height: 39px;
        line-height: 39px;
        margin-right: 11px;
        border-right: 1px solid #d5d5d5;
    }
    /* line 302, ../sass/_media_query.scss */
    .page-container.page-home, .page-container.page-proc_list {
        margin: 0;
        padding: 0;
    }
    /* line 311, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top {
        flex-direction: column;
        justify-content: initial;
    }
    /* line 314, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top .product-imgs {
        width: 100%;
    }
    /* line 316, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top .product-imgs .small-img {
        margin-top: 0;
    }
    /* line 318, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top .product-imgs .small-img .proc-swiper-container {
        width: 95.8%;
        height: auto;
        margin: 0 auto;
    }
    /* line 323, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top .product-imgs .small-img .proc-swiper-container .swiper-wrapper {
        height: auto;
    }
    /* line 328, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top .product-imgs .small-img .proc-swiper-container .swiper-slide img {
        width: 100%;
    }
    /* line 335, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top .product-imgs .small-img .proc-swiper-container .proc-slick-wrapper .slick-slide img {
        width: 100%;
    }
    /* line 341, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top .product-imgs .small-img .proc-swiper-container .swiper-pagination-bullets {
        margin: 9px 0 19px;
        text-align: center;
    }
    /* line 346, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top .product-imgs .small-img .proc-swiper-container .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
        background: #d5d5d5;
    }
    /* line 352, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top .product-imgs .small-img .proc-swiper-container .swiper-pagination-bullet-active {
        background: #8a8a8a;
    }
    /* line 357, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top .product-imgs .small-img .sm-icon {
        position: absolute;
        top: calc((100% - 38px) / 2);
        background-image: none;
        color: #999;
        font-size: 40px;
        width: 38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        z-index: 2;
        cursor: pointer;
    }
    /* line 370, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-top .product-imgs .small-img .sm-icon.next {
        right: 0;
    }
    .page-container.page-proc_single .product-top .product-imgs .small-img .sm-icon.prev {  left: 0;    }
    .page-container.page-proc_single .product-top .product-info {
        width: 100%; padding: 10px;
    }
    .page-container.page-proc_single .product-top .product-info .info-top {
        margin-top: 32px;
        font-size: 15px;
        border-bottom: 0;
    }
    .page-container.page-proc_single .product-top .product-info .info-top .promotion-txt { padding: 32px 0 0;  }
    .page-container.page-proc_single .product-top .product-info .info-top .product-name {
        padding: 0 0;
        font-size:24px;
        line-height:140%;
        font-weight:bolder;
    }
    .page-container.page-proc_single .product-top .product-info .info-top .product-features {
        padding: 0 0;
        font-size: 16px;
    }
    .page-container.page-proc_single .product-top .product-info .info-top .product-features p {  line-height: 28px;    }

    .page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices { margin-left: 0;  }
    .page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block { padding: 0;  }
    .page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block .radio-box {
        padding-left: 0;
        height: 100%;
        align-items: center;
    }
    .page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block .useless,
    .page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block .price {
        display: flex;
        height: 100%;
        align-items: center;
        background: #fff;
        flex: 1;
        padding-left: 5%;
    }
    .page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block:last-child .radio-box,
    .page-container.page-proc_single .product-top .product-info .info-top .prodcut-prices .price-block:last-child .price {
        border-bottom: 0;
    }
    .page-container.page-proc_single .product-top .product-info .info-mid { padding: 9px 0 22px; }
    .page-container.page-proc_single .product-top .product-info .info-bottom { padding: 15px 0 23px 0;  }
    .page-container.page-proc_single .introduction { margin-top: 0;  }
    .page-container.page-proc_single .introduction .collapse {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 46px;
        background: #f1f1f1;
        border-bottom:1px solid #fff;
        border-left: 0;
        border-right: 0;
        font-size: 16px;
        line-height: 44px;
        padding: 0 20px;
    }
    .collapse span i{  color: #fff;}
    .page-container.page-proc_single .introduction .collapse span { font-size: 10px; }
    .page-container.page-proc_single .introduction .collapse span .fa-plus {  display: block;  }
    .page-container.page-proc_single .introduction .collapse span .fa-minus {  display: none; }
    .page-container.page-proc_single .introduction .collapse.show span { font-size: 10px;  }
    .page-container.page-proc_single .introduction .collapse.show span .fa-plus { display: none; }
    .page-container.page-proc_single .introduction .collapse.show span .fa-minus {  display: block; }
    .page-container.page-proc_single .product-footer {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 100;
        border-top: 1px solid #d5d5d5;
        box-shadow: 0 -2px 12px rgba(160, 160, 160, 0.3);
    }
    /* line 497, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-left {
        display: none;
        padding: 10px 6px;
        flex: 17;
    }
    /* line 500, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-left .btn-link {
        padding: 3px 0 7px;
        display: flex;
        align-items: center;
        flex-direction: column;
        font-size: 13px;
        text-decoration: none;
    }
    /* line 507, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-left .btn-link .fa {
        margin-bottom: 8px;
        font-size: 23px;
    }
    /* line 513, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-right {
        padding: 10px 3px;
        flex: 79;
        border-left: 1px solid #d5d5d5;
        display: flex;
    }
    /* line 518, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-right div {
        flex: 1;
        justify-content: space-between;
        padding: 0 3px;
    }
    /* line 522, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-right div .btn {
        padding: 0;
        border: 0;
        width: 100%;
        height: 100%;
        font-size: 1.4rem;
        font-family:Arial, Helvetica,'Noto Sans TC', 微軟正黑體, sans-serif;
        line-height: 3;
        color: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    .product-footer .p-footer.pf-right .btn i{ font-size: 2.4rem;}
    .product-footer .p-footer.pf-right .btn img{ width: 30px;  vertical-align: middle;}
    .product-footer .p-footer.pf-right .btn.btn-notice{ background-color: #1bc1e7;}
    /* line 531, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-right div .btn .txt {
        font-size: 18px;
    }
    /* line 535, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-right div .btn.btn-buy {
        background: #c3aa6f;
    }
    /* line 539, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-right div .btn.btn-join-cart {
        background: #c3aa6f;
    }
    .page-container.page-proc_single .product-footer .p-footer.pf-right div .btn.btn-join-cart.added {
        background: #c9caca;
    }
    /* line 543, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-right div .btn.btn-tracking {
        background: #c3aa6f;
    }
    /* line 553, ../sass/_media_query.scss */
    .page-container.page-cart, .page-container.page-cart_list {
        display: flex;
        flex-direction: column;
    }
    /* line 557, ../sass/_media_query.scss */
    .page-container.page-cart .err-msg, .page-container.page-cart_list .err-msg {
        font-size: 29.5px;
        margin-top: 33px;
    }
    /* line 562, ../sass/_media_query.scss */
    .page-container.page-cart .err-img, .page-container.page-cart_list .err-img {
        margin: 87px 0 80px;
    }
    /* line 566, ../sass/_media_query.scss */
    .page-container.page-cart .action-btns, .page-container.page-cart_list .action-btns {
        padding: 0 20px;
    }
    /* line 568, ../sass/_media_query.scss */
    .page-container.page-cart .action-btns .btn-go-home, .page-container.page-cart_list .action-btns .btn-go-home {
        font-size: 21.5px;
        width: 100%;
    }
    /* line 571, ../sass/_media_query.scss */
    .page-container.page-cart .action-btns .btn-go-home .icon, .page-container.page-cart_list .action-btns .btn-go-home .icon {
        width: 35px;
        height: 35px;
        margin-right: 33px;
    }
    /* line 580, ../sass/_media_query.scss */
    .page-container.page-cart .process-bar .process-step, .page-container.page-cart_list .process-bar .process-step {
        font-size: 1.4rem; width: calc((100% - 11px)/3);margin-right: 3px;
    }
    /* line 585, ../sass/_media_query.scss */
    .page-container.page-cart ul, .page-container.page-cart_list ul {
    }
    /* line 587, ../sass/_media_query.scss */
    .page-container.page-cart ul li, .page-container.page-cart_list ul li {
        padding: 30px 16px 27px 0;
        border: 0;
        border-bottom: 1px solid #ccc;
        margin-top: 0;
    }
    /* line 593, ../sass/_media_query.scss */
    .page-container.page-cart ul li:last-child, .page-container.page-cart_list ul li:last-child {
        border-bottom: 0;
    }
    /* line 597, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-left, .page-container.page-cart_list ul li .cart-list-left {
        width: 60%;
    }
    /* line 599, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-left .img-cover, .page-container.page-cart_list ul li .cart-list-left .img-cover {
        width: 100%;
        height: auto;
    }
    /* line 602, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-left .img-cover img, .page-container.page-cart_list ul li .cart-list-left .img-cover img {
        border: 1px solid #ddd;
    }
    /* line 608, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-right, .page-container.page-cart_list ul li .cart-list-right {
        padding-top: 0;
        position: relative;
        flex-direction: column;
        justify-content: space-between;
        width: calc(100% - 35px);
        padding-left: 6%;
    }
    /* line 616, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-right .cart-info, .page-container.page-cart_list ul li .cart-list-right .cart-info {
        flex: 1;
        padding: 0;
        width: auto;
        margin: 0;
        justify-content: space-around;
    }
    /* line 622, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-right .cart-info .name, .page-container.page-cart_list ul li .cart-list-right .cart-info .name {
        line-height: 1.3;
        max-height: 40px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    /* line 629, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-right .actions, .page-container.page-cart_list ul li .cart-list-right .actions {
        flex-direction: row;
        align-items: center;
        width: 100%;
        padding: 0;
        margin-top: 5%;
    }
    /* line 636, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-right .actions .btn, .page-container.page-cart_list ul li .cart-list-right .actions .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        height: auto;
        font-size: 14px;
        width: 20%;
        color: #333;
        margin-right: 20px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
    /* line 648, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-right .actions .btn span, .page-container.page-cart_list ul li .cart-list-right .actions .btn span {
        margin: 0;
    }
    /* line 653, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-right .actions .btn-cancel, .page-container.page-cart_list ul li .cart-list-right .actions .btn-cancel {
        margin-bottom: 0;
    }
    /* line 658, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-right .price-info, .page-container.page-cart_list ul li .cart-list-right .price-info {
        display: inline-block;
        line-height: 1.4;
        margin-top: 9px;
    }
    /* line 661, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-right .price-info .prices, .page-container.page-cart_list ul li .cart-list-right .price-info .prices {
        display: flex;
    }
    /* line 664, ../sass/_media_query.scss */
    .page-container.page-cart ul li .cart-list-right .price-info .prices .original, .page-container.page-cart_list ul li .cart-list-right .price-info .prices .original {
        margin-top: 14px;
    }
    /* line 674, ../sass/_media_query.scss */
    .page-container.page-cart hr.dashed, .page-container.page-cart_list hr.dashed {
        margin: 0;
    }
    /* line 678, ../sass/_media_query.scss */
    .page-container.page-cart .coupon-wrapper, .page-container.page-cart_list .coupon-wrapper {
    }
    /* line 682, ../sass/_media_query.scss */
    .page-container.page-cart .coupon-wrapper .dropdown-toggle .expired, .page-container.page-cart_list .coupon-wrapper .dropdown-toggle .expired {
        display: none;
    }
    /* line 687, ../sass/_media_query.scss */
    .page-container.page-cart .coupon-wrapper .dropdown-item, .page-container.page-cart_list .coupon-wrapper .dropdown-item {
        display: flex;
        flex-direction: column;
    }
    /* line 693, ../sass/_media_query.scss */
    .page-container.page-cart .checkout-details,
    .page-container.page-cart .bonus-points-wrapper, .page-container.page-cart_list .checkout-details,
    .page-container.page-cart_list .bonus-points-wrapper {
        border: 0;
    }
    /* line 697, ../sass/_media_query.scss */
    .page-container.page-cart .checkout-details .title,
    .page-container.page-cart .bonus-points-wrapper .title, .page-container.page-cart_list .checkout-details .title,
    .page-container.page-cart_list .bonus-points-wrapper .title {
        padding-left: 0;
    }
    /* line 701, ../sass/_media_query.scss */
    .page-container.page-cart .checkout-details .title.secondary-title,
    .page-container.page-cart .bonus-points-wrapper .title.secondary-title, .page-container.page-cart_list .checkout-details .title.secondary-title,
    .page-container.page-cart_list .bonus-points-wrapper .title.secondary-title {
        height: 39px;
        padding: 0;
        line-height: 38px;
    }
    /* line 707, ../sass/_media_query.scss */
    .page-container.page-cart .checkout-details .title.title-between,
    .page-container.page-cart .bonus-points-wrapper .title.title-between, .page-container.page-cart_list .checkout-details .title.title-between,
    .page-container.page-cart_list .bonus-points-wrapper .title.title-between {
        align-items: center;
        padding: 20px 0;
    }
    /* line 711, ../sass/_media_query.scss */
    .page-container.page-cart .checkout-details .title.title-between .total .price,
    .page-container.page-cart .bonus-points-wrapper .title.title-between .total .price, .page-container.page-cart_list .checkout-details .title.title-between .total .price,
    .page-container.page-cart_list .bonus-points-wrapper .title.title-between .total .price {
        font-size: 30.5px;
    }
    /* line 718, ../sass/_media_query.scss */
    .page-container.page-cart .checkout-details .checkout-list,
    .page-container.page-cart .bonus-points-wrapper .checkout-list, .page-container.page-cart_list .checkout-details .checkout-list,
    .page-container.page-cart_list .bonus-points-wrapper .checkout-list {
        padding: 0;
    }
    /* line 720, ../sass/_media_query.scss */
    .page-container.page-cart .checkout-details .checkout-list ul,
    .page-container.page-cart .bonus-points-wrapper .checkout-list ul, .page-container.page-cart_list .checkout-details .checkout-list ul,
    .page-container.page-cart_list .bonus-points-wrapper .checkout-list ul {
        padding: 8px 0 15px;
    }
    /* line 722, ../sass/_media_query.scss */
    .page-container.page-cart .checkout-details .checkout-list ul li,
    .page-container.page-cart .bonus-points-wrapper .checkout-list ul li, .page-container.page-cart_list .checkout-details .checkout-list ul li,
    .page-container.page-cart_list .bonus-points-wrapper .checkout-list ul li {
        line-height: 20px;
        padding: 0;
        border: 0;
    }
    /* line 731, ../sass/_media_query.scss */
    .page-container.page-cart .checkout-details .bonus-inner,
    .page-container.page-cart .bonus-points-wrapper .bonus-inner, .page-container.page-cart_list .checkout-details .bonus-inner,
    .page-container.page-cart_list .bonus-points-wrapper .bonus-inner {
        flex-direction: column;
    }
    /* line 733, ../sass/_media_query.scss */
    .page-container.page-cart .checkout-details .bonus-inner .radio-box,
    .page-container.page-cart .bonus-points-wrapper .bonus-inner .radio-box, .page-container.page-cart_list .checkout-details .bonus-inner .radio-box,
    .page-container.page-cart_list .bonus-points-wrapper .bonus-inner .radio-box {
        height: auto;
        margin: 5px;
    }
    /* line 741, ../sass/_media_query.scss */
    .page-container.page-cart .cart-actions, .page-container.page-cart_list .cart-actions {
        position: fixed;
        left: 0;
        bottom: 0;
        margin: 0;
        background: #fff;
        width: 100%;
        height: 60px;
        z-index: 10;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 1px 0px 10px 0px #ddd;
    }

    /* line 756, ../sass/_media_query.scss */
    .page-container.page-cart .cart-actions .btn:last-child, .page-container.page-cart_list .cart-actions .btn:last-child {
        margin-right: 0;
    }
    /* line 763, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase, .page-container.page-cart_list .increase-purchase {
        border: 0;
    }
    /* line 765, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu, .page-container.page-cart_list .increase-purchase .purchase-menu {

    }
    /* line 767, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .purchase-item, .page-container.page-cart_list .increase-purchase .purchase-menu .purchase-item {
        float: initial;
        width: 100%;
        margin: 25px 0 0;
        padding: 0 0 21px 0;
        border-bottom: 1px dashed #ccc;
    }
    /* line 775, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .purchase-item .purchase-img-cover, .page-container.page-cart_list .increase-purchase .purchase-menu .purchase-item .purchase-img-cover {
        width: 40%;
        height: auto;
    }
    /* line 781, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .purchase-item .purchase-img-cover img-cover, .page-container.page-cart_list .increase-purchase .purchase-menu .purchase-item .purchase-img-cover img-cover {
        width: 100%;
        height: auto;
    }
    /* line 784, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .purchase-item .purchase-img-cover img-cover img, .page-container.page-cart_list .increase-purchase .purchase-menu .purchase-item .purchase-img-cover img-cover img {
        width: 100%;
    }
    /* line 790, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .purchase-item .purchase-info, .page-container.page-cart_list .increase-purchase .purchase-menu .purchase-item .purchase-info {
        flex: 1;
        width: 53%;
    }
    /* line 795, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .purchase-item .purchase-info .purchase-name, .page-container.page-cart_list .increase-purchase .purchase-menu .purchase-item .purchase-info .purchase-name {
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }
    /* line 801, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .purchase-item .purchase-info .purchase-m-actions, .page-container.page-cart_list .increase-purchase .purchase-menu .purchase-item .purchase-info .purchase-m-actions {
        align-items: center;
        justify-content: space-between;
    }
    /* line 805, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .purchase-item .purchase-info .purchase-m-actions .purchase-price, .page-container.page-cart_list .increase-purchase .purchase-menu .purchase-item .purchase-info .purchase-m-actions .purchase-price {
        justify-content: flex-start;
        order: 1;
    }
    /* line 810, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .purchase-item .purchase-info .purchase-m-actions .btn, .page-container.page-cart_list .increase-purchase .purchase-menu .purchase-item .purchase-info .purchase-m-actions .btn {
        order: 2;
    }
    /* line 818, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .more-purchase, .page-container.page-cart_list .increase-purchase .purchase-menu .more-purchase {
        margin: 25px 0;
        padding: 0 0 25px;
        border-bottom: 1px dashed #bfbfbf;
        text-align: center;
    }
    /* line 823, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .more-purchase .btn, .page-container.page-cart_list .increase-purchase .purchase-menu .more-purchase .btn {
        padding: 0;
        line-height: 1;
        font-size: 18px;
    }
    /* line 827, ../sass/_media_query.scss */
    .page-container.page-cart .increase-purchase .purchase-menu .more-purchase .btn .fa, .page-container.page-cart_list .increase-purchase .purchase-menu .more-purchase .btn .fa {
        margin-left: 15px;
    }
    /* line 836, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block .cart-block-inner, .page-container.page-cart_list .cart-block .cart-block-inner {
        padding: 45px 0;
    }

    /* line 843, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block .cart-block-inner .form-cart .form-control, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .form-control {
        width: calc(100% - 108px);
    }
    /* line 847, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block .cart-block-inner .form-cart #twzipcode div, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart #twzipcode div {
        flex: unset;
    }
    /* line 852, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block .cart-block-inner .form-cart .radio-box, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .radio-box {
        margin: 0;
        padding-left: 10px;
        flex: 1;
        flex-wrap: wrap;
        line-height: 1.5;
    }
    /* line 859, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block .cart-block-inner .form-cart .radio-box.invoice, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart .radio-box.invoice {
        width: 100%;
    }
    /* line 865, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block .cart-block-inner .form-cart.form-column .radio-box.invoice, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart.form-column .radio-box.invoice {
        margin-top: 29px;
        flex-wrap: wrap;
        margin-left: 0;
    }
    .page-container.page-cart .cart-block .cart-block-inner .form-cart.form-column.checkout .radio-box.invoice{
        display: block;margin-top: 0px;padding-left: 0;width: calc(100%);
    }
    .checkout .radio-box.invoice select {margin-left: 0;}
    .page-container.page-cart .cart-block .cart-block-inner .form-cart.form-column.checkout .radio-box.invoice .form-control,
    .page-container.page-cart .cart-block .cart-block-inner .form-cart .form-control{
        width: calc(100%);margin-left: 0;
    }
    /* line 869, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block .cart-block-inner .form-cart.form-column .radio-box.invoice .d-block, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart.form-column .radio-box.invoice .d-block {
        width: calc(100% - 22px);
    }
    /* line 874, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block .cart-block-inner .form-cart.form-column .radio-box .form-control, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart.form-column .radio-box .form-control {
        margin-top: 15px;
        width: calc(100% - 22px);
        height: 38px;
    }
    /* line 881, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block .cart-block-inner .form-cart.form-column .help-block, .page-container.page-cart_list .cart-block .cart-block-inner .form-cart.form-column .help-block {
        line-height: 1.5;
    }
    /* line 888, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block .cart-block-inner.cart-pay-type, .page-container.page-cart_list .cart-block .cart-block-inner.cart-pay-type {
        padding: 45px 10px;
    }
    /* line 894, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block.payment-info .cart-block-inner, .page-container.page-cart_list .cart-block.payment-info .cart-block-inner {
        padding: 20px 15px;
    }
    /* line 899, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block.buyer-info, .page-container.page-cart_list .cart-block.buyer-info {
        padding: 0;
        border: 0;
    }
    /* line 902, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block.buyer-info .title, .page-container.page-cart_list .cart-block.buyer-info .title {
        display: inherit;
        flex-wrap: wrap;
    }
    /* line 905, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block.buyer-info .title .d-block, .page-container.page-cart_list .cart-block.buyer-info .title .d-block {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    /* line 910, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block.buyer-info .title .radio-box, .page-container.page-cart_list .cart-block.buyer-info .title .radio-box {
        font-size: 14px;
        margin-left: 0;
        margin-right: 15px;
    }
    /* line 922, ../sass/_media_query.scss */
    .page-container.page-cart_list .page-tab .page-name {
        margin: 0;
        width: 50%;
    }
    /* line 925, ../sass/_media_query.scss */
    .page-container.page-cart_list .page-tab .page-name.active {
        border: 0;
    }
    /* line 933, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper {
        width: 100%;
    }
    /* line 935, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner {
        border: 0;
        padding: 0;
        box-shadow: none;
    }

    /* line 940, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner h1.inner-title {
        padding: 0;
        border: 0;
        width: 100%;
    }
    /* line 946, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner p {
        line-height: 1.6;
        width: 88%;
    }
    /* line 949, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner p.text-center {
        text-align: center;
    }
    /* line 954, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner .form-msg {
        width: 98%;
    }
    /* line 958, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner .form-group {
        width: 88%;
        /*border: 1px solid #ccc; profile拿掉*/
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        padding-right: 1px;
    }
    /* line 964, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner .form-group label {
        width: auto;
        padding: 11px 16px;
    }
    /* line 967, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner .form-group label::after {
        content: "";
    }
    /* line 972, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner .form-group .form-control {
        width: auto;
        flex: 1;
        /*border: 0; profile拿掉*/
    }
    /* line 978, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner .form-group.form-login {
        margin: 25px auto 0;
    }
    /* line 983, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner .action-btns {
        width: 100%;
    }
    /* line 985, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner .action-btns.form-login {
        margin: 45px 0 0;
    }
    /* line 987, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner .action-btns.form-login.auto-login {
        margin: 10px 0 0;
    }
    /* line 993, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner {
        padding: 0;
    }
    /* line 995, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group {
        width: 98%;
        padding: 0;
    }
    /* line 998, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group label {
        flex: none;
    }
    /* line 1001, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group .form-control {
        flex: 1;
        width: auto;
        margin-right: 1px;
    }
    /* line 1006, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-mobile-num {
        border: 0;
        padding: 0;
        box-shadow: none;
    }
    /* line 1010, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-mobile-num .form-control {
        width: auto;
        border: 1px solid #484848;
        margin-left: 10px;
    }
    /* line 1017, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-birth {
        padding: 0;
        border: 0;
        box-shadow: none;
        margin-bottom: 70px;
    }
    /* line 1022, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-birth .form-control {
        border: 1px solid #ccc;
        margin-right: 2%;
        width: 32%;
    }
    /* line 1026, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-birth .form-control:last-child {
        margin-right: 0;
    }
    /* line 1033, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .doc-agree {
        width: 88%;
        line-height: 1.4;
    }

    /* line 1048, ../sass/_media_query.scss */
    .page-container.page-form .title {
        font-size: 23px;
        text-align: center;
        border: 0;
        padding: 22px 0 0;
    }
    /* line 1054, ../sass/_media_query.scss */
    .page-container.page-form .title.title-account {
        color: #fff !important;
        background: #c3aa6f;
        padding: 18px 0;
    }
    /* line 1058, ../sass/_media_query.scss */
    .page-container.page-form .title.title-account .title-last {
        margin-left: 1rem;
    }
    /* line 1062, ../sass/_media_query.scss */
    .page-container.page-form .title.title-account .prompt-txt {
        color: #fff;
    }
    /* line 1068, ../sass/_media_query.scss */
    .page-container.page-form h3.title {
        font-size: 20px;
    }
    /* line 1072, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire, .page-container.page-form.page-history_orders, .page-container.page-form.page-order_detail, .page-container.page-form.page-favorite, .page-container.page-form.page-modify_pw, .page-container.page-form.page-maintain_account, .page-container.page-form.page-search_result, .page-container.page-form.page-bonus_deposit_book, .page-container.page-form.page-bonus_deposit_book_luxgen, .page-container.page-form.page-discount_coupon {
        padding-left: 0;
    }
    /* line 1087, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .img-cover, .page-container.page-form.page-history_orders .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .img-cover, .page-container.page-form.page-order_detail .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .img-cover, .page-container.page-form.page-favorite .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .img-cover, .page-container.page-form.page-modify_pw .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .img-cover, .page-container.page-form.page-maintain_account .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .img-cover, .page-container.page-form.page-search_result .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .img-cover, .page-container.page-form.page-bonus_deposit_book .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .img-cover, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .img-cover, .page-container.page-form.page-discount_coupon .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .img-cover {
        width: 36%;
        height: auto;
    }
    /* line 1093, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .bottom-info .favorite-btns, .page-container.page-form.page-history_orders .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .bottom-info .favorite-btns, .page-container.page-form.page-order_detail .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .bottom-info .favorite-btns, .page-container.page-form.page-favorite .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .bottom-info .favorite-btns, .page-container.page-form.page-modify_pw .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .bottom-info .favorite-btns, .page-container.page-form.page-maintain_account .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .bottom-info .favorite-btns, .page-container.page-form.page-search_result .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .bottom-info .favorite-btns, .page-container.page-form.page-bonus_deposit_book .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .bottom-info .favorite-btns, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .bottom-info .favorite-btns, .page-container.page-form.page-discount_coupon .form-wrapper .product-wrapper.product-primary.product-list .product-item.favorite-item .bottom-info .favorite-btns {
        padding: 0;
    }
    /* line 1101, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .user-info, .page-container.page-form.page-history_orders .form-wrapper .user-info, .page-container.page-form.page-order_detail .form-wrapper .user-info, .page-container.page-form.page-favorite .form-wrapper .user-info, .page-container.page-form.page-modify_pw .form-wrapper .user-info, .page-container.page-form.page-maintain_account .form-wrapper .user-info, .page-container.page-form.page-search_result .form-wrapper .user-info, .page-container.page-form.page-bonus_deposit_book .form-wrapper .user-info, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .user-info, .page-container.page-form.page-discount_coupon .form-wrapper .user-info {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
    /* line 1106, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .user-info .img-cover, .page-container.page-form.page-history_orders .form-wrapper .user-info .img-cover, .page-container.page-form.page-order_detail .form-wrapper .user-info .img-cover, .page-container.page-form.page-favorite .form-wrapper .user-info .img-cover, .page-container.page-form.page-modify_pw .form-wrapper .user-info .img-cover, .page-container.page-form.page-maintain_account .form-wrapper .user-info .img-cover, .page-container.page-form.page-search_result .form-wrapper .user-info .img-cover, .page-container.page-form.page-bonus_deposit_book .form-wrapper .user-info .img-cover, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .user-info .img-cover, .page-container.page-form.page-discount_coupon .form-wrapper .user-info .img-cover {
        width: 117px;
        height: 117px;
        margin: 9px 0;
    }
    /* line 1112, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-history_orders .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-order_detail .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-favorite .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-modify_pw .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-maintain_account .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-search_result .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-bonus_deposit_book .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .user-info .icon .btn-camera, .page-container.page-form.page-discount_coupon .form-wrapper .user-info .icon .btn-camera {
        padding: 0 0 0 1px;
    }
    /* line 1117, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-history_orders .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-order_detail .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-favorite .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-modify_pw .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-maintain_account .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-search_result .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-bonus_deposit_book .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .user-info .user-introduction h3.user-name, .page-container.page-form.page-discount_coupon .form-wrapper .user-info .user-introduction h3.user-name {
        font-size: 21px;
        padding: 16px 0 13px;
        text-align: center;
    }
    /* line 1123, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-history_orders .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-order_detail .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-favorite .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-modify_pw .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-maintain_account .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-search_result .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-bonus_deposit_book .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .user-info .user-introduction .content p, .page-container.page-form.page-discount_coupon .form-wrapper .user-info .user-introduction .content p {
        text-align: center;
    }
    /* line 1130, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .form-inner,
    .page-container.page-form.page-history_orders .form-wrapper .form-inner,
    .page-container.page-form.page-order_detail .form-wrapper .form-inner,
    .page-container.page-form.page-favorite .form-wrapper .form-inner,
    .page-container.page-form.page-modify_pw .form-wrapper .form-inner,
    .page-container.page-form.page-search_result .form-wrapper .form-inner,
    .page-container.page-form.page-bonus_deposit_book .form-wrapper .form-inner,
    .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .form-inner,
    .page-container.page-form.page-discount_coupon .form-wrapper .form-inner {
        padding: 16px 6%;
    }
    /* line 1132, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group,
    .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group,
    .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group,
    .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group,
    .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group,
    .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group,
    .page-container.page-form.page-bonus_deposit_book .form-wrapper .form-inner .form-group,
    .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .form-inner .form-group,
    .page-container.page-form.page-discount_coupon .form-wrapper .form-inner .form-group {
        width: 100%;
        margin: 0 0 20px;
    }
    .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group{width: 100%; margin: 0;}
    /* line 1135, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group label, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group label, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group label, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group label, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group label, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group label, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group label, .page-container.page-form.page-bonus_deposit_book .form-wrapper .form-inner .form-group label, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .form-inner .form-group label, .page-container.page-form.page-discount_coupon .form-wrapper .form-inner .form-group label {
        width: 100px;
        padding: 11px 0 11px 16px;
    }
    /* line 1139, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-bonus_deposit_book .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-discount_coupon .form-wrapper .form-inner .form-group .form-control {
        width: auto;
        flex: 1;
    }
    /* line 1142, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-bonus_deposit_book .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-discount_coupon .form-wrapper .form-inner .form-group .form-control.form-control-sm {
        width: auto;
        flex: 1;
    }
    /* line 1148, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group.form-address, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group.form-address, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group.form-address, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group.form-address, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group.form-address, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group.form-address, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group.form-address, .page-container.page-form.page-bonus_deposit_book .form-wrapper .form-inner .form-group.form-address, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .form-inner .form-group.form-address, .page-container.page-form.page-discount_coupon .form-wrapper .form-inner .form-group.form-address {
        border: 0;
        box-shadow: none;
    }
    /* line 1151, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group.form-address label, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group.form-address label, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group.form-address label, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group.form-address label, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group.form-address label, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group.form-address label, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group.form-address label, .page-container.page-form.page-bonus_deposit_book .form-wrapper .form-inner .form-group.form-address label, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .form-inner .form-group.form-address label, .page-container.page-form.page-discount_coupon .form-wrapper .form-inner .form-group.form-address label {
        width: auto;
    }
    /* line 1156, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-history_orders .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-order_detail .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-favorite .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-search_result .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-bonus_deposit_book .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .form-inner .form-group .radio-box, .page-container.page-form.page-discount_coupon .form-wrapper .form-inner .form-group .radio-box {
        flex: 1;
    }
    /* line 1161, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .form-inner .button-msg, .page-container.page-form.page-history_orders .form-wrapper .form-inner .button-msg, .page-container.page-form.page-order_detail .form-wrapper .form-inner .button-msg, .page-container.page-form.page-favorite .form-wrapper .form-inner .button-msg, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .button-msg, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .button-msg, .page-container.page-form.page-search_result .form-wrapper .form-inner .button-msg, .page-container.page-form.page-bonus_deposit_book .form-wrapper .form-inner .button-msg, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .form-inner .button-msg, .page-container.page-form.page-discount_coupon .form-wrapper .form-inner .button-msg {
        display: flex;
        flex-direction: column;
        margin: 25px auto;
    }
    /* line 1165, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-history_orders .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-order_detail .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-favorite .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-search_result .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-bonus_deposit_book .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .form-inner .button-msg .btn-save, .page-container.page-form.page-discount_coupon .form-wrapper .form-inner .button-msg .btn-save {
        margin: 0 0 10px;
    }
    /* line 1168, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .form-wrapper .form-inner .button-msg .msg, .page-container.page-form.page-history_orders .form-wrapper .form-inner .button-msg .msg, .page-container.page-form.page-order_detail .form-wrapper .form-inner .button-msg .msg, .page-container.page-form.page-favorite .form-wrapper .form-inner .button-msg .msg, .page-container.page-form.page-modify_pw .form-wrapper .form-inner .button-msg .msg, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .button-msg .msg, .page-container.page-form.page-search_result .form-wrapper .form-inner .button-msg .msg, .page-container.page-form.page-bonus_deposit_book .form-wrapper .form-inner .button-msg .msg, .page-container.page-form.page-bonus_deposit_book_luxgen .form-wrapper .form-inner .button-msg .msg, .page-container.page-form.page-discount_coupon .form-wrapper .form-inner .button-msg .msg {
        font-size: 14px;
    }
    /* line 1175, ../sass/_media_query.scss */
    .page-container.page-form.page-order_inquire .sort-wrapper, .page-container.page-form.page-history_orders .sort-wrapper, .page-container.page-form.page-order_detail .sort-wrapper, .page-container.page-form.page-favorite .sort-wrapper, .page-container.page-form.page-modify_pw .sort-wrapper, .page-container.page-form.page-maintain_account .sort-wrapper, .page-container.page-form.page-search_result .sort-wrapper, .page-container.page-form.page-bonus_deposit_book .sort-wrapper, .page-container.page-form.page-bonus_deposit_book_luxgen .sort-wrapper, .page-container.page-form.page-discount_coupon .sort-wrapper {
        margin: 0 0 25px;
    }
    /* line 1185, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .deposit-tab, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .deposit-tab, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .deposit-tab {
        width: 100%;
    }
    /* line 1188, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .deposit-tab ul li, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .deposit-tab ul li, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .deposit-tab ul li {
        width: 50%;
    }
    /* line 1194, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point {
        width: calc(100% - 40px);
        height: auto;
        background: #fff;
        margin: 20px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    /* line 1201, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul {
        width: 100%;
    }
    /* line 1203, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul li, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul li {
        font-size: 18px;
        float: unset;
        display: block;
        padding: 15px 12px 20px;
    }
    /* line 1209, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li .label, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul li .label, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul li .label {
        text-align: center;
        color: #727272;
        font-size: 24px;
        margin-bottom: 15px;
    }
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li:last-child{
        text-align: center;background: #fff2f8;border-radius: 8px;    padding: 0;}
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li .label{
        display: inline-block;}
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li .point{
        display: inline-block;
    }
    /* line 1214, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li .label::after, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul li .label::after, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul li .label::after {
        content: "";
    }
    /* line 1219, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li .point, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul li .point, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul li .point {
        text-align: center;
        font-size: 18px;
        padding-bottom: 14px;
    }
    /* line 1224, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li .point .text-red, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul li .point .text-red, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul li .point .text-red {
        font-size: 40px;
    }
    /* line 1229, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li .expired, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul li .expired, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul li .expired {
        font-size: 15px;
        color: #929292;
        padding-top: 12px;
        text-align: center;
    }
    /* line 1236, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li .action, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul li .action, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul li .action {
        text-align: center;
    }
    /* line 1238, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .display-point ul li .action .btn-history, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .display-point ul li .action .btn-history, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .display-point ul li .action .btn-history {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #f00;
        color: #f00;
        font-size: 15px;
        width: 130px;
        margin: 0 auto;
        height: 31px;
        margin-top: 16px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }
    /* line 1256, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list {
        padding: 0 20px;
    }
    /* line 1258, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list .table, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list .table, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list .table {
        border: 0;
    }
    /* line 1260, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list .table td, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list .table td, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list .table td {
        border: 0;
        padding: 0 0 13px;
    }
    /* line 1263, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list .table td .td-inner, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list .table td .td-inner, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list .table td .td-inner {
        /*border: 1px solid #bfbfbf;因為bouns取消*/
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        padding: 15px;
        text-align: left;
        color: #666;
    }
    /* line 1268, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list .table td .td-inner .name, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list .table td .td-inner .name, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list .table td .td-inner .name {
        display: flex;
        justify-content: space-between;
    }
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list .table td .td-inner .name{display: block;}
    /* line 1271, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list .table td .td-inner .name .point, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list .table td .td-inner .name .point, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list .table td .td-inner .name .point {
        white-space: nowrap;
    }
    /* line 1274, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .point-list .table td .td-inner .name .point.text-blue, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .point-list .table td .td-inner .name .point.text-blue, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .point-list .table td .td-inner .name .point.text-blue {
        text-decoration: none;
    }
    /* line 1284, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar {
        padding: 0 20px;
    }
    /* line 1286, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar .search-no, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar .search-no, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar .search-no {
        display: flex;
        width: 100%;
        justify-content: space-between;align-items: center;
    }
    /* line 1290, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar .search-no input[type=text].control-lg, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar .search-no input[type=text].control-lg, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar .search-no input[type=text].control-lg {
        width: calc(100% - 94px);
        height: 38px;
        border: 1px solid #cbcbcb;
        padding-left: 14px;
    }
    /* line 1297, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .search-bar .search-no .btn-search, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .search-bar .search-no .btn-search, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .search-bar .search-no .btn-search {
        width: 84px;
        height: 38px;
        font-size: 18px;line-height: 1.2;
    }
    /* line 1305, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list {
        padding: 0 20px;
    }
    /* line 1307, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table {
        border: 0;
    }
    /* line 1309, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td {
        border: 0;
        padding: 0 0 13px;
    }
    /* line 1312, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .coupon-wrapper, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .coupon-wrapper, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .coupon-wrapper {
        /*border: 1px solid #cbcbcb;  beauty_cash 拿掉了*/
        border-bottom: 1px solid #dedede;
        text-align: left;
        color: #727272;
        padding: 10px 15px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    /* line 1319, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .txt-red, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .txt-red, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .txt-red {
        color: #f00;
    }
    /* line 1323, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-range, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-range, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-range {
        padding-bottom: 17px;
    }
    /* line 1327, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination {
        display: flex;
        justify-content: flex-end;
        align-items: baseline;
        border-top: 1px dotted #dedede;
        /*padding-top: 17px; beauty_cash拿掉了*/
    }
    /* line 1333, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .comment, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .comment, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .comment {
        color: #929292;
        font-size: 14px;
        margin-right: 12px;
    }
    /* line 1339, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .denomination, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .denomination, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .denomination {
        display: flex;
        align-items: baseline;
        color: #f00;
    }
    /* line 1343, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .denomination .sign, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .denomination .sign, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .denomination .sign {
        font-size: 18px;
    }
    /* line 1346, ../sass/_media_query.scss */
    .page-container.page-form.page-bonus_deposit_book .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .denomination .price, .page-container.page-form.page-bonus_deposit_book_luxgen .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .denomination .price, .page-container.page-form.page-discount_coupon .deposit-inner-wrapper .coupon-list table td .coupon-wrapper .coupon-denomination .denomination .price {
        font-size: 40px;
    }
    /* line 1359, ../sass/_media_query.scss */
    .page-container.page-failure {
        padding-top: 57px;
    }
    /* line 1361, ../sass/_media_query.scss */
    .page-container.page-failure .err-msg {
        font-size: 29px;
        margin-top: 33px;
    }
    /* line 1366, ../sass/_media_query.scss */
    .page-container.page-failure .err-details-msg {
        font-size: 18.5px;
        line-height: 46px;
    }
    /* line 1369, ../sass/_media_query.scss */
    .page-container.page-failure .err-details-msg p {
        display: flex;
        flex-direction: column;
    }
    /* line 1375, ../sass/_media_query.scss */
    .page-container.page-failure .err-img {
        margin: 87px 0 80px;
    }
    /* line 1379, ../sass/_media_query.scss */
    .page-container.page-failure .action-btns {
        display: flex;
        padding: 0 15px;
    }
    /* line 1382, ../sass/_media_query.scss */
    .page-container.page-failure .action-btns .btn {
        flex: 1;
        font-size: 21.5px;
    }
    /* line 1385, ../sass/_media_query.scss */
    .page-container.page-failure .action-btns .btn .icon {
        width: 35px;
        height: 35px;
        margin-right: 5%;
    }
    /* line 1392, ../sass/_media_query.scss */
    .page-container.page-failure .action-btns .btn.btn-recheckout .icon .fa-credit-card-alt {
        font-size: 17px;
    }
    /* line 1401, ../sass/_media_query.scss */
    .page-container.page-faq {
        padding: 0;
    }
    /* line 1403, ../sass/_media_query.scss */
    .page-container.page-faq h1 {
        width: 100%;
        padding: 0 15px;
        height: 50px;
    }
    /* line 1407, ../sass/_media_query.scss */
    .page-container.page-faq h1.title-faq {
        display: flex;
        border: 0;
        font-size: 16px;
        text-align: center;
        line-height: 50px;
    }
    /* line 1413, ../sass/_media_query.scss */
    .page-container.page-faq h1.title-faq a {
        flex: 1;
        color: #fff;
        background: #5bbae8;
    }
    /* line 1419, ../sass/_media_query.scss */
    .page-container.page-faq h1.title-faq span {
        flex: 1;
        color: #fff;
        background: #1d9fde;
    }
    /* line 1428, ../sass/_media_query.scss */
    .page-container.page-faq .faq-wrapper .m-title-top {
        font-size: 23px;
        color: #c3aa6f;
        text-align: center;
        margin-top: 32px;
    }
    /* line 1436, ../sass/_media_query.scss */
    .page-container.page-faq .faq-inner {
        display: block;
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    /* line 1441, ../sass/_media_query.scss */
    .page-container.page-faq .faq-inner .inner-title {
        height: 55px;
        padding: 1px 0;
        border-top: 1px solid #bfbfbf;
    }
    /* line 1445, ../sass/_media_query.scss */
    .page-container.page-faq .faq-inner .inner-title .txt {
        margin: 1px 0;
        padding-left: 20px;
        background: #fa5a52;
        color: #fff;
        height: 49px;
        line-height: 49px;
        font-size: 16px;
        letter-spacing: 0.2px;
    }
    /* line 1457, ../sass/_media_query.scss */
    .page-container.page-faq .faq-inner .card .card-header {
        height: auto;
        padding: 9px 12px 9px 24px;
        border-top: 1px solid #bfbfbf;
    }
    /* line 1461, ../sass/_media_query.scss */
    .page-container.page-faq .faq-inner .card .card-header .collapsed {
        color: #000;
        display: flex;
        height: 100%;
        justify-content: space-between;
        align-items: center;
    }
    /* line 1470, ../sass/_media_query.scss */
    .page-container.page-faq .faq-inner .card .card-body {
        padding: 12px 35px;
    }
    /* line 1475, ../sass/_media_query.scss */
    .page-container.page-faq .faq-inner .card.active .card-header {
        height: auto;
        padding-top: 14px;
        border-bottom: 1px dashed #bfbfbf;
    }
    /* line 1479, ../sass/_media_query.scss */
    .page-container.page-faq .faq-inner .card.active .card-header .collapsed {
        color: #c3aa6f;
    }
    /* line 1487, ../sass/_media_query.scss */
    .page-container.page-faq .contact_customer-inner {
        width: calc(100% - 30px);
        margin: 0 auto;
        border: 0;
        padding: 0;
    }
    /* line 1493, ../sass/_media_query.scss */
    .page-container.page-faq .contact_customer-inner .form-row {
        margin-bottom: 0;
        flex-direction: column;
    }
    /* line 1496, ../sass/_media_query.scss */
    .page-container.page-faq .contact_customer-inner .form-row .form-group {
        width: 100%;
        margin-bottom: 20px;
    }
    /* line 1504, ../sass/_media_query.scss */
    .page-container .inline-search-wrapper {
        justify-content: space-around;
    }
    /* line 1507, ../sass/_media_query.scss */
    .page-container .inline-search-wrapper .input-group {
        width: 166px;
    }
    /* line 1511, ../sass/_media_query.scss */
    .page-container .inline-search-wrapper .form-control {
        width: 156px;
    }
    /* line 1515, ../sass/_media_query.scss */
    .page-container .inline-search-wrapper .btn-order-search {
        width: 86px;
    }
    /* line 1522, ../sass/_media_query.scss */
    .m-order-grid .order-row-block {
        position: relative;
        line-height: 1.6;
        padding-bottom: 40px;
    }
    .inline-grid-system-wrapper .m-order-grid .order-row-block::after{
        content: "";
        position: absolute;
        top: 0;
        left: -6%;
        width: 112%;
        border-bottom: 2px solid #c9caca;
    }
    .order-val{ display: inline-block; color: #000; font-weight: bold;}
    .order-val.c_pink{color: #c3aa6f;}
    /* line 1526, ../sass/_media_query.scss */
    .m-order-grid .order-row {
        display: flex;
        font-size: 15px;
        color: #727272;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
        border-bottom: 1px solid #dedede;
    }
    .m-order-grid .order-row.payway{
        text-align: center;
    }
    .m-order-grid .order-row.payway .order-title{display: inline-block;}
    /* line 1536, ../sass/_media_query.scss */
    .m-order-grid .order-row a {
        color: #c3aa6f;
        width: 100%;
        word-break: break-all;
        text-decoration:underline;
    }
    /* line 1542, ../sass/_media_query.scss */
    .m-order-grid .order-row .order-title {
        font-size: 15px;
    }
    /* line 1544, ../sass/_media_query.scss */
    .m-order-grid .order-row .order-title::after {
        content: "：";
    }
    /* line 1552, ../sass/_media_query.scss */
    .m-order-grid .order-row .order-column {
        width: 100%;
        height: 100%;
        align-items: center;
        padding: 20px 0;
    }
    .proc-info-body{display: flex; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid #dedede;}
    .img-cover{width: 25%;}
    .proc-detail{ margin-left: 15px;width: 80%;}
    .proc-col.c_pink{ line-height: 1.4;}
    .proc-col .price{margin: 0; display: inline-block;}
    /* line 1556, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row .order-column.flex-4 {
        flex: 4;
    }
    /* line 1559, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row .order-column.flex-3 {
        flex: 3;
    }
    /* line 1563, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row .order-column.bor-r {
    }
    /* line 1568, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.bg-gray {
    }
    /* line 1572, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.dir-column {
        flex-direction: column;
        line-height: 32px;
        align-items: flex-start;
        padding: 20px;
        height: auto;
    }
    /* line 1580, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.flex-left {
        height: auto;
        padding: 16px 60px;
        align-items: flex-end;
        justify-content: center;
    }
    /* line 1586, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.flex-left .txt {
        display: flex;
        align-items: center;
    }
    /* line 1591, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.flex-left .icon {
        display: inline-block;
        width: 18px;
        height: 18px;
        background: #cbcbcb;
        color: #fff;
        margin-right: 8px;
        text-align: center;
        line-height: 18px;
    }
    /* line 1602, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.flex-left .price {
        display: flex;
        align-items: flex-end;
        font-size: 25.5px;
        margin: 0;
    }
    /* line 1606, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.flex-left .price .sign {
        font-size: 16px;
    }
    /* line 1611, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.flex-left .btn {
        flex: 1;
        height: 44px;
        color: #fff;
        text-align: center;
        border: 0;
    }
    /* line 1619, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.flex-left .btn.btn-contact-customer {
        text-decoration: none;
        background: #c3aa6f;
        line-height: 44px;
    }
    /* line 1622, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.flex-left .btn.btn-open-modal {
        background: #5bbae8;
    }
    /* line 1431, ../sass/_media_query.scss add by tina20180917 */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.flex-left .btn.btn-open-modal.disabled {
        background: #cbcbcb;
    }

    /* line 1655, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row:last-child {
        position: absolute;
        width: 112%;
        bottom: 0;
        left: -6%;
        border-top: 0;
    }
    /* line 1639, ../sass/_media_query.scss */
    .page-container .classification-wrapper {
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #d5d5d5;
        overflow-x: scroll;
    }
    /* line 1645, ../sass/_media_query.scss */
    .page-container .classification-wrapper .btn-classification {
        display: inline-flex;
        flex-direction: column;
        padding: 8px 15px;
        font-size: 15px;
        line-height: 18px;
        color: #fff;
        border: 0;
        align-items: center;
        background: #979797;
        margin: 0 8px 0 0;
        float: left;
    }
    /* line 1657, ../sass/_media_query.scss */
    .page-container .classification-wrapper .btn-classification.btn-txt {
        background: #eb6187;
    }
    /* line 1663, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper {
        margin-top: 0;
    }
    /* line 1665, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info {
        margin-bottom: 0;
    }
    /* line 1667, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info {
        font-size: 15px;
    }
    /* line 1669, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header {
        display: flex;
        padding: 18px 0 16px;
        border-bottom: 1px solid #bfbfbf;
    }
    /* line 1673, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-no,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-date,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-order-stat,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-ship,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-invoice {
        flex: 1;
        color: #727272;
        padding-left: 5%;
        align-items: center;
    }
    /* line 1683, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-no.proc-order-stat,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-date.proc-order-stat,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-order-stat.proc-order-stat,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-ship.proc-order-stat,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-invoice.proc-order-stat {
        padding-left: calc(5% + 12px);
    }
    /* line 1687, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-no span,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-date span,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-order-stat span,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-ship span,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-invoice span {
        display: inline-block;
    }
    /* line 1689, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-no span.val,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-date span.val,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-order-stat span.val,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-ship span.val,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-invoice span.val {
        width: 72px;
    }
    /* line 1694, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-no .btn-link,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-date .btn-link,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-order-stat .btn-link,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-ship .btn-link,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-invoice .btn-link {
        font-size: 15px;
        color: #c3aa6f;
        text-decoration:underline;
    }
    /* line 1699, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-no.proc-ship, .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-no.proc-invoice,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-date.proc-ship,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-date.proc-invoice,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-order-stat.proc-ship,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-order-stat.proc-invoice,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-ship.proc-ship,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-ship.proc-invoice,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-invoice.proc-ship,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-invoice.proc-invoice {
        display: flex;
        line-height: 1.2;
        padding: 18px 0 18px 5%;
    }
    /* line 1706, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-no.proc-ship,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-date.proc-ship,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-order-stat.proc-ship,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-ship.proc-ship,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-invoice.proc-ship {
        border-right: 1px solid #bfbfbf;
    }
    /* line 1711, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header.bg-gray {
    }
    /* line 1715, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header.p-0 {
        padding: 0 0 0 5%;
    }
    /* line 1720, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-body {
        display: flex;
        justify-content: space-around;
        padding: 30px 0;
        background: #f7f7f7;
        border-bottom: 1px solid #bfbfbf;
    }
    /* line 1726, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-body .img-cover {
        width: 110px;
    }
    /* line 1728, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-body .img-cover img {
        width: 100%;
    }
    /* line 1733, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-body .proc-detail {
        width: 275px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    /* line 1738, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-body .proc-detail .proc-col {
        display: flex;
        align-items: baseline;
    }
    /* line 1741, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-body .proc-detail .proc-col .price {
        color: #c3aa6f;
        font-size: 24px;
    }
    /* line 1744, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-body .proc-detail .proc-col .price .sign {
        font-size: 15px;
    }
    /* line 1752, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-footer {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between;
        font-size: 15px;
        line-height: 1;
        color: #727272;
        padding: 28px 37px;
    }
    /* line 1761, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-footer .th-col {
        display: flex;
        margin-bottom: 10px;
    }
    /* line 1765, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-footer .th-col .th-name {
        margin-right: 15px;
    }
    /* line 1769, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-footer .th-col .price {
        width: 84px;
        text-align: right;
    }
    /* line 1774, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-footer .th-col:last-child {
        margin-bottom: 0;
    }
    /* line 1784, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-info table,
    .page-container .order-detail-wrapper .order-receiver-info table {
        border: 0;
    }
    .pay-no .text-red, .pay-way .text-red{display: block; width: 100%;line-height: 2;}
    /* line 1786, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-info table th,
    .page-container .order-detail-wrapper .order-receiver-info table th {
        border: 0;
        text-align: center;
    }
    /* line 1789, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-info table th .pay-no,
    .page-container .order-detail-wrapper .order-payment-info table th .pay-way,
    .page-container .order-detail-wrapper .order-receiver-info table th .pay-no,
    .page-container .order-detail-wrapper .order-receiver-info table th .pay-way {
        margin-right: 0;
        width: 49%;
    }
    /* line 1796, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-info table td,
    .page-container .order-detail-wrapper .order-receiver-info table td {
        text-align: left;
        border: 0;
    }
    .page-container .order-detail-wrapper .order-payment-info table tr:nth-child(1) td{ border-bottom: 1px solid #dedede;}
    .page-container .order-detail-wrapper .order-payment-info.order-payment-info {
        border: 0;
    }
    /* line 1801, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-info table td.fixed-title,
    .page-container .order-detail-wrapper .order-receiver-info table td.fixed-title {
        width: 49%;
    }
    /* line 1805, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-info table td.text-left,
    .page-container .order-detail-wrapper .order-receiver-info table td.text-left {
        text-align: center;
    }
    /* line 1812, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-info.order-receiver-info table th,
    .page-container .order-detail-wrapper .order-receiver-info.order-receiver-info table th {
        background: transparent;
        width: 40%;
        text-align: right;
    }
    /* line 1816, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-info.order-receiver-info table th::after,
    .page-container .order-detail-wrapper .order-receiver-info.order-receiver-info table th::after {
        content: "：";
    }
    /* line 1820, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-info.order-receiver-info table td,
    .page-container .order-detail-wrapper .order-receiver-info.order-receiver-info table td {
        border: 0;
        padding-left: 14px;
    }
    /* line 1828, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-detail {
        position: relative;padding: 0; border: 0;background-color: #fff;
    }
    /* line 1831, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-detail .title {
        position: relative;
        width: 112%;
        left: -6%;
        color: #fff;
        text-align: center;
        background: #c3aa6f;
        border: 0;
    }
    /* line 1836, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .dashed-title {
        border-top: 0;
        margin-bottom: 0;
    }

    /* line 1844, ../sass/_media_query.scss */
    .tab-content {
        padding: 0;
    }
    /* line 1846, ../sass/_media_query.scss */
    .tab-content .tab-pane {
        padding: 20px 3.125%;
    }

    /* ====== Header ====== */
    /* line 1852, ../sass/_media_query.scss */
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 57px;
        border-bottom: 1px solid #c3aa6f;
        background: #fff;
    }
    /* line 1861, ../sass/_media_query.scss */
    .header .mid-header {
        height: 100%;
        margin: 0;
        padding: 0;
    }
    /* line 1866, ../sass/_media_query.scss */
    .header .mid-header .m-mid-header {
        flex: 1;
        display: flex;
    }
    /* line 1870, ../sass/_media_query.scss */
    .header .mid-header .m-mid-header.mid-h-left {
        justify-content: space-between;
    }
    /* line 1874, ../sass/_media_query.scss */
    .header .mid-header .m-mid-header.mid-h-right {
        align-items: center;
        justify-content: space-around;
    }
    /* line 1880, ../sass/_media_query.scss */
    .header .mid-header .logo {
        width: 99px;
        padding-top: 0;
        height: auto;
        display: flex;
        align-items: center;
    }
    /* line 1887, ../sass/_media_query.scss */
    .header .mid-header .logo a {
        width: 100%;
    }
    /* line 1892, ../sass/_media_query.scss */
    .header .mid-header .search-block {
        display: none;
    }
    /* line 1895, ../sass/_media_query.scss */
    .header .mid-header .search-block.active {
        display: block;
    }

    /* ====== Banner ====== */
    /* line 1903, ../sass/_media_query.scss */
    .banner-wrapper {
        margin-top: 57px;
    }
    /* line 1906, ../sass/_media_query.scss */
    .banner-wrapper .top-banner {
        flex-direction: column;
        height: auto;
    }
    /* line 1909, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .swiper-container {
        width: 100%;
    }
    /* line 1911, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .swiper-container .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
    /* line 1917, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        border: 0;
        margin-bottom: 20px;
    }
    /* line 1923, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale h2.title {
        width: 100%;
        height: 59px;
        line-height: 59px;
        font-size: 25px;
        margin-bottom: 14px;
    }
    /* line 1931, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale h3.title {
        font-size: 15px;
    }
    /* line 1935, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .product-img {
        padding: 0 10px;
        width: 220px;
    }
    /* line 1938, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .product-img .img-cover {
        width: 200px;
        height: 200px;
        border: 1px solid #ddd;
    }
    /* line 1945, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .sale-bottom {
        flex: 1;
        display: flex;
        padding-right: 12px;
    }
    /* line 1949, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .sale-bottom .product-desc {
        width: 100%;
        display: flex;
        padding: 0;
        flex-direction: column;
        justify-content: space-around;
    }
    /* line 1955, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .sale-bottom .product-desc .pname {
        font-size: 18px;
        line-height: 25px;
        height: auto;
        padding: 0;
    }
    /* line 1962, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .sale-bottom .product-desc .price-block {
        display: flex;
        align-items: flex-end;
        padding-left: 5px;
    }
    /* line 1967, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .sale-bottom .product-desc .price-block .price.line-through {
        margin-right: 6px;
    }



    /* ====== Button ====== */
    /* line 2042, ../sass/_media_query.scss */
    .btn-buy {
        margin-top: 8px;
    }

    /* line 2047, ../sass/_media_query.scss */
    .btn.btn-buy {
        margin-top: 0;
    }

    /* line 2058, ../sass/_media_query.scss */
    .btn-form-regist.btn-home, .btn-form-regist.btn-forget-pw {
        width: 88%;
    }
    /* line 2063, ../sass/_media_query.scss */
    .btn-form-regist.btn-save {
        margin: 32px auto;
    }

    /* line 2068, ../sass/_media_query.scss */
    .btn-send-ques {
        width: 100%;
    }

    /* line 2072, ../sass/_media_query.scss */
    .county,
    .district {
        flex: 1;
    }

    /* line 2077, ../sass/_media_query.scss */
    #twzipcode {
        display: flex;
        flex: 1;
    }
    /* line 2080, ../sass/_media_query.scss */
    #twzipcode div {
        flex: 1;
    }

    /* ====== Input ====== */
    /* line 2087, ../sass/_media_query.scss */
    .input-group.faq-input-group {
        width: calc(100% - 30px);
        margin: 15px;
    }
    /* line 2091, ../sass/_media_query.scss */
    .input-group.faq-input-group span.title {
        font-size: 16px;
        color: #6f6f6f;
        width: 120px;
        padding: 0 18px;
    }
    /* line 2099, ../sass/_media_query.scss */
    .input-group.faq-input-group .select-box {
        width: calc(100% - 120px);
    }
    /* line 2101, ../sass/_media_query.scss */
    .input-group.faq-input-group .select-box .dropdown-toggle {
        height: 39px;
    }
}
@media (max-width: 479px) {
    /* line 2115, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale h3.title {
        margin: 8px 0;
        font-size: 14px;
        height: 28px;
        line-height: 28px;
    }
    /* line 2121, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .product-img {
        flex: 2;
        width: initial;
        height: auto;
        align-items: flex-start;
    }
    /* line 2126, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .product-img .img-cover {
        width: initial;
        height: auto;
    }
    /* line 2132, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .sale-bottom {
        flex: 3;
    }
    /* line 2135, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .sale-bottom .product-desc .pname {
        font-size: 14px;
        line-height: 18px;
    }
    /* line 2139, ../sass/_media_query.scss */
    .banner-wrapper .top-banner .today-sale .sale-bottom .product-desc .hurry-buy {
        position: initial;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        margin: 8px 0 0 auto;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    /* line 2159, ../sass/_media_query.scss */
    .page-container .product-wrapper .product-item .price-info .price .discount {
        font-size: 22px;
    }
    /* line 2168, ../sass/_media_query.scss */
    .page-container .product-wrapper.product-primary .product-item.favorite-item {
        padding: 0 15px 20px;
        margin-top: 20px;
    }
    /* line 2171, ../sass/_media_query.scss */
    .page-container .product-wrapper.product-primary .product-item.favorite-item .desc,
    .page-container .product-wrapper.product-primary .product-item.favorite-item .price-info {
        margin-top: 10px;
    }
    /* line 2181, ../sass/_media_query.scss */
    .page-container .cart-list .title {
        padding: 0 15px;
    }
    /* line 2192, ../sass/_media_query.scss */
    .page-container.page-favorite .form-wrapper .product-wrapper .product-item .price-info .price .dollar-sign,
    .page-container.page-favorite .form-wrapper .product-wrapper .product-item .price-info .price .original {
        font-size: 12px;
    }
    /* line 2196, ../sass/_media_query.scss */
    .page-container.page-favorite .form-wrapper .product-wrapper .product-item .price-info .price .discount {
        font-size: 18px;
    }
    /* line 2208, ../sass/_media_query.scss */
    .page-container .m-product-wrapper .product-item .img-cover {
        max-width: initial;
        height: auto;
        flex: 1;
    }
    /* line 2214, ../sass/_media_query.scss */
    .page-container .m-product-wrapper .product-item .price-info {
        margin-top: 12px;
        justify-content: flex-end;
    }
    /* line 2217, ../sass/_media_query.scss */
    .page-container .m-product-wrapper .product-item .price-info .price {
        flex-direction: column;
    }
    /* line 2223, ../sass/_media_query.scss */
    .page-container .m-product-wrapper .product-item .btn-buy {
        float: right;
        margin-top: 5px;
    }
    /* line 2228, ../sass/_media_query.scss */
    .page-container .m-product-wrapper .product-item .desc {
        font-size: 14px;
        line-height: 18px;
        height: 36px;
    }
    /* line 2234, ../sass/_media_query.scss */
    .page-container .m-product-wrapper .product-item .marketing-article {
        font-size: 14px;
        margin-bottom: 8px;
    }
    /* line 2241, ../sass/_media_query.scss */
    .page-container .sort-wrapper {
        padding: 0 10px;
        font-size: 14px;
    }
    /* line 2246, ../sass/_media_query.scss */
    .page-container .sort-wrapper .sort-nav li a {
        padding: 0;
    }
    /* line 2248, ../sass/_media_query.scss */
    .page-container .sort-wrapper .sort-nav li a span {
        margin-right: 5px;
    }
    /* line 2254, ../sass/_media_query.scss */
    .page-container .sort-wrapper .sort-way {
        width: auto;
    }
    /* line 2256, ../sass/_media_query.scss */
    .page-container .sort-wrapper .sort-way span {
        margin-left: 10px;
    }
    /* line 2266, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-left {
        flex: 24;
    }
    /* line 2271, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-right div .btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    /* line 2276, ../sass/_media_query.scss */
    .page-container.page-proc_single .product-footer .p-footer.pf-right div .btn .txt {
        font-size: 12px;
    }
    /* line 2289, ../sass/_media_query.scss */
    .page-container.page-cart .err-img img, .page-container.page-failure .err-img img {
        max-width: 80%;
    }
    /* line 2294, ../sass/_media_query.scss */
    .page-container.page-cart .err-msg, .page-container.page-failure .err-msg {
        font-size: 24px;
    }
    /* line 2302, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block.payment-info .cart-block-inner table th,
    .page-container.page-cart .cart-block.payment-info .cart-block-inner table td, .page-container.page-failure .cart-block.payment-info .cart-block-inner table th,
    .page-container.page-failure .cart-block.payment-info .cart-block-inner table td {
    }
    /* line 2308, ../sass/_media_query.scss */
    .page-container.page-cart .cart-block.payment-info .cart-block-inner .note, .page-container.page-failure .cart-block.payment-info .cart-block-inner .note {
        font-size: 12px;
    }
    /* line 2321, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner .form-group label {
        margin-right: 0;
        width: 56px;
        padding: 11px 0 11px 12px;
    }
    /* line 2327, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner .form-group .form-control {
        width: calc(100% - 56px);
    }
    /* line 20, ../sass/_mixins.scss */
    .page-container.page-form .form-wrapper .form-inner .form-group .form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 12px;
    }
    /* line 23, ../sass/_mixins.scss */
    .page-container.page-form .form-wrapper .form-inner .form-group .form-control::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 12px;
    }
    /* line 26, ../sass/_mixins.scss */
    .page-container.page-form .form-wrapper .form-inner .form-group .form-control:-ms-input-placeholder {
        /* IE 10+ */
        font-size: 12px;
    }
    /* line 29, ../sass/_mixins.scss */
    .page-container.page-form .form-wrapper .form-inner .form-group .form-control:-moz-placeholder {
        /* Firefox 18- */
        font-size: 12px;
    }
    /* line 2334, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.forget-pw-inner .form-group .form-control {
        width: calc(100% - 56px);
    }
    /* line 2341, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group label {
        letter-spacing: 0;
        text-align: left;
        width: 80px;
        padding: 11px 0 11px 12px;
    }
    /* line 2347, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group .form-control {
        width: calc(100% - 64px);
    }
    /* line 2352, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-mobile-num .btn-mobile-num {
        font-size: 12px;
        height: 40px;
        width: 110px;
    }
    /* line 2358, ../sass/_media_query.scss */
    .page-container.page-form .form-wrapper .form-inner.regist-inner .form-group.form-mobile-num .form-control {
        width: calc(100% - 110px);
        height: 40px;
    }
    /* line 2373, ../sass/_media_query.scss */
    .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group label, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group label {
        width: 100px;
    }
    /* line 2375, ../sass/_media_query.scss */
    .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group label.no-colon, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group label.no-colon {
        width: 0;
    }
    /* line 2379, ../sass/_media_query.scss */
    .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control {
        width: calc(100% - 80px);
    }
    /* line 2381, ../sass/_media_query.scss */
    .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control.form-control-sm, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control.form-control-sm {
        width: calc(100% - 80px);
    }
    /* line 2384, ../sass/_media_query.scss */
    .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group .form-control.form-control-block, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group .form-control.form-control-block {
        width: 100%;
    }
    /* line 2389, ../sass/_media_query.scss */
    .page-container.page-form.page-modify_pw .form-wrapper .form-inner .form-group.form-address label, .page-container.page-form.page-maintain_account .form-wrapper .form-inner .form-group.form-address label {
        width: 56px;
        padding: 11px 0;
    }
    /* line 2401, ../sass/_media_query.scss */
    .page-container.page-form.page-search_result .form-wrapper .product-wrapper.product-primary.product-list {
        margin-top: 10px;
    }
    /* line 2403, ../sass/_media_query.scss */
    .page-container.page-form.page-search_result .form-wrapper .product-wrapper.product-primary.product-list .product-item .img-cover {
        width: 100%;
        height: auto;
    }
    /* line 2413, ../sass/_media_query.scss */
    .page-container .sort-wrapper.sort-search-result {
        font-size: 13px;
    }
    /* line 2415, ../sass/_media_query.scss */
    .page-container .sort-wrapper.sort-search-result .search-count {
        padding: 0 10px;
        height: 25px;
        line-height: 25px;
    }
    /* line 2423, ../sass/_media_query.scss */
    .page-container .inline-search-wrapper {
        padding: 0 10px;
        flex-wrap: wrap;
    }
    /* line 2427, ../sass/_media_query.scss */
    .page-container .inline-search-wrapper .btn-order-search {
        width: 100%;
    }
    /* line 2431, ../sass/_media_query.scss */
    .page-container .inline-search-wrapper .input-group {
        width: 50%;
        margin-bottom: 15px;
    }
    /* line 2434, ../sass/_media_query.scss */
    .page-container .inline-search-wrapper .input-group .dropdown-toggle {
        padding: 0 10px;
    }
    /* line 2439, ../sass/_media_query.scss */
    .page-container .inline-search-wrapper .search-input {
        width: 40%;
        margin-bottom: 15px;
    }
    /* line 2442, ../sass/_media_query.scss */
    .page-container .inline-search-wrapper .search-input .form-control {
        width: 100%;
        padding-left: 10px;
    }
    /* line 2452, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row .order-column.flex-3, .page-container .inline-grid-system-wrapper .m-order-grid .order-row .order-column.flex-4 {
        flex: 1;
        flex-direction: column;
        line-height: 1.4;
        justify-content: center;
    }
    /* line 2458, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row .order-column.flex-3.flex-center, .page-container .inline-grid-system-wrapper .m-order-grid .order-row .order-column.flex-4.flex-center {
        flex-direction: row;
    }
    /* line 2461, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row .order-column.flex-3.flex-center .order-title::after, .page-container .inline-grid-system-wrapper .m-order-grid .order-row .order-column.flex-4.flex-center .order-title::after {
        content: "：";
    }
    /* line 2470, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row .order-title::after {
        content: "";
    }
    /* line 2475, ../sass/_media_query.scss */
    .page-container .inline-grid-system-wrapper .m-order-grid .order-row.flex-left {
        padding-right: 5%;
    }
    /* line 2484, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header {
        padding: 12px;
    }
    /* line 2487, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-no,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-date,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-order-stat,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-ship,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-invoice {
        line-height: 1.4;
        padding-left: 3%;
    }
    /* line 2494, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-no .btn-link,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-date .btn-link,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-order-stat .btn-link,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-ship .btn-link,
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-header .proc-invoice .btn-link {
        font-size: 12px;
    }
    /* line 2500, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-body {
        padding: 20px 10px;
    }
    /* line 2502, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-body .img-cover {
        width: 110px;
        min-width: 110px;
    }
    /* line 2507, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-body .proc-detail {
        width: auto;
        flex: 1;
        margin: 0 0 0 10px;
        font-size: 13px;
        line-height: 1.4;
    }
    /* line 2514, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-proc-info .m-order-proc-info .proc-info-body .proc-detail .proc-col .price {
        font-size: 18px;
    }
    /* line 2527, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-info table th .pay-no,
    .page-container .order-detail-wrapper .order-payment-info table th .pay-way,
    .page-container .order-detail-wrapper .order-receiver-info table th .pay-no,
    .page-container .order-detail-wrapper .order-receiver-info table th .pay-way {
        font-size: 12px;
    }
    /* line 2530, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-info table th .pay-no .icon,
    .page-container .order-detail-wrapper .order-payment-info table th .pay-way .icon,
    .page-container .order-detail-wrapper .order-receiver-info table th .pay-no .icon,
    .page-container .order-detail-wrapper .order-receiver-info table th .pay-way .icon {
        margin-right: 0;
    }
    /* line 2540, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-detail .payment-detail-content .txt-content {
    }
    /* line 2545, ../sass/_media_query.scss */
    .page-container .order-detail-wrapper .order-payment-detail .payment-detail-content .txt-content table tr td:first-child {
        width: 100px;
        vertical-align: top;
    }

    /* line 2558, ../sass/_media_query.scss */
    #twzipcode {
        width: calc(100% - 56px);
    }
    /* line 2560, ../sass/_media_query.scss */
    #twzipcode div {
        flex: unset;
    }

    /* line 2565, ../sass/_media_query.scss */
    .county,
    .district {
        width: auto;
        font-size: 12px;
    }

    /* line 2572, ../sass/_media_query.scss */
    .page-container.page-failure .action-btns .btn {
        font-size: 18px;
    }
    /* line 2574, ../sass/_media_query.scss */
    .page-container.page-failure .action-btns .btn .icon {
        width: 30px;
        height: 30px;
    }
    /* line 2577, ../sass/_media_query.scss */
    .page-container.page-failure .action-btns .btn .icon .fa-credit-card-alt {
        font-size: 14px;
    }
    /* line 2580, ../sass/_media_query.scss */
    .page-container.page-failure .action-btns .btn .icon .fa-home {
        font-size: 21px;
    }

    /* line 2586, ../sass/_media_query.scss */
    .page-container.page-form.page-favorite .form-wrapper .product-wrapper.product-primary.product-list .favorite-btns {
        margin-top: 10px;
    }

    /* line 2590, ../sass/_media_query.scss */
    .favorite-btns .btn {
        font-size: 12px;
        padding: 6px 8px;
        line-height: 1;
    }

    /* line 2600, ../sass/_media_query.scss */
    .btn-go-home,
    .btn-recheckout {
        height: 40px;
    }

    /* line 2609, ../sass/_media_query.scss */
    .footer .footer-nav .footer-left .f-nav {
        text-align: center;
        margin: unset;
    }
    /* line 2614, ../sass/_media_query.scss */
    .footer .footer-nav .footer-left .f-nav .title {
        font-size: 12px;
        border-right: 0;
    }
    /* line 2622, ../sass/_media_query.scss */
    .footer .company-info {
        height: auto;
    }
    /* line 2626, ../sass/_media_query.scss */
    .footer .company-info .company-info-inner .info p {
        white-space: initial;
        word-break: break-all;
        line-height: 1.4;
        padding: 0 10px;
    }
    /* line 2633, ../sass/_media_query.scss */
    .footer .company-info .company-info-inner .info .customer-service .tel {
        display: block;
        line-height: 1.6;
    }
    .tab-content .tab-pane.show {
        display: block;
        background:#FFF;
    }
}
/*./styles.css*/

/*js/slider/styles.css*/
.wrp li{opacity: .5; transition: opacity 0.5s 0s ease-out;}
.wrp li.focalPoint{opacity: 1;transition: opacity 0.8s 0s ease-in;}

.sldr-prv{ position: absolute; z-index: 2; left: 0; top: 0; text-align: right;}
.sldr-nxt{ position: absolute;right: 0; top: 0;text-align: left;}
button.sldr-nav {
    cursor: pointer;
    color: #FFF;
    line-height: 1;
    text-transform: uppercase;
    border: none;
    width: 19%;
    height: 100%;
    background: transparent;
}

ul.animate {
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); /* ease-in-out */
}

.ad_indmain {
    position: relative;
    width: 100%;
    margin: 20px auto 0;
    padding: 0 19.5%;
    text-align: center;
    overflow: hidden;
}
.ad_indmain ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sldr {
    margin: 0 auto;
    overflow: visible;
    position: relative;
    clear: both;
    display: block;
}
.sldr > ul > li {
    float: left;
    display: block;
}
div.skew {
    margin: 0 auto;
    display: block;
    overflow: hidden;
}
div.skew > div.wrap {
    display: block;
    overflow: hidden;
}
.ad_indmain .sldr img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

@media (max-width: 1441px) {
    button.sldr-nav {width: 8%;}
    .ad_indmain {padding: 0 8.6%;}
}

@media (max-width: 1281x) {
    button.sldr-nav {width: 4%;}
    .ad_indmain {padding: 0 4%;}
}

@media (max-width: 970px) {
    .ad_indmain{ display: none;}
}
/*./js/slider/styles.css*/

/*customSelect.jquery.css--products用*/
.jqcs_default_select{display:none;}
.jqcs_select{position:relative;cursor:pointer;overflow:hidden;color:#555;border:1px solid #444;}
.jqcs_select:hover{background-color:#f9f9f9;}
.jqcs_select .jqcs_value{float:left;padding:6px 10px;}
.jqcs_select .jqcs_value p.jqcs_placeholder{margin:0;padding:4px 0px;}
.jqcs_select .jqcs_arrow{position:absolute;right:0;height:100%;background-image: url(../../images/ico_arrow_down.png);background-size: 65%;background-repeat: no-repeat;background-position: center center;}
.jqcs_select .jqcs_arrow.rotated{-webkit-transform: rotate(180deg);transform: rotate(180deg);border-left:0 !important; border-right:1px #b1b1b1 solid !important;}
.jqcs_options{display:none; position: absolute;  width: 100%; z-index: 1; background-color: #fff; border:1px #b1b1b1 solid; border-top:0;}
.jqcs_option{cursor:pointer; padding-left: 30px; background-repeat: no-repeat;}
.jqcs_option:hover{background-color:#f9f9f9;}
/*./customSelect.jquery.css--products用*/

/*animate.css*/
.delay{-webkit-animation-delay: 1s; /* Safari和Chrome */
       -moz-animation-delay: 1s;/* Firefox */
       -o-animation-delay: 1s;
       animation-delay: 1s;/* W3C和Opera */
}
.delay2s{-webkit-animation-delay: 2s; /* Safari和Chrome */
         -moz-animation-delay: 2s;/* Firefox */
         -o-animation-delay: 2s;
         animation-delay: 2s;/* W3C和Opera */
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }


    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;

    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
    }
    10% {
        -webkit-transform: skewX(-8deg);
    }
    20% {
        -webkit-transform: skewX(7deg);
    }
    30% {
        -webkit-transform: skewX(-6deg);
    }
    40% {
        -webkit-transform: skewX(5deg);
    }
    50% {
        -webkit-transform: skewX(-4deg);
    }
    60% {
        -webkit-transform: skewX(3deg);
    }
    70% {
        -webkit-transform: skewX(-2deg);
    }
    80% {
        -webkit-transform: skewX(1deg);
    }
    90% {
        -webkit-transform: skewX(0deg);
    }
    100% {

        -webkit-transform: skewX(0deg);
    }
}
@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg);
    }
    10% {
        -moz-transform: skewX(-8deg);
    }
    20% {
        -moz-transform: skewX(7deg);
    }
    30% {
        -moz-transform: skewX(-6deg);
    }
    40% {
        -moz-transform: skewX(5deg);
    }
    50% {
        -moz-transform: skewX(-4deg);
    }
    60% {
        -moz-transform: skewX(3deg);
    }
    70% {
        -moz-transform: skewX(-2deg);
    }
    80% {
        -moz-transform: skewX(1deg);
    }
    90% {
        -moz-transform: skewX(0deg);
    }
    100% {
        -moz-transform: skewX(0deg);
    }
}
@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg);
    }
    10% {
        -o-transform: skewX(-8deg);
    }
    20% {
        -o-transform: skewX(7deg);
    }
    30% {
        -o-transform: skewX(-6deg);
    }
    40% {
        -o-transform: skewX(5deg);
    }
    50% {
        -o-transform: skewX(-4deg);
    }
    60% {
        -o-transform: skewX(3deg);
    }
    70% {
        -o-transform: skewX(-2deg);
    }
    80% {
        -o-transform: skewX(1deg);
    }
    90% {
        -o-transform: skewX(0deg);
    }
    100% {
        -o-transform: skewX(0deg);
    }
}
@keyframes wiggle {
    0% {
        transform: skewX(9deg);
    }
    10% {
        transform: skewX(-8deg);
    }
    20% {
        transform: skewX(7deg);
    }
    30% {
        transform: skewX(-6deg);
    }
    40% {
        transform: skewX(5deg);
    }
    50% {
        transform: skewX(-4deg);
    }
    60% {
        transform: skewX(3deg);
    }
    70% {
        transform: skewX(-2deg);
    }
    80% {
        transform: skewX(1deg);
    }
    90% {
        transform: skewX(0deg);
    }
    100% {
        transform: skewX(0deg);
    }
}
/* line 59, ../sass/animations/attention-seekers/_wiggle.scss */
.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
/*./animate.css*/

/*fonts.css*/
@font-face {
    font-family: 'icomoon';
	src:  url('../fonts/fonts/icomoon.eot');
    src:  url('../fonts/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/fonts/icomoon.ttf') format('truetype'),
        url('../fonts/fonts/icomoon.woff') format('woff'),
        url('../fonts/fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

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

.icon-arrow_down:before { content: "\e900";}
.icon-arrow_down_fill:before { content: "\e901";}
.icon-arrow_left_fill:before { content: "\e902";}
.icon-arrow_lift:before { content: "\e903";}
.icon-arrow_right:before { content: "\e904";}
.icon-arrow_right_fill:before { content: "\e905";}
.icon-arrow_top:before { content: "\e906";}
.icon-arrow_top_fill:before { content: "\e907";}
.icon-bell:before { content: "\e908";}
.icon-check:before { content: "\e909";}
.icon-crown:before { content: "\e90a";}
.icon-crown_fill:before { content: "\e90b";}
.icon-delete:before { content: "\e90c";}
.icon-discount:before { content: "\e90d";}
.icon-eye:before { content: "\e90e";}
.icon-eye_close:before { content: "\e90f";}
.icon-eye_encryption:before { content: "\e910";}
.icon-fb:before { content: "\e911";}
.icon-home:before { content: "\e912";}
.icon-ig:before { content: "\e913";}
.icon-key:before { content: "\e914";}
.icon-list:before { content: "\e915";}
.icon-lock:before { content: "\e916";}
.icon-logout:before { content: "\e917";}
.icon-love:before { content: "\e918";}
.icon-love_fill:before { content: "\e919";}
.icon-mail:before { content: "\e91a";}
.icon-map:before { content: "\e91b";}
.icon-member:before { content: "\e91c";}
.icon-minus:before { content: "\e91d";}
.icon-money:before { content: "\e91e";}
.icon-pay:before { content: "\e91f";}
.icon-plus:before { content: "\e920";}
.icon-search:before { content: "\e921";}
.icon-send:before { content: "\e922";}
.icon-shopp:before { content: "\e923";}
.icon-time:before { content: "\e924";}
.icon-top:before { content: "\e925";}
.icon-trashcan:before { content: "\e926";}
.icon-twter:before { content: "\e927";}
.icon-youtube:before { content: "\e928";}
/*./fonts.css*/

/*font-awesome.min.css*/
@font-face {
    font-family: 'FontAwesome';
	src: url('../fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0.1');
    src: url('../fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0.1') format('embedded-opentype'),
        url('../fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0.1') format('woff2'),
        url('../fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0.1') format('woff'),
        url('../fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0.1') format('truetype'),
        url('../fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0.1#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571429em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714286em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}
.fa-pull-left {
    float: left
}
.fa-pull-right {
    float: right
}
.fa.fa-pull-left {
    margin-right: .3em
}
.fa.fa-pull-right {
    margin-left: .3em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-crown:before,.icon-crown:before {
  content: "\e904";
}
.fa-chess-queen:before {
	content: "\e901"
}
.fa-glass:before {
    content: "\f000"
}
.fa-music:before {
    content: "\f001"
}
.fa-search:before {
    content: "\f002"
}
.fa-envelope-o:before {
    content: "\f003"
}
.fa-heart:before {
    content: "\f004"
}
.fa-star:before {
    content: "\f005"
}
.fa-star-o:before {
    content: "\f006"
}
.fa-user:before {
    content: "\f007"
}
.fa-film:before {
    content: "\f008"
}
.fa-th-large:before {
    content: "\f009"
}
.fa-th:before {
    content: "\f00a"
}
.fa-th-list:before {
    content: "\f00b"
}
.fa-check:before {
    content: "\f00c"
}
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}
.fa-search-plus:before {
    content: "\f00e"
}
.fa-search-minus:before {
    content: "\f010"
}
.fa-power-off:before {
    content: "\f011"
}
.fa-signal:before {
    content: "\f012"
}
.fa-gear:before, .fa-cog:before {
    content: "\f013"
}
.fa-trash-o:before {
    content: "\f014"
}
.fa-home:before {
    content: "\f015"
}
.fa-file-o:before {
    content: "\f016"
}
.fa-clock-o:before {
    content: "\f017"
}
.fa-road:before {
    content: "\f018"
}
.fa-download:before {
    content: "\f019"
}
.fa-arrow-circle-o-down:before {
    content: "\f01a"
}
.fa-arrow-circle-o-up:before {
    content: "\f01b"
}
.fa-inbox:before {
    content: "\f01c"
}
.fa-play-circle-o:before {
    content: "\f01d"
}
.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}
.fa-refresh:before {
    content: "\f021"
}
.fa-list-alt:before {
    content: "\f022"
}
.fa-lock:before {
    content: "\f023"
}
.fa-flag:before {
    content: "\f024"
}
.fa-headphones:before {
    content: "\f025"
}
.fa-volume-off:before {
    content: "\f026"
}
.fa-volume-down:before {
    content: "\f027"
}
.fa-volume-up:before {
    content: "\f028"
}
.fa-qrcode:before {
    content: "\f029"
}
.fa-barcode:before {
    content: "\f02a"
}
.fa-tag:before {
    content: "\f02b"
}
.fa-tags:before {
    content: "\f02c"
}
.fa-book:before {
    content: "\f02d"
}
.fa-bookmark:before {
    content: "\f02e"
}
.fa-print:before {
    content: "\f02f"
}
.fa-camera:before {
    content: "\f030"
}
.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}
.fa-italic:before {
    content: "\f033"
}
.fa-text-height:before {
    content: "\f034"
}
.fa-text-width:before {
    content: "\f035"
}
.fa-align-left:before {
    content: "\f036"
}
.fa-align-center:before {
    content: "\f037"
}
.fa-align-right:before {
    content: "\f038"
}
.fa-align-justify:before {
    content: "\f039"
}
.fa-list:before {
    content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}
.fa-indent:before {
    content: "\f03c"
}
.fa-video-camera:before {
    content: "\f03d"
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}
.fa-pencil:before {
    content: "\f040"
}
.fa-map-marker:before {
    content: "\f041"
}
.fa-adjust:before {
    content: "\f042"
}
.fa-tint:before {
    content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}
.fa-share-square-o:before {
    content: "\f045"
}
.fa-check-square-o:before {
    content: "\f046"
}
.fa-arrows:before {
    content: "\f047"
}
.fa-step-backward:before {
    content: "\f048"
}
.fa-fast-backward:before {
    content: "\f049"
}
.fa-backward:before {
    content: "\f04a"
}
.fa-play:before {
    content: "\f04b"
}
.fa-pause:before {
    content: "\f04c"
}
.fa-stop:before {
    content: "\f04d"
}
.fa-forward:before {
    content: "\f04e"
}
.fa-fast-forward:before {
    content: "\f050"
}
.fa-step-forward:before {
    content: "\f051"
}
.fa-eject:before {
    content: "\f052"
}
.fa-chevron-left:before {
    content: "\f053"
}
.fa-chevron-right:before {
    content: "\f054"
}
.fa-plus-circle:before {
    content: "\f055"
}
.fa-minus-circle:before {
    content: "\f056"
}
.fa-times-circle:before {
    content: "\f057"
}
.fa-check-circle:before {
    content: "\f058"
}
.fa-question-circle:before {
    content: "\f059"
}
.fa-info-circle:before {
    content: "\f05a"
}
.fa-crosshairs:before {
    content: "\f05b"
}
.fa-times-circle-o:before {
    content: "\f05c"
}
.fa-check-circle-o:before {
    content: "\f05d"
}
.fa-ban:before {
    content: "\f05e"
}
.fa-arrow-left:before {
    content: "\f060"
}
.fa-arrow-right:before {
    content: "\f061"
}
.fa-arrow-up:before {
    content: "\f062"
}
.fa-arrow-down:before {
    content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}
.fa-expand:before {
    content: "\f065"
}
.fa-compress:before {
    content: "\f066"
}
.fa-plus:before {
    content: "\f067"
}
.fa-minus:before {
    content: "\f068"
}
.fa-asterisk:before {
    content: "\f069"
}
.fa-exclamation-circle:before {
    content: "\f06a"
}
.fa-gift:before {
    content: "\f06b"
}
.fa-leaf:before {
    content: "\f06c"
}
.fa-fire:before {
    content: "\f06d"
}
.fa-eye:before {
    content: "\f06e"
}
.fa-eye-slash:before {
    content: "\f070"
}
.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}
.fa-plane:before {
    content: "\f072"
}
.fa-calendar:before {
    content: "\f073"
}
.fa-random:before {
    content: "\f074"
}
.fa-comment:before {
    content: "\f075"
}
.fa-magnet:before {
    content: "\f076"
}
.fa-chevron-up:before {
    content: "\f077"
}
.fa-chevron-down:before {
    content: "\f078"
}
.fa-retweet:before {
    content: "\f079"
}
.fa-shopping-cart:before {
    content: "\f07a"
}
.fa-folder:before {
    content: "\f07b"
}
.fa-folder-open:before {
    content: "\f07c"
}
.fa-arrows-v:before {
    content: "\f07d"
}
.fa-arrows-h:before {
    content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}
.fa-twitter-square:before {
    content: "\f081"
}
.fa-facebook-square:before {
    content: "\f082"
}
.fa-camera-retro:before {
    content: "\f083"
}
.fa-key:before {
    content: "\f084"
}
.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}
.fa-comments:before {
    content: "\f086"
}
.fa-thumbs-o-up:before {
    content: "\f087"
}
.fa-thumbs-o-down:before {
    content: "\f088"
}
.fa-star-half:before {
    content: "\f089"
}
.fa-heart-o:before {
    content: "\f08a"
}
.fa-sign-out:before {
    content: "\f08b"
}
.fa-linkedin-square:before {
    content: "\f08c"
}
.fa-thumb-tack:before {
    content: "\f08d"
}
.fa-external-link:before {
    content: "\f08e"
}
.fa-sign-in:before {
    content: "\f090"
}
.fa-trophy:before {
    content: "\f091"
}
.fa-github-square:before {
    content: "\f092"
}
.fa-upload:before {
    content: "\f093"
}
.fa-lemon-o:before {
    content: "\f094"
}
.fa-phone:before {
    content: "\f095"
}
.fa-square-o:before {
    content: "\f096"
}
.fa-bookmark-o:before {
    content: "\f097"
}
.fa-phone-square:before {
    content: "\f098"
}
.fa-twitter:before {
    content: "\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}
.fa-github:before {
    content: "\f09b"
}
.fa-unlock:before {
    content: "\f09c"
}
.fa-credit-card:before {
    content: "\f09d"
}
.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}
.fa-hdd-o:before {
    content: "\f0a0"
}
.fa-bullhorn:before {
    content: "\f0a1"
}
.fa-bell:before {
    content: "\f0f3"
}
.fa-certificate:before {
    content: "\f0a3"
}
.fa-hand-o-right:before {
    content: "\f0a4"
}
.fa-hand-o-left:before {
    content: "\f0a5"
}
.fa-hand-o-up:before {
    content: "\f0a6"
}
.fa-hand-o-down:before {
    content: "\f0a7"
}
.fa-arrow-circle-left:before {
    content: "\f0a8"
}
.fa-arrow-circle-right:before {
    content: "\f0a9"
}
.fa-arrow-circle-up:before {
    content: "\f0aa"
}
.fa-arrow-circle-down:before {
    content: "\f0ab"
}
.fa-globe:before {
    content: "\f0ac"
}
.fa-wrench:before {
    content: "\f0ad"
}
.fa-tasks:before {
    content: "\f0ae"
}
.fa-filter:before {
    content: "\f0b0"
}
.fa-briefcase:before {
    content: "\f0b1"
}
.fa-arrows-alt:before {
    content: "\f0b2"
}
.fa-group:before, .fa-users:before {
    content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}
.fa-cloud:before {
    content: "\f0c2"
}
.fa-flask:before {
    content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}
.fa-paperclip:before {
    content: "\f0c6"
}
.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}
.fa-square:before {
    content: "\f0c8"
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}
.fa-list-ul:before {
    content: "\f0ca"
}
.fa-list-ol:before {
    content: "\f0cb"
}
.fa-strikethrough:before {
    content: "\f0cc"
}
.fa-underline:before {
    content: "\f0cd"
}
.fa-table:before {
    content: "\f0ce"
}
.fa-magic:before {
    content: "\f0d0"
}
.fa-truck:before {
    content: "\f0d1"
}
.fa-pinterest:before {
    content: "\f0d2"
}
.fa-pinterest-square:before {
    content: "\f0d3"
}
.fa-google-plus-square:before {
    content: "\f0d4"
}
.fa-google-plus:before {
    content: "\f0d5"
}
.fa-money:before {
    content: "\f0d6"
}
.fa-caret-down:before {
    content: "\f0d7"
}
.fa-caret-up:before {
    content: "\f0d8"
}
.fa-caret-left:before {
    content: "\f0d9"
}
.fa-caret-right:before {
    content: "\f0da"
}
.fa-columns:before {
    content: "\f0db"
}
.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}
.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}
.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}
.fa-envelope:before {
    content: "\f0e0"
}
.fa-linkedin:before {
    content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}
.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}
.fa-comment-o:before {
    content: "\f0e5"
}
.fa-comments-o:before {
    content: "\f0e6"
}
.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}
.fa-sitemap:before {
    content: "\f0e8"
}
.fa-umbrella:before {
    content: "\f0e9"
}
.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}
.fa-lightbulb-o:before {
    content: "\f0eb"
}
.fa-exchange:before {
    content: "\f0ec"
}
.fa-cloud-download:before {
    content: "\f0ed"
}
.fa-cloud-upload:before {
    content: "\f0ee"
}
.fa-user-md:before {
    content: "\f0f0"
}
.fa-stethoscope:before {
    content: "\f0f1"
}
.fa-suitcase:before {
    content: "\f0f2"
}
.fa-bell-o:before {
    content: "\f0a2"
}
.fa-coffee:before {
    content: "\f0f4"
}
.fa-cutlery:before {
    content: "\f0f5"
}
.fa-file-text-o:before {
    content: "\f0f6"
}
.fa-building-o:before {
    content: "\f0f7"
}
.fa-hospital-o:before {
    content: "\f0f8"
}
.fa-ambulance:before {
    content: "\f0f9"
}
.fa-medkit:before {
    content: "\f0fa"
}
.fa-fighter-jet:before {
    content: "\f0fb"
}
.fa-beer:before {
    content: "\f0fc"
}
.fa-h-square:before {
    content: "\f0fd"
}
.fa-plus-square:before {
    content: "\f0fe"
}
.fa-angle-double-left:before {
    content: "\f100"
}
.fa-angle-double-right:before {
    content: "\f101"
}
.fa-angle-double-up:before {
    content: "\f102"
}
.fa-angle-double-down:before {
    content: "\f103"
}
.fa-angle-left:before {
    content: "\f104"
}
.fa-angle-right:before {
    content: "\f105"
}
.fa-angle-up:before {
    content: "\f106"
}
.fa-angle-down:before {
    content: "\f107"
}
.fa-desktop:before {
    content: "\f108"
}
.fa-laptop:before {
    content: "\f109"
}
.fa-tablet:before {
    content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}
.fa-circle-o:before {
    content: "\f10c"
}
.fa-quote-left:before {
    content: "\f10d"
}
.fa-quote-right:before {
    content: "\f10e"
}
.fa-spinner:before {
    content: "\f110"
}
.fa-circle:before {
    content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}
.fa-github-alt:before {
    content: "\f113"
}
.fa-folder-o:before {
    content: "\f114"
}
.fa-folder-open-o:before {
    content: "\f115"
}
.fa-smile-o:before {
    content: "\f118"
}
.fa-frown-o:before {
    content: "\f119"
}
.fa-meh-o:before {
    content: "\f11a"
}
.fa-gamepad:before {
    content: "\f11b"
}
.fa-keyboard-o:before {
    content: "\f11c"
}
.fa-flag-o:before {
    content: "\f11d"
}
.fa-flag-checkered:before {
    content: "\f11e"
}
.fa-terminal:before {
    content: "\f120"
}
.fa-code:before {
    content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}
.fa-location-arrow:before {
    content: "\f124"
}
.fa-crop:before {
    content: "\f125"
}
.fa-code-fork:before {
    content: "\f126"
}
.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}
.fa-question:before {
    content: "\f128"
}
.fa-info:before {
    content: "\f129"
}
.fa-exclamation:before {
    content: "\f12a"
}
.fa-superscript:before {
    content: "\f12b"
}
.fa-subscript:before {
    content: "\f12c"
}
.fa-eraser:before {
    content: "\f12d"
}
.fa-puzzle-piece:before {
    content: "\f12e"
}
.fa-microphone:before {
    content: "\f130"
}
.fa-microphone-slash:before {
    content: "\f131"
}
.fa-shield:before {
    content: "\f132"
}
.fa-calendar-o:before {
    content: "\f133"
}
.fa-fire-extinguisher:before {
    content: "\f134"
}
.fa-rocket:before {
    content: "\f135"
}
.fa-maxcdn:before {
    content: "\f136"
}
.fa-chevron-circle-left:before {
    content: "\f137"
}
.fa-chevron-circle-right:before {
    content: "\f138"
}
.fa-chevron-circle-up:before {
    content: "\f139"
}
.fa-chevron-circle-down:before {
    content: "\f13a"
}
.fa-html5:before {
    content: "\f13b"
}
.fa-css3:before {
    content: "\f13c"
}
.fa-anchor:before {
    content: "\f13d"
}
.fa-unlock-alt:before {
    content: "\f13e"
}
.fa-bullseye:before {
    content: "\f140"
}
.fa-ellipsis-h:before {
    content: "\f141"
}
.fa-ellipsis-v:before {
    content: "\f142"
}
.fa-rss-square:before {
    content: "\f143"
}
.fa-play-circle:before {
    content: "\f144"
}
.fa-ticket:before {
    content: "\f145"
}
.fa-minus-square:before {
    content: "\f146"
}
.fa-minus-square-o:before {
    content: "\f147"
}
.fa-level-up:before {
    content: "\f148"
}
.fa-level-down:before {
    content: "\f149"
}
.fa-check-square:before {
    content: "\f14a"
}
.fa-pencil-square:before {
    content: "\f14b"
}
.fa-external-link-square:before {
    content: "\f14c"
}
.fa-share-square:before {
    content: "\f14d"
}
.fa-compass:before {
    content: "\f14e"
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}
.fa-euro:before, .fa-eur:before {
    content: "\f153"
}
.fa-gbp:before {
    content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}
.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}
.fa-won:before, .fa-krw:before {
    content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}
.fa-file:before {
    content: "\f15b"
}
.fa-file-text:before {
    content: "\f15c"
}
.fa-sort-alpha-asc:before {
    content: "\f15d"
}
.fa-sort-alpha-desc:before {
    content: "\f15e"
}
.fa-sort-amount-asc:before {
    content: "\f160"
}
.fa-sort-amount-desc:before {
    content: "\f161"
}
.fa-sort-numeric-asc:before {
    content: "\f162"
}
.fa-sort-numeric-desc:before {
    content: "\f163"
}
.fa-thumbs-up:before {
    content: "\f164"
}
.fa-thumbs-down:before {
    content: "\f165"
}
.fa-youtube-square:before {
    content: "\f166"
}
.fa-youtube:before {
    content: "\f167"
}
.fa-xing:before {
    content: "\f168"
}
.fa-xing-square:before {
    content: "\f169"
}
.fa-youtube-play:before {
    content: "\f16a"
}
.fa-dropbox:before {
    content: "\f16b"
}
.fa-stack-overflow:before {
    content: "\f16c"
}
.fa-instagram:before {
    content: "\f16d"
}
.fa-flickr:before {
    content: "\f16e"
}
.fa-adn:before {
    content: "\f170"
}
.fa-bitbucket:before {
    content: "\f171"
}
.fa-bitbucket-square:before {
    content: "\f172"
}
.fa-tumblr:before {
    content: "\f173"
}
.fa-tumblr-square:before {
    content: "\f174"
}
.fa-long-arrow-down:before {
    content: "\f175"
}
.fa-long-arrow-up:before {
    content: "\f176"
}
.fa-long-arrow-left:before {
    content: "\f177"
}
.fa-long-arrow-right:before {
    content: "\f178"
}
.fa-apple:before {
    content: "\f179"
}
.fa-windows:before {
    content: "\f17a"
}
.fa-android:before {
    content: "\f17b"
}
.fa-linux:before {
    content: "\f17c"
}
.fa-dribbble:before {
    content: "\f17d"
}
.fa-skype:before {
    content: "\f17e"
}
.fa-foursquare:before {
    content: "\f180"
}
.fa-trello:before {
    content: "\f181"
}
.fa-female:before {
    content: "\f182"
}
.fa-male:before {
    content: "\f183"
}
.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}
.fa-sun-o:before {
    content: "\f185"
}
.fa-moon-o:before {
    content: "\f186"
}
.fa-archive:before {
    content: "\f187"
}
.fa-bug:before {
    content: "\f188"
}
.fa-vk:before {
    content: "\f189"
}
.fa-weibo:before {
    content: "\f18a"
}
.fa-renren:before {
    content: "\f18b"
}
.fa-pagelines:before {
    content: "\f18c"
}
.fa-stack-exchange:before {
    content: "\f18d"
}
.fa-arrow-circle-o-right:before {
    content: "\f18e"
}
.fa-arrow-circle-o-left:before {
    content: "\f190"

}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}
.fa-dot-circle-o:before {
    content: "\f192"
}
.fa-wheelchair:before {
    content: "\f193"
}
.fa-vimeo-square:before {
    content: "\f194"
}
.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}
.fa-plus-square-o:before {
    content: "\f196"
}
.fa-space-shuttle:before {
    content: "\f197"
}
.fa-slack:before {
    content: "\f198"
}
.fa-envelope-square:before {
    content: "\f199"
}
.fa-wordpress:before {
    content: "\f19a"
}
.fa-openid:before {
    content: "\f19b"
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}
.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}
.fa-yahoo:before {
    content: "\f19e"
}
.fa-google:before {
    content: "\f1a0"
}
.fa-reddit:before {
    content: "\f1a1"
}
.fa-reddit-square:before {
    content: "\f1a2"
}
.fa-stumbleupon-circle:before {
    content: "\f1a3"
}
.fa-stumbleupon:before {
    content: "\f1a4"
}
.fa-delicious:before {
    content: "\f1a5"
}
.fa-digg:before {
    content: "\f1a6"
}
.fa-pied-piper-pp:before {
    content: "\f1a7"
}
.fa-pied-piper-alt:before {
    content: "\f1a8"
}
.fa-drupal:before {
    content: "\f1a9"
}
.fa-joomla:before {
    content: "\f1aa"
}
.fa-language:before {
    content: "\f1ab"
}
.fa-fax:before {
    content: "\f1ac"
}
.fa-building:before {
    content: "\f1ad"
}
.fa-child:before {
    content: "\f1ae"
}
.fa-paw:before {
    content: "\f1b0"
}
.fa-spoon:before {
    content: "\f1b1"
}
.fa-cube:before {
    content: "\f1b2"
}
.fa-cubes:before {
    content: "\f1b3"
}
.fa-behance:before {
    content: "\f1b4"
}
.fa-behance-square:before {
    content: "\f1b5"
}
.fa-steam:before {
    content: "\f1b6"
}
.fa-steam-square:before {
    content: "\f1b7"
}
.fa-recycle:before {
    content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}
.fa-tree:before {
    content: "\f1bb"
}
.fa-spotify:before {
    content: "\f1bc"
}
.fa-deviantart:before {
    content: "\f1bd"
}
.fa-soundcloud:before {
    content: "\f1be"
}
.fa-database:before {
    content: "\f1c0"
}
.fa-file-pdf-o:before {
    content: "\f1c1"
}
.fa-file-word-o:before {
    content: "\f1c2"
}
.fa-file-excel-o:before {
    content: "\f1c3"
}
.fa-file-powerpoint-o:before {
    content: "\f1c4"
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}
.fa-file-code-o:before {
    content: "\f1c9"
}
.fa-vine:before {
    content: "\f1ca"
}
.fa-codepen:before {
    content: "\f1cb"
}
.fa-jsfiddle:before {
    content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}
.fa-circle-o-notch:before {
    content: "\f1ce"
}
.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: "\f1d0"
}
.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}
.fa-git-square:before {
    content: "\f1d2"
}
.fa-git:before {
    content: "\f1d3"
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}
.fa-tencent-weibo:before {
    content: "\f1d5"
}
.fa-qq:before {
    content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}
.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}
.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}
.fa-history:before {
    content: "\f1da"
}
.fa-circle-thin:before {
    content: "\f1db"
}
.fa-header:before {
    content: "\f1dc"
}
.fa-paragraph:before {
    content: "\f1dd"
}
.fa-sliders:before {
    content: "\f1de"
}
.fa-share-alt:before {
    content: "\f1e0"
}
.fa-share-alt-square:before {
    content: "\f1e1"
}
.fa-bomb:before {
    content: "\f1e2"
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}
.fa-tty:before {
    content: "\f1e4"
}
.fa-binoculars:before {
    content: "\f1e5"
}
.fa-plug:before {
    content: "\f1e6"
}
.fa-slideshare:before {
    content: "\f1e7"
}
.fa-twitch:before {
    content: "\f1e8"
}
.fa-yelp:before {
    content: "\f1e9"
}
.fa-newspaper-o:before {
    content: "\f1ea"
}
.fa-wifi:before {
    content: "\f1eb"
}
.fa-calculator:before {
    content: "\f1ec"
}
.fa-paypal:before {
    content: "\f1ed"
}
.fa-google-wallet:before {
    content: "\f1ee"
}
.fa-cc-visa:before {
    content: "\f1f0"
}
.fa-cc-mastercard:before {
    content: "\f1f1"
}
.fa-cc-discover:before {
    content: "\f1f2"
}
.fa-cc-amex:before {
    content: "\f1f3"
}
.fa-cc-paypal:before {
    content: "\f1f4"
}
.fa-cc-stripe:before {
    content: "\f1f5"
}
.fa-bell-slash:before {
    content: "\f1f6"
}
.fa-bell-slash-o:before {
    content: "\f1f7"
}
.fa-trash:before {
    content: "\f1f8"
}
.fa-copyright:before {
    content: "\f1f9"
}
.fa-at:before {
    content: "\f1fa"
}
.fa-eyedropper:before {
    content: "\f1fb"
}
.fa-paint-brush:before {
    content: "\f1fc"
}
.fa-birthday-cake:before {
    content: "\f1fd"
}
.fa-area-chart:before {
    content: "\f1fe"
}
.fa-pie-chart:before {
    content: "\f200"
}
.fa-line-chart:before {
    content: "\f201"
}
.fa-lastfm:before {
    content: "\f202"
}
.fa-lastfm-square:before {
    content: "\f203"
}
.fa-toggle-off:before {
    content: "\f204"
}
.fa-toggle-on:before {
    content: "\f205"
}
.fa-bicycle:before {
    content: "\f206"
}
.fa-bus:before {
    content: "\f207"
}
.fa-ioxhost:before {
    content: "\f208"
}
.fa-angellist:before {
    content: "\f209"
}
.fa-cc:before {
    content: "\f20a"
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}
.fa-meanpath:before {
    content: "\f20c"
}
.fa-buysellads:before {
    content: "\f20d"
}
.fa-connectdevelop:before {
    content: "\f20e"
}
.fa-dashcube:before {
    content: "\f210"
}
.fa-forumbee:before {
    content: "\f211"
}
.fa-leanpub:before {
    content: "\f212"
}
.fa-sellsy:before {
    content: "\f213"
}
.fa-shirtsinbulk:before {
    content: "\f214"
}
.fa-simplybuilt:before {
    content: "\f215"
}
.fa-skyatlas:before {
    content: "\f216"
}
.fa-cart-plus:before {
    content: "\f217"
}
.fa-cart-arrow-down:before {
    content: "\f218"
}
.fa-diamond:before {
    content: "\f219"
}
.fa-ship:before {
    content: "\f21a"
}
.fa-user-secret:before {
    content: "\f21b"
}
.fa-motorcycle:before {
    content: "\f21c"
}
.fa-street-view:before {
    content: "\f21d"
}
.fa-heartbeat:before {
    content: "\f21e"
}
.fa-venus:before {
    content: "\f221"
}
.fa-mars:before {
    content: "\f222"
}
.fa-mercury:before {
    content: "\f223"
}
.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}
.fa-transgender-alt:before {
    content: "\f225"
}
.fa-venus-double:before {
    content: "\f226"
}
.fa-mars-double:before {
    content: "\f227"
}
.fa-venus-mars:before {
    content: "\f228"
}
.fa-mars-stroke:before {
    content: "\f229"
}
.fa-mars-stroke-v:before {
    content: "\f22a"
}
.fa-mars-stroke-h:before {
    content: "\f22b"
}
.fa-neuter:before {
    content: "\f22c"
}
.fa-genderless:before {
    content: "\f22d"
}
.fa-facebook-official:before {
    content: "\f230"
}
.fa-pinterest-p:before {
    content: "\f231"
}
.fa-whatsapp:before {
    content: "\f232"
}
.fa-server:before {
    content: "\f233"
}
.fa-user-plus:before {
    content: "\f234"
}
.fa-user-times:before {
    content: "\f235"
}
.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}
.fa-viacoin:before {
    content: "\f237"
}
.fa-train:before {
    content: "\f238"
}
.fa-subway:before {
    content: "\f239"
}
.fa-medium:before {
    content: "\f23a"
}
.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}
.fa-optin-monster:before {
    content: "\f23c"
}
.fa-opencart:before {
    content: "\f23d"
}
.fa-expeditedssl:before {
    content: "\f23e"
}
.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: "\f240"
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}
.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}
.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}
.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}
.fa-mouse-pointer:before {
    content: "\f245"
}
.fa-i-cursor:before {
    content: "\f246"
}
.fa-object-group:before {
    content: "\f247"
}
.fa-object-ungroup:before {
    content: "\f248"
}
.fa-sticky-note:before {
    content: "\f249"
}
.fa-sticky-note-o:before {
    content: "\f24a"
}
.fa-cc-jcb:before {
    content: "\f24b"
}
.fa-cc-diners-club:before {
    content: "\f24c"
}
.fa-clone:before {
    content: "\f24d"
}
.fa-balance-scale:before {
    content: "\f24e"
}
.fa-hourglass-o:before {
    content: "\f250"
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}
.fa-hourglass:before {
    content: "\f254"
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}
.fa-hand-scissors-o:before {
    content: "\f257"
}
.fa-hand-lizard-o:before {
    content: "\f258"
}
.fa-hand-spock-o:before {
    content: "\f259"
}
.fa-hand-pointer-o:before {
    content: "\f25a"
}
.fa-hand-peace-o:before {
    content: "\f25b"
}
.fa-trademark:before {
    content: "\f25c"
}
.fa-registered:before {
    content: "\f25d"
}
.fa-creative-commons:before {
    content: "\f25e"
}
.fa-gg:before {
    content: "\f260"
}
.fa-gg-circle:before {
    content: "\f261"
}
.fa-tripadvisor:before {
    content: "\f262"
}
.fa-odnoklassniki:before {
    content: "\f263"
}
.fa-odnoklassniki-square:before {
    content: "\f264"
}
.fa-get-pocket:before {
    content: "\f265"
}
.fa-wikipedia-w:before {
    content: "\f266"
}
.fa-safari:before {
    content: "\f267"
}
.fa-chrome:before {
    content: "\f268"
}
.fa-firefox:before {
    content: "\f269"
}
.fa-opera:before {
    content: "\f26a"
}
.fa-internet-explorer:before {
    content: "\f26b"
}
.fa-tv:before, .fa-television:before {
    content: "\f26c"
}
.fa-contao:before {
    content: "\f26d"
}
.fa-500px:before {
    content: "\f26e"
}
.fa-amazon:before {
    content: "\f270"
}
.fa-calendar-plus-o:before {
    content: "\f271"
}
.fa-calendar-minus-o:before {
    content: "\f272"
}
.fa-calendar-times-o:before {
    content: "\f273"
}
.fa-calendar-check-o:before {
    content: "\f274"
}
.fa-industry:before {
    content: "\f275"
}
.fa-map-pin:before {
    content: "\f276"
}
.fa-map-signs:before {
    content: "\f277"
}
.fa-map-o:before {
    content: "\f278"
}
.fa-map:before {
    content: "\f279"
}
.fa-commenting:before {
    content: "\f27a"
}
.fa-commenting-o:before {
    content: "\f27b"
}
.fa-houzz:before {
    content: "\f27c"
}
.fa-vimeo:before {
    content: "\f27d"
}
.fa-black-tie:before {
    content: "\f27e"
}
.fa-fonticons:before {
    content: "\f280"
}
.fa-reddit-alien:before {
    content: "\f281"
}
.fa-edge:before {
    content: "\f282"
}
.fa-credit-card-alt:before {
    content: "\f283"
}
.fa-codiepie:before {
    content: "\f284"
}
.fa-modx:before {
    content: "\f285"
}
.fa-fort-awesome:before {
    content: "\f286"
}
.fa-usb:before {
    content: "\f287"
}
.fa-product-hunt:before {
    content: "\f288"
}
.fa-mixcloud:before {
    content: "\f289"
}
.fa-scribd:before {
    content: "\f28a"
}
.fa-pause-circle:before {
    content: "\f28b"
}
.fa-pause-circle-o:before {
    content: "\f28c"
}
.fa-stop-circle:before {
    content: "\f28d"
}
.fa-stop-circle-o:before {
    content: "\f28e"
}
.fa-shopping-bag:before {
    content: "\f290"
}
.fa-shopping-basket:before {
    content: "\f291"
}
.fa-hashtag:before {
    content: "\f292"
}
.fa-bluetooth:before {
    content: "\f293"
}
.fa-bluetooth-b:before {
    content: "\f294"
}
.fa-percent:before {
    content: "\f295"
}
.fa-gitlab:before {
    content: "\f296"
}
.fa-wpbeginner:before {
    content: "\f297"
}
.fa-wpforms:before {
    content: "\f298"
}
.fa-envira:before {
    content: "\f299"
}
.fa-universal-access:before {
    content: "\f29a"
}
.fa-wheelchair-alt:before {
    content: "\f29b"
}
.fa-question-circle-o:before {
    content: "\f29c"
}
.fa-blind:before {
    content: "\f29d"
}
.fa-audio-description:before {
    content: "\f29e"
}
.fa-volume-control-phone:before {
    content: "\f2a0"
}
.fa-braille:before {
    content: "\f2a1"
}
.fa-assistive-listening-systems:before {
    content: "\f2a2"
}
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: "\f2a4"
}
.fa-glide:before {
    content: "\f2a5"
}
.fa-glide-g:before {
    content: "\f2a6"
}
.fa-signing:before, .fa-sign-language:before {
    content: "\f2a7"
}
.fa-low-vision:before {
    content: "\f2a8"
}
.fa-viadeo:before {
    content: "\f2a9"
}
.fa-viadeo-square:before {
    content: "\f2aa"
}
.fa-snapchat:before {
    content: "\f2ab"
}
.fa-snapchat-ghost:before {
    content: "\f2ac"
}
.fa-snapchat-square:before {
    content: "\f2ad"
}
.fa-pied-piper:before {
    content: "\f2ae"
}
.fa-first-order:before {
    content: "\f2b0"
}
.fa-yoast:before {
    content: "\f2b1"
}
.fa-themeisle:before {
    content: "\f2b2"
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}
.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}
.fa-handshake-o:before {
    content: "\f2b5"
}
.fa-envelope-open:before {
    content: "\f2b6"
}
.fa-envelope-open-o:before {
    content: "\f2b7"
}
.fa-linode:before {
    content: "\f2b8"
}
.fa-address-book:before {
    content: "\f2b9"
}
.fa-address-book-o:before {
    content: "\f2ba"
}
.fa-vcard:before, .fa-address-card:before {
    content: "\f2bb"
}
.fa-vcard-o:before, .fa-address-card-o:before {
    content: "\f2bc"
}
.fa-user-circle:before {
    content: "\f2bd"
}
.fa-user-circle-o:before {
    content: "\f2be"
}
.fa-user-o:before {
    content: "\f2c0"
}
.fa-id-badge:before {
    content: "\f2c1"
}
.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}
.fa-quora:before {
    content: "\f2c4"
}
.fa-free-code-camp:before {
    content: "\f2c5"
}
.fa-telegram:before {
    content: "\f2c6"
}
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: "\f2c7"
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}
.fa-shower:before {
    content: "\f2cc"
}
.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: "\f2cd"
}
.fa-podcast:before {
    content: "\f2ce"
}
.fa-window-maximize:before {
    content: "\f2d0"
}
.fa-window-minimize:before {
    content: "\f2d1"
}
.fa-window-restore:before {
    content: "\f2d2"
}
.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}
.fa-bandcamp:before {
    content: "\f2d5"
}
.fa-grav:before {
    content: "\f2d6"
}
.fa-etsy:before {
    content: "\f2d7"
}
.fa-imdb:before {
    content: "\f2d8"
}
.fa-ravelry:before {
    content: "\f2d9"
}
.fa-eercast:before {
    content: "\f2da"
}
.fa-microchip:before {
    content: "\f2db"
}
.fa-snowflake-o:before {
    content: "\f2dc"
}
.fa-superpowers:before {
    content: "\f2dd"
}
.fa-wpexplorer:before {
    content: "\f2de"
}
.fa-meetup:before {
    content: "\f2e0"
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}
/*./font-awesome.min.css*/