@charset "utf-8";

    /*------------ basic ------------*/
.alertify-dialog{
    color:#000;
}


    hr {

        margin: 30px 0;

    }



    body {

        font-family: Arial, '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', '微软雅黑', 'メイリオ', '맑은 고딕', sans-serif;

        font-size: 15px;

        line-height: 2;

        letter-spacing: 0.35px;

    }



    .wrapper {}



    .container {

        padding: 0 15px;

        max-width: 1330px;

    }

    /*------------ / basic ------------*/

    /*------------ btn ------------*/

    /*-----back-btn-----*/



    .btn.back {

        transition: all .2s;

        letter-spacing: 2px;

        width: 130px;

        height: 30px;

        border-radius: 20px;

        line-height: 30px;

        text-align: right;

        position: relative;

        padding-right: 10px;

    }



    .btn.back i,.btn.back:before {

        content: "\e1016";

        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;

        font-size: 15px;

        vertical-align: middle;

        position: absolute;

        left: 10px;

        top: 7px;

        transform: rotateY(180deg);

    }



    .btn.back:hover {

        transition: all .2s;

    }

    /*-----style01-btn-----*/



    .ibtn.fb-fans-page {

        background-image: url(../../../images/tw/fb_page.png);

        width: 200px;

        height: 110px;

    }



    .btn.style01 {

        line-height: 35px;

        transition: all .2s;

        display: block;

        text-align: left;

        box-sizing: border-box;

        border-radius: 0;

    }



    .btn.style01 i {

        display: inline-block;

        vertical-align: middle;

        line-height: 37px;

        text-align: center;

        font-size: 19px;

        width: 35px;

        height: 35px;

        margin: -1px 10px 0 0;

    }





    .btn.style01:hover {

        transition: all .2s;

    }

    /*-----style02-btn-----*/



    .btn.style02 {

        transition: all .2s;

        line-height: 30px;

        display: block;

        margin: 0 auto;

        width: 100%;

        border-radius: 0;

    }



    .btn.style02 i {

        font-size: 16px;

        display: inline-block;

        vertical-align: middle;

        margin: 0 0 3px 8px;

    }



    .btn.style02:hover {

        transition: all .2s;

    }



    .btn.style02.arrowL i {

        margin: 0 8px 3px 0;

    }

    /*-----style03-btn-----*/



    .btn.style03,

    .btn.style04 {

        transition: all .2s;

        letter-spacing: 2px;

        border-radius: 5px;

        padding: 0 12px;

        line-height: 30px;

        text-decoration: none;

        width: 100%;

        max-width: 200px;

        padding: 3px 0;

        position: relative;

    }



    .btn.style03:hover,

    .btn.style04:hover {

        transition: all .2s;

    }



    .btn.style03.arrowL:before {

        content: '';

        width: 5px;

        height: 15px;

        display: inline-block;

        position: absolute;

        left: 20px;

        top: 12px;

    }



    .btn.style03.arrowL:after {

        display: none;

    }



    .btn.style03:after {

        content: '';

        width: 5px;

        height: 15px;

        display: inline-block;

        position: absolute;

        right: 20px;

        top: 12px;

    }

    /*---- btn-box ----*/



    .btn-box:before {

        content: '';

        width: 100%;

        height: 11px;

        display: block;

        position: absolute;

        top: 0px;

    }



    .btn-box {

        clear: both;

        padding: 40px 0 10px 0;

        position: relative;

        text-align: center;

    }



    .btn-box.two-line:before {

        display: none;

    }



    .btn-box.align-left {

        text-align: left;

    }



    .btn-box.has-border {

        margin: 30px 0 0 0;

    }



    .btn-box.dib .btn {

        max-width: 280px;

        display: inline-block;

        margin: 0 5px 10px;

        line-height: 30px;

    }



    .btn-box.dib2 .btn {

        display: inline-block;

        width: auto;

        margin: 0 12px 10px;

    }



    .btn-box.dib2 .style02 {

        padding: 0 26px;

    }



    .btn-box.btn-all .btn {

        max-width: 100%;

    }

    /*------------ / btn ------------*/

    /*------------ site_header ------------*/



    .site-header {

        max-width: 1300px;

        margin: 0 auto;

        padding: 5px 0 5px;

    }



    .site-title {

        position: relative;

        z-index: 100;

        margin: 25px 0;

        max-width: 500px;

    }



    .site-title .logo {

        color: transparent;

        transition: opacity .3s ease;

    }



    .site-title .logo:hover {

        opacity: .7;

    }

    /*------------top-nav ------------*/



    .top-nav {

        font-size: 14px;

        line-height: 31px;

        text-align: right;

        position: absolute;

        bottom: 0px;

        right: 0;

    }



    .top-nav>* {

        display: inline-block;

        vertical-align: middle;

    }



    .top-nav .container {

        display: block;

    }



    .top-nav>ul>li {

        margin: 0 0 0 20px;

        vertical-align: middle;

        font-size: 13px;

    }



    .top-nav ul>li>i {

        font-size: 14px;

        vertical-align: middle;

        font-weight: bold;

        margin: 0 5px 0 0;

    }

    /*---- language ----*/



    .language {

        position: relative;

        background: #fff;

        text-align: left;

        border-radius: 20px;

    }



    .language .btn {

        width: 139px;

        text-align: left;

        font-size: 15px;

        padding-left: 30px;

    }



    .language .btn:before {

        content: '';

        width: 17px;

        height: 17px;

        display: block;

        position: absolute;

        left: 8px;

        top: -1px;

    }



    .language ul {

        display: none;

        position: absolute;

        z-index: 200;

        left: 50%;

        top: 100%;

        margin: 0 0 0 -60px;

        width: 123px;

    }



    .language .btn i {

        font-weight: bold;

        position: absolute;

        right: 10px;

    }



    .language ul li {

        text-align: left;

        display: block;

        font-size: 14px;

        margin: 0;

    }



    .language li a {

        transition: all .2s;

        display: block;

        padding-left: 20px;

    }

    /*---- search-box ----*/



    .search-box a {

        z-index: 5;

    }



    .search-box:after {

        position: absolute;

        content: "\e1008";

        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;

        right: 16px;

        top: 5px;

        font-size: 17px;

        line-height: 15px;

        width: 15px;

        height: 15px;

    }



    .site-header .search-box .ibtn.search {

        position: absolute;

        right: 6px;

        top: 0px;

        font-size: 13px;

        line-height: 15px;

        font-weight: bold;

        width: 35px;

        height: 35px;

        z-index: 2;

    }





    .site-header .search-box {

        position: absolute;

        width: 165px;

        right: 0;

        top: 12px;

        margin: 0 0px 0;

        transition: all .2s;

    }



    .site-header .search-box .form-control {

        height: 22px;

        line-height: 22;

        margin: 0;

        border: 0;

        background: transparent;

        border-radius: 0;

        padding: 0px 30px 0 10px;

        transition: all .1s;

    }



    .search-box:hover .form-control,

    .search-box .form-control:focus {

        transition: all .1s;

    }



    .site-header .search-box a {

        position: absolute;

        right: 6px;

        top: 0px;

        font-size: 13px;

        line-height: 15px;

        font-weight: bold;

        width: 15px;

        height: 15px;

    }

    /*------------func-menu ------------*/



    .site-header .func-menu {

        position: absolute;

        top: 6px;

        right: -45px;

        z-index: 100;

    }



    .func-menu li {

        position: relative;

    }



    .func-menu .cart i {

        display: block;

        font-size: 30px;

        text-align: center;

    }





    .func-menu>li>a {

        display: block;

        text-align: center;

    }



    .func-menu>li>a:hover p {

        text-decoration: underline;

    }



    .func-menu .sum {

        display: block;

        letter-spacing: 2px;

        box-sizing: border-box;

        position: absolute;

        line-height: 1;

        top: 11px;

        left: 0;

        right: 0;

        font-size: 15px;

    }



    .func-menu .cart-box {

        width: 300px;

        position: absolute;

        z-index: 10;

        right: 0;

        top: 100%;

        padding: 2px;

        outline: 1px solid #fff;

        visibility: hidden;

        pointer-events: none;

        opacity: 0;

        transition: all 0.3s;

        transform: rotateX(-90deg);

        transform-origin: 50% 0;

    }



    .func-menu .cart-box:before {

        content: "";

        width: 100%;

        height: 45px;

        background: transparent;

        position: absolute;

        bottom: 100%;

        left: 0;

    }



    .func-menu .gocart.active .cart-box {

        pointer-events: visible;

        visibility: visible;

        opacity: 1;

        transform: rotateX(0);

    }



    .func-menu .cart-box .btn {

        display: block;

        background: #79796A;

        color: #fff;

        font-size: 16px;

        font-weight: bold;

        line-height: 36px;

        padding: 0;

        transition: all .2s;

        border-radius: 0;

    }



    .func-menu .cart-inner {

        background: #fff;

    }



    .func-menu .cart-box .btn:hover {

        background: #C3B39F;

        transition: all .2s;

    }



    .func-menu .cart-box li+li {

        border-top: 1px dashed #ddd;

    }



    .func-menu .cart-box li a:before {

        display: none;

    }



    .func-menu .cart-list a {

        display: block;

        overflow: hidden;

        padding: 8px;

    }



    .func-menu .cart-list a:hover .name {

        color: #D7AC8E;

    }



    .func-menu .cart-list .pic {

        float: left;

        width: 60px;

    }



    .func-menu .cart-list .txt {

        margin-left: 70px;

        color: #666;

        text-align: left;

        line-height: 1.8;

    }



    .func-menu .cart-list .txt .shopping_way.hot {

        text-align: left;

    }



    .func-menu .cart-list .name {

        display: block;

        white-space: nowrap;

        -ms-text-overflow: ellipsis;

        text-overflow: ellipsis;

        overflow: hidden;

        color: #74685F;

        font-size: 15px;

    }



    .func-menu .cart-list .num {

        color: #a5a698;

        font-size: 13px;

    }

    /*------------site-nav ------------*/



    .site-nav {

        position: relative;

        border-radius: 5px;

        transition: all .3s;

    }



    .site-nav>* {

        /* display: inline-block;*/

        vertical-align: middle;

    }



    .site-nav .container {

        display: block;

    }



    .site-nav .menu {

        vertical-align: middle;

        text-align: left;

        margin: 0 0px 0 0;

        padding: 5px 0;

    }



    .site-nav .menu li {

        margin: 0 -5px 0 0;

        text-align: -webkit-auto;

    }

    /*    .site-nav .menu>li:nth-last-child(-n+2) {

        display: none;

    }*/



    .site-nav .menu>li:nth-child(9),

    .site-nav .menu>li:nth-child(10),

    .site-nav .menu>li:nth-child(11),

    .site-nav .menu>li:nth-child(12),

    .site-nav .menu>li:nth-child(13),

    .site-nav .menu>li:nth-child(14),

    .site-nav .menu>li:nth-child(15),

    .site-nav .menu>li:nth-child(16),

    .site-nav .menu>li:nth-child(17),

    .site-nav .menu>li:nth-child(18) {

        display: none;

    }



    .site-nav .menu>li:after {

        content: '';

        width: 104px;

        height: 76px;

        display: block;

        position: absolute;

        z-index: 100;

        top: 0px;

        transition: all .3s;

        opacity: 0;

    }



    .site-nav .menu>li:hover:after {

        top: -10px;

        opacity: 1;

    }



    .site-nav .menu>li>a {

        line-height: 38px;

        font-size: 16px;

        letter-spacing: 2px;

        padding: 0px 16px;

        transition: all .2s;

        z-index: 102;

    }



    .site-nav .menu>li:hover>a {

        transition: all .2s;

    }



    .site-nav .menu ul {

        padding-bottom: 0px;

    }



    .site-nav .menu li ul {

        position: absolute;

        z-index: 100;

        box-sizing: border-box;

        right: 0;

        margin: auto;

        left: 0;

        display: none;

    }



    .site-nav .menu li ul ul {

        position: relative;

        z-index: 600;

        box-sizing: border-box;

        left: 0;

        padding-top: 10px;

        display: block !important;

    }



    .site-nav .menu li ul .top-tit a {

        border-bottom: 1px dotted #111;

    }



    .site-nav .menu li ul .top-tit li>a {

        border: none;

    }



    .site-nav .menu .top-tit {

        width: 16%;

        margin-bottom: 20px;

    }



    .site-nav .menu .top-tit:nth-child(5n+1) {

        clear: left;

    }



    .site-nav .menu ul li {

        margin: 0 20px 0px;

        display: inline-block;

        vertical-align: top;

    }



    .site-nav .menu ul li ul li {

        display: block;

        text-align: left;

        margin: 0;

    }



    .site-nav .menu>li>ul {

        top: 110%;

        text-align: left;

    }



    .site-nav .menu ul li a {

        text-align: left;

        padding: 2px 0;

        display: block;

        font-size: 16px;

        line-height: 25px;

    }



    .site-nav .menu ul li ul li a {

        text-align: left;

        padding: 0;

        display: block;

        font-size: 14px;

    }

    /*-- æ–°çš„ --*/



    .site-nav .menu .menu-inn {

        overflow: hidden;

        border-radius: 5px;

        box-sizing: border-box;

        position: absolute;

        max-width: 1300px;

        width: 100%;

        left: 0;

        padding: 30px;

        margin: auto;

        right: 0;

        text-align: left;

    }



    .site-nav .menu ul:before{

        content:'';

        width:100%;

        height:43px;

        background:transparent;

        position:absolute;

        display:block;

        top:-10px;

        z-index:99;

        left:0px;

        right:0px;

    }



    .site-nav .menu .menu-inn ul:before{

        display:none;

    }

    .site-nav .container.big {

        text-align: center !important;

    }

    /*------------share------------*/



    .share {

        display: block;

    }

    .share .ic{

        vertical-align: middle;

    }



    .share li span {

        font-size: 10px;

        display: inline-block;

        vertical-align: middle;

        -webkit-transform: scale(0.83);

        margin: -4px 0 0 0px;

    }



    .share li+li {

        margin: 0 0 0 5px;

    }



    .share .btn {

        width: 30px;

        height: 30px;

        line-height: 28px;

        border-radius: 50%;

    }





    .a2a_default_style .a2a_svg {

        display: none;

    }



    .share_box .share-link .btn,

    .share_box .share-link .icon-ic-share-linecall,

    .share_box .share-link .icon-ic-share-w {

        cursor: pointer;

        font-size: 25px;

    }



    .share_box .share-link .btn.blogger:hover {

        color: #F26C38;

    }



    .share_box .share-link .btn.facebook:hover {

        color: #405D9A;

    }



    .share_box .share-link .btn.google:hover {

        color: #F34537;

    }



    .share_box .share-link .btn.twitter:hover {

        color: #39A0CE;

    }



    .share_box .share-link .btn.mail:hover {

        color: #F6C13D;

    }



    .share_box .share-link .btn.linkedin:hover {

        color: #0177B5;

    }



    .share_box .share-link .icon-ic-share-t:hover {

        color: #36465C;

    }



    .share_box .share-link .btn.line:hover {

        color: #00C300;

    }



    .share_box .share-link .icon-ic-share-linecall:hover {

        color: #00C300;

    }



    .share_box .share-link .icon-ic-share-w:hover {

        color: #F70B19;

    }



    .share_box .share-link .btn.pinterest:hover {

        color: #DE220A;

    }



    .share_box .share-link .btn.plurk:hover {

        color: #E9443D;

    }



    .share_box .share-link .icon-ic-share-linecall,

    .share_box .share-link .icon-ic-share-w {

        font-size: 25px;

        width: 25px;

        height: 30px;

        line-height: 26px;

        border-radius: 15px;

        margin: 0;

        padding: 0;

    }



    .share_box .share-link .btn {

        width: 25px;

        padding: 0;

    }

    /*------------ / site_header ------------*/



    .header-fixed .site-header {

        position: fixed;

        z-index: 100;

        width: 100%;

        max-width: 100%;

        padding: 0;

        box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);

    }



    .header-fixed .site-title {

        position: absolute;

        top: 5px;

        margin: 0;

    }



    .header-fixed .site-title .logo {

		width: 45px;
		height: 44px;
		background: url(../../../../images/common/color_black/logo_2.png) 50% 50% no-repeat;
		background-size: contain;
		margin: 5px 0px 0px;

    }

    .header-fixed .site-title .logo:hover{

       opacity:1;

    }

    .header-fixed .site-nav {

        margin: 0;

        padding: 5px 0;

        border-radius: 0;

    }



    .header-fixed .site-nav .menu>li>a {

        padding: 2px 15px;

    }



    .header-fixed .site-nav .menu {

        margin: 0 100px 0 0;

    }



    .header-fixed .top-nav {

        top: 0px;

        right: 110px;

        z-index: 50;

        transition: all .2s;

        display: none;

    }



    .header-fixed .top-nav>ul {

        padding: 3px 10px 4px 10px;

    }



    .header-fixed .top-nav>ul>li:nth-child(1),

    .header-fixed .top-nav>ul>li:nth-last-child(2) {

        display: none;

    }



    .header-fixed .site-header .func-menu {

        border-radius: 50%;

        width: 90px;

        height: 90px;

        text-align: center;

        box-sizing: border-box;

        padding: 15px 0 0 0;

        right: -85px;

        top: -25px;

        z-index: 250;

    }



    .header-fixed .site-nav .menu {

        text-align: left;

        padding-left: 100px;

    }

    /*------------ banner ------------*/



    .banner {

        position: relative;

        max-width: 1300px;

        margin: 0 auto;

    }

    /*------------ / banner ------------*/

    /*------------ site_main ------------*/



    .main-top {

        position: relative;

        text-align: center;

        padding: 0 0 55px;

        margin: 0 0 45px;

    }



    .main-top.no-border {

        border: 0;

        padding: 0 0 10px;

    }



    .main-title {

        font-size: 45px;

        line-height: 1.4;

        letter-spacing: 2px;

    }



    .main-title span {

        font-size: 12px;

        display: block;

    }



    .main-content {

        padding: 65px 0 80px;

    }



    .content {

        min-height: 150px;

        padding: 0 20px 30px;

        box-sizing: border-box;

    }



    .content-top {

        margin: 0 -25px 55px;

        padding: 20px 35px;

    }



    .main-title {

        font-size: 20px;

        margin: 0;

        font-weight: normal;

    }



    .main-title:before {

        content: '';

        display: inline-block;

        vertical-align: middle;

        width: 31px;

        height: 28px;

        margin: -5px 10px 2px 0;

    }



    .search-hashtag {

        display: inline-block;

        vertical-align: middle;

        font-size: 17px;

        margin-bottom: 2px;

    }



    .main-title.search {

        display: inline-block;

        margin-right: 10px;

    }

    /*------------shopping-title ------------*/



    .shopping-title {

        font-size: 16px;

        font-weight: bold;

        position: relative;

        margin: 0 0 15px;

    }



    .shopping-title i {

        transform: rotate(90deg);

        font-size: 26px;

        margin: 0 5px 0 0;

        display: inline-block;

        vertical-align: middle;

    }

    /*----- plus-title -----*/



    .plus-title {

        margin: 0 0 5px;

    }



    .plus-title i {

        font-size: 20px;

        vertical-align: text-bottom;

    }



    .plus-tip {

        font-size: 16px;

        text-align: center;

        margin: 0 0 0px;

    }



    .plus-tip b {

        text-decoration: underline;

    }

    /*------------ warning ------------*/



    .warning-sect {

        padding-bottom: 70px;

    }

    /*------------ / site_main ------------*/

    /*------------ site_footer ------------*/



    .qrcode {

        display: inline-block;

        margin: 0 0 0 5px;

    }



    .qrcode img {

        margin: 0 5px;

    }



    .footer-top.news {

        padding: 30px 0 60px;

    }



    .footer-top.news:before {

        display: none;

    }



    .footer-top:before {

        content: '';

        width: 100%;

        height: 6px;

        display: block;

        position: absolute;

        z-index: 11;

        top: -6px;

    }



    .footer-top {

        padding: 30px 0 0;

        letter-spacing: 0;

        position: relative;

    }

    .footer-top  a{

        display: inline-block;

    }



    .footer-top.news {

        text-align: center;

    }



    .footer-txt {

        margin: auto;

        text-align: center;

    }



    .footer-txt p {

        margin: 0px;

        padding: 0px;

        font-size: 14px;

    }



    .footer-txt .fax,

    .footer-txt .mail {

        display: inline-block;

        padding: 0 10px;

    }



    .footer-txt .fax {

        border-right: 1px solid #fff;

        line-height: 15px;

    }



    .footer-txt .tel {

        font-size: 40px;

        font-family: 'Roboto','微軟正黑體';

        padding: 8px 0;

        margin: 0;

        line-height: 40px;

    }



    .site-footer .title {

        font-size: 20px;

        font-weight: bold;

        letter-spacing: 2px;

        margin: 0 0 5px 0;

        text-indent: -9999%;

        padding: 20px 0 0;

        height: 52px;

    }



    .site-footer .title:before {

        content: "";

        width: 15px;

        height: 15px;

        display: inline-block;

        margin: 0 10px 0 0;

        display: none;

    }



    .site-footer .site-map {

        width: 100%;

        margin: auto;

        position: relative;

        text-align: center;

        max-width: 780px;

    }



    .site-map-box {

        margin: 0 0 20px;

        width: 100%;

    }



    .site-map ul li {

        width: calc(100% / 9);

    }



    .site-map ul {

        display: block;

        vertical-align: top;

        letter-spacing: 2px;

        font-size: 14px;

        line-height: 1.2;

        margin: auto;

    }



    .site-map li {

        padding: 0 0px 20px;

    }



    .site-map ul a:hover {

        text-decoration: underline;

    }



    .site-footer .site-info {

        padding: 35px 0px;

        width: 100%;

        vertical-align: top;

    }



    .site-footer .follow {

        padding: 0;

    }



    .site-footer .follow p {

        font-size: 12px;

        padding: 15px 0;

        margin: 0;

        letter-spacing: 2px;

        text-align: center;

    }



    .site-footer .links {

        display: inline-block;

        margin: -10px 0 0 0;

    }



    .site-footer .links a {

        display: block;

        transition: all .2s;

    }





    .site-footer .links a+a {

        margin: 30px 0 0 0;

    }



    .site-footer .links a:hover {

        opacity: .7;

        transition: all .2s;

    }

    /*------------ / site_footer ------------*/

    /*------------ floating ------------*/



    .floating,

    .floating.fancybox-margin {

        display: block;

        position: fixed;

        right: -5px;

        top: 20%;

        z-index: 99;

    }



    .fb {

        width: 135px;

        height: 45px;

        display: block;

    }



    .floating .gotop {

        display: none;

    }



    .gotop {

        width: 76px;

        height: 22px;

        line-height: 20px;

        display: block;

        position: absolute;

        right: 50%;

        margin-right: -38px;

        bottom: 0%;

        text-align: center;

        box-sizing: border-box;

        transition: all .0s;

    }



    .gotop i {

        font-size: 57px;

        display: block;

        position: absolute;

        width: 100%;

        bottom: -7px;

        display: none;

    }

    /*------------ / floating ------------*/

    /*------------ breadcrumb ------------*/



    .breadcrumb {

        float: right;

        text-align: right;

        font-size: 13px;

        letter-spacing: 1px;

        padding: 0;

    }



    .breadcrumb li,

    .breadcrumb li a {

        display: inline;

    }



    .breadcrumb li+li:before {

        content: '> ';

    }



    .content-breadcrumb-box:before {

        content: '';

        width: 4px;

        height: 4px;

        display: inline-block;

        position: relative;

        top: -2px;

    }



    .content-breadcrumb-box {

        margin: 0 auto 5px;

    }



    .content-breadcrumb-box .breadcrumb {

        float: none;

        display: inline-block;

        padding: 2px 4px;

    }



    .content-breadcrumb-box .breadcrumb li+li:before {

        content: '/';

    }

    /*------------ / breadcrumb ------------*/

    /*------------ side ------------*/



    .side {

        width: 240px;

        float: left;

        padding: 0;

    }



    .side .title {

        width: 240px;

        height: 70px;

        text-align: center;

        margin-bottom: 40px;

    }



    .side .title b {

        font-size: 20px;

        font-weight: bold;

        letter-spacing: 2px;

        position: relative;

    }



    .has-side .content {

        width: calc(100% - 280px);

        float: right;

        min-height: 500px;

    }



    .side-nav,

    .side-nav-top {

        position: relative;

        font-size: 15px;

    }



    .side-nav-top {

        padding: 0 0 10px 0;

        margin-bottom: 15px;

        padding-bottom: 5px;

    }



    .side-nav-top li a {

        position: relative;

        font-size: 15px;

        line-height: 1.3;

        padding: 13px 15px;

        font-weight: bold;

        margin-bottom: 10px;

    }





    .side-nav.has-bg {

        padding-bottom: 150px;

        box-shadow: none;

        border: 0;

    }



    .mmenu-show #mobile-menu .side-nav>li,

    .mmenu-show #mobile-menu .content-nav>li {

        padding: 0;

        border-bottom: none;

        margin-bottom: 0;

    }



    .side-nav>li {

        margin: 0 0 10px;

    }



    .side-nav li a {

        position: relative;

        display: block;

        line-height: 1.2;

    }



    .side-nav li a {

        display: block;

    }



    .side-nav>li>a:before {

        content: '\e1020';

        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;

        font-size: 12px;

        position: absolute;

        top: 12px;

        right: 10px;

    }



    .side-nav>li>a {

        position: relative;

        font-size: 16px;

        padding: 9px 15px;

        font-weight: bold;

        margin-bottom: 13px;

        border-radius: 20px;

        transition: all .3s;

    }



    .side-nav>li>a:hover,

    .side-nav>li.active>a {

        box-shadow: none;

    }



    .side-nav ul li a {

        padding: 6px 10px 6px 32px;

    }



    .side-nav ul li a:before {

        content: "-";

        display: inline-block;

        position: absolute;

        margin: -2px 5px 0 -12px;

    }



    .side-nav ul {

        display: none;

        padding: 2px 0;

        font-size: 16px;

    }

    /*------------ / side ------------*/

    /*------------ pagination ------------*/



    .pagination {

        padding: 0;

        margin: 0;

        text-align: center;

        letter-spacing: 0;

        list-style-type: none;

    }



    .pagination li {

        display: inline-block;

        vertical-align: middle;

    }



    .pagination li a {

        display: block;

        min-width: 35px;

        height: 35px;

        line-height: 35px;

        font-size: 13px;

        padding: 0 5px;

        border-radius: 50%;

        border: 1px solid transparent;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }





    .pagination li a.controls {

        font-size: 1.2em;

        padding: 0;

        line-height: 36px;

        border-radius: 50%;

    }





    .pagination li a.prev {

        margin-right: 10px;

        font-size: 15px;

        transform: rotateY(180deg);

    }



    .pagination li a.next {

        margin-left: 10px;

        font-size: 15px;

    }



    .page-info {

        display: none;

    }



    .page-info .form-control {

        margin: 0;

    }



    .page-info .form-control:focus {}







    .page-info {

        display: none;

    }



    .page-info .form-control {

        display: block;

        width: 100%;

        height: 30px;

        line-height: 30px;

        color: #666;

        padding: 5px 10px;

        text-align: center;

        margin: auto;

        border-radius: 20px;

        background: none;

    }



    .page-info .form-control:focus {

        outline: none;

        background: none;

    }

    /*------------ / pagination ------------*/

    /*------------ had-bg ------------*/



    .has-bg {

        position: relative;

        border-radius: 10px;

    }



    .has-bg::after {

        display: block;

        clear: both;

        content: "";

    }



    .table-bg {

        padding: 20px;

    }



    .has-img:before {

        content: "\e1009";

        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;

        position: absolute;

        top: 0;

        left: 0;

        font-size: 33px;

        width: 55px;

        height: 53px;

        line-height: 53px;

        text-align: center;

        display: none;

    }

    /*------------ / had-bg ------------*/

    /*------------ form ------------*/

    /*-----reminder-----*/



    .reminder {

        text-align: center;

        margin: 0 0 45px;

        font-size: 13px;

        line-height: 1.75;

        padding: 0 0 20px;

    }



    .reminder strong {

        font-size: 18px;

        margin: 0 0 5px 0;

        display: block;

    }



    .reminder strong:before {

        content: 'CONTACT FORM';

        font-size: 18px;

        font-weight: normal;

        margin-right: 10px;

    }



    .reminder p {

        margin: 10px 0;

        position: relative;

    }



    .reminder b {

        display: block;

        margin: 10px 0 0 0;

        font-weight: normal;

    }



    .reminder b:before {

        content: "";

        position: absolute;

        display: block;

        width: 4px;

        height: 4px;

        border-radius: 50%;

        top: 50%;

        margin-top: -4px;

        left: 0;

    }

    /*-----qty-box-----*/



    .qty-box {

        position: relative;

        display: inline-block;

        width: 97px;

        max-width: none;

        padding: 0 25px;

        box-sizing: border-box;

    }



    .qty-box .form-control {

        position: relative;

        text-align: center;

        padding: 0 3px;

        font-weight: bold;

        box-sizing: border-box;

        font-size: 15px;

        margin: 0;

        z-index: 1;

    }



    .qty-box .btn {

        width: 18px;

        height: 18px;

        line-height: 15px;

        font-weight: bold;

        font-size: 11px;

        border-radius: 50%;

        position: absolute !important;

        z-index: 0;

        top: calc( 50% - 8px);

    }





    .qty-box .add {

        right: 2px;

    }



    .qty-box .less {

        left: 2px;

    }



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

        width: auto;

        padding: 0px;

    }

    /*-----form-detail-----*/



    .form-control {

        display: block;

        width: 100%;

        height: 35px;

        line-height: 35px;

        border-radius: 5px;

        box-sizing: border-box;

        margin-bottom: 10px;

        font-size: 14px;

        padding: 0 10px;

    }



    .form-control:focus {

        outline: none;

    }



    textarea.form-control {

        padding: 8px 10px;

        line-height: 1.4;

        resize: vertical;

        height: auto;

    }



    .form-box .form-group {

        padding: 5px 0 10px;

    }



    .form-box .control-label {

        display: inline-block;

        vertical-align: top;

        min-width: 115px;

        width: 100%;

        padding-left: 15px;

        box-sizing: border-box;

    }



    .form-box .control-box .static-control {

        margin: 0px 0 0px;

    }



    .form-box .control-box {

        position: relative;

        display: inline-block;

        /*width: calc(100% - 120px);*/

        width: 100%;

    }



    .form-box .control-box label {

        display: inline-block;

        line-height: inherit;

        margin: 0 10px 6px 5px;

        font-size: 14px;

    }



    .form-box .btn-group {

        margin: 27px 0 0 0;

    }



    .form-box-block .control-label,

    .form-box-block .control-box {

        display: block;

        width: auto;

    }



    .no-padding .control-label {

        padding: 0;

    }

    /*-----form-static-control-----*/



    .static-control {

        line-height: inherit;

        font-weight: bold;

        margin: -4px 0 38px;

    }

    /*-----form-wrap-----*/



    .form-wrap {

        max-width: 1100px;

        margin: 0 auto;

        box-sizing: border-box;

        padding: 40px;

        position: relative;

    }



    .form-box {

        margin: 0 auto;

        position: relative;

        padding: 15px 30px;

    }



    .form-box2 {}



    .form-box .row {

        margin: 0 -10px;

    }



    .form-box .col {

        float: left;

        width: 50%;

        padding: 0 10px;

    }

    /*-----form-required-----*/



    .form-box .required {

        position: relative;

    }



    .form-box .required:before {

        content: "";

        position: absolute;

        display: block;

        width: 4px;

        height: 4px;

        border-radius: 50%;

        top: 50%;

        margin-top: -4px;

        left: 0;

    }

    /*----- captcha -----*/



    .form-box .captcha .input-box {

        position: relative;

    }



    .form-box .captcha .form-control {

        max-width: 185px;

        display: inline-block;

    }



    .form-box .captcha a {

        display: inline-block;

        vertical-align: middle;

        margin: 0 0 0 10px;

    }



    .form-box .captcha a i {

        display: inline-block;

        vertical-align: middle;

        font-size: 25px;

        transition: transform .3s;

        margin: 0 0 0 5px;

    }



    .form-box .captcha a:hover i {

        color: #A57038;

    }

    /*----- name -----*/



    .form-box .name .control-box {

        position: relative;

    }



    .form-box .name .radio-box {

        line-height: 36px;

        position: absolute;

        right: -11px;

        bottom: 100%;

        line-height: 1.6;

    }



    .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;

    }

    /*----- address -----*/



    .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%;

    }

    /*----- tips -----*/



    .form-box .tips {

        line-height: 1.5;

        margin-bottom: 6px;

        padding: 0 5px;

        font-size: 13px;

    }



    .form-box.type2 .tips {

        min-height: 0;

    }

    /*----- input-group -----*/



    .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;

    }

    /*----- radio + checkbox -----*/



    .form-radio {

        display: inline-block;

        position: relative;

    }



    .form-checkbox {

        display: block;

        position: relative;

        margin: 0px 0 5px 0;

    }



    .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: 150;

        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: 18px;

        height: 18px;

        margin: 0 5px 3px;

    }



    .form-radio:before {

        background-image: url('../../images/common/form_radio.png');

        margin: 0 3px 4px 0;

    }



    .form-checkbox:before {

        background-image: url('../../images/common/form_checkbox.png');

    }



    .form-radio.checked:before,

    .form-checkbox.checked:before {

        background-position: 0 100%;

    }

    /*-----success-box-----*/



    .success-box {

        text-align: center;

        max-width: 1100px;

        margin: 0 auto;

        padding: 60px 55px;

        box-sizing: border-box;

        font-size: 13px;

        position: relative;

        font-size: 15px;

    }



    .success-box .msg {

        font-size: 18px;

    }



    .success-box .suctxt {

        padding: 15px 0;

    }



    .success-box .msg b:before {

        content: '';

        width: 48px;

        height: 48px;

        display: block;

        text-align: center;

        margin: auto;

    }



    .success-box .msg b {

        line-height: 53px;

        display: inline-block;

        font-size: 22px;

        letter-spacing: 2px;

        font-weight: normal;

        padding: 0 23px;

        margin: 10px 0 0 0;

        min-width: 330px;

        box-sizing: border-box;

    }



    .success-box .btn-box {

        margin: 35px 0;

    }



    .success-box small {

        font-weight: bold;

        display: block;

    }

    /*------------ / form ------------*/

    /*------------ table ------------*/



    .table-h td {

        padding: 10px 6px;

        line-height: 1.55;

        text-align: center;

        min-width: 76px;

        font-size: 13px;

    }



    .table-h .btn-holder {

        min-width: 30px;

        font-size: 35px;

        line-height: 1;

    }





    .table-h thead th {

        padding: 0 6px 6px;

        white-space: nowrap;

        font-weight: normal;

    }



    .table-h tfoot td {

        text-align: right;

        padding: 4px 0px;

        font-size: 14px;

        font-weight: bold;

    }



    .table-h tfoot td:last-child {

        width: 14%;

        padding: 3px 0px 3px 0;

        min-width: auto;

    }



    .table-h tfoot tr:last-child td {

        font-weight: bold;

        font-size: 17px;

        padding: 3px 0;

    }

    /*.table-h tfoot td:last-child span {

    color: #D51A23;

}*/



    .table tfoot td .cart-rate {

        font-size: 10px;

        letter-spacing: 0.5px;

    }



    .table-h tfoot td .form-control {

        display: inline-block;

        width: auto;

        margin: 0;

    }



    .table-h .align-left {

        text-align: left;

        padding: 10px 6px 10px 15px;

    }



    .table-h a {

        display: inline-block;

        vertical-align: middle;

    }



    .table-h .pd-id {

        display: block;

    }



    .table-h .pd-name {

        font-size: 16px;

        font-weight: bold;

        display: block;

        line-height: 1.2;

        margin: 3px 0;

    }





    .table-h a.pic {

        position: relative;

        overflow: hidden;

        transition: all .2s;

    }



    .table-h a.pic:hover {

        opacity: .7;

        transition: all .2s;

    }



    .table .ic-delete {

        font-size: 20px;

    }

    /*-----table-v-----*/



    .table-v {

        font-size: 14px;

    }



    .table-v th,

    .table-v td {

        padding: 10px 20px 7px;

        vertical-align: middle;

    }





    .table-v th {

        text-align: left;

        position: relative;

        font-weight: normal;

        width: 90px;

        padding: 10px 15px 7px 20px;

    }



    .table-v th:after {

        content: "";

        width: 1px;

        height: 20px;

        display: block;

        position: absolute;

        top: 50%;

        right: 0;

        margin: -10px 0 0 0;

    }

    /*------------ / table ------------*/

    /*------------ lightbox ------------*/



    body .fancybox-close {

        background: none;

        top: 10px;

        right: 10px;

        width: auto;

        height: auto;

        width: 48px;

        height: 48px;

        line-height: 48px;

    }



    body .fancybox-close:after {

        content: "\e1019";

        display: inline-block;

        vertical-align: middle;

        margin: 0 0 0px 10px;

        font-size: 25px;

        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;

    }





    body .fancybox-opened .fancybox-skin {

        border-radius: 10px;

    }





    body .fancybox-album .fancybox-skin {

        margin: 0 auto 150px;

    }





    body .fancybox-nav span {

        background: url('../../images/common/index/banner_arrow.png');

        background-position: 0 100%;

        visibility: visible;

        width: 50px;

        height: 50px;

        left: -80px;

        margin-top: 10px;

    }



    body .fancybox-nav span:hover {

        background-position: 0 0;

    }



    body .fancybox-next span {

        left: auto;

        transform: rotate(180deg);

        right: -80px;

    }



    .photo-title {

        margin: 10px 0 0px 0;

        font-size: 18px;

        padding: 8px 0px 3px;

        font-weight: normal;

        text-align: left;

    }



    .photo-title i {

        font-size: 18px;

        display: inline-block;

        vertical-align: middle;

        margin: 0 10px 2px 0;

        display: none;

    }



    .photo-intro {

        font-size: 15px;

        line-height: 1.8;

    }



    .photo-pager {

        text-align: center;

        font-size: 18px;

        margin: 20px 0 0 0;

        position: absolute;

        width: 100%;

        font-family: 'arial';

    }



    .photo-pager b {

        display: inline-block;

        margin: 0 3px;

    }



    body #fancybox-thumbs ul li {

        background: transparent;

        padding: 10px;

        opacity: 1;

    }



    body #fancybox-thumbs ul li a {

        border: 0;

        background: none;

        outline: none;

    }



    body #fancybox-thumbs ul li.active {

        opacity: 1;

        border: 0;

        padding: 10px;

    }



    body #fancybox-thumbs ul li a:before,

    body #fancybox-thumbs ul li a:after {

        position: absolute;

        opacity: 0;

        transition: all .2s;

    }



    body #fancybox-thumbs ul li a:before {

        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;

        top: 50%;

        left: 50%;

        font-size: 28px;

        margin: -14px 0 0 -14px;

        z-index: 10;

        display: none;

    }



    body #fancybox-thumbs ul li a:after {

        content: "";

        position: absolute;

        top: 0;

        right: 0;

        left: 0;

        bottom: 0;

        opacity: 1;

    }



    body #fancybox-thumbs ul li.active a:after,

    body #fancybox-thumbs ul li a:hover:after {

        opacity: 0;

        transition: all .2s;

    }



    .lightbox-wrapper {

        max-width: 100%;

        margin: 0 auto;

        box-sizing: border-box;

    }

    /*---- arrival ----*/



    .arrival-box {

        padding: 30px 0 0 0;

    }



    .arrival-box .pd-name {

        font-size: 18px;

        text-align: center;

        margin: 0;

    }



    .arrival-box .pd-name i {

        font-size: 35px;

        display: block;

        margin: 0px auto 20px;

    }



    .arrival-box .pd-id {

        text-align: center;

        font-size: 13px;

        margin: 0 0 10px 0;

    }



    .arrival-box .form-box {

        max-width: 465px;

    }



    .arrival-box .notice {

        text-align: center;

    }

    /*------------ / lightbox ------------*/

    /*-- 歐盟提示字 --*/



    .header-sheet {

        border-radius: 10px;

        padding: 15px 0;

        position: fixed;

        max-width: 350px;

        height: auto;

        text-align: center;

        bottom: 20px;

        left: 20px;

        z-index: 500;

    }



    .header-sheet .close-ontop {

        opacity: 1;

        font-size: 2.4rem;

        position: absolute;

        right: 20px;

        top: calc(20% - 3px);

        transform: translateY(-50%);

    }



    .content-text {

        padding: 0 44px 0 0px;

        text-align: left;

    }



    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;

        text-shadow: 0 1px 0 #fff;

        filter: alpha(opacity=20);

        opacity: .2;

    }



    .header-sheet a {

        text-decoration: underline;

    }

    /*------------ mobile_menu ------------*/



    .mmenu-show #mobile-fixed .logo-fixed-menu {

        font-size: 18px;

        width: 200px;

        text-align: center;

        line-height: 40px;

        font-weight: normal;

    }





    .mmenu-show #member-box li a {

        font-size: 15px;

    }





    .mmenu-show #mobile-search .search-box i {

        position: absolute;

        top: 5px;

        right: 5px;

        font-size: 20px;

    }



    .mmenu-show #mobile-menu .share-menu {

        border-top: 0;

    }



    .mmenu-show #mobile-menu .share-menu li {

        border: 0;

        margin: 0;

    }



    .mmenu-show #mobile-menu .menu ul li a {

        background: none;

    }



    .mmenu-show #mobile-menu .container.big {

        padding: 0px;

    }



    .mmenu-show #mobile-menu .menu .pd {

        display: none;

    }



    .mmenu-show #mobile-menu .menu li a:hover,

    .mmenu-show #mobile-menu .menu li.active>a {

        font-weight: bold;

    }



    .mmenu-show #mobile-menu .share .btn .ic {

        vertical-align: middle;

    }



    .mmenu-show #mobile-menu .language {

        display: block;

        position: relative;

        padding: 8px 0px 0 10px;

        text-align: left;

        margin: 0;

        width: auto;

        background: none;

        border: none;

    }



    .mmenu-show #mobile-menu .language-menu .language ul {

        display: block;

        background: none;

        border: 0;

        width: auto;

        margin: 0;

        left: 20px;

    }



    .mmenu-show #mobile-menu .language ul li a {

        background: none;

        line-height: 1;

        display: inline-block;

    }



    .mmenu-show #mobile-menu .language li+li a {

        border: 0;

    }



    .mmenu-show #mobile-menu .language ul li+li:before {

        content: '| ';

    }

    .mmenu-show #mobile-search .ibtn.search{

        width: 60px;

        z-index: 9;

    }

    /*------------ / mobile_menu ------------*/



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

        /*------------ site-footer 1440 ------------*/

        .site-footer .site-info {}

        .site-footer .links {

            display: block;

            margin: 15px 0;

        }

        .site-footer .links a {

            display: inline-block;

        }

        .site-footer .links a+a {

            margin: 0 0 0 30px;

        }

        /*------------ / site-footer 1440 ------------*/

    }



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

        /*------------ site-header 1280 ------------*/

        .site-nav .menu>li>a {

            padding: 0 16px;

        }

        .site-nav .menu {

            width: 100%;

            text-align: left;

        }



        /*------------ / site-header 1280 ------------*/

        /*------------ site-footer 1280 ------------*/

        .site-footer {

            padding: 0px;

        }

        .site-footer .container,

        .site-footer .site-info,

        .site-footer .site-map {

            width: 100%;

            display: block;

        }

        .site-footer .follow,

        .site-info-qr {

            vertical-align: top;

        }

        .share {

            margin: 0 0 0 30px;

        }

        .site-info-qr {

            margin: 0 35px 0 0;

        }

        /*------------ / site-footer 1280 ------------*/

        .side {

            width: 240px;

        }

        .has-side .content {

            width: calc(100% - 250px);

        }

    }



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

        .site-nav .menu>li>a {

            padding: 0px 10px;

        }

    }



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

        .footer-top.news{

            display: none;

        }

        body {

            font-size: 14px;

            line-height: 25px;

            letter-spacing: 0.5px;

        }

        .site-footer .follow {

            padding: 0;

        }



        .ibtn.fb-fans-page,

        .qrcode img {

            margin-bottom: 10px;

        }



        .btn.style03 {

            letter-spacing: 0.5px;

        }

        .table-v {

            font-size: 14px;

        }

        .desktop {

            display: none;

        }

        hr {

            margin: 10px 0;

        }

        .content {

            min-height: inherit;

            padding: 0;

        }

        .side {

            display: none;

        }

        .title {

            font-size: 16px;

        }

        .btn.style02 {

            line-height: 28px;

            height: 28px;

            font-size: 10px;

        }

        .btn-box.dib2 .style02 {

            padding: 0 10px;

        }

        .btn-box.dib2 .btn {

            font-size: 14px;

            padding: 0px 5px;

            min-width: 104px;

            height: auto;

            margin: 0 0 10px;

        }

        .form-control,

        .page-info .form-control {

            line-height: 30px;

            height: 30px;

            padding: 0 5px;

        }

        .form-box .form-group {

            padding: 5px 0;

        }



        .has-img:before {

            display: none;

        }

        .reminder {

            padding-bottom: 5px;

        }

        .reminder strong {

            font-size: 15px;

        }

        .reminder b {

            margin-top: 5px;

        }

        /*------------ site-header 1024 ------------*/

        .site-nav,

        .top-nav,

        .header-fixed .site-nav,

        .header-fixed .top-nav,

        .header-fixed .site-header:after {

            display: none;

        }

        .site-header {

            padding: 5px 0;

        }

        .site-title {

            position: relative;

            text-align: center;

            max-width: 100%;

            margin: 15px 0;

        }



        .header-fixed .site-header,

        .header-fixed .site-title,

        .header-fixed .site-title .logo {

            position: relative;

        }

        .header-fixed .site-title {

            top: 0px;

            margin: 15px 0;

        }

        .site-title .logo,

        .header-fixed .site-title .logo {

            width: 240px;

            height: 57px;

        }



        /*------------ / site-header 1024 ------------*/

        .breadcrumb {

            margin: 0 0 5px;

        }

        /*------------ main-content 1024 ------------*/

        .main-content {

            padding: 15px 0;

        }

        .main-top,

        .main-top.no-border {

            padding: 0;

            margin: 0;

        }

        .main-title.pc {

            display: none;

        }

        /*------------ / main-content 1024 ------------*/

        /*------------ site-footer 1024 ------------*/

        .site-footer .site-map-box,

        .share {

            display: none;

        }

        .share li span {

            display: none;

        }

        .site-info-p b {

            font-size: 18px;

        }

        .footer-top.news {

            padding: 25px 0;

            text-align: center;

        }

        .footer-top {

            padding: 5px 0;

            text-align: center;

        }

        .site-footer .site-map {

            display: none;

        }



        .site-footer .site-info {

            width: auto;

            padding: 15px 0 30px;

        }

        .site-info-p {

            margin: 0;

            display: block;

        }

        .site-footer .follow p {

            padding: 5px 0;

        }

        .site-info-qr {

            margin: 0 auto;

        }

        .site-footer .links {

            margin: 5px auto;

        }

        /*------------ / site-footer 1024 ------------*/

        .main-top {

            margin-bottom: 15px;

            line-height: 1.6;

        }

        .main-title {

            font-size: 16px;

            padding: 0 0 15px;

            letter-spacing: 1px;

        }

        .btn-box {}

        .success-box .btn-box {}

        .warning-sect {

            padding: 15px 0;

        }

        .table-h tbody td.align-left {

            padding: 0 6px 0px 0;

            border-bottom: 1px dashed #666;

        }

        /*------------ table 960 ------------*/

        .table-bg {

            padding: 0 10px;

        }

        .table-h thead {

            display: none;

        }

        .table td .ibtn.delete {

            position: absolute;

            right: 5px;

            top: 20px;

        }

        .table-h tr,

        .table-h td {

            display: block;

            text-align: left;

        }

        .table-h td {

            min-width: 40px;

        }

        .table-h td+td,

        .table-h tfoot td+td {

            border-left: 0;

        }

        .table-h tbody td[data-title]:before {

            content: attr(data-title);

            display: inline-block;

            color: #aaa;

            font-size: 14px;

            margin: 0 0px 0 0;

        }

        .table-h tr {

            padding: 5px 0;

            position: relative;

        }

        .table-h tfoot tr {

            padding: 0px 15px;

        }

        .table-h tfoot td {}

        .table-h tfoot td:first-child {

            float: left;

            text-align: left;

        }

        .table-h tfoot td:last-child {

            padding: 3px 0;

        }

        .table-h td,

        .table-h tbody td,

        .table-h .btn-holder {

            padding: 2px 0;

            line-height: 1.45;

            font-size: 14px;

        }

        .table-h tfoot td {

            font-size: 14px;

        }

        .shopping-title i {

            font-size: 15px;

        }



        /*--- top ---*/

        .floating,

        .floating.fancybox-margin {

            right: 50%;

            bottom: 15px;

            top: auto;

            margin-right: -15px;

        }

        .floating a {

            display: none;

        }

        .floating .ibtn.gotop {

            color: transparent;

            display: block;

            background: url(../../../../images/common/mobile_gotop.png) 50% 50% no-repeat;

            width: 30px;

            height: 30px;

            border: 0;

            top: auto;

            margin: 0;

        }

        .gotop {

            display: none;

        }

        /*------------ / table 960 ------------*/

        .success-box .msg {

            font-size: 16px;

            margin-bottom: 5px;

        }

        .success-box .msg b,

        .login-box .success-box .msg b {

            font-size: 16px;

            min-width: auto;

            line-height: 30px;

            margin-top: 5px;

        }



        .success-box b,

        .login-box .success-box b {

            font-size: 16px;

        }

        .success-box .notice-box {

            margin: 5px auto;

        }

        .success-box {

            padding: 15px;

        }

        .static-control {

            margin-bottom: 0px;

        }

        .form-wrap {

            padding: 15px;

        }

        .btn-box.has-border {

            margin-top: 10px;

        }

        .reminder {

            margin-bottom: 10px;

        }



        .success-box .suctxt {

            padding: 10px 0;

        }

        .search-box:after {

            color: #f79194;

        }

        .content-top {

            margin: 0 0px 15px;

            padding: 20px 15px;

        }

        /*-- 歐盟文字 --*/

        .header-sheet {

            position: fixed;

            height: auto;

            bottom: 0%;

            font-size: 14px;

            padding: 10px 0 10px;

            width: 100%;

            max-width: 100%;

            left: 0;

            border-radius: 0;

        }

        .content-text {

            padding: 0px;

            text-align: center;

        }

        .header-sheet .close-ontop {

            right: 0px;

            left: 0px;

            top: -25px;

            margin: auto;

            text-align: center;

            background: #fff;

            width: 100%;

            height: 35px;

            border-top: 1px solid #fba47d;

        }

        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: 890px) {

        body .fancybox-close {

            right: 0;

        }

    }



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

        /*------------ / table 767 ------------*/

        .table-h .pd-name {

            margin: -2px 0 0 0;

        }

        /*------------ / table 767 ------------*/

        /*------------ pagination 767 ------------*/

        .pagination li {

            vertical-align: middle;

        }

        .pagination-title {

            margin: 0;

        }

        .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: -29px;

            margin: 0;

        }

        .pagination li a.prev {

            left: 0;

        }

        .pagination li a.controls.next {

            right: 0;

            margin: 0;

        }

        .pagination li span {

            display: none;

        }

        .pagination li a i {

            margin: 0;

        }

        /*------------ / pagination 767 ------------*/

        /*------------ form 767 ------------*/

        .form-box {

            padding: 0;

        }

        .form-box .row {

            margin: 0;

        }

        .form-box .col {

            float: none;

            width: auto;

            padding: 0;

        }

        .form-box .control-label,

        .form-box .control-box {

            display: block;

            width: auto;

        }

        .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-box .tips {

            min-height: 0;

        }

        .form-box .captcha a {

            right: 2%;

        }



        /*------------ / form 767 ------------*/

        body .fancybox-nav span {

            left: 0%;

             top:40%

        }

        body .fancybox-next span {

            right: 0%;

        }

    }



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

        /*------------ site-footer 600 ------------*/

        .gotop {

            display: none;

        }

        .site-footer {

            text-align: center;

        }



        .site-footer .qr-inner,

        .site-info-qr,

        .site-footer .col-r {

            margin: 0;

        }



        .site-footer .col-r p .author {

            display: block;

            margin: 0;

        }

        .site-footer .links a+a {

            margin: 0;

        }

        /*------------ / site-footer 600 ------------*/

        /*------------ floating 600 ------------*/

        /*------------ / floating 600 ------------*/

        /*------------ table 600 ------------*/

        .table-v tr,

        .table-v th,

        .table-v td {

            padding: 3px 5px;

        }

        .table-v th {

            font-weight: bold;

            color: #000;

        }

        .table-v th:after {

            display: none;

        }

        /*------------ / table 600 ------------*/



    }



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

        /*------------ table 500 ------------*/

        .table td .ibtn.delete {

            position: static;

            margin: 10px 0;

        }

        /*------------ / table 500 ------------*/

        /*------------ form 500 ------------*/

        .form-box .captcha .form-control {

            max-width: 110px;

        }

        /*------------ form 500 ------------*/

        .btn.style03 {

            max-width: 140px;

        }

        .search-hashtag {

            display: block;

            font-size: 15px;

            margin: 15px -10px 0;

        }

        .main-title.search {

            display: block;

            margin-right: 0px;

        }

    }