@charset 'utf-8';
    @import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
    @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

    .formError .formErrorArrow .line2 {
        display: none
    }


    body {
        font-family: Arial, '微軟正黑體', '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', 'Microsoft JhengHei', '微软雅黑', 'メイリオ', '맑은 고딕', sans-serif;
        color: #666666;
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: 0.05em;
        background: url(../../images/common/bg.jpg) 0% 0% repeat;
    }

    .container {
        padding: 0 15px;
        max-width: 1470px;
    }

    .wrapper {
        padding-top: 192px;
    }

@media (max-width: 1232px) {
    .wrapper {
        padding-top: 160px;
    }
}

    .share:before {
        content: 'SHARE';
        display: block;
        color: #FFF;
        font-size: 23px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .share .btn,
    .share .share-item {
        color: #FFF;
        font-size: 18px;
        margin: 0 5px;
        width: 20px;
        border: 1px solid #424242;
        border-radius: 0;
        width: 33px;
        height: 33px;
        line-height: 37px;
        transition: all .4s ease-in-out;
    }

    .share .btn:hover,
    .share .share-item:hover {
        background: #FFF;
        color: #181818;
    }




    .btn.back {
        display: block;
        width: 107px;
        height: 30px;
        text-align: center;
        color: #fff;
        background: #666;
        transition: all .3s ease;
        font-family: 'Lato', "微軟正黑體", sans-serif;
        font-size: 13px;
        line-height: 31px;
        border-radius: 0;
        margin: auto;
    }

    .btn.back:hover {
        background: #252527;
        -webkit-animation: neon 0.5s ease-in-out infinite alternate;
        animation: neon 0.5s ease-in-out infinite alternate;
    }

    @keyframes neon {
        from {
            text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #f1f1f1, 0 0 35px #f1f1f1, 0 0 40px #f1f1f1, 0 0 50px #f1f1f1, 0 0 75px #f1f1f1;
        }

        to {
            text-shadow: 0 0 2.5px #fff, 0 0 5px #fff, 0 0 7.5px #fff, 0 0 10px #f1f1f1, 0 0 17.5px #f1f1f1, 0 0 20px #f1f1f1, 0 0 25px #f1f1f1, 0 0 37.5px #f1f1f1;
        }
    }

    .ibtn.more {
        background-image: url('../../images/common/btn_more.html');
        width: 101px;
        height: 29px;
    }

    .btn.simple {
        background: #666;
        width: 15%;
        height: auto;
        margin: 0 1%;
        color: #fff;
        font-size: 15px;
        letter-spacing: 0.075em;
        line-height: 24px;
        position: relative;
        border-radius: 0px;
        min-width: 120px;
    }



    .btn.normal {
        background: #666;
        color: #FFF;
        font-size: 15px;
        margin: 1% 1%;
        border-radius: 0px;
        display: inline-block;
        padding: 6px 3%;
    }

    .btn.normal:hover {
        background: #252527;
        -webkit-animation: neon 0.5s ease-in-out infinite alternate;
        animation: neon 0.5s ease-in-out infinite alternate;
    }

    .btn.normal2 {
        color: #fff;
        font-size: 15px;
        padding: 5px;
        width: 100px;
        height: 100px;
        background: #656565;
        margin: 0 0px;
        border-radius: 100%;
        display: inline-block;
        line-height: 90px;
    }

    .btn.normal2:hover {
        background: #252527;
        -webkit-animation: neon 0.5s ease-in-out infinite alternate;
        animation: neon 0.5s ease-in-out infinite alternate;
    }

    .ic.ic3-home {
        font-size: 12px;
    }

    .btn.pure {
        color: #666;
        line-height: 30px;
        margin: 0 5px 10px;
    }

    .btn.pure:hover {
        color: #80CAA5;
        text-decoration: underline;
    }

    .share_box .share-link .btn {
        font-size: 28px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        border: 1px solid transparent;
        margin: 2px 0;
    }

    .share_box .share-link .btn.facebook {
        color: #405D9A;
    }

    .share_box .share-link .btn.google {
        color: #F34537;
    }

    .share_box .share-link .btn.twitter {
        color: #39A0CE;
    }

    .share_box .share-link .btn.plurk {
        color: #E9443D;
    }

    .share_box.product {
        margin: 10px auto 0px auto;
        max-width: 840px;
    }

    .share_box {
        margin: 10px 0 30px;
        text-align: center;
    }

    .share_box .share-link .btn.blogger,
    .share_box .share-link .btn.facebook,
    .share_box .share-link .btn.google,
    .share_box .share-link .btn.twitter,
    .share_box .share-link .btn.mail,
    .share_box .share-link .btn.linkedin,
    .share_box .share-link .btn.tumblr,
    .share_box .share-link .icon-ic-share-t,
    .share_box .share-link .btn.line,
    .share_box .share-link .icon-ic-share-linecall,
    .share_box .share-link .icon-ic-share-w,
    .share_box .share-link .btn.pinterest,
    .share_box .share-link .btn.plurk {
        color: #252527;
        cursor: pointer;
    }

    .a2a_default_style .a2a_svg {
        display: none;
    }

    .share_box .share-link .btn.blogger:hover {
        color: #929292;
    }

    .share_box .share-link .btn.facebook:hover {
        color: #929292;
    }

    .share_box .share-link .btn.google:hover {
        color: #929292;
    }

    .share_box .share-link .btn.twitter:hover {
        color: #929292;
    }

    .share_box .share-link .btn.mail:hover {
        color: #929292;
    }

    .share_box .share-link .btn.linkedin:hover {
        color: #929292;
    }

    .share_box .share-link .icon-ic-share-t:hover {
        color: #929292;
    }

    .share_box .share-link .btn.line:hover {
        color: #929292;
    }

    .share_box .share-link .icon-ic-share-linecall:hover {
        color: #929292;
    }

    .share_box .share-link .icon-ic-share-w:hover {
        color: #929292;
    }

    .share_box .share-link .btn.pinterest:hover {
        color: #929292;
    }

    .share_box .share-link .btn.plurk:hover {
        color: #929292;
    }

    .share_box .share-link .icon-ic-share-t,
    .share_box .share-link .icon-ic-share-linecall,
    .share_box .share-link .icon-ic-share-w {
        font-size: 28px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        margin: 2px 0;
        padding: 0;
    }

    .share_box .share-link .btn.line {
        padding: 0px;
    }

    .share_box .share-link:before {
        display: none;
    }

    .site-header {
        /* border-top: 5px solid #D6E7E0; */
        position: fixed;
        z-index: 999;
        width: 100%;
        top: 0;
        background: #FFF;
    }

    .site-title {
        position: relative;
        z-index: 50;
        padding: 30px 0;
        padding-bottom: 20px;
        margin: 0 auto;
        text-align: center;
        transition: all 0.3s ease;
    }

    .site-title .logo {
        background: url(../../images/common/logo_2.png) 50% 50% no-repeat;
        background-size: contain;
        width: 286px;
        height: 70px;
        transition: all .3s ease;
    }

    .navbarStyle {
        position: relative;
        padding: 0px 0;
        margin: 10px 0 20px;
        text-align: center;
        background: #252527;
    }

    .navbarStyle>* {
        display: inline-block;
        vertical-align: middle;
    }

    .navbarStyle .menu {
        text-align: center;
        margin: 0 -20px;
    }

    .navbarStyle .menu li {
        position: relative;
    }

    .navbarStyle .menu li a {
        display: block;
    }

    .navbarStyle .menu>li {
        padding: 0 7px;
    }

    .navbarStyle .menu>li>a {
        color: #fff;
        padding: 10px 25px;
        position: relative;
        font-weight: bold;
        transition: all .4s ease-in-out;
    }

    .navbarStyle .menu>li>a:before {
        content: "";
        position: absolute;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        width: 0px;
        height: 2px;
        bottom: 0px;
        left: calc(50% - 0px);
        transition: all .3s ease;
    }

    .navbarStyle .menu>li>a:hover:before {
        width: 130px;
        left: calc(50% - 65px);
        transition: all .3s ease;
    }

    .navbarStyle .menu>li>a:hover,
    .navbarStyle .menu>li.active>a {
        color: #7E7F83;
    }

    .navbarStyle .menu>li+li:before {
        content: ' | ';
        display: block;
        width: 1px;
        height: 10px;
        position: absolute;
        left: 0px;
        top: 21%;
        color: #38383A;
        ;
    }

    .navbarStyle .menu>li:nth-child(1):before {
        content: ' | ';
        display: block;
        width: 1px;
        height: 10px;
        position: absolute;
        left: 0px;
        top: 21%;
        color: #38383A;
    }

    .navbarStyle .menu>li:nth-child(9):after {
        content: ' | ';
        display: block;
        width: 1px;
        height: 10px;
        position: absolute;
        right: 0px;
        top: 21%;
        color: #38383A;
    }

    .navbarStyle .menu ul {
        display: none;
        position: absolute;
        background-color: #fff;
        z-index: 600;
        width: 208px;
        border: 3px solid #80CAA5;
        box-sizing: border-box;
    }

    .navbarStyle .menu>li>ul {
        top: 100%;
        left: 50%;
        margin-left: -104px;
    }

    .navbarStyle .menu>li>ul:before {
        content: ' ';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #80caa5 transparent;
        display: block;
        position: absolute;
        bottom: 100%;
        left: 50%;
        right: 0;
        margin-left: -10px;
    }

    .navbarStyle .menu ul li+li {
        border-top: 1px solid #e8e8e8;
    }

    .navbarStyle .menu ul li a {
        font-size: 14px;
        text-align: center;
        padding: 6px 8px;
        border: 1px solid #fff;
    }

    .navbarStyle .menu ul li a:hover,
    .navbarStyle .menu ul li.active>a {
        color: #fff;
        background: #80CAA5;
    }

    .navbarStyle .menu ul ul {
        left: 100%;
        top: 0;
    }

    /* .navbarStyle .menu > li:nth-last-child(-n+3) */
    .navbarStyle .menu>li:nth-child(n+5) {
        display: none;
    }

    .navbarStyle .menu .new_menu {
        display: none;
    }

    .site-header .search-box {
        position: absolute;
        width: 250px;
        box-sizing: border-box;
        margin-left: 10px;
        top: 52px;
        z-index: 60;
    }

    .site-header .search-box .form-control {
        border: none;
        border-bottom: 1px solid #A9AA99;
        background: transparent;
        height: 30px;
        line-height: 28px;
        margin: 0;
        padding: 0 42px 0 10px;
    }

    .site-header .search-box .form-control:focus {
        background: #ECECEC;
    }

    .search-box:after {
        position: absolute;
        content: "\e901";
        font-family: 'icon-font' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #a0a0a0;
        right: 6px;
        top: 7px;
        font-size: 20px;
        line-height: 15px;
        width: 15px;
        height: 15px;
    }

    .search-box:hover:after {
        color: #000;
    }

    .site-header .search-box .ibtn.search {
        position: absolute;
        right: 6px;
        top: 7px;
        font-size: 13px;
        line-height: 15px;
        font-weight: bold;
        width: 15px;
        height: 15px;
        z-index: 2;
    }

    .site-header .search-box a {
        position: absolute;
        right: 6px;
        top: 7px;
        font-size: 13px;
        line-height: 15px;
        font-weight: bold;
        width: 15px;
        height: 15px;
    }

    .site-header .search-box:hover a {
        color: #79796A;
    }


    .header-fixed .site-header {
        height: 60px;
        position: fixed;
        z-index: 999;
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        border-bottom: 1px solid #DBDCD3;
        transition: all .2s ease;
    }

    .header-fixed .site-title {
        padding: 0px;
        float: left;
        margin: 5px 0 0 0;
        width: 150px;
        z-index: 99;
    }

    .header-fixed .site-title .logo {
        height: 50px;
        width: 150px;
    }

    .header-fixed .navbarStyle {
        border: none;
        text-align: left;
        margin: 0px;
        float: left;
        margin: 10px 0 0 50px;
        position: relative;
        left: 0px;
    }

    .header-fixed .navbarStyle .menu>li>a {
        color: #787878;
        padding: 10px 10px;
    }

    .header-fixed .func-menu>li.gocart {
        position: static;
        display: inline-block;
        right: 0;
        top: 0px;
        color: #5a5a5a;
        margin: -5px 0 0 0;
    }

    .header-fixed .func-menu>li {
        padding: 10px 0 1px;
    }


    .header-fixed .language,
    .header-fixed .search-box,
    .header-fixed .top-remitt,
    .header-fixed .top-order {
        display: none;
    }

    .header-fixed .navbarStyle {
        background: transparent;
    }

    .header-fixed .navbarStyle .menu>li>a:hover,
    .header-fixed .navbarStyle .menu>li.active>a {
        color: #666666;
    }

    .header-fixed .navbarStyle .menu>li>a:before {
        bottom: -8px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(171, 171, 171), rgba(255, 255, 255, 0));
    }

    .header-fixed .top-nav {
        top: 6px;
    }

    .banner {
        position: relative;
    }

    .banner .container {
        max-width: 1440px;
        padding: 0;
    }

    .banner button.slick-arrow {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 45%;
        white-space: nowrap;
        text-indent: 100%;
        text-align: left;
        overflow: hidden;
        padding: 0;
        margin: 0 0px;
        border: none;
        z-index: 9;
        border-radius: 50%;
        background: rgba(246, 246, 246, 0.9);
        cursor: pointer;
        transition: all .4s ease-in-out;
    }

    .banner button.slick-prev {
        left: -31px;
    }

    .banner button.slick-prev:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7.5px 12px 7.5px 0;
        border-color: transparent #252527 transparent transparent;
        position: absolute;
        left: calc(50% - 6px);
        top: calc(50% - 8px);
        transition: all .4s ease-in-out;
    }

    .banner button.slick-prev:hover {
        background: rgba(0, 0, 0, 0.9);
        transition: all .4s ease-in-out;
    }

    .banner button.slick-prev:hover:before {
        border-color: transparent #FFF transparent transparent;
    }

    .banner button.slick-next {
        right: -31px;
    }

    .banner button.slick-next:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7.5px 0 7.5px 12px;
        border-color: transparent transparent transparent #252527;
        position: absolute;
        left: calc(50% - 6px);
        top: calc(50% - 8px);
        transition: all .4s ease-in-out;
    }

    .banner button.slick-next:hover {
        background: rgba(0, 0, 0, 0.9);
        transition: all .4s ease-in-out;
    }

    .banner button.slick-next:hover:before {
        border-color: transparent transparent transparent #FFF;
    }

    .main-top .container {
        max-width: 1440px;
        padding: 0;
    }

    .hero {
        margin: 0 0 20px 0;
        padding: 20px;
        text-align: center;
background-image: radial-gradient(circle at 45% 20%, rgb(98, 114, 128) 0%, rgb(0, 0, 0) 93.1%);

    }

    .hero span {
        font-family: 'Lato', "微軟正黑體", sans-serif;
        font-size: 30px;
        color: #FFFFFF;
        font-weight: bold;
        position: relative;
        text-transform: uppercase;
    }

    .hero .second_txt {
        color: #E9E9EB;
        font-family: '微軟正黑體', sans-serif;
        font-size: 18px;
    }

    .main-content {
        padding: 0 0 70px;
    }

    .content {
        min-height: 300px;
        box-sizing: border-box;
    }

    .content-top {
        margin-bottom: 50px;
        background: #F0F0F0;
    }

    .content-title {
        color: 252527;
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 25px 0;
        text-align: center;
        font-family: '微軟正黑體', 'Lato', sans-serif;
        text-transform: uppercase;
    }

    .content-title2 {
        font-size: 18px;
        color: #444444;
        font-weight: normal;
        margin: 0 0 20px 0;
    }

    .content-title span {
        border: 1px solid #252527;
        padding: 8px 2%;
    }

    .content-title .keyword {
        color: #F2856C;
    }

    .shopping-title {
        color: #252527;
        font-size: 20px;
        font-weight: normal;
        padding: 5px 0 0 0;
        margin: 0 0 10px 0;
        font-family: 'Lato', '微軟正黑體', sans-serif;
    }

    .shopping-title .ic {
        font-size: 22px;
        color: #252527;
        vertical-align: middle;
        margin: 0 3px 5px 0;
    }

    .shopping-title .ic3-bag-plus {
        font-size: 26px;
        margin-right: 10px;
    }

    .btn-box {
        clear: both;
        padding-top: 30px;
        position: relative;
        text-align: center;
    }

    .btn-box:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .btn-box.wide-spacing {
        letter-spacing: 15px;
    }

    .btn-box.wide-spacing * {
        letter-spacing: 0.1em;
    }


    .breadcrumb {
        text-align: right;
        color: #444444;
        padding: 1px 15px;
        margin: 3px 0;
        text-transform: uppercase;
    }

    .breadcrumb li,
    .breadcrumb li a {
        display: inline;
    }

    .breadcrumb li+li:before {
        content: '> ';
        display: inline-block;
        margin: 0 3px;
    }

    .breadcrumb li a:hover {
        color: #929292;
    }

    .content-top .breadcrumb {
        background: none;
        float: right;
        color: #BABABA;
        padding: 6px 0;
    }

    .content-top .breadcrumb:before,
    .content-top .breadcrumb:after {
        content: '/';
    }

    .content-top .breadcrumb li+li:before {
        content: '> ';
    }

    .content-top .breadcrumb li:first-child a:before {
        display: none;
    }

    .side {
        width: 260px;
        float: left;
    }

    .has-side .content {
        width: calc(100% - 260px);
        float: right;
        padding: 0 0 0 30px;
    }

    .side-nav,
    .sidebarCollapse {
        position: relative;
        font-size: 15px;
    }

    .sidebarCollapse {
        border-bottom: 1px solid #E1E1E1;
        padding: 0 0 10px 0;
    }

    .sidebarCollapse li a {
        position: relative;
        display: block;
        line-height: 1.4;
        padding: 15px 18px;
        color: #ec0d0d;
        font-size: 18px;
        text-align: center;
        border: 1px solid #ec0d0d;
        transition: all .5s ease;
    }


    .side-nav li a {
        position: relative;
        display: block;
        line-height: 1.4;
        padding: 15px 18px;
        color: #333333;
    }

    .main-content .side-nav>li>a {
        border: 1px solid #CCCCCC;
        text-align: center;
        transition: all .3s ease;
    }

    .main-content .side-nav>li {
        margin-bottom: 10px;
    }

    .side-nav li a,
    .sidebarCollapse li a {
        display: block;
        margin-bottom: 2px;
    }

    .side-nav>li>a,
    .sidebarCollapse>li>a {
        position: relative;
        line-height: 1.4;
        font-weight: bold;
    }

    .main-content .side-nav>li>a:hover,
    .main-content .side-nav>li.active>a {
        color: #FFF;
        background: #252527;
        border: 1px solid #252527;
    }

    .sidebarCollapse>li>a:hover,
    .sidebarCollapse>li.active>a {
        color: #fff;
        background: #bf0e0e;
    }

    .side-nav ul {
        display: none;
        padding: 20px 0;
    }

    .side-nav>li>ul {
        padding-top: 10px;
    }


    .side-nav ul li a {
        color: #333333;
        font-size: 14px;
        padding: 5px 10px 5px 20px;
        border-bottom: none;
        transition: all .3s;
    }

    .side-nav>li>ul>li {
        margin-bottom: 5px;
    }


    .side-nav ul li a:hover,
    .side-nav ul li.active>a {
        color: #929292;
    }

    .side-nav ul ul {
        padding: 0px 0;
        border-width: 1px 0;
        padding-left: 25px;
    }

    .side-nav ul ul li {
        padding: 0px 0;
        margin: 0px 0;
    }

    .side-nav ul ul li a {
        color: #333333;
    }

    .side-nav ul ul li a:before {
        content: '';
        width: 5px;
        height: 5px;
        top: 10px;
        left: 20px;
        border-radius: 50%;
        background: #929292;
        display: inline-block;
        position: absolute;
        display: none;

    }

    .side-nav ul ul li a:hover:before,
    .side-nav ul ul li.active a:before {
        display: inline-block;
    }

    .side-nav ul ul li a:hover,
    .side-nav ul ul li.active>a {
        color: #929292;
        padding-left: 30px;
    }

    .footerTop {
        color: #777777;
        padding: 5px 0;
        letter-spacing: 0;
        background: #181818;
        padding-top: 32px;
    }

    .footerTop.news {
        background: #131313;
        padding-top: 5px;
    }

    .footerTop.news .row {
        margin: auto;
        text-align: center;
        max-width: 100%;
    }

    .footerTop.news .row img {
        margin: 0px;
    }

    .footerTop a {
        color: #777777;
    }

    .footerTop a:hover {
        color: #afafaf;
    }

    .footerTop .row {
        margin: 0 -20px;
    }

    .footerTop .col {
        float: left;
        border-width: 0 1px;
        margin-right: -1px;
        padding: 0 20px;
    }

    .footerTop .col1 {
        border-left-width: 0;
        width: 51%;
    }

    .footerTop .col2 {
        float: none;
        margin: 15px auto;
        text-align: center;
    }

    .footer-title {
        color: #7FCAA5;
        font-size: 16px;
        margin-bottom: 12px;
    }

    .footer-title .ic {
        width: 24px;
        height: 24px;
        line-height: 24px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        background: #80CAA5;
        border-radius: 4px;
    }

    .localMap {
        font-size: 13px;
        letter-spacing: 17px;
    }

    .localMap ul {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        text-align: left;
        border-right: 1px solid #424242;
    }

    .localMap ul li {
        margin: 3px 0;
    }

    .localMap ul li a {
        display: inline-block;
        padding: 4px 81px 2px 0px;
        position: relative;
    }

    .qrcode {
        display: inline-block;
        margin: 0 0 0 10px;
        border: 1px solid #D2D2D2;
    }

    .site-info {
        line-height: 1.8;
        letter-spacing: 0.5px;
        margin-left: 35px;
    }

    .footerTop .col3 {
        width: 18.5%;
        text-align: right;
    }

    .sharebox {
        max-width: 340px;
        padding: 10px 30px 16px;
        text-align: center;
    }

    .footerTop .col4 {
        width: 26.5%;
    }

    .footerTop .info .sect-title {
        font-family: 'Lato', "微軟正黑體", sans-serif;
        color: #FFF;
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        position: relative;
        padding-left: 44px;
        line-height: 1.5;
    }

    .footerTop .info .sect-title span {
        position: relative;
    }


    .footerTop .info .txt {
        padding: 0;
        margin: 0;
    }

    .footerTop .info .txt li {
        list-style: none;
        margin: 7px 0px 0 40px;
        text-align: left;
        padding: 0;
    }

    .footerTop .info .txt i {
        margin: 0 0 0 -35px;
        width: 22px;
        height: 22px;
        color: #FFF;
        border-radius: 100%;
        text-align: center;
        line-height: 22px;
        font-size: 20px;
        position: absolute;
    }

    .footerBottom {
        background: #181818;
        font-size: 12px;
        color: #555555;
        text-align: center;
        padding: 10px 0;
    }

    .footerBottom .container {
        border-top: 1px solid #424242;
        padding-top: 14px;
    }

    .footerBottom a {
        color: #555555;
    }


    .floating,
    .floating.fancybox-margin {
        display: none;
        position: fixed;
        right: 50%;
        bottom: 20%;
        margin-right: -755px;
        z-index: 400;
        transition: all .3s ease;
    }

    .floating .btn.gocart {
        display: block;
        margin: 0 auto 5px;
        ;
        background: url('../../images/common/gocart.html') no-repeat;
        width: 60px;
        height: 60px;
        color: #444;
        font-size: 16px;
        font-weight: bold;
        padding-top: 30px;
    }

    .no-svg .floating .btn.gocart {
        background-image: url('../../images/common/gocart-2.html');
    }

    .floating .btn.gocart:hover {
        background-position: 0 100%;
        color: #fff;
    }

    .floating .ibtn.gotop {
        background: url(../../images/common/gotop.png) 0 0 no-repeat;
        width: 34px;
        height: 34px;
        opacity: 0.7;
    }

    .floating .ibtn.gotop:hover {
        background: url(../../images/common/gotop.png) 0 100% no-repeat;
    }

    #keyreply-container {
        bottom: 0px !important;
    }

    .pagination {
        padding: 0;
        margin: 0;
        text-align: center;
        letter-spacing: 0;
    }

    .pagination li {
        display: inline-block;
        vertical-align: top;
    }

    .pagination li a {
        display: block;
        min-width: 30px;
        height: 30px;
        line-height: 30px;
        color: #9C9D88;
        font-size: 16px;
        padding: 0 5px;
        margin: 0 2px;
        box-sizing: border-box;
    }

    .pagination li a:hover,
    .pagination li.active a {
        color: #000;
    }

        .pagination li a.controls {
            padding: 0;
            font-size: 22px;
            color: #ccc;
            line-height: 30px;
            /*line-height: 32px;*/
            border-radius: 100%;
            /*border: 1px solid #ADAE93;*/
            border: 0px solid #ADAE93;
        }

            .pagination li a.controls:hover {
                color: #000;
                border: 0 solid #000;
                /*border: 1px solid #000;*/
            }

    .page-info {
        display: none;
    }

        .page-info .form-control {
            height: 30px;
            line-height: 28px;
            border: 1px solid #ddd;
            margin: 0;
            background: none;
            background-color: #dfdfdf;
        }

    .page-info .form-control:focus {
        border-color: #ADAE93;
    }

    .reminder {
        text-align: center;
        color: #777;
        position: relative;
        margin: 0 0 30px;
    }


    .reminder b {
        display: inline-block;
        font-size: 15px;
        line-height: 1;
        vertical-align: bottom;
        margin-bottom: 0px;
        color: #E51C6C;
    }

    .qty-box {
        position: relative;
        display: inline-block;
        width: 100px;
        max-width: none;
        padding: 0 29px;
        box-sizing: border-box;
    }

    .qty-box .form-control {
        position: relative;
        text-align: center;
        height: 30px;
        line-height: 28px;
        color: #777;
        background: #fff;
        border: 1px solid #CCCCCC;
        margin: 0;
        padding: 0 5px;
        z-index: 1;
        border-radius: 0;
    }

    .qty-box .form-control:focus {
        border-color: #989898;
    }

    .qty-box .btn {
        width: 30px;
        height: 30px;
        /*line-height: 28px;*/
        line-height: 13px;
        font-size: 19px;
        color: #666;
        background: #EEEEEE;
        border: 1px solid #CCCCCC;
        position: absolute !important;
        z-index: 0;
        top: 0;
        padding: 7px 5px;
    }

    .qty-box .btn:hover {
        border-color: #252527;
        background: #252527;
        color: #fff;
        z-index: 2;
    }

    .qty-box .less {
        left: 0;
        border-radius: 5px 0 0 5px;
    }

    .qty-box .add {
        right: 0;
        border-radius: 0 5px 5px 0;
    }

    .qty-box .less,
    .qty-box .add {
        padding: 7px 5px;
        line-height: 13px;
    }

    .main-content.cart-two .qty-box {

        width: auto;
        padding: 0px;

    }

    .form-control {
        display: block;
        width: 100%;
        height: 36px;
        line-height: 34px;
        padding: 0 10px;
        border: 1px solid #CCCCCC;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .form-control:focus {
        outline: none;
        border-color: #989898;
    }


    textarea.form-control {
        padding: 8px 10px;
        line-height: 1.4;
        resize: vertical;
    }

    textarea.form-control.messages {
        height: 210px;
    }

    .static-control {
        line-height: inherit;
        color: #444;
        font-size: 16px;
        margin: 0 0 6px;
        padding: 0 5px;
    }

    .form-wrap {
        margin: 0 auto;
    }

    .form-wrap.type2 {
        max-width: 1000px;
    }

    .form-wrap.type3 .form-box {
        max-width: 600px;
    }

    .form-wrap .btn-box {
        margin: 0 auto;
        max-width: 900px;
        text-align: center;
    }

    .form-box {
        margin: 0 auto;
    }

    .line {
        margin: 0 auto;
        border-top: 1px solid #D7D7D7;
        padding: 20px 0;
    }

    .line2 {
        margin: 0 auto;
        border-top: 1px solid #D7D7D7;
        border-bottom: 1px solid #D7D7D7;
        padding: 20px 0;
    }

    .form-box .row {
        margin: 0 -24px;
        position: relative;
    }

    .form-box .col {
        float: left;
        width: 50%;
        padding: 0 24px;
        box-sizing: border-box;
    }

    .form-box .type2 .col1 {
        float: left;
        width: 70%;
        padding: 0 24px;
        box-sizing: border-box;
    }

    .form-box .type2 .col2 {
        float: right;
        width: 25%;
        padding: 50px 0 0 0;
    }

    .form-box .required {
        position: relative;
    }

    .form-box .required:after {
        content: '*';
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        font-size: 15px;
        color: #E51C6C;
        margin: 0 4px 0px 10px;
    }

    .form-box .form-group {
        padding: 4px 0;
        line-height: 36px;
    }

    .form-box .control-label {
        display: block;
        line-height: inherit;
    }

    .form-box .control-box {
        position: relative;
    }

    .form-box .control-box label {
        display: inline-block;
        line-height: inherit;
        margin: 0 10px 6px 5px;
    }

    .form-box .captcha .form-control {
        display: inline-block;
        vertical-align: top;
        width: 46%;
        max-width: 280px;
    }

    .form-box .captcha a {
        display: inline-block;
        vertical-align: top;
        color: #80CAA5;
        font-size: 20px;
        line-height: inherit;
        margin-left: 5px;
        margin-bottom: 6px;
        transition: all .3s ease;
    }

    .form-box .captcha a:hover {
        color: #ccc;
    }

    .form-box .captcha a * {
        vertical-align: middle;
    }

    .form-box .captcha a .ic {
        transition: transform .3s;
        font-size: 14px;
        color: #70AC92;
    }

    .form-box .captcha a:hover .ic {
        transform: rotate(270deg);
        color: #B8B9AA;
    }

    .form-box .row img {
        margin: 0px;
    }

    .form-box .name .control-box {
        position: relative;
    }

    .form-box .name .radio-box {
        line-height: 36px;
        position: absolute;
        right: 0;
        bottom: 100%;
    }

    .form-box .name .radio-box label {
        display: inline-block;
        margin-bottom: 0;
    }

    .form-box .name2 .control-box {
        padding-right: 150px;
    }

    .form-box .name2 .radio-box {
        line-height: 36px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .form-box .name2 .radio-box label {
        margin-bottom: 0;
    }

    .form-box .tips {
        line-height: 1.2;
        margin-bottom: 6px;
        color: #c70000;
        font-size: 13px;
        padding: 0 5px;
    }

    .form-wrap.type1 .tips {
        min-height: 36px;
        line-height: 18px;
    }

    .form-box .input-group {
        margin: 0 -3px;
    }

    .form-box .input-group:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ' ';
        clear: both;
        height: 0;
    }

    .form-box .input-group .input-box {
        float: left;
        width: 50%;
        padding: 0 3px;
        box-sizing: border-box;
    }

    .form-box .input-group .form-control {
        display: inline-block;
    }

    .form-box .name .control-box {
        position: relative;
    }

    .form-box .name .radio-box {
        line-height: 36px;
        position: absolute;
        right: 0;
        bottom: 100%;
    }

    .form-box .name .radio-box label {
        display: inline-block;
        margin-bottom: 0;
    }

    .form-box .address .input-box:last-child {
        width: 100%;
    }

    .form-box .address2 .input-box {
        width: 22%;
    }

    .form-box .address2 .input-box:last-child {
        width: 56%;
    }

    .form-radio,
    .form-checkbox {
        display: inline-block;
        position: relative;
    }

    .form-radio input[type=radio],
    .form-checkbox input[type=checkbox] {
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0 !important;
        visibility: hidden;
        outline: 0;
        z-index: 3;
        width: 17px;
        height: 17px;
    }

    .form-radio:before,
    .form-checkbox:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        background: 50% 0 / 100% auto no-repeat;
        width: 16px;
        height: 16px;
        margin: 0 0 3px;
    }

    .form-radio:before {
        background-image: url('../../images/common/form_radio.svg');
    }

    .no-svg .form-radio:before {
        background-image: url('../../images/common/form_radio.png');
    }

    .form-checkbox:before {
        background-image: url('../../images/common/form_checkbox.svg');
    }

    .no-svg .form-checkbox:before {
        background-image: url('../../images/common/form_checkbox.png');
    }

    .checked.form-radio:before,
    .checked.form-checkbox:before {
        background-position: 0 100%;
    }

    .success-wrap {
        text-align: center;
        max-width: 1100px;
        margin: 0 auto;
        padding: 3% 35px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .success-box {
        text-align: center;
        line-height: 2;
    }

    .success-msg {
        color: #000;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.5;
        margin: 0 auto 15px;
        /* font-family: 'Josefin Sans', sans-serif; */
    }

    /* .no-svg .success-msg {
        background-image: url('../../images/common/success_ic.png');
    } */

    .success-txt {
        line-height: 1.8;
        color: #777;
        padding-bottom: 10px;
    }

    .success-txt strong {
        color: #444;
        font-size: 18px;
        padding-bottom: 0px;
        display: block;
    }

    .success-txt a {
        text-decoration: underline;
        color: #c70000;


    }

    .success-txt a:hover {
        text-decoration: none;
    }

    .success-wrap .btn-box {
        max-width: 1000px;
        margin: 0 auto;
    }

    .table-h {
        border-top: 1px solid #DCDCDC;
        color: #6A6A6A;
    }

    .table-h thead {
        display: none;
    }

    .table-h td[data-title]:before {
        content: attr(data-title);
        display: inline-block;
        color: #aaa;
        font-size: 13px;
    }

    .table-h td {
        padding: 10px 6px;
        line-height: 1.4;
        text-align: center;
        min-width: 76px;
    }

    .table-h .btn-holder {
        min-width: 30px;
    }

    .table-h thead {
        border-bottom: 1px solid #DCDCDC;
    }

    .table-h thead th {
        color: #777;
        font-weight: normal;
        padding: 12px;
        text-align: center;
    }

    .table-h .align-left.info {
        max-width: 500px;
    }

    .table-h tbody tr {
        border-bottom: 1px solid #DCDCDC;
    }

    .table-h .align-left {
        text-align: left;
    }

    .table-h a {
        display: inline-block;
        vertical-align: middle;
    }

    .table td span {
        color: #DE82A5;
    }

    .table-v {
        color: #777;
        font-size: 14px;
    }

    .table-v tr {
        border-bottom: 1px solid #ddd;
    }

    .table-v th,
    .table-v td {
        padding: 12px 20px;
        vertical-align: middle;
    }

    .table-v th {
        text-align: left;
        width: 110px;
        font-weight: normal;
        position: relative;
        background: #F0F0F0;
    }

    .table-v strong {
        color: #c70000;
    }

    body .fancybox-close {
        background: url(../../images/common/lightbox_close.html) no-repeat;
        width: 41px;
        height: 41px;
        right: 5px;
        top: 5px;
    }

    .no-svg body .fancybox-close {
        background-image: url(../../images/common/lightbox_close.html);
    }

    body .fancybox-close:hover {
        background-position: 0 100%;
    }

    body .fancybox-skin {
        background: #fff;
        border-radius: 0;
        margin-top: 40px;
        border-radius: 0px;
        border: 5px solid #a5a5a5;
    }

    body .fancybox-inner {
        background: #F2FAF6;
        border-radius: 0px;
    }

    .lightbox-wrapper {
        padding: 40px;
        max-width: 100%;
        max-width: 780px;
        margin: 0 auto;
        max-width: 800px;
        box-sizing: border-box;
    }

    .login-box .lightbox-title {
        color: #252525;
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 15px;
        text-align: center;
    }

    .login-box .lightbox-title span {
        border: 2px solid #252525;
        padding: 5px 10px;
    }

    .no-svg .login-box .lightbox-title {
        background-image: url('../../images/common/login_ic.html');
    }

    .lightbox-wrapper .control-label {
        display: none;
    }

    .login-box .notice-box {
        background: #eee;
        margin-top: 40px;
        padding: 20px 15px;
        border-radius: 15px;
    }

    .login-box .notice-box .title {
        float: left;
        background: url('../../images/common/join_ic.png') 0 100% no-repeat;
        color: #444;
        font-size: 18px;
        font-weight: bold;
        padding: 16px 0 0 45px;
        margin: 5px 0 0 80px;
    }

    .no-svg .login-box .notice-box .title {
        background-image: url('../../images/common/join_ic.png');
    }

    .login-box .notice-box .txt {
        color: #777;
        border: 1px solid #ccc;
        border-width: 0 0 0 1px;
        margin-left: 240px;
        padding-left: 30px;
    }

    .login-box .success-box+.btn-box {
        max-width: 700px;
        margin: 0 auto;
    }

    .login-box .success-box+.btn-box a {
        margin: 10px 0;
    }

    .arrival-box {
        position: relative;
    }

    .arrival-box .form-control {
        height: 36px;
        line-height: 34px;
        padding: 0 12px;
        border-color: #72B1AA;
    }

    .arrival-box .form-control:focus {
        background-color: #fff;
    }

    .arrival-box .pd-name {
        color: #72B1AA;
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        margin: 0;
    }

    .no-svg .arrival-box .pd-name {
        background-image: url('../../images/common/products/arrival_ic.html')
    }

    .arrival-box .pd-id {
        color: #aaa;
        font-size: 14px;
        text-align: center;
    }

    .arrival-box .form-box {
        padding: 30px 0;
    }

    .arrival-notice {
        color: #777;
        font-size: 13px;
        text-align: center;
        padding: 10px 0;
    }

    .arrival-box .btn-box {
        padding-top: 0;
    }

    .shopping_way.hot.fixed {
        margin: 4px 0 -3px;
        color: #333;
    }

    .cart_login_box {
        height: auto;
        overflow: hidden;
    }

    .cart-login.col {
        width: 50%;
        position: relative;
        float: left;
        padding: 10px;
    }

    .cart-login.col.col1 {
        right: 10px;
    }

    .cart-login.col.col1 .form-box .captcha a {
        margin: 0px;
    }

    .cart-login.col {
        border-right: 1px solid #dadada;
        padding: 30px;
    }

    .cart-login.col:nth-child(2) {
        border: none;
    }

    .cart-login.col.col2 {
        padding: 30px;
    }

    .cart-login.col.col2 .btn-box {
        padding-top: 45px;
    }

    .cart-login .hero {
        color: #404040;
        font-size: 18px;
        padding: 10px 0 25px;
    }

    .cart-login .fb-login-button {
        height: 40px;
    }

    .cart-login .btn-box {
        padding: 0px;
    }

    .btn.simple.cart {
        background: #4ea7ce;
        max-width: 100px;
        width: 50%;
        height: 35px;
        color: #fff;
        font-size: 16px;
        line-height: 35px;
        letter-spacing: 0.1em;
        border-radius: 8px;
        position: relative;
        margin: 0 2px 10px;
        display: inline-block;
    }

    .btn.simple.cart:hover {
        background: #1b7292;
    }

    .btn.simple.cart2 {
        background: #046792;
    }

    .btn.simple.cart2:hover {
        background: #1c9e92;
    }

    .cart.bth {
        display: block;
        width: 100%;
    }

    .cart_login_box .form-box.cart_txt {
        text-align: center;
    }

    .lightbox-wrapper.login-box .notice-box {
        background: #fff;
        margin-top: 0px;
        padding: 0px;
        border-radius: 0;
    }

    .lightbox-wrapper.login-box .notice-box .title {
        background: none;
        color: #444;
        font-size: 18px;
        font-weight: bold;
        padding: 0px;
        margin: 0px 0 20px;
        ;
        text-align: center;
        float: none;
    }

    .lightbox-wrapper.login-box .notice-box .txt {
        margin: 0px;
        padding: 0px;
        border: none;
    }

    .cart_login_box .lightbox-wrapper {
        padding: 30px;
        max-width: 100%;
        /*width: 800px;*/
    }

    .cart_login_box .btn.normal2 {
        color: #fff;
        font-size: 15px;
        padding: 5px;
        width: 200px;
        height: 40px;
        background: #000000;
        margin: 0 auto 5px;
        border-radius: 0;
        border: 1px solid #000000;
        display: block;
        line-height: 30px;
    }

    .cart_login_box .btn.normal2:hover {
        background: #929292;
        border: 1px solid #929292;
    }

    .cart_login_box .btn.pure {
        color: #666;
        line-height: 30px;
        margin: 0 5px 5px;
    }

    .cart_login_box .btn-box {
        margin: 15px 0;
    }

    .cart_login_box .btn.normal2.send {
        margin-bottom: 20px;
    }

    .cart_login_box .go-login {
        margin: 10px 0 20px;
    }

    .cart_login_box .btn-box.col2 {
        display: flex;
    }

    .cart_login_box .btn-box.col2 .btn.normal2 {
        width: 45%;
    }

    .mmenu-show #mobile-fixed li,
    .mmenu-show #mobile-search,
    .mmenu-show #member-box li a,
    .mmenu-show #lang-box li a {
        background: #252527;
    }

    .mmenu-show #mobile-fixed .logo-fixed-menu {
        font-size: 18px;
        width: 200px;
        text-align: center;
        line-height: 40px;
        font-weight: 600;
    }

    .mmenu-show #mobile-fixed .logo-fixed-menu span {
        color: #000;
    }

    .mmenu-show #mobile-search .search {
        position: absolute;
        right: 8px;
        top: -5px;
    }

    .mmenu-show #mobile-search .search .ic3-search2 {
        font-size: 20px;
    }

    .mmenu-show #mobile-fixed ul,
    .mmenu-show #member-box li,
    .mmenu-show #lang-box li {
        border-bottom-color: #252527;
    }

    .mmenu-show #mobile-menu .sidebarCollapse>li a:before {
        border-color: #252527;
    }

    .mmenu-show #mobile-menu .menu li a:hover,
    .mmenu-show #mobile-menu .menu li.active>a,
    .mmenu-show #lang-box .menu li a:hover,
    .mmenu-show #lang-box .menu li.active>a {
        color: #000;
    }

    .mmenu-show #mobile-menu .share .btn .ic {
        vertical-align: middle;
    }

    .no-svg .mmenu-show #mobile-search .ibtn.search {
        z-index: 99;
    }

    .mmenu-show #mobile-fixed,
    .mmenu-show .wrapper {
        width: 100%;
    }

    .mmenu-show .share .btn,
    .mmenu-show .share .share-item {
        color: #000;
    }

    .mmenu-show .share .btn:hover,
    .mmenu-show .share .share-item:hover {
        color: #454545;
    }

    .mmenu-show #mobile-fixed li.logo-fixed-menu a {
        font-size: 15px;
        white-space: nowrap;
    }

    .mmenu-show .side-nav ul ul li a:before {
        display: none;
    }

    .mmenu-show #mobile-menu .side-nav>li>ul>li>a {
        padding-left: 50px;
    }

    .mmenu-show #mobile-menu .side-nav>li>ul>li>ul>li>a {
        padding-left: 70px;
    }

    .privacy-txt {
        border-right: 1px solid #424242;
        padding: 0 10px 0 0;
        margin-right: 10px;
    }

    .header-sheet {
        background-color: #252527;
        color: #fff;
        padding: 15px 0;
        position: relative;
        width: 100%;
        height: auto;
        text-align: center;
        position: fixed;
        z-index: 999;
        bottom: 0;
    }

    .header-sheet .close-ontop {
        color: #fff;
        opacity: 1;
        font-size: 2.4rem;
        position: absolute;
        right: 20px;
        top: calc(50% - 3px);
        transform: translateY(-50%);
    }

    button.close-ontop {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
    }

    .close-ontop {
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
    }

    .header-sheet a {
        color: #fff;
        text-decoration: underline;
    }

    .fancybox-lock .fancybox-overlay {
        background: rgba(236, 236, 236, 0.8) !important;
    }

    @media screen and (max-width: 1000px) {

        .site-header,
        .header-fixed .site-header {
            position: relative;
            width: 100%;
            z-index: 499;
            box-shadow: 0 0 0;
        }

        /* .header-sheet {
        position: fixed;
        height: auto;
        bottom: 0%;
        z-index: 9999;
        font-size: 14px;
        padding: 10px 0 10px;
    } */
        .header-sheet .close-ontop {
            right: 0px;
            left: 0px;
            top: -25px;
            margin: auto;
            text-align: center;
            background: #252527;
            width: 100%;
            height: 35px;
        }

        button.close-ontop {
            padding: 0px;
        }

        .close-ontop {
            float: none;
        }

        body #keyreply-container {
            bottom: 10%;
        }

        .header-active #keyreply-container {
            bottom: 0%;
            transition: all .7s;
        }

        .header-fixed .header-sheet {
            display: block;
        }
    }

    @media screen and (max-width: 1600px) {

        .floating,
        .floating.fancybox-margin {
            right: 0;
            margin: 0;
        }
    }

    @media screen and (max-width: 1500px) {

        .navbarStyle .menu {
            margin-left: 20px;
        }

        .navbarStyle .menu>li:nth-child(1):before {
            top: -1px;
        }

        .navbarStyle .menu>li:nth-child(9):after {
            top: -1px;
        }

        .banner button.slick-prev {
            left: 31px;
        }

        .banner button.slick-next {
            right: 31px;
        }

        .func-menu {
            margin-right: 0px;
        }

        .header-fixed .site-header {
            border-bottom: 1px solid #DBDCD3;
        }

        .header-fixed .top-nav {
            position: relative;
            left: 0px;
            top: 10px;
            text-align: right;
            margin: 0 -15px;
            display: inline-block;
            float: right;
        }

        .header-fixed .navbarStyle {
            position: relative;
            top: -48px;
            z-index: 1;
            left: 0px;
            float: right;
            /* width: calc(100% - 160px); */
            width: calc(100% - 256px);
        }

        .header-fixed .navbarStyle .menu>li>a {
            padding: 0px 10px;
        }

        .header-fixed .navbarStyle .menu>li+li:before {
            content: ' | ';
            display: block;
            width: 1px;
            height: 10px;
            position: absolute;
            left: 0px;
            top: 0%;
        }
    }

    @media screen and (max-width: 1400px) {


        .localMap {
            letter-spacing: 15px;
        }

        .localMap ul li a {
            padding: 4px 42px 2px 0px;
        }

        .footerTop .col4 {
            margin-top: 20px;
        }

        .footerTop .col3 {
            width: 48%;
        }

        .footerTop .info .sect-title {
            text-align: center;
            padding-left: 0;
        }

        .footerTop .info .txt li {
            text-align: center;
        }

        .footerTop .info .txt>ul {
            padding-left: 0;
        }
    }

    @media screen and (max-width: 1280px) {
        .footerTop .col1 {
            width: 60%;
            margin: 0 0 40px;
            text-align: left;
        }

        .footerTop .col3 {
            width: 30%;
            text-align: center;
        }

        .localMap {
            letter-spacing: 40px;
        }

        .footerTop .col4 {
            width: 100%;
            float: none;
            clear: both;
        }

        .footerTop .info .txt li {
            text-align: center;
        }

        .table-h td[data-title]:before {
            display: block;
            margin: 0 0 5px 0;
        }
    }

    @media screen and (max-width: 1200px) {
        .side {
            width: 260px;
        }

        .has-side .content {
            width: calc(100% - 260px);
        }
    }

    @media screen and (max-width: 1180px) {
        .header-fixed .navbarStyle .menu>li {
            padding: 0 0px;
            font-size: 14px;
        }
    }

    @media screen and (max-width: 1120px) {
        .site-title {
            padding: 10px 0;
        }

        .navbarStyle {
            clear: both;
            position: static;
            text-align: center;
        }

        .func-menu {
            margin-right: 0px;
        }

        .top-nav {
            right: 15px;
            top: 10px;
        }

        .top-nav .language {
            position: absolute;
            right: 0;
            top: 45px;
        }

        .func-menu>li.gocart {
            right: 50px;
        }

        .func-menu>li.gocart>a {
            font-size: 15px;
        }

        .header-fixed .func-menu>li.gocart>a i {
            font-size: 20px;
        }

        .header-fixed .func-menu>li.gocart .gocart-qty {
            min-width: 25px;
            height: 25px;
            font-size: 18px;
            line-height: 30px;
            margin: 0 0 0 1px;
        }

        .header-fixed .func-menu>li>a {
            font-size: 12px;
            line-height: 25px;
            padding: 0 2px 0 2px;
        }
    }

    @media screen and (max-width: 1000px) {

        .header-fixed .func-menu .ic {
            display: none;
        }

        .header-fixed .site-header {
            position: relative;
        }

        .success-txt strong {
            display: initial;
        }

        .banner button.slick-prev {
            display: none !important;
        }

        .banner button.slick-next {
            display: none !important;
        }

        .site-title {
            float: none;
            text-align: center;
        }

        .top-nav,
        .header-fixed .top-nav,
        .navbarStyle,
        .site-header .search-box {
            display: none;
        }

        .main-content {
            padding-bottom: 80px;
        }

        .has-side .content {
            border-left: none;
            padding: 0;
        }

        .footerTop {
            padding: 20px 0 30px;
        }

        .footerTop .container {
            text-align: center;
        }

        .footerTop .col.col1,
        .footerTop .col3 {
            display: none;
        }

        .footerTop .col.col2 {
            display: inline-block;
            text-align: center;
            float: none;
            width: 100%;
            margin: 15px 0;
        }

        .footerTop .map-box {
            margin: 0;
        }

        .site-info {
            margin-left: 0;
        }

        .floating,
        .floating.fancybox-margin {
            background: none;
            right: 50%;
            bottom: 5px;
            margin-right: -15px;
        }

        .floating .btn.gocart {
            display: none;
        }

        .floating .ibtn.gotop {
            background: url(../../images/common/mobile_gotop.png) 50% 50% no-repeat;
            width: 30px;
            height: 30px;
            border: 0;
        }

        .floating .ibtn.gotop:hover {
            background: url(../../images/common/mobile_gotop.png) 50% 50% no-repeat;
        }

        .share:before {
            content: '';
            display: none;
        }

        .content-top {
            margin-bottom: 20px;
        }

        .table-h td {
            min-width: 40px;
        }

        .footerTop .col.col2 {
            margin: 2px 0;
        }

        .site-title .logo {
            background: url(../../images/common/logo_2.png) 50% 50% / contain no-repeat;
            width: 150px;
            height: 60px;
        }

        .footerTop {
            padding: 10px 0;
            border: none;
        }

        .footerTop.news {
            border-top: 1px solid #424242;
            border-bottom: 1px solid #424242;
            padding-top: 10px;
        }

        .footerTop .info .sect-title {
            font-size: 16px;
            display: none;
        }

        .footerTop .info .txt {
            font-size: 14px;
            line-height: 20px;
        }

        .footerTop .info .txt>ul {
            padding-left: 0;
        }

        .sect3 .container .row {
            padding: 0;
        }

        .footerBottom {
            line-height: 18px;
        }

        .breadcrumb {
            padding: 0px 15px;
            margin: 4px 0 4px;
            font-size: 12px;
        }

        .hero span {
            font-size: 16px;
        }

        .hero .second_txt {
            font-size: 12px;
        }

        .hero span:before,
        .hero span:after {
            top: 5px;
        }

        .hero {
            margin: 0 0 10px;
            padding: 5px 20px;
            font-size: 14px;
            display: none;
        }

        .content-top {
            margin-bottom: 8px;
        }

        .btn-box {
            padding: 15px 0 10px;
        }

        .share_box .share-link .btn,
        .share_box .share-link .icon-ic-share-t,
        .share_box .share-link .icon-ic-share-linecall,
        .share_box .share-link .icon-ic-share-w {
            font-size: 25px;
            width: 25px;
            height: 25px;
        }

        .qty-box .form-control {
            height: 25px;
            line-height: 10px;
        }

        .qty-box .btn{
            height: 25px;
            line-height: 7px;
        }

        .table-h td,
        .static-control {
            font-size: 14px;
        }

        .btn.simple {
            height: 35px;
            font-size: 14px;
            line-height: 23px;
        }

        .btn.normal {
            font-size: 14px;
            width: 49%;
            margin: 5px 0;
        }

        body {
            font-size: 14px;
            line-height: 25px;
        }

        .main-content {
            padding: 0 0 10px;
        }

        .content-title {
            font-size: 16px;
            margin: 0 0 15px 0;
        }

        .reminder {
            margin: 0 0 10px;
        }

        .line {
            padding: 10px 0;
        }

        .line2 {
            padding: 10px 0;
        }

        .form-box .form-group {
            padding: 0px 0;
        }

        .form-box .type2 .col2 {
            padding: 0px;
        }

        .success-box .order-id {
            margin: 0.5em auto;
        }

        .content-title2 {
            font-size: 16px;
            margin: 0 0 10px 0;
        }

        .content-title span {
            font-size: 16px;
        }

        textarea.form-control.messages {
            height: auto;
        }

        .btn.pure {
            margin: 0 5px 0px;
        }

        .success-wrap {
            padding: 0.5% 0px;
        }

        .success-msg {
            font-size: 18px;
            background-size: 80px;
            padding-top: 0px;
            margin-bottom: 0px;
        }

        .content {
            min-height: 100px;
            margin: 20px 0;
        }

        .cart-list-mobile .table-h {
            border-top: none;
        }

        .shopping-title,
        .shopping-title-up,
        .payment-box .shopping-title {
            font-size: 17px;
            letter-spacing: 0.1em;
            margin-bottom: 0px;
        }

        .header-fixed .site-header {
            position: static;
        }

        .header-fixed .site-title {
            margin: 0;
            float: none;
        }
    }

    @media screen and (max-width: 767px) {
        .main-content {
            padding: 0 0 10px;
        }

        .content-top .breadcrumb {
            float: none;
        }

        .page-info {
            display: block;
            padding: 0 40px;
        }

        .pagination {
            position: relative;
            height: 0;
        }

        .pagination li a {
            display: none;
        }

        .pagination li a.controls {
            display: block;
            position: absolute;
            bottom: -30px;
        }

        .pagination li a.prev {
            left: 0;
        }

        .pagination li a.next {
            right: 0;
        }

        .form-title {
            font-size: 36px;
        }

        .form-box .row:before {
            display: none;
        }

        .form-box .col,
        .form-box .type2 .col {
            width: 100%;
        }

        .form-box .type2 .col2 {
            text-align: center;
        }

        .form-box .name2 .control-box {
            padding: 0;
        }

        .form-box .name2 .radio-box {
            bottom: 100%;
        }

        .form-box .address2 .input-box {
            width: 50%;
        }

        .form-box .address2 .input-box:last-child {
            width: 100%;
        }

        .form-wrap .form-box .tips {
            min-height: 0;
        }

        .table-h {
            border-top: 1px dashed #bbb;
        }

        .table-h tr,
        .table-h td {
            display: block;
            text-align: left;
        }

        .table-h td+td {
            border-left: 0;
            line-height: 25px;
        }

        .table-h td[data-title]:before {
            content: attr(data-title);
            display: inline-block;
            color: #aaa;
            font-size: 14px;
            margin: 0;
        }

        .table-h tr {
            padding: 10px 0;
            position: relative;
        }

        .table-h td {
            padding: 0;
            line-height: 2;
        }

        .login-box .notice-box {
            padding: 20px 25px;
            text-align: center;
        }

        .login-box .notice-box .title {
            float: none;
            display: inline-block;
            margin: 0;
        }

        .login-box .notice-box .txt {
            border-width: 1px 0 0;
            margin: 15px 0 0;
            padding: 15px 0 0;
        }

        .sect3 .cf-list li {
            width: 50%;
            padding: 0 10px 30px;
        }

        .cart-login.col {
            width: 100%;
            clear: both;
            padding: 10px;
        }

        .cart-login.col {
            border-right: none;
        }

        .cart-login.col+.col {
            border-top: 1px solid #dadada;
            border-left: none;
            padding: 20px 10px;
            margin: 15px 0;
        }

        .cart-login.col.col2 {
            padding-top: 40px;
        }

        .cart-login.col.col2 .btn-box {
            padding-top: 30px;
        }
    }

    @media screen and (max-width: 500px) {
        .lightbox-wrapper {
            padding: 30px 20px;
        }

        .login-box .hero {
            padding-top: 0;
        }

        .login-box .hero span {
            font-size: 36px;
        }

        .login-box .success-msg {
            font-size: 17px;
        }

        .table-v tr,
        .table-v th,
        .table-v td {
            display: block;
            width: auto;
            text-align: left;
        }

        .table-v tr:nth-child(n) {
            background: none;
        }

        .table-v th {
            border: 0;
        }

        .form-box .captcha .form-control {
            width: 100%;
        }
    }

    @media screen and (max-width: 400px) {
        .form-box .form-group .input-box {
            width: 100%;
        }

        .btn.simple {
            margin: 0 auto 10px;
        }

        .site-title .logo {
            width: 150px;
            height: 60px;
        }

        .arrival-box .pd-name {
            font-size: 16px;
            margin: 20px 0 0;
        }

        .arrival-box .form-box {
            padding: 5px 0;
        }

        .arrival-box .form-control {
            height: 32px;
            line-height: 24px;
        }

        .mmenu-show #mobile-fixed .logo-fixed-menu {
            width: 150px;
        }
    }



    /* --- 產品內頁 --- */



    .top-nav {
        position: absolute;
        z-index: 60;
        right: 15px;
        top: 30px;
        width: 140px;
    }

    .top-nav>* {
        display: inline-block;
        vertical-align: middle;
    }

    .func-menu {
        font-family: '33535gillsansmt', Arial, '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', '微软雅黑', 'メイリオ', '맑은 고딕', sans-serif;
        margin-right: 0px;
    }

    .func-menu>li {
        padding: 2px 0;
    }

    .func-menu>li>a {
        color: #252527;
        font-size: 13px;
        line-height: 25px;
        border-radius: 4px;
        padding: 0 8px 0 4px;
    }

    .func-menu>li.bg>a {
        background: #252527;
        color: #fff;
    }

    .func-menu>li.bg>a:hover {
        background: #666666;
        color: #fff;
    }

    .func-menu>li>a:hover {
        color: #666666;
    }



    .func-menu>li.gocart {
        position: absolute;
        display: block;
        right: 0;
        top: 25px;
        color: #252527;
    }

    .func-menu>li.gocart>a {
        font-size: 18px;
        color: #252527;
        font-family: 'Lato', sans-serif;
        font-weight: bold;
    }

    .func-menu>li.gocart>a i {
        color: #252527;
        font-size: 26px;
    }



    .func-menu .gocart.active .cart-box {
        pointer-events: visible;
        visibility: visible;
        opacity: 1;
        transform: rotateX(0);
    }

    .func-menu .cart-list {
        padding: 4px;
    }

    .func-menu .cart-list .box {
        position: relative;
    }

    .func-menu .cart-list .box .cover {
        position: absolute;
        z-index: 30;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        font-size: 0;
    }

    .func-menu .cart-list li+li {
        border-top: 1px dashed #bbb;
    }

    .func-menu .cart-list .box {
        display: block;
        overflow: hidden;
        padding: 8px;
    }

    .func-menu .cart-list .box:hover {
        background: #eee;
    }

    .func-menu .cart-list .pic {
        float: left;
        width: 70px;
    }

    .func-menu .cart-list .txt {
        margin-left: 82px;
        line-height: 1.7;
    }

    .func-menu .cart-list .name {
        display: block;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #000000;
        font-size: 15px;
        transition: all .3s ease;
    }

    .func-menu .cart-list .box:hover .name {
        opacity: 0.7;
    }

    .func-menu .cart-list .qty {
        color: #F2856C;
    }

    .func-menu .btn.fancybox-login {
        width: 100%;
        background: #616161;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        line-height: 39px;
        text-align: center;
        letter-spacing: 0.05em;
    }

    .func-menu .btn.fancybox-login:hover {
        background: #000000;
    }

    .func-menu .btn.fancybox-login .ic {
        font-size: 20px;
        margin-right: 0;
    }

    .func-menu .shopping_way .general {
        border: 1px solid #333;
        padding: 5px;
        bottom: 5px;
        position: relative;
        color: #333;
    }

    .func-menu .shopping_way .cold {
        border: 1px solid #42b354;
        padding: 5px;
        bottom: 5px;
        position: relative;
        color: #42b354;
    }

    .func-menu .shopping_way .freezing {
        border: 1px solid #68a0da;
        padding: 5px;
        bottom: 5px;
        position: relative;
        color: #68a0da;
    }

    .func-menu .shopping_way span+span {
        margin-left: 10px;
    }

    .func-menu>li.gomember {
        position: relative;
        display: inline-block;
    }

    .func-menu>li.gomember>a {
        font-size: 13px;
        color: #fff;
        background: #929292;
    }

    .func-menu>li.gomember>a i {
        color: #ffffff;
        font-size: 13px;
    }

    .func-menu .gomember-box {
        position: absolute;
        z-index: 10;
        width: 160px;
        right: 0;
        top: 100%;
        border: 2px solid #aaa;
        background: #fff;
        padding: 1px;
        text-align: center;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        transition: all 0.3s;
        transform: rotateX(-90deg);
        transform-origin: 50% 0;
    }

    .func-menu .gomember.active .gomember-box {
        pointer-events: visible;
        visibility: visible;
        opacity: 1;
        transform: rotateX(0);
    }

    .func-menu .gomember-list {
        padding: 4px 0;
    }

    .func-menu .gomember-list li+li {
        border-top: 1px solid #ccc;
    }

    .func-menu .gomember-list a {
        display: block;
        overflow: hidden;
        padding: 8px 0;
    }

    .func-menu .gomember-list a:hover {
        color: #000;
    }

    .func-menu .gomember-list .txt {
        margin-left: 82px;
        line-height: 1.7;
    }

    .func-menu .gomember-list .name {
        display: block;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #70AC92;
        font-size: 15px;
    }

    .func-menu .login-out-fixed {
        color: #000;
    }

    .func-menu .gomember-list .login-out-fixed a:hover {
        color: #000;
    }



    /* --- fix --- */
    .mmenu-show #mobile-fixed a {
        padding: 0;
    }

    .toggleBtn>* {
        display: inline-block;
    }

    .list-inline > li a,.list-inline .item a {
        display: inline-block;
        position: relative
    }
.list-inline > li,.list-inline .item {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    list-style-type: none;
}

.func-menu>li.gocart{
    top: 40px;
}

.func-menu>.loginBtn{
    
position: absolute;right: 7px;top: 3px;
}

.func-menu > .registerBtn {
    position: absolute;
    left: -14px;
    top: 3px;
}

.func-menu>.orderSearch>a,
.func-menu>.loginBtn>a{
    padding: 1px 8px;
}

.func-menu>.memberName{
    position: absolute;
    bottom: -40px;
    right: 95px;
    width: max-content;
    font-weight: bold;
}

.header-fixed .func-menu>.memberName{
    bottom: -44px;
}

.cart-table .img {
    width: 90px;
}

.cart-table .pd-id {
    color: #aaa;
    font-size: 13px;
}

.cart-table .pd-name {
    color: #1b1b1b;
    font-size: 18px;
    display: inline-block;
}




.productsList.type1 {
    margin: 0 0;
}

.products-sect .sect-title {
    padding: 20px 0 55px 0;
    display: block;
    position: relative;
    text-align: center;
}

    .products-sect .sect-title span:before,
    .products-sect .sect-title span:after {
        content: "";
        width: 42px;
        height: 24px;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -45px;
    }

    .products-sect .sect-title span:before {
        left: calc(50% - 140px);
    }

    .products-sect .sect-title span:after {
        transform: rotate(180deg);
        right: calc(50% - 140px);
    }

    .products-sect .sect-title span {
        font-family: 'Playfair Display', serif;
        font-size: 15px;
        color: #221814;
        position: relative;
    }

    .products-sect .sect-title .second_txt {
        color: #231815;
        font-size: 32px;
        letter-spacing: 8px;
        text-indent: -8px;
        position: absolute;
        top: 0;
        left: 50%;
        margin: -24px 0 0 -70px;
    }

.products-sect .btn.more {
    border-top: 3px double #EDEDED;
    width: 100%;
    position: relative;
    margin: 20px 0 0 0;
}

    .products-sect .btn.more span {
        display: block;
        width: 165px;
        height: 25px;
        position: absolute;
        top: -14px;
        left: 50%;
        margin: 0 0 0 -97px;
        padding: 0 15px;
        color: transparent;
    }


        .products-sect .btn.more span:hover {
        }

.products-sect .slick-dots {
    right: 50%;
    top: -40px;
    position: absolute;
    width: auto;
    /* margin: 0 -75px 0 0; */
    transform: translateX(50%);
}

    .products-sect .slick-dots li button {
        white-space: nowrap;
        text-indent: 101%;
        overflow: hidden;
        padding: 0;
        border: 0;
        width: 7px;
        height: 7px;
        background: #D8594B;
        opacity: 1;
        border-radius: 0;
        border-radius: 100%;
        margin: 0 5px;
    }

    .products-sect .slick-dots li.slick-active button {
        background: #231815;
    }

.productsList .pic-box .btn {
    display: none;
}


/* --- 產品內頁 --- */
.is-container-in {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 5px;
    box-sizing: border-box
}

    .is-container-in .icon {
        text-indent: inherit
    }

.container > .remote-row,
.container > div > .remote-row {
    padding-top: 10px;
    padding-bottom: 10px
}

    .container > div > .remote-row.min-row {
        padding-top: 0;
        padding-bottom: 0
    }

.remote-row img {
    margin: .4em 0
}

html {
    font-size: 100%
}

body {
    margin: 0;
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-size: 100%;
    line-height: 2;
    color: #111
}

.is-container-in .display {
    margin-bottom: .5em
}

    .is-container-in .display h1 {
        font-weight: 800;
        line-height: 1.4;
        text-transform: uppercase;
        margin: .2em 0
    }

    .is-container-in .display p {
        font-size: 1.3em;
        margin: .1em 0
    }

@media all and (max-width: 1024px) {
    .is-container-in h1 {
        font-size: 1.9em
    }

    .is-container-in h2 {
        font-size: 1.6em
    }

    .is-container-in h3 {
        font-size: 1.3em
    }

    .is-container-in h4 {
        font-size: 1.1em
    }

    .is-container-in h5 {
        font-size: .9em;
        font-weight: 700
    }

    .is-container-in h6 {
        font-size: .8em;
        font-weight: 700
    }

    .display h1 {
        font-size: 2.2em
    }

    .display p {
        font-size: 1.1em
    }
}

@media all and (max-width: 540px) {
    .is-container-in h1 {
        font-size: 1.7
    }

    .is-container-in h2 {
        font-size: 1.5em
    }

    .is-container-in h3 {
        font-size: 1.3em
    }

    .is-container-in h4 {
        font-size: 1.1em
    }

    .is-container-in h5 {
        font-size: .9em;
        font-weight: 700
    }

    .is-container-in h6 {
        font-size: .8em;
        font-weight: 700
    }

    .is-container-in .display h1 {
        font-size: 2em
    }

    .is-container-in .display p {
        font-size: 1.1em
    }

    .is-container-in h1,
    .is-container-in h2,
    .is-container-in h3,
    .is-container-in h4,
    .is-container-in h5,
    .is-container-in h6 {
        margin: .5em 0
    }
}

hr.line-in {
    border: none;
    border-top: rgba(0, 0, 0, .18) 1px solid;
    margin: 2em 0 !important
}

hr.line-in-bg {
    background: #eaeaea;
    height: 40px;
    border: none;
    margin: 1.5em 0 !important
}

img {
    max-width: 100%
}

figure {
    margin: 0
}

ol,
ul {
    line-height: inherit;
    font-weight: inherit
}

@media (min-width: 768px) {
    .column {
        float: left;
        padding-left: 1rem;
        padding-right: 1rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .column.full {
            width: 100%
        }

        .column.two-third {
            width: 66.7%
        }

        .column.two-third-six {
            width: 60%
        }

        .column.two-fourth {
            width: 75%
        }

        .column.two-fifth {
            width: 80%
        }

        .column.two-sixth {
            width: 83.3%
        }

        .column.half {
            width: 50%
        }

        .column.third-six {
            width: 40%
        }

        .column.third {
            width: 33.3%
        }

        .column.fourth {
            width: 25%
        }

        .column.fifth {
            width: 20%
        }

        .column.sixth {
            width: 16.6%
        }

        .column.fourth.four-off {
            width: 40%
        }

        .column.fourth.ten-off {
            width: 10%
        }

        .column.flow-opposite {
            float: right
        }
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.padding-20 {
    padding: 20px
}

.padding-25 {
    padding: 25px
}

.padding-30 {
    padding: 30px
}

.padding-35 {
    padding: 35px
}

.padding-40 {
    padding: 40px
}

@media all and (max-width: 540px) {
    .center {
        text-align: initial
    }

    .right {
        text-align: initial
    }

    .left {
        text-align: initial
    }

    .padding-20 {
        padding: 0
    }

    .padding-25 {
        padding: 0
    }

    .padding-30 {
        padding: 0
    }

    .padding-35 {
        padding: 0
    }

    .padding-40 {
        padding: 0
    }
}

.margin-0 {
    margin: 0 !important
}

.margin-20 {
    margin: 20px !important
}

.margin-25 {
    margin: 25px !important
}

.margin-30 {
    margin: 30px !important
}

.margin-35 {
    margin: 35px !important
}

.margin-40 {
    margin: 40px !important
}

.is-card {
    display: table;
    background-color: #fff
}

.is-card {
    display: table;
    background-color: #fff
}

    .is-card.ohohoh {
        display: row
    }

.is-card-circle {
    width: 280px;
    height: 280px;
    border-radius: 500px;
    padding: 70px;
    margin: 0 auto
}

@media all and (max-width: 540px) {
    .is-card-circle {
        zoom: .7;
        -moz-transform: scale(.7)
    }

    .margin-20,
    .margin-25,
    .margin-30,
    .margin-35 {
        margin: 10px !important
    }

    .margin-40 {
        margin: 2px !important
    }
}

.is-card-content-centered {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.max-390 {
    max-width: 390px;
    margin: 0 auto
}

.shadow-1 {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.shadow-2 {
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 30px 50px rgba(0, 0, 0, .15);
    box-shadow: 0 30px 50px rgba(0, 0, 0, .15)
}

.shadow-3 {
    -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 100px rgba(0, 0, 0, .2);
    box-shadow: 0 0 100px rgba(0, 0, 0, .2)
}

img.circle {
    border-radius: 500px;
    margin-top: 0
}

img.bordered {
    border: #ccc 1px solid
}

.list-html {
    position: relative;
    margin: 1em 0 1.5em;
    line-height: 1.3
}

    .list-html > i {
        position: absolute;
        left: -3px;
        top: 7px;
        font-size: 1.7em;
        line-height: 1
    }

    .list-html > h2,
    .list-html > h3 {
        margin: 0 0 0 50px
    }

    .list-html > p {
        margin: 5px 0 0 50px
    }

.quote {
    position: relative;
    margin: 1.5em 0
}

    .quote > i {
        position: absolute;
        top: -10px;
        left: -7px;
        font-size: 2em
    }

    .quote > small {
        margin-left: 50px;
        opacity: .7;
        font-size: 1em
    }

    .quote > p {
        margin-left: 50px;
        font-size: 1.5em
    }

@media all and (max-width: 540px) {
    .quote > i {
        left: -15px;
        font-size: 1.5em
    }

    .quote > small {
        margin-left: 20px;
        ont-size: 1em
    }

    .quote > p {
        margin-left: 20px;
        font-size: 1.2em
    }
}

.is-social {
    line-height: 1;
    margin-bottom: 1.5em
}

    .is-social a > i {
        text-decoration: none;
        color: #333;
        font-size: 1.2em;
        margin: 0 15px 0 0;
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out
    }

    .is-social a:hover > i {
        color: #08c9b9
    }

.is-light-text .is-social a > i {
    color: #fff
}

.is-light-text .is-social a:hover > i {
    color: #fff
}

.is-dark-text .is-social a > i {
    color: #000
}

.is-dark-text .is-social a:hover > i {
    color: #000
}

.social {
    line-height: 1;
    margin-bottom: 1.5em
}

    .social a > i {
        text-decoration: none;
        color: #333;
        font-size: 1.2em;
        margin: 0 15px 0 0;
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out
    }

    .social a:hover > i {
        color: #08c9b9
    }

.is-light-text .social a > i {
    color: #fff
}

.is-light-text .social a:hover > i {
    color: #fff
}

.is-rounded-button-big {
    display: inline-block
}

    .is-rounded-button-big a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 20px;
        border-radius: 500px;
        width: 110px;
        height: 110px;
        background-color: #aaa
    }

        .is-rounded-button-big a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #fff;
            font-size: 40px
        }

        .is-rounded-button-big a:first-child {
            margin: 0 20px 0 0
        }

        .is-rounded-button-big a:last-child {
            margin: 0 0 0 20px
        }

.is-rounded-button-medium {
    display: inline-block
}

    .is-rounded-button-medium a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 20px;
        border-radius: 500px;
        width: 70px;
        height: 70px;
        background-color: #aaa
    }

        .is-rounded-button-medium a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #fff;
            font-size: 30px
        }

.is-boxed-button-big {
    display: inline-block
}

    .is-boxed-button-big a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 30px 0 0;
        width: 110px;
        height: 110px;
        background-color: #aaa
    }

        .is-boxed-button-big a:hover {
            opacity: .5
        }

        .is-boxed-button-big a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #fff;
            font-size: 40px
        }

.is-boxed-button-big2 {
    display: inline-block
}

    .is-boxed-button-big2 a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 30px 0 0;
        width: 150px;
        height: 70px;
        background-color: #aaa
    }

        .is-boxed-button-big2 a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #fff;
            font-size: 35px
        }

.is-boxed-button-medium {
    display: inline-block
}

    .is-boxed-button-medium a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 30px 0 0;
        width: 70px;
        height: 70px;
        background-color: #aaa
    }

        .is-boxed-button-medium a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #fff;
            font-size: 30px
        }

.is-boxed-button-medium2 {
    display: inline-block
}

    .is-boxed-button-medium2 a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 30px 0 0;
        width: 100px;
        height: 50px;
        background-color: #aaa
    }

        .is-boxed-button-medium2 a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #fff;
            font-size: 25px
        }

.is-boxed-button-small {
    display: inline-block
}

    .is-boxed-button-small a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 20px 0 0;
        width: 50px;
        height: 50px;
        background-color: #aaa
    }

        .is-boxed-button-small a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #fff;
            font-size: 20px
        }

.size-12 {
    font-size: 12px
}

.size-14 {
    font-size: 14px
}

.size-16 {
    font-size: 16px
}

.size-18 {
    font-size: 18px
}

.size-21 {
    font-size: 21px
}

.size-24 {
    font-size: 24px
}

.size-32 {
    font-size: 32px
}

.size-38 {
    font-size: 38px
}

.size-48 {
    font-size: 48px
}

.size-64 {
    font-size: 64px
}

.size-80 {
    font-size: 80px
}

.size-96 {
    font-size: 96px
}

@media all and (max-width: 1024px) {
    .size-12 {
        font-size: 12px
    }

    .size-14 {
        font-size: 14px
    }

    .size-16 {
        font-size: 16px
    }

    .size-18 {
        font-size: 18px
    }

    .size-21 {
        font-size: 21px
    }

    .size-24 {
        font-size: 24px
    }

    .size-32 {
        font-size: 28px
    }

    .size-48 {
        font-size: 32px
    }

    .size-64 {
        font-size: 36px
    }

    .size-80 {
        font-size: 40px
    }

    .size-96 {
        font-size: 44px
    }
}

@media all and (max-width: 500px) {

    .size-38,
    .size-48,
    .size-64,
    .size-80,
    .size-96 {
        font-size: 35px
    }
}

.is-light-text * {
    color: #fff
}

.is-dark-text * {
    color: #000
}

.is-title1-96 {
    margin-top: 20px;
    margin-bottom: 20px
}

.is-title1-80 {
    margin-top: 15px;
    margin-bottom: 15px
}

.is-title1-64 {
    margin-top: 15px;
    margin-bottom: 15px
}

.is-title1-48 {
    margin-top: 15px;
    margin-bottom: 15px
}

.is-title1-32 {
    margin-top: 15px;
    margin-bottom: 15px
}

.is-title2-96 {
    margin-top: 25px;
    margin-bottom: 20px
}

.is-title2-80 {
    margin-top: 20px;
    margin-bottom: 15px
}

.is-title2-64 {
    margin-top: 20px;
    margin-bottom: 15px
}

.is-title2-48 {
    margin-top: 15px;
    margin-bottom: 15px
}

.is-title2-32 {
    margin-top: 10px;
    margin-bottom: 15px
}

.is-title3-96 {
    margin-top: 30px;
    margin-bottom: 35px;
    padding: 15px 0 27px;
    border-top: #000 2px solid;
    border-bottom: #000 2px solid
}

.is-title3-80 {
    margin-top: 25px;
    margin-bottom: 33px;
    padding: 5px 0;
    border-top: #000 2px solid;
    border-bottom: #000 2px solid
}

.is-title3-64 {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 18px 0;
    border-top: #000 2px solid;
    border-bottom: #000 2px solid
}

.is-title3-48 {
    margin-top: 20px;
    margin-bottom: 25px;
    padding: 18px 0;
    border-top: #000 2px solid;
    border-bottom: #000 2px solid
}

.is-title3-32 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 18px 0;
    border-top: #000 2px solid;
    border-bottom: #000 2px solid
}

.is-light-text .is-title3-96 {
    border-top: #fff 2px solid;
    border-bottom: #fff 2px solid
}

.is-light-text .is-title3-80 {
    border-top: #fff 2px solid;
    border-bottom: #fff 2px solid
}

.is-light-text .is-title3-64 {
    border-top: #fff 2px solid;
    border-bottom: #fff 2px solid
}

.is-light-text .is-title3-48 {
    border-top: #fff 2px solid;
    border-bottom: #fff 2px solid
}

.is-light-text .is-title3-32 {
    border-top: #fff 2px solid;
    border-bottom: #fff 2px solid
}

.is-dark-text .is-title3-96 {
    border-top: #000 2px solid;
    border-bottom: #000 2px solid
}

.is-dark-text .is-title3-80 {
    border-top: #000 2px solid;
    border-bottom: #000 2px solid
}

.is-dark-text .is-title3-64 {
    border-top: #000 2px solid;
    border-bottom: #000 2px solid
}

.is-dark-text .is-title3-48 {
    border-top: #000 2px solid;
    border-bottom: #000 2px solid
}

.is-dark-text .is-title3-32 {
    border-top: #000 2px solid;
    border-bottom: #000 2px solid
}

.is-title4-96 {
    margin-top: 30px;
    margin-bottom: 35px;
    padding: 20px 30px 35px;
    border: #000 2px solid
}

.is-title4-80 {
    margin-top: 25px;
    margin-bottom: 33px;
    padding: 20px 30px;
    border: #000 2px solid
}

.is-title4-64 {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 18px 28px;
    border: #000 2px solid
}

.is-title4-48 {
    margin-top: 20px;
    margin-bottom: 25px;
    padding: 18px 25px;
    border: #000 2px solid
}

.is-title4-32 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px 20px;
    border: #000 2px solid
}

.is-light-text .is-title4-96 {
    border: #fff 2px solid
}

.is-light-text .is-title4-80 {
    border: #fff 2px solid
}

.is-light-text .is-title4-64 {
    border: #fff 2px solid
}

.is-light-text .is-title4-48 {
    border: #fff 2px solid
}

.is-light-text .is-title4-32 {
    border: #fff 2px solid
}

.is-dark-text .is-title4-96 {
    border: #000 2px solid
}

.is-dark-text .is-title4-80 {
    border: #000 2px solid
}

.is-dark-text .is-title4-64 {
    border: #000 2px solid
}

.is-dark-text .is-title4-48 {
    border: #000 2px solid
}

.is-dark-text .is-title4-32 {
    border: #000 2px solid
}

.is-title5-96 {
    margin-top: 10px;
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: #000 2px solid
}

.is-title5-80 {
    margin-top: 10px;
    margin-bottom: 33px;
    padding-bottom: 25px;
    border-bottom: #000 2px solid
}

.is-title5-64 {
    margin-top: 10px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: #000 2px solid
}

.is-title5-48 {
    margin-top: 10px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: #000 2px solid
}

.is-title5-32 {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: #000 2px solid
}

.is-light-text .is-title5-96 {
    border-bottom: #fff 2px solid
}

.is-light-text .is-title5-80 {
    border-bottom: #fff 2px solid
}

.is-light-text .is-title5-64 {
    border-bottom: #fff 2px solid
}

.is-light-text .is-title5-48 {
    border-bottom: #fff 2px solid
}

.is-light-text .is-title5-32 {
    border-bottom: #fff 2px solid
}

.is-dark-text .is-title5-96 {
    border-bottom: #000 2px solid
}

.is-dark-text .is-title5-80 {
    border-bottom: #000 2px solid
}

.is-dark-text .is-title5-64 {
    border-bottom: #000 2px solid
}

.is-dark-text .is-title5-48 {
    border-bottom: #000 2px solid
}

.is-dark-text .is-title5-32 {
    border-bottom: #000 2px solid
}

.is-title-lite {
    letter-spacing: 3px;
    word-spacing: 5px;
    font-weight: 400
}

    .is-title-lite.is-title3-96,
    .is-title-lite.is-title4-96,
    .is-title-lite.is-title5-96 {
        letter-spacing: 4px;
        word-spacing: 8px
    }

    .is-title-lite.is-title3-80,
    .is-title-lite.is-title4-80,
    .is-title-lite.is-title5-80 {
        letter-spacing: 4px;
        word-spacing: 8px
    }

    .is-title-lite.is-title3-64,
    .is-title-lite.is-title4-64,
    .is-title-lite.is-title5-64 {
        letter-spacing: 4px;
        word-spacing: 8px
    }

    .is-title-lite.is-title3-48,
    .is-title-lite.is-title4-48,
    .is-title-lite.is-title5-48 {
        letter-spacing: 4px;
        word-spacing: 8px
    }

    .is-title-lite.is-title3-32,
    .is-title-lite.is-title4-32,
    .is-title-lite.is-title5-32 {
        letter-spacing: 3px;
        word-spacing: 5px
    }

.is-title-bold {
    font-weight: 800
}

    .is-title-bold.is-title3-96,
    .is-title-bold.is-title4-96,
    .is-title-bold.is-title5-96 {
        border-width: 4px
    }

    .is-title-bold.is-title3-80,
    .is-title-bold.is-title4-80,
    .is-title-bold.is-title5-80 {
        border-width: 4px
    }

    .is-title-bold.is-title3-64,
    .is-title-bold.is-title4-64,
    .is-title-bold.is-title5-64 {
        border-width: 3px
    }

    .is-title-bold.is-title3-48,
    .is-title-bold.is-title4-48,
    .is-title-bold.is-title5-48 {
        border-width: 3px
    }

    .is-title-bold.is-title3-32,
    .is-title-bold.is-title4-32,
    .is-title-bold.is-title5-32 {
        border-width: 2px
    }

.is-info1 {
    margin-top: 10px;
    margin-bottom: 0;
}

    .is-info1.size-21 {
        margin-top: 12px
    }

    .is-info1.size-24 {
        margin-top: 15px
    }

.is-info2 {
    margin-top: 10px;
    margin-bottom: 0
}

    .is-info2.size-21 {
        margin-top: 12px margin-bottom: 10px
    }

    .is-info2.size-24 {
        margin-top: 15px
    }

.is-btn {
    padding: 10px 50px;
    font-size: 1em;
    line-height: 2em;
    border-radius: 0;
    letter-spacing: 3px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all .16s ease;
    transition: all .16s ease
}

.is-btn-ghost1 {
    color: #000;
    border: 2px solid #111
}

    .is-btn-ghost1:active,
    .is-btn-ghost1:focus,
    .is-btn-ghost1:hover {
        opacity: .7
    }

.is-dark-text .is-light-text .is-btn-ghost1,
.is-light-text .is-btn-ghost1 {
    color: #fff;
    border: 2px solid #fff
}

    .is-dark-text .is-light-text .is-btn-ghost1:active,
    .is-dark-text .is-light-text .is-btn-ghost1:focus,
    .is-dark-text .is-light-text .is-btn-ghost1:hover,
    .is-light-text .is-btn-ghost1:active,
    .is-light-text .is-btn-ghost1:focus,
    .is-light-text .is-btn-ghost1:hover {
        opacity: .7
    }

.is-dark-text .is-btn-ghost1,
.is-light-text .is-dark-text .is-btn-ghost1 {
    color: #000;
    border: 2px solid #111
}

    .is-dark-text .is-btn-ghost1:active,
    .is-dark-text .is-btn-ghost1:focus,
    .is-dark-text .is-btn-ghost1:hover,
    .is-light-text .is-dark-text .is-btn-ghost1:active,
    .is-light-text .is-dark-text .is-btn-ghost1:focus,
    .is-light-text .is-dark-text .is-btn-ghost1:hover {
        opacity: .7
    }

.is-btn-ghost2 {
    color: #000;
    border: 2px solid #d7d7d7;
    background-color: #d7d7d7
}

    .is-btn-ghost2:active,
    .is-btn-ghost2:focus,
    .is-btn-ghost2:hover {
        opacity: .7
    }

.is-dark-text .is-light-text .is-btn-ghost2,
.is-light-text .is-btn-ghost2 {
    color: #000;
    border: 2px solid #f9f9f9;
    background-color: #f9f9f9
}

    .is-dark-text .is-light-text .is-btn-ghost2:active,
    .is-dark-text .is-light-text .is-btn-ghost2:focus,
    .is-dark-text .is-light-text .is-btn-ghost2:hover,
    .is-light-text .is-btn-ghost2:active,
    .is-light-text .is-btn-ghost2:focus,
    .is-light-text .is-btn-ghost2:hover {
        opacity: .7
    }

.is-dark-text .is-btn-ghost2,
.is-light-text .is-dark-text .is-btn-ghost2 {
    color: #000;
    border: 2px solid #d7d7d7;
    background-color: #d7d7d7
}

    .is-dark-text .is-btn-ghost2:active,
    .is-dark-text .is-btn-ghost2:focus,
    .is-dark-text .is-btn-ghost2:hover,
    .is-light-text .is-dark-text .is-btn-ghost2:active,
    .is-light-text .is-dark-text .is-btn-ghost2:focus,
    .is-light-text .is-dark-text .is-btn-ghost2:hover {
        opacity: .7
    }

.is-btn-small {
    padding: 5px 25px;
    font-size: .85em
}

.is-upper {
    text-transform: uppercase;
    line-height: 1.35
}

.is-rounded-30 {
    border-radius: 30px
}

.btn {
    padding: 7px 25px;
    font-size: 1em;
    line-height: 2em;
    border-radius: 5px;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all .16s ease;
    transition: all .16s ease
}

.btn-html {
    padding: 7px 25px;
    font-size: 1em;
    line-height: 2em;
    border-radius: 5px;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all .16s ease;
    transition: all .16s ease
}

    .btn-html.btn-primary {
        color: #fff;
        background-color: #08c9b9;
        line-height: 2em;
        padding: 7px 25px
    }

        .btn-html.btn-primary:hover {
            opacity: .7
        }

    .btn-html.btn-default {
        color: #333;
        background-color: #d3d3d3
    }

        .btn-html.btn-default:hover {
            opacity: .7
        }

    .btn-html.btn-danger {
        color: #fff;
        background-color: #d9534f;
        border-color: #d43f3a
    }

        .btn-html.btn-danger:hover {
            opacity: .7
        }

figure.hdr {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000
}

    figure.hdr img {
        position: relative;
        display: block;
        width: 100%;
        opacity: .8;
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, transform .35s;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    figure.hdr:hover img {
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    figure.hdr figcaption {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60%;
        padding: 0 2.5em;
        color: #fff;
        font-size: 1.55em;
        text-align: center;
        box-sizing: border-box;
        z-index: 1
    }

    figure.hdr h2 {
        font-weight: 300;
        text-transform: uppercase
    }

        figure.hdr h2 span {
            font-weight: 800
        }

    figure.hdr p {
        letter-spacing: 1px;
        font-size: 68.5%;
        text-transform: uppercase
    }

    figure.hdr h2,
    figure.hdr p {
        margin: 0;
        z-index: 10000
    }

    figure.hdr div {
        height: 100%;
        z-index: 0
    }

        figure.hdr div::after,
        figure.hdr div::before {
            position: absolute;
            content: ''
        }

figure.one div::before {
    top: 50px;
    right: 30px;
    bottom: 50px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

figure.one div::after {
    top: 30px;
    right: 50px;
    bottom: 30px;
    left: 50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}

figure.two div::before {
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

figure.two div::after {
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}

figure.thr.line-inee figcaption {
    height: 70%
}

figure.thr.line-inee p {
    margin: 1em 0 0;
    padding: 2em;
    border: 1px solid #fff
}

figure.four figcaption {
    height: 60%;
    text-align: left
}

figure.four p {
    position: absolute;
    right: 50px;
    bottom: 50px;
    left: 50px;
    padding: 2em;
    border: 7px solid #fff
}

figure.five figcaption {
    height: 100%;
    text-align: right
}

figure.five h2 {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 10%;
    border-bottom: 5px solid #fff
}

figure.five p {
    position: absolute;
    right: 50px;
    bottom: 10%
}

figure.six figcaption {
    height: 70%
}

figure.six h2 {
    padding-bottom: 3%;
    border-bottom: 1px solid #fff
}

figure.six p {
    padding-top: 6%
}

figure.seven figcaption {
    height: 90%;
    text-align: left
}

figure.seven h2 {
    border-bottom: 3px solid #fff
}

figure.seven p {
    padding-top: 1em
}

figure.eight figcaption {
    height: 100%;
    text-align: right
}

figure.eight h2 {
    position: absolute;
    left: 50%;
    right: 50px;
    bottom: 10%
}

figure.eight p {
    position: absolute;
    left: 50px;
    right: 50%;
    top: 10%;
    padding-right: .5em;
    border-right: 1px solid #fff
}

.remote-row h1 {
    margin: .4em 0
}

.remote-row a:hover {
    opacity: .7
}

.remote-row .bold-txt-inb {
    font-weight: 800;
    font-size: 1.3em
}

.remote-row .bottom_is_two {
    padding-left: 90px;
    margin-bottom: 2.5em;
    position: relative
}

.remote-row .leandri {
    margin: 1em 0
}

.remote-row .display .bottom_is_ten {
    margin: .7em 0
}

.remote-row {
    margin: 0 0 2em
}

    .remote-row.double {
        margin: 2em 0 3em
    }

    .remote-row.triple {
        margin: 1.5em 0 4em
    }

    .remote-row.double .remote-row.has-top-ma {
        margin: 2em 0
    }

.size-48.is-title1-48.is-title-bold.is-upper {
    text-align: center;
    margin: 0 0 .3em
}

.size-32.is-title1-32.is-title-bold.is-upper.left-txt {
    text-align: left;
    margin: 0 0 .4em
}

.remote-row .center {
    text-align: center
}

.is-container-in figure {
    margin: 1em 0
}

.is-container-in .icon {
    background: 0 0;
    text-align: center
}

.is-rounded-button-medium a i {
    text-align: center
}

[class*=ion-] {
    text-indent: 0
}

.column.full .clearfix.is-boxed-button-big {
    display: inline-block
}

.is-container-in .bth.bth-default.edit {
    padding: 7px 25px;
    line-height: 2em
}

.has-read-more {
    margin: 3em 0 .5em
}

.remote-row .small-h1 {
    margin: .4em 0 .2em
}

.has-bth-edit {
    margin: 1em 0 2.5em
}

    .has-bth-edit.two {
        margin: 1em 0 2.5em
    }

.company-bold {
    font-weight: 700;
    font-size: 16px
}

.green-link {
    color: #009e91;
    text-decoration: underline
}

    .green-link:hover {
        text-decoration: none
    }

.big-one {
    margin: 1em 0 0;
    line-height: 1em;
    font-size: 2em
}

    .big-one small {
        font-size: 65%;
        color: #ccc;
        font-weight: 400
    }

.big-one-two {
    margin: 1em 0 0;
    line-height: 1em;
    font-size: 1.7em
}

.remote-row .h1-two {
    margin: .2em 0 0;
    line-height: 1.2
}

.remote-row .h1-two-big {
    font-size: 3.5em;
    margin: .2em 0 0;
    line-height: 1.2
}

.control-line {
    line-height: 1px
}

.remote-row .h1-three {
    margin: .3em 0 .1em
}

.remote-row.min-row {
    margin: 0 0 .1em
}

.remote-row.row-noma {
    margin: 0
}

.remote-row .h3-two {
    margin: .2em 0
}

.remote-row .h1-four {
    margin: .5em 0 .1em;
    font-size: 3.7em;
    line-height: 1.2
}

.clear-one {
    margin: 1em 0;
    display: inline-block
}

.is-rounded-button-big.can-center a {
    float: none;
    text-align: center;
    margin: auto
}

.padding-20 img {
    text-align: center;
    margin: 0 auto 0;
    display: block
}

.clearfix.on-center {
    display: inline-block
}

.remote-row .h1-has-txt {
    font-size: 3em;
    letter-spacing: 8px;
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-weight: 400
}

.remote-row .h1-has-txt2 {
    font-size: 3em;
    letter-spacing: 3px;
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-weight: 400;
    margin: .2em 0 0;
    padding: 20px 0
}

.remote-row .h1-has-txt4 {
    letter-spacing: 1px;
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-weight: 400
}

.remote-row .h1-txt-one {
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-weight: 400
}

.remote-row .h4-two {
    margin: .2em 0 0;
    line-height: 1.2;
    font-size: 1.3em
}

.remote-row .txt-no-ma {
    margin: 7px 0;
    line-height: 1.5
}

.column.half img {
    text-align: center
}

.remote-row.has-bgcolor-two {
    padding: 20px
}

.remote-row.has-bgcolor {
    padding: 10px 0
}

.remote-row.has-bgcolor-four {
    padding: 40px;
    background: #eeeff0
}

.remote-row.has-bgcolor,
.remote-row.has-bgcolor-two,
.remote-row.has-bgcolor-txt {
    background: #eeeff0;
    margin: 0
}

.remote-row.has-bgcolor-has-padd {
    background: #eeeff0;
    margin: .4em 0;
    padding: 40px
}

.remote-row.has-bgcolor-has-padd {
    background: #eeeff0;
    margin: 0;
    padding: 40px
}

.remote-row.has-bgcolor-three {
    padding: 0 0 30px;
    background: #eeeff0;
    margin: 0
}

.remote-row.has-bgcolor-txt {
    padding: 40px 20px;
    margin-bottom: 40px
}

.remote-row .h1-two-ma {
    text-align: center;
    font-size: 3em;
    margin: 1em 0;
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-weight: 400
}

.remote-row .h1-no-ma {
    text-align: center;
    font-size: 3em;
    margin: 0;
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-weight: 400
}

.remote-row .h3-three {
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-weight: 400;
    font-size: 1.6em;
    margin: 0
}

.remote-row .has-number-and-bg {
    padding: 0 40px 30px;
    margin: 0
}

.remote-row .h1-has-padding {
    padding: .5em 0 .2em
}

.remote-row .h1-has-no-ma {
    padding: .2em 0;
    margin: 0;
    line-height: 1.2;
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-weight: 400
}

.remote-row p {
    font-family: "Open Sans", "微軟正黑體", sans-serif
}

.remote-row .normal-txt {
    font-size: 15px
}

.remote-row .h1-minleft-txt {
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-weight: 400
}

.remote-row .h1-minleft-txt-two {
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-weight: 400;
    margin: 0;
    line-height: 1.2em
}

.remote-row .is-title-bold.h1-minleft-txt-two {
    font-weight: 800
}

.remote-row .h1-new-txt {
    font-size: 2.36em;
    margin: .4em 0;
    font-family: "Open Sans", "微軟正黑體", sans-serif;
    font-weight: 100
}

.column .area-cen {
    text-align: center;
    position: relative;
    margin: auto
}

.link-green {
    color: #009e91;
    text-decoration: underline
}

    .link-green:hover {
        text-decoration: none
    }

.remote-row .ma-right + .ma-right {
    margin-right: 1.5em
}

.padding-has {
    padding: 0 40px
}

.remote-row .the-txt-fifteen {
    font-size: 15px
}

.remote-row .the-txt-four-px {
    font-size: 40px
}

.remote-row .the-txt-one-point {
    font-size: 1.2em
}

.remote-row .the-txt-one-three {
    font-size: 1.3em
}

.remote-row .the-txt-one-point-fix {
    font-size: 1.5em
}

.remote-row .the-txt-one-point-seven {
    font-size: 1.7em
}

.remote-row .the-txt-two {
    font-size: 2em
}

.remote-row .the-txt-two-point-two {
    font-size: 2.2em
}

.remote-row .the-txt-two-point-three {
    font-size: 2.3em
}

.remote-row .the-txt-two-point-fix {
    font-size: 2.5em
}

.remote-row .the-txt-two-point-seven {
    font-size: 2.7em
}

.remote-row .the-txt-three {
    font-size: 3em
}

.remote-row .the-txt-three-fix {
    font-size: 3.5em
}

.remote-row .the-txt-four {
    font-size: 4em
}

.remote-row .the-txt-four-point-three {
    font-size: 4.3em
}

.remote-row .the-txt-six {
    font-size: 6em
}

.remote-row .the-txt-nine {
    font-size: 9em
}

.remote-row.bg-new-ma {
    margin-top: 30px;
    padding: 25px 50px 10px
}

@media screen and (max-width: 1160px) {
    .padding-has {
        padding: 0
    }
}

.remote-row .one-hundred-twenty {
    width: 140px;
    height: 140px;
    padding: 15px
}

.remote-row .one-hundred-forty {
    width: 140px;
    height: 120px;
    padding: 15px
}

.rwd-table-is-in {
    max-width: 100%;
    width: 100% !important;
    text-align: center
}

    .rwd-table-is-in ul {
        margin: 0;
        padding-left: 45px
    }

.title_one_html {
    color: #fff;
    background: #888;
    font-size: 16px;
    padding: 5px 0
}

.title_two_html {
    background: #a9a9a9;
    color: #fff;
    font-size: 16px;
    padding: 5px 0
}

.rwd-table-is-in tr:nth-of-type(2n+1) {
    background: #efefef
}

.rwd-table-is-in.five tr:nth-of-type(2n+1),
.rwd-table-is-in.three tr:nth-of-type(2n+1),
.rwd-table-is-in.two tr:nth-of-type(2n+1) {
    background: 0 0
}

.rwd-table-is-in .ID-three {
    width: 48%
}

.rwd-table-is-in.two .ID-three.years {
    width: 20%;
    font-size: 16px
}

.rwd-table-is-in .ID-three.years span {
    color: #de9900;
    font-size: 23px;
    padding: 0 10px 0 5px;
    letter-spacing: 0;
    font-weight: 800
}

.rwd-table-is-in {
    font-size: 15px
}

.table-htmlarea {
    width: 97%;
    margin: auto;
    padding: 0
}

.rwd-table-is-in td {
    padding: 5px 0
}

.rwd-table-is-in.two .is-txt-oh {
    text-align: left;
    padding-left: 30px
}

.rwd-table-is-in.two .ID-three.years:after {
    content: '';
    width: 1px;
    height: 20px;
    background: #de9900;
    display: inline-block;
    position: absolute;
    margin: 10px 40px
}

.rwd-table-is-in.three .ID-three.years:before {
    content: '';
    width: 0;
    height: 0;
    margin: 17px 0 0 -15px;
    position: absolute;
    display: inline-block;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #de9900;
    line-height: 0
}

.rwd-table-is-in.three .ID-three.years {
    width: 100%;
    text-align: left;
    padding-left: 10px;
    display: inline-block;
    color: #000
}

.rwd-table-is-in.three .Name-html-one.is-txt-oh {
    width: 100%;
    display: block;
    padding: 0;
    text-align: left
}

.rwd-table-is-in.five > tbody > tr > td,
.rwd-table-is-in.five > tbody > tr > th {
    text-align: center;
    color: #656565;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif, 微軟正黑體;
    border-left: 1px solid #ccc;
    border-top: 1px solid #afafaf;
    padding: 10px
}

.rwd-table-is-in.five {
    border-spacing: 0;
    width: 100%;
    border: solid #a2a2a2 1px;
    font-size: 15px;
    margin-bottom: 30px
}

    .rwd-table-is-in.five > thead > tr > td,
    .rwd-table-is-in.five > thead > tr > th {
        background-color: #989898;
        color: #fff;
        padding: 7px 0
    }

        .rwd-table-is-in.five > thead > tr > td a,
        .rwd-table-is-in.five > thead > tr > th a {
            color: #fff;
            letter-spacing: 3px;
            font-size: 15px
        }

            .rwd-table-is-in.five > thead > tr > td a:hover,
            .rwd-table-is-in.five > thead > tr > th a:hover {
                text-decoration: underline
            }

.table-about-editor {
    font-size: 15px;
    color: #000;
    line-height: 1.9
}

.table-about-box {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.table-tit-name1,
.table-tit-name2 {
    width: 95px;
    height: 95px;
    display: block;
    background: #73b948;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 20px
}

.table-about1,
.table-about2 {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 130px
}

.column.two-fourth.has-table-ho {
    float: none;
    margin: 0 8%
}

.remote-row.more-ma-spe {
    margin-bottom: 4em
}

.rwd-table-is-in .Name-html-one .txt-word-table,
.rwd-table-is-in .txt-word-table {
    display: none
}

@media screen and (max-width: 900px) {
    .rwd-table-is-in.two .is-txt-oh {
        padding-left: 5px
    }

    .rwd-table-is-in.two .ID-three.years:after {
        margin: 6px 15px
    }

    .rwd-table-is-in.three .ID-three.years span,
    .rwd-table-is-in.two .ID-three.years span {
        font-size: 18px
    }

    .rwd-table-is-in.three .ID-three.years,
    .rwd-table-is-in.two .ID-three.years {
        font-size: 14px
    }

        .rwd-table-is-in.three .ID-three.years:before {
            margin: 12px 0 0 -15px
        }
}

@media screen and (max-width: 620px) {
    .rwd-table-is-in.two .ID-three.years {
        width: 100%
    }

        .rwd-table-is-in.two .ID-three.years:after {
            display: none
        }

    .rwd-table-is-in .Name-html-one span {
        display: inline-block
    }

    .rwd-table-is-in .ID-three {
        color: #000
    }

    .rwd-table-is-in td,
    .rwd-table-is-in th {
        text-align: center;
        padding: 5px 0
    }

    .rwd-table-is-in .Name-html-one .txt-word-table {
        padding: 0 15px;
        color: #fff;
        background: #bbb;
        margin-right: 5px;
        display: inline-block;
        width: auto;
        display: none
    }

    .rwd-table-is-in .txt-word-table {
        display: inline-block;
        background: #888;
        padding: 0 15px;
        color: #fff;
        margin-right: 0;
        display: none
    }

    .rwd-table-is-in.two .ID-three {
        width: 100%;
        background: 0 0
    }

    .rwd-table-is-in.rwd_table .title_one_html,
    .rwd-table-is-in.rwd_table .title_two_html {
        display: none
    }

    .rwd-table-is-in.rwd_table .txt-word-table {
        display: inline-block;
        background: #929292;
        padding: 0 15px;
        color: #fff;
        margin-right: 10px;
        min-width: 13%;
        width: auto;
        text-align: center
    }

    .rwd-table-is-in.rwd_table .txt-word-table {
        background: #a9a9a9
    }

    .rwd-table-is-in.rwd_table .ID-three .txt-word-table {
        background: #888
    }

    .rwd-table-is-in.rwd_table td,
    .rwd-table-is-in.rwd_table th {
        display: table;
        width: 100%;
        text-align: left;
        padding: 0
    }

    .rwd-table-is-in.rwd_table .ID-three {
        background: #f1f1f1
    }

    .rwd-table-is-in.rwd_table tr:nth-of-type(2n+1) {
        background: 0 0
    }

    .rwd-table-is-in.two td {
        background: #f1f1f1
    }

    .table-htmlarea {
        width: 100%
    }

    .rwd-table-is-in.three .ID-three.years:before {
        margin-left: -10px
    }

    .rwd-table-is-in ul {
        padding-left: 25px
    }

    .rwd-table-is-in.five td,
    .rwd-table-is-in.five th {
        display: table-cell;
        width: 100%;
        text-align: left;
        padding: 0
    }

    .table-about1,
    .table-about2 {
        padding-left: 0
    }

    .table-tit-name1,
    .table-tit-name2 {
        left: inherit;
        top: inherit;
        position: relative;
        margin: 0 auto 20px
    }
}

@media (min-width: 481px) and (max-width:1160px) {

    .rwd-table-is-in.five > thead > tr > td a,
    .rwd-table-is-in.five > thead > tr > th a {
        color: #fff;
        display: block;
        white-space: nowrap
    }
}

@media screen and (max-width: 480px) {
    .rwd-table-is-in.five > tbody > tr:hover {
        background: 0 0
    }

    .rwd-table-is-in.five > thead > tr > td a,
    .rwd-table-is-in.five > thead > tr > th a {
        color: #fff;
        display: block;
        width: 10px;
        height: 60px;
        letter-spacing: 3px;
        font-size: 16px
    }
}

.ui-draggable2 {
    display: inline-block;
    width: 49%;
    vertical-align: top
}

.area-iseditor {
    text-align: center;
    letter-spacing: 1px
}

    .area-iseditor .is_tb01 {
        max-width: 1211px;
        margin: 0 auto
    }

        .area-iseditor .is_tb01 .pic {
            position: relative;
            padding: 15px 0 0
        }

            .area-iseditor .is_tb01 .pic p {
                position: absolute;
                top: 35px;
                display: inline-block;
                max-width: 450px;
                right: 30px;
                font-size: 14px;
                color: #666;
                text-align: left;
                line-height: 1.8;
                background: rgba(255, 255, 255, .7);
                box-sizing: border-box;
                padding: 70px 35px
            }

                .area-iseditor .is_tb01 .pic p b {
                    font-size: 20px;
                    color: #272727;
                    line-height: 1.3;
                    display: block;
                    margin: 0 0 20px
                }

                .area-iseditor .is_tb01 .pic p .red-txt {
                    color: #ff4600;
                    font-size: 28px
                }

.stxt-html {
    margin: 10px auto 60px;
    font-size: 15px;
    color: #000
}

    .stxt-html.right {
        text-align: left
    }

    .stxt-html.left {
        text-align: right
    }

.bbox-html {
    position: relative;
    margin-top: 30px;
    width: 100%;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f8f8f8;
    border: solid 1px #d9d9d9;
    padding: 15px 20px
}

    .bbox-html.right {
        padding-right: 400px
    }

    .bbox-html.left {
        padding-left: 400px
    }

.bg_hads_color {
    font-size: 18px;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    background: #ffbbad;
    margin: 0;
    width: auto;
    position: relative;
    display: inline-block
}

.bbox-html span {
    font-size: 20px;
    color: #111;
    font-weight: 800;
    margin-bottom: 20px;
    line-height: 2em
}

.bbox-html .pic img {
    margin: 0 auto
}

.bbox-html .pic {
    position: absolute;
    bottom: 20px
}

.bbox-html.right .pic {
    right: 30px
}

.bbox-html.left .pic {
    left: 30px
}

.is_in_html {
    position: relative;
    margin: .5em 0;
    padding: 0 10px;
    color: #424242;
    line-height: 32px;
    font-size: 14px;
    border-left: 1px solid #e2ec33
}

    .is_in_html.right {
        border-left: none;
        border-right: 1px solid #e2ec33
    }

    .is_in_html > small {
        margin-left: 10px;
        opacity: .7;
        font-size: 1em
    }

    .is_in_html.right > small {
        margin: 0 10px 0 0
    }

    .is_in_html > p {
        margin: 0 0 0 10px;
        font-size: 1.5em
    }

    .is_in_html.right > p {
        margin: 0 10px 0 0
    }

.pic-center-page.oh-three,
.pic-center-page.oh-two {
    line-height: 1.2;
    margin-top: 10px
}

    .pic-center-page.oh-three span,
    .pic-center-page.oh-two span {
        font-size: 28px;
        display: block;
        font-weight: 800;
        color: #d5e018;
        font-family: arial, '微軟正黑體'
    }

    .pic-center-page.oh-three .two-andone,
    .pic-center-page.oh-two .two-andone {
        font-size: 36px;
        font-weight: 800;
        color: #5d5d5d;
        font-family: arial, '微軟正黑體'
    }

.is_in_html .can-enter {
    display: block;
    color: #f59e1e;
    font-size: 15px
}

.pic-center-page.oh-three {
    background: url(../minimalist-basic/bg-box.jpg);
    padding: 15px
}

.remote-row.has-border-out {
    border: 1px solid #ddd;
    padding: 0 10px
}

    .remote-row.has-border-out .is_in_html.left {
        border: none
    }

.column.third-six.pos-ab {
    position: absolute;
    right: 0
}

.is_in_html.right-two {
    border: none;
    position: relative;
    margin: .5em 0;
    padding: 0 20px;
    color: #424242;
    line-height: 32px;
    font-size: 14px;
    text-align: right
}

    .is_in_html.right-two > p {
        font-size: 15px;
        line-height: 25px;
        margin: 0
    }

    .is_in_html.right-two > small {
        margin: 0;
        color: #f59e1e
    }

.is_col.pic {
    float: left;
    position: relative
}

.is_colr {
    float: right
}

.is_col .pic {
    min-width: 300px;
    width: auto
}

    .is_col.pic .tit-top {
        background: #333;
        color: #fff;
        font-size: 20px;
        display: inline-block;
        line-height: 50px;
        padding: 10px;
        position: absolute;
        top: 20px;
        right: -35px;
        letter-spacing: 5px;
        text-indent: 5px;
        border-radius: 50%
    }

.is_col.txt {
    width: calc(100% - 360px);
    margin: 0;
    font-size: 15px
}

.is_text {
    background: rgba(247, 247, 247, .5);
    border: 1px solid #f7f7f7;
    padding: 45px 30px;
    color: #000;
    max-width: 450px;
    box-sizing: border-box;
    position: absolute;
    margin: 50px;
    text-align: left
}

    .is_text b {
        font-size: 30px;
        color: #fff;
        display: block;
        line-height: 1;
        border-right: 2px solid #fff;
        padding: 0 8px 0 0;
        position: absolute;
        top: -45px;
        left: 40px;
        padding: 10px;
        -webkit-writing-mode: vertical-lr;
        writing-mode: vertical-lr
    }

.html-aboutArea {
    position: relative
}

    .html-aboutArea .html-Img {
        width: 40%;
        float: right
    }

        .html-aboutArea .html-Img img {
            position: relative;
            width: 100%
        }

    .html-aboutArea .html-Txt {
        font-size: 15px;
        color: #444;
        line-height: 1.8;
        margin: 20px 0 0 0;
        width: 33%;
        float: left
    }

    .html-aboutArea h2 {
        font-weight: 400;
        line-height: 1;
        width: 20%;
        float: left;
        margin: 90px 2% 0 3%;
        position: relative
    }

        .html-aboutArea h2:before {
            position: absolute;
            top: -60px;
            left: -30%;
            display: block;
            height: 380px;
            border: 5px solid #f9ecd6;
            content: "";
            width: 100%
        }

        .html-aboutArea h2 i {
            position: relative;
            color: #ab9c83;
            font-size: 50px;
            display: block
        }

        .html-aboutArea h2 strong {
            display: block;
            font-weight: 700;
            position: relative;
            font-size: 22px;
            color: #484848;
            padding: 20px 0 10px
        }

            .html-aboutArea h2 strong:after {
                content: "";
                display: block;
                width: 240px;
                height: 1px;
                background: #d9cdb9;
                position: absolute;
                bottom: 0;
                left: 0
            }

@media screen and (max-width: 1200px) {
    .html-aboutArea .Img {
        width: 40%;
        margin-right: -80px;
        float: right;
        margin-top: 30px
    }

    .html-aboutArea .Txt {
        font-size: 15px;
        color: #444;
        line-height: 1.8;
        margin: 60px 0;
        width: 35%;
        float: left
    }
}

@media screen and (max-width: 900px) {
    .area-iseditor .is_tb01 .pic p {
        position: static;
        padding: 0 0 15px 0;
        max-width: 100%;
        text-align: center
    }

    .area-iseditor .is_tb01 .pic p {
        font-size: 13px
    }

        .area-iseditor .is_tb01 .pic p b {
            font-size: 15px;
            margin: 0 0 10px
        }

        .area-iseditor .is_tb01 .pic p .red-txt {
            font-size: 18px
        }

    .bbox-html.left .pic,
    .bbox-html.right .pic {
        position: relative;
        right: inherit;
        bottom: inherit;
        text-align: center;
        padding-top: 10px;
        left: inherit
    }

    .bbox-html.left,
    .bbox-html.right {
        padding: 20px;
        text-align: left;
        margin-top: 0
    }

    .stxt-html {
        margin: 10px auto
    }

        .stxt-html.left {
            text-align: left
        }

    .html-aboutArea {
        padding: 10px 0 0 0;
        position: relative
    }

        .html-aboutArea .html-Img {
            width: 50%;
            margin-right: 0;
            float: right
        }

        .html-aboutArea .html-Txt {
            font-size: 15px;
            line-height: 1.8;
            width: 50%;
            float: left
        }

        .html-aboutArea h2 {
            font-weight: 400;
            line-height: 1;
            width: 100%;
            float: none;
            margin: 10px 0;
            position: relative
        }

            .html-aboutArea h2:before {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                botton: 0;
                display: block;
                height: 100%;
                border: 5px solid #d9cdb9;
                content: "";
                width: auto
            }

            .html-aboutArea h2 i {
                position: relative;
                display: block;
                font-size: 28px;
                padding: 10px 0 0 20px
            }

            .html-aboutArea h2 strong {
                display: block;
                font-size: 18px;
                position: relative;
                padding: 10px 20px 5px 35px
            }

                .html-aboutArea h2 strong:after {
                    width: 1px;
                    height: 60px;
                    left: 22px;
                    top: 5px;
                    display: block
                }
}

@media screen and (max-width: 767px) {
    .ui-draggable2 {
        display: block;
        width: 100%;
        vertical-align: top
    }

    .is-container-in p {
        margin-top: .1em
    }

    .has-read-more {
        margin: 1em 0
    }

    .bth-inline .btn-html {
        padding: 7px 10px
    }

    .column.pic-center-page {
        text-align: center
    }

    .is-boxed-button-big a {
        width: 45px;
        height: 45px
    }

        .is-boxed-button-big a i {
            font-size: 25px
        }

    .is-rounded-button-medium a {
        margin: 0 10px;
        width: 40px;
        height: 40px
    }

        .is-rounded-button-medium a i {
            font-size: 20px
        }

    .is-boxed-button-big2 a {
        width: 70px;
        height: 5px
    }

        .is-boxed-button-big2 a i {
            font-size: 25px
        }

    .padding-20 {
        padding: 5px
    }

    .remote-row .h1-two-ma {
        font-size: 1.5em;
        margin: 0
    }

    .remote-row .has-number-and-bg {
        padding: 0 40px 15px
    }

    .is-btn-small {
        padding: 5px 15px
    }

    .is-btn {
        padding: 10px 10px;
        font-size: .5em;
        line-height: 1.5em;
        letter-spacing: 1px
    }

    .remote-row.has-bgcolor-four {
        padding: 15px
    }

    .remote-row .h1-has-txt {
        font-size: 1.3em;
        letter-spacing: 3px
    }

    .remote-row .h1-has-txt2 {
        font-size: 1.3em;
        letter-spacing: 2px;
        padding: 10px 0
    }

    .remote-row .the-txt-four-px {
        font-size: 35px
    }

    ,
    .remote-row .the-txt-one-point,
    .remote-row .the-txt-one-point-fix,
    .remote-row .the-txt-one-point-seven,
    .remote-row .the-txt-one-three {
        font-size: 1.4em
    }

    .remote-row .the-txt-two,
    .remote-row .the-txt-two-point-fix,
    .remote-row .the-txt-two-point-seven,
    .remote-row .the-txt-two-point-three,
    .remote-row .the-txt-two-point-two {
        font-size: 1.6em
    }

    .remote-row .the-txt-four,
    .remote-row .the-txt-four-point-three,
    .remote-row .the-txt-three,
    .remote-row .the-txt-three-fix {
        font-size: 1.8em
    }

    .remote-row .the-txt-six {
        font-size: 2em
    }

    .remote-row .the-txt-nine {
        font-size: 2.2em
    }

    .big-one {
        font-size: 2em
    }

    .is-social a > i {
        font-size: 20px
    }

    .is-card {
        width: 100%
    }

    .is-card-circle {
        width: 320px;
        height: 320px;
        padding: 30px
    }

    .remote-row .h1-has-txt4 {
        margin: .4em 0 0;
        padding-bottom: .4em
    }

    .remote-row .top-ma-area {
        margin-bottom: 15px
    }

    .is_in_html,
    .is_in_html.right {
        border: none
    }

    .is_in_html {
        padding: 0
    }

    .column.third-six.pos-ab {
        position: relative
    }

    .is_in_html.right-two {
        padding: 0;
        text-align: left
    }

    .is_in_html.right > p,
    .is_in_html > p,
    .is_in_html > small {
        margin: 0
    }

    .pic-center-page.oh-three .two-andone,
    .pic-center-page.oh-two .two-andone {
        display: inline-block;
        font-size: 20px
    }

    .pic-center-page.oh-three span,
    .pic-center-page.oh-two span {
        font-size: 18px
    }

    .is_col.pic,
    .is_colr {
        float: none
    }

        .is_col.pic .tit-top {
            font-size: 18px;
            display: block;
            line-height: 60px;
            width: 60px;
            height: 60px;
            position: static;
            top: 0;
            right: 0;
            letter-spacing: 2px;
            margin: auto;
            display: block
        }

    .is_col.txt {
        width: 100%
    }

    .is_text {
        position: static;
        max-width: 100%;
        padding: 5px;
        margin: 0
    }

        .is_text b {
            width: auto;
            color: #111;
            margin: 0 0 10px 0;
            position: static;
            left: 0;
            top: 0;
            padding: 0 5px;
            font-size: 20px;
            border-left: 2px solid #111;
            border-right: none;
            -webkit-writing-mode: inherit;
            writing-mode: inherit
        }

    .html-aboutArea h2 i {
        font-size: 28px;
        padding: 10px 20px 0 20px
    }

    .html-aboutArea {
        padding: 0;
        position: relative
    }

        .html-aboutArea .html-Img {
            width: 100%;
            margin-right: 0;
            float: none
        }

        .html-aboutArea .html-Txt {
            font-size: 15px;
            color: #444;
            line-height: 1.8;
            width: 100%;
            float: none;
            margin: 25px 0 0 0
        }

    .remote-row.has-bgcolor-txt {
        padding: 20px
    }

    .remote-row.has-bgcolor {
        padding: 5px 10px
    }

    .remote-row.double {
        margin: 1.5em 0
    }

    .remote-row.triple {
        margin: 1em 0 2em
    }

    .remote-row .ma-right {
        margin-right: 0
    }
}

@media screen and (max-width: 500px) {

    .fifty-left,
    .fifty-right {
        width: 100%;
        display: block;
        float: none
    }

    .is-title5-32,
    .is-title5-48,
    .is-title5-64,
    .is-title5-80,
    .is-title5-96 {
        padding-bottom: 5px
    }

    .remote-row h1 {
        font-size: 1.3em
    }

    .remote-row .h1-two {
        font-size: 1.5em
    }

    .remote-row {
        margin: 0 0 1em
    }
}

@media screen and (max-width: 425px) {
    .remote-row .one-hundred-twenty {
        width: 100px;
        height: 100px;
        padding: 15px
    }

    .remote-row .one-hundred-forty {
        width: 120px;
        height: 120px;
        padding: 15px
    }

    .margin-40 {
        margin: 2px
    }

    .remote-row p {
        line-height: 1.6em;
        font-size: 14px
    }
}


.mmenu-show .toggle-mmenu-close{
    top: 0;
}

.orderSearch{
    position: absolute;
    top: 3px;
    left: -14px;
}

.mmenu-show #mobile-fixed .qty{
    display: none;
}

.transform-translateY-1 {
    transform: translateY(1px);
}

.func-menu>li.gocart>a i{
    font-size: 18px;
}