@media (max-width: 1920px){
    .article-contactus iframe {margin: -86px 0 0 calc(182px - 1920px + 100vw);}
}
@media (min-width: 1820px){
    .homenews .newsflb{width: 85%;}
}
@media (max-width:1699px){
    .article-make .makeflb {align-items: center;}
    .article-make .picflb {margin: 20px 40px 0 0; width: 50%;}
    .article-make .cerpic.animate{height:340px;}
    .article-make .makeflb .textflb {margin:0;}/*-30px 73px 30px 150px;order: 3;    .article-make .makeflb {flex-wrap: wrap;justify-content: center;}*/
    .article-make .makeflb .textflb h3 {margin: 50px 0 0 13px;}
    .article-make .titbar{order: 2;margin: -40px 60px 0 10px; flex-shrink: 0;}
    .article-make .fasti .textflb, .article-make .fasti .pimflb{margin-top: 40px;}
}
@media (max-width: 1650px){
    .story .tpflb{margin: 0 3% 0 0;}
    .article-contactus iframe{margin: -86px 0 0 10px;}
    .article-contactus .pim{max-width: 441px;width: calc(529px - 1660px + 92vw);}
}
@media (max-width:1500px){
    .homenews {height: auto;}
    .homenews .hntit {margin: 40px 0 20px;}
    .homenews .newsflb{margin: 0 0 30px;}
}
@media (max-width: 1485px){
    .story{align-items: flex-start;justify-content: center;}
}
@media (max-width:1450px){
    .article-contactus .contusflb {width: 100%;}
    .article-contactus iframe {margin: -86px 0 0 20px;flex-shrink: 0;}
    .article-contactus .pim {width:441px;transform: translate(0%,76%);}
}
@media (max-width:1440px){
    .homeProduct .homeprocont, .cProduct .homeprocont{width: 90%;}
    .homeProduct .hntit, .homeProduct .conpflb, .cProduct .hntit, .cProduct .conpflb{align-self: center;}
}
@media (max-width:1400px){
    .product-info{width: 85%;margin:0 auto;}
    .product-info .product-thumb{flex-direction: column-reverse;justify-content: flex-end;}
    .product-info .imageflb{flex-direction: row;height: auto;width: 100%;flex-wrap: wrap;}
    .product-info .imageflb img:first-child,.product-info .imageflb img:last-child{margin: 5px 0;}
    .product-info > .product-thumb > .image{margin: 0;width: 100%;}
    .product-info > .product-desc{min-height: 600px;height: auto;}
    .product-info > .product-desc > .product-base{height: 460px;}
    .product-info .imageflb img:first-child, .product-info .imageflb img, .product-info .imageflb img + img{margin: 5px 0;}
    .article-about .aboutflb, .article-about .warp{width: 100%;}
    .article-about .abtextflb, .article-about .phytextflb, .article-about .phytitpim{flex-shrink: 0;}
    .article-about .aboutpim{top: -10px;margin: 0 20px;}
    .article-about .philosophyflb {background: url(/template/pc/cn2016/images/about_li.png) 50% top no-repeat, url(/template/pc/cn2016/images/about_img2bg.png) 50% top no-repeat;}
    .article-about .phytextflb{margin: 80px 10px 0;}
    .article-about .philosophypim{margin: 0 0 0 10px;}
    .article-about .dreamflb{width: 850px;flex-direction: column;align-items: flex-end;}
    .article-about .dreamimg{margin-top: 50px;display: none;}
    .article-about .sourflb{background: none;margin-top: -625px;display: none;}
    .article-about .sourflb .wrap{width: 850px;flex-direction: column;align-items: flex-start;}
    .article-about .sourimg{width: 100%;}
    .article-about .sourtextflb p{width: 45%;}
    .aboutbtnflb a:last-child {
    display: none;
}
}
@media (max-width:1360px){
    .article-park section{width: 90%;}
    .article-park .imgflb img{width: 24%;height: 24%;}
    .article-park #parkset4 p{max-width: calc(100% - 720px);}
    .aboutbtnflb {width: 90%;}
}
@media (max-width:1310px){
    .uiform .rows > .row{width:43%;max-width: none;}
    .forgotten .rows > .row{width:92%;}
    .step1 .cart-payment,.step1 .cart-clause{width:100%;}
    .step1 .cart-payment .list{margin:-20px 0px 0px -20px;}
    .step1 .cart-payment .list > li{margin:20px 0px 0px 20px;}
    .step3 .rows > .row{width:45.4%;}
    .step3 .row:empty{display:none;}
    .step3 .row.merge.address{max-width:48.4%;width:100%;}
}
@media (max-width:1300px){
    .article-contactus .contusflb {justify-content: center;align-items: center;flex-wrap: wrap;}
    .article-contactus iframe {margin: -86px 20% 0 20%;}
    .article-contactus .textflb{flex-shrink: 0;}
    .article-contactus .bar{margin-left: 20px;}
    .article-contactus .pim {width: 35%;transform: translate(0%,6%);}
    .article-contactus .pimtitbar {transform: translate(253%,-42%);}
    .article-list, .sorttotal {width: 85%;}
}
@media (max-width:1260px){
    .article-make .warp{width: 100%;}
    .article-make .fasti .textflb{flex-shrink: 1;}
    .article-make .pimbox{width: 100%;}
    .article-make .textflb p {width: 75%;}
    .article-make .fasti .pimflb{flex-shrink: 0;}
}
@media (max-width:1200px){
    footer{background-position-y: calc(100vh - 535px);}
}
@media (max-width:1100px){
    .article .linkbar{flex-direction: column; align-items: flex-end;}
    .article-contactus .contactform {width: 95%;}
    .article-contactus .iconflb {width: 90%;justify-content: space-around;}
    .article-contactus .icbox {margin: 3px 10px;}
}
@media (max-width:1050px){
    .article-park #parkset4 p{max-width: 100%;}
    .swiperbox{margin-top: 0;flex-direction: column;align-items: center;justify-content: center;}
    .gallery-top,
    .gallery-thumbs{margin: 20px 0;width: 100%;}
    .gtopbg{display: none;}
}
@media (max-width:1024px){
    .uiform .leftblock{width:100%;max-width: none;}
    .uiform .rightblock{width:100%;height: auto;max-width:none;min-height:inherit;margin:60px 0px 0px 0px;border:none;}
    .uiform .rightblock .desc{margin-left:0px;}
    .uiform .rows > .row{width:44.5%;max-width: none;}
    .uiform .row:empty{display:none;}
    .forgotten .rows > .row{width:94%;}
    .contact .rightblock{position: relative;}
}
@media (max-width:1023px){
    .step .step-text{line-height: 25px;;}
    .step .step-text .list > li{display:block;}
}
@media (max-width: 1000px){
    .aboutus{flex-wrap: wrap;justify-content: center;align-items: center;height: auto;}
    .aboutus .picflb{width: 95%;}
    .aboutus .textflb {margin: 0 30px 70px;}
    .aboutus .picblc{width: 35%;}
    .story{height: auto;}
    .story .picflb {width: 45%;border: none;}
    .story .tpflb {width: 90%;margin-bottom: 30px;}
    .article-make .makeflb .textflb {margin:-30px 73px 30px 150px;order: 3;}   
    .article-make .makeflb {flex-wrap: wrap;justify-content: center;}
    .article-make .picflb {width: 100%;}
    .article-make .pimbox.animate{padding: 0 0 50px 20px;}
    .article-make .fasti .textflb h3, .article-make .fasti .textflb p{margin: 20px;}
}   
@media (max-width: 991px) {
    .slider-container .slide__text {left: 0;bottom: 10%;width: 80%;height: 40%;justify-content: center;transform: translateY(50%);transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;}
}
@media (max-width:900px){
    #column-left{display: none;}
    #column-left + #content{margin-left: 0px;padding:0px 20px;}
    #column-left + #content.pinfo{margin-left: 10px;}
    #content.pinfo{margin:10px;}
    .uiform .rows > .row{width:43.5%;}
    .forgotten .rows > .row{width:94%;}
    .product-center{width:95%;margin:0 auto;}
    /* step1 */
    .step1 .cart-list .items > .item{width:65%;}
    .step1 .cart-list .items > .totals{width:35%;}
    .step1 .cart-list .items .info{width:75%;}
    .step1 .cart-list .items .info li{line-height:25px;}
    .step1 .cart-list .items .info .title{width:auto;height:35px;display:block;margin-bottom:0px;}
    .step1 .cart-list .items .info .price{width:55%;height:25px;text-align: left;}
    .step1 .cart-list .items .info .quantity{width:45%;}
    /* step3 */
    .step3 .row.merge.address{max-width:47.4%;}
    .step3 .row.invoice2 .column{position: relative;left:0px;width: 77%;white-space: normal;}
    .step3 .row.invoice3 .column > input[type="text"]{max-width:38%;}
    .article .linkbar{flex-direction: row; margin: 20px 0 10px;}
    .article-about .dreamflb{width: 90%;flex-direction: row;align-items: flex-start;}
    .article-about .dreamcnnt p{width: 100%;}
    .article-about .dreamimgflb{width: 430px;flex-direction: column;}
    .article-about .dreamimg{margin: 35px 20px 0 0;}
    .article-about .dreamimgflb > div{margin-top: 20px;}
    .article-about .sourflb{margin-top: -400px;}
    .article-about .sourflb .wrap{width: 90%;align-items: flex-end;}
    .article-about .sourleft{width: 40%;}
    .article-about .sourtit{width: 100%;margin: 0 0 40px;}
    .article-about .sourtit::before {bottom: -40px;}
    .article-about .sourtit::after {bottom: -20px;}
    .article-about .sourleft p{max-width: 100%;}
    .article-park .parksetlr{align-items: flex-start;}
    .article-park .textblock{width: 85%;margin-top: 50px;}
}
@media (max-width: 870px) {
    /*header(small nav)*/
    #container{margin-top: 50px;}
    .slider-container{height: 600px;}
    header .toplogo img{margin: 0;display: none;}
    header .animate img{margin: 0; width: 52%;display: block;}
    header .navbar {flex-wrap: wrap; }
    header .toplogo.animate{margin-bottom: 0;justify-content: left;margin-top: 0;}
    header .search{margin: 13px 0 0 5px;display: none;}
    header .fbicon{margin: 0 5px 0 5px;}
    header ul.nav_menu {width: 100%;}
    header ul.nav_menu>li {clear: both;text-align: center;width: 100%;margin: 0;}
    header .nav_menu a {padding:0.3em;writing-mode: inherit; width: 100vw;display: inline-block;}
    header .nav_menu a::before {position: initial;}
    header .nav_menu > li.animate.selected{margin-top: 0;}
    header #nav-icon1{width: 30px;height: 30px;margin: 15px 12px 0px;position: relative;cursor: pointer;transform: rotate(0deg);}
    header #nav-icon1 span{display: block;background: #946356;height: 3px;width: 100%;border-radius: 9px;opacity: 1;position: absolute;left: 0;transform: rotate(0deg);transition: .25s ease-in-out;z-index: -1;}
    header #nav-icon1 span:nth-child(1) {top: 0px;}
    header #nav-icon1 span:nth-child(2) {top: 9px;}
    header #nav-icon1 span:nth-child(3) {top: 18px;}
    header #nav-icon1.open span:nth-child(1) {top: 18px;transform: rotate(135deg);}
    header #nav-icon1.open span:nth-child(2) {opacity: 0;left: -60px;}  
    header #nav-icon1.open span:nth-child(3) {top: 18px;transform: rotate(-135deg);}
    header .btn-dropdown {display: block;width: 30px;height: 30px;z-index: 2;}
    header .btn-dropdown:after {width: 60px;height: 45px;display: block;}
    header .dropdown-overlay {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;}
    header .nav{background: #3e5d4c;border-radius: 3px;position: absolute;width: 100vw;height: 0;text-align: center;top: 0;opacity: 0;visibility: hidden;z-index: -1;transform-origin: 0 0;transform:rotateX(-90deg);transition: all .3s;}
    header .dropdown-open:checked ~ .dropdown-inner {height: auto;top: 93%;opacity: 100;transform: rotateX(0deg);visibility: visible;}
    header .dropdown-open:checked ~ .dropdown-overlay {display: block;}
    .article-about .aboutpim{width: 95%;}
    .article-list .dateflb{width: 100px;}
    .article-list .ym{font-size: 15px;}
    .article-list .dat {font-size: 60px;}
    .remore{display: none;}
}
@media (max-width:850px){
    footer{background-position-y: calc(100vh - 660px);}
    footer .btomflb {padding: 15px 0 15px;}
    footer .textbox {margin: 0 25px;}
    footer .linkflb {margin: 5px 5px 5px;}
    .article-about .abtextflb{margin: 40px 0 0 18px;}
    .article-about .abtextflb p{margin: 25px 0 20px;}
    .article-about .aboutpim::after, 
    .article-about .aboutpim::before{top: -50px;}
    .article-about .aboutpim.animate::after,
    .article-about .aboutpim.animate::before{height: 350px;}
    .article-park .aflb a{display: inline-block;width: 35px;padding: 3px 6px;line-height: 20px;margin: 7px 0 20px;}
    .article .listbtn{width: 115px;}
}
@media (max-width:800px){
    .article-about .dreamflb{align-items: flex-end;}
    .article-about .proimg{}
    .article-about .sourflb{margin-top: 0;display: none;}
    .article-about .sourleft{width: 100%;}
    .article-about .proimg{width: 100%;}
}
@media (max-width:768px){
    /* uiform */
    .uiform{padding:10px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
    .uiform .rows{margin-left:0px;}
    .uiform .rows > .row{width:100%;margin-left:0px;}
    .uiform .row + .row.merge{margin:10px 0px 0px 0px;}
    /* account */
    #account{position:absolute;top:45px;left:0px;right:0px;bottom:0px;margin: 0px;padding-bottom:14px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
    #account > li{margin:14px 0px 0px 14px;}
    /* account-edit */
    .account-edit > .ui-table{width: 100%;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;height: auto;padding: 10px 10px;box-sizing: border-box;}
    .account-edit > .ui-table .name{width: 72px;}
    .account-edit > .ui-table .gender{display: block;}
    .account-edit > .ui-table > li{white-space: normal;margin-bottom: 0px;}
    .account-edit > .ui-table > li > div{width: 100%;margin-bottom: 20px;}
    .account-edit > .ui-table > li > div > .input-div{width:auto;margin-left: 84px;text-align: left;float: none;margin-right: 0px;}
    .account-edit > .ui-table > li > div > .input-div input[type="text"]{width: 100%;box-sizing: border-box;}
    .account-edit > .ui-table > li > .clear{margin-bottom: 0px;}
    .account-edit > .ui-table .adress-div{width:auto;margin-left: 267px;text-align: left;float: none;margin-right: 0px;}
    .account-edit > .ui-table input.address{width: 100%;box-sizing: border-box;}
    .account-edit > .ui-table .blockR{margin-left: 0px;}
    .account-edit > .buttom-action > .floatL{display: none;}
    .account-edit > .buttom-action > .floatR{float: none;text-align: center;margin: 0 10px;}
    .account-edit > .buttom-action > .floatR > .edit-btn{width: 100%;display: inline-block;box-sizing: border-box;}
    .account-edit > .ui-table .address.name > select{vertical-align: top;}
    .account-edit > .ui-table li.input-line{margin-bottom:20px;border-bottom:1px #DCDCDC solid;}
    .account-edit > .ui-table li.input-line > div{margin-bottom:0px;}
    /* password */
    .password{width: 100%;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;height: auto;padding: 10px 10px;box-sizing: border-box;}
    .password > li > div + div{width:auto;margin-left: 84px;text-align: left;float: none;margin-right: 0px;}
    .password > li > div > input[type="password"]{width: 100%;box-sizing: border-box;margin-left: 0px;}
    .password + .buttom-action .floatL{display: none;}
    .password + .buttom-action .floatR{float: none;text-align: center;margin: 0 10px;}
    .password + .buttom-action .floatR > .password-btn{width: 100%;display: inline-block;box-sizing: border-box;}
    /* step */
    .step + .uiform{position:relative;top:0px;bottom:0px;left:0px;right:0px;padding:0px;overflow:hidden;}
    /* step1 */
    .step1,.step2,.step3,.step4{position: absolute;top:45px;left:0px;right:0px;bottom:0px;padding:10px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;box-sizing: border-box;}
    /* step3 */
    .step3 .row.merge.address{max-width: none;}
    /* step4 */
    .step4 .pay-info > li{width:100%;}
    .step4 .pay-info > li + li{margin-top:20px;}
    .step4 .pay-info .payment .info > span{display:block;}
    .step4 .pay-info .payment .info > span + span{margin-left:0px;}
    .step4 .step4-action{text-align: center;}
    /* contact */
    .contact > .list{position: relative;z-index:100;}
    .contact .backmail{position: fixed;z-index:1;bottom:0px;right:0px;}
    /* wishlist */
    .wishlist .buttom-action .floatL{display: none;float: none;}
    .wishlist tbody td.thumb{text-align: center;}
    /* account-stored */
    .account-stored-dialog{width: 100%;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;height: auto;padding: 10px 10px;box-sizing: border-box;}
    .account-stored-dialog .stored-form > .form-list > div > .input-div > input[type="text"]{width: 100% !important;box-sizing: border-box;}
    /* order-list */
    .order-list .buttom-action .floatL{display: none;float: none;}
    /* order-info */
    .order-info{position:absolute;top:45px;bottom:0px;left:0px;right:0px;padding:10px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
    .order-info .uiform{position: static;}
    .order-info .report .rows > .row{width:49%;max-width:none;}
    .order-info .report .rows > .row + .row{margin-left:2%;}
    /* return-list */
    .return-list .buttom-action{display: none;float: none;}
    /* confirm-error */
    .confirm-error{width: 100%;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;height: auto;padding: 10px 10px;box-sizing: border-box;}
    .confirm-error .confirm > .info{height: auto;}
    .confirm-error .buttom-action .floatL{display: none;float: none;}
    .confirm-error .buttom-action .floatR{float: none;}
    .confirm-error .buttom-action .button{display: inline-block;width: 100%;box-sizing: border-box;text-align: center;}
    /* confirm-success */
    .confirm-success{width: 100%;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;height: auto;padding: 10px 10px;box-sizing: border-box;}
    .confirm-success .confirm > .info{height: auto;}
    .confirm-success .buttom-action .floatL{display: none;float: none;}
    .confirm-success .buttom-action .floatR{float: none;}
    .confirm-success .buttom-action .button{display: inline-block;width: 100%;box-sizing: border-box;text-align: center;}
    /* cart-module */
    .cart-module .heading,
    .cart-module .checkout,
    .cart-module .list > .remove{display:none;}
    .cart-module > ul > li{padding:5px 0px;}
    /* review-trems */
    .review-trems{width: 100%;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;height: auto;padding: 10px 10px;box-sizing: border-box;}
    .review-trems .button{padding: 20px;width: 100%;display: inline-block;font-size: 15px;margin-bottom: 10px;box-sizing: border-box;}
    /* review-form */
    .review-form .button{padding: 20px;width: 100%;display: inline-block;font-size: 15px;margin-bottom: 10px;box-sizing: border-box;}
    .review-form input[type="text"]{width: 100%;box-sizing: border-box;}
    .review-form .image{width: 80px;}
    .review-form th > .spacing{letter-spacing: 7.5px;}
}
@media (max-width:761px){
    .homenews .viewall, .homenews .viewalleff{width: 325px;margin: 5px;}
    .homenews .viewalleff{margin-left: -330px;}
}
@media (max-width:750px){
    .article-about .aboutflb,
    .article-about .warp{flex-direction: column;}
    .article-about .abtextflb{order: 2;width: 94%;margin: 40px 0 0 130px;align-self: flex-start;flex-shrink: 1;text-align: justify;}
    .article-about .warp{flex-direction: column;}
    .article-about .philosophypim.animate{order: 2;width: 90%;margin: -75px 0 0 90px;}
    .article-about .phytextflb{margin: 10px 10px 155px 90px;flex-shrink: 1;width: 90%;order: 3;}
    .article-about .phytitpim{transform: translate(0 ,0);order: 1;margin-top: -210px;align-self: flex-start;}
    .article-about .dreamflb{margin-top: -150px;}
    .article-make .blockflb{justify-content: center;}
    .article-make .makeflb .textflb {margin: -30px 0px 30px 30px;max-width: 70%;}
    .article-make .fasti .pimflb{display: none;}
    .article-make .textflb p {width:95%;}
    .article-park #parkset3 .imgflb{margin: 10px;flex-wrap: wrap;}
    .article-park .imgflb img {width: 49%;height: 49%;margin-top: 10px;}
}
@media (max-width:730px){
    .product-info > .product-desc > .product-buy{height:auto;}
    .product-buy > .floatR{float:left;    padding-top: 10px;clear: both;}
}
@media (max-width: 725px){
    .aboutus .titpic {left: -55px;margin: 35px 0 0;}
    .aboutus .titpic::after {display: none;}
    .aboutus .textflb{height: auto;}
    .aboutus .picblc{display: none;}
}
@media (max-width:700px){
    .article {width: 100%;}
    .article-park .textblock h1{font-size:25px;}
    .faq-list{width:90%}
    .fotobag{display:none!important}
    .article-park .titflb h1{font-size:25px;}
    .article .titpim{left: calc(50% - 135px);}
    .sorttotal .aflb a{width: 35px;padding: 3px 10px;}
    .article-list{width: 90%;display: flex;flex-direction: column;align-items: center;}
    .article-list > li{background: -webkit-linear-gradient(#F4EADE 25%, transparent 75%);background: linear-gradient(#F4EADE 25%, transparent 75%);flex-direction: column;max-width: 386px;}
    .article-list > li .info{margin: 10px 0 0;padding: 10px;box-sizing: border-box;}
    .article-list .info .titflb{width: 100%;}
    .article-list .dateflb{width: 153px;}
    .article-list .ym{font-size: 19px;}
    .article-list .info .name{width:12em}
    .article .title{padding:0 10px;}
    .article .description{width:92%}
    .article-list .dat {font-size: 70px;}
    .remore{display: inline-block;}
    .aboutbtnflb a{
            width: 35px;
    padding: 3px 10px;
    }
    .aboutbtnflb a:last-child{
        display: none;
    }
}
@media (max-width:670px){
    .article-contactus .iframe {margin: -86px auto 0;width: 93%;display: none;}
}
@media (max-width:660px){
    .article-park #parheader{padding-left: 0;}
    .article-park .aflb a{margin:7px 0 8px;}
}
@media (max-width:637px){
    .step .item.list > li{display: block;margin: 0px auto;}
    .step .step-text .list > li{width:70px;margin: 0px auto;text-align: center;line-height: 20px;}
    .step3 .row.invoice3 .column > input[type="text"]{max-width:35%;}
}
@media (max-width:650px){
    .article-about .dreamimg{display: none;}
}
@media (max-width:626px){
    .article-contactus .pim{display: none;}
}
@media (max-width:600px){
    .breadcrumb .banpic{height: 200px;}
    .product-info {flex-direction: column;}
    .product-info > .product-thumb{position: relative;width: 100%;}
    .product-info > .product-thumb > .image-additional{width:100%;height:auto;}
    .product-info > .product-thumb > .image-additional .swiper-slide > img{left: 0px;margin-left: 0px;width:100%;height:auto;}
    .product-info > .product-desc > .product-base{min-height: auto;padding-bottom:5px;}
    .product-info > .product-desc{padding-left: 0px;width: 100%;/*height: 550px;*/margin: 0;min-height: auto;}
    .product-detail > .share{display:none;}
    .product-buy > .floatR{float:right;    padding-top: 0px;    clear: none;}
    .story .picflb {height: 370px;width: 75%;}
    .story .titpic {height: 290px;margin: -100px 0 0 30px;}
    .story .picflb .pic{top: 100px;}
    .story .textflb{width: 95%;align-items: center;}
    .story .cnttflb{align-self: center;justify-content: center;flex: 1 1;width: 100%;}
    .story .tpflb {width: 90%;height: 300px;}
    .story .tpbox .pic.animate {height: 250px;}
    
    .article{top: -65px;}
    .about .titbar{display: none;}
    .about .tit{display: none;}
    .breadcrumb .pro .titbar, .breadcrumb .pro .th1, .breadcrumb .pro .tp{display: none;}
    .article .prevb a, .article .nextb a{width: 9em;}
    .article-park .textblock{padding:80px 40px 40px;}
}
@media (max-width: 550px){
    .slider-container .slide__text-heading {font-size: 45px;}
    .slider-container .slide__text{height: 80%;bottom: 0;position: relative;margin: 0 auto;writing-mode: inherit;}
    footer .footermark{display: none;}
    footer .h1flb{align-items: center; text-align: center;}
    .article-about .aboutflb{margin: 0;}
    .article-about .abtextflb{margin: 40px 10px 10px;align-self: center;}
    .article-about .warp{align-items: center;}
    .article-about .philosophypim.animate{margin: 0;}
    .article-about .phytextflb{margin: 10px;}
    .article-about .phytitpim{display: none;}
    .article-about .dreamflb{margin-top: 0px;}
}
@media (max-width:520px){
    .article-contactus .iconflb {flex-wrap: wrap;}
    .article-contactus .icbox {margin: 10px 7% 12%;}
    .article-park #parkset1 .textblock {background-position-y: 7%;}
    .article-park #parkset1 .textblock img{width: 100%;}
    .article-park #parkset2 .textblock {background-position-y: 8%;}
}
@media (max-width:500px){
    .step1 .cart-list .items > li{width:100%;height:auto;padding:0px;}
    .step1 .cart-list .items > .item{width:60%;}
    .step1 .cart-list .items > .totals{width:40%;}
    .step1 .cart-list .items .thumb{width:100px;height:100px;}
    .step1 .cart-list .items .info{margin-left:20px;width: auto;}
    .step1 .cart-list .items .info .list > li{display:block;width: auto;text-align: left;}
    .step1 .cart-list .items .info .title{height:50px;}
    .step1 .cart-list .items .info .price{height:25px;}
    .step1 .cart-list .items .info .quantity{height:25px;line-height: 25px;}
    .step1 .cart-list .items .info .quantity select{min-width:50px;height:23px;border:1px solid #ddd;}
    .step1 .cart-list .items .totals > .list{line-height:100px;}
    .step1 .cart-list .items .totals .remove div{width:30px;}
    /* step3 */
    .step3 .row.invoice2,.step3 .row.invoice3{white-space: normal;}
    .step3 .row.invoice2 label{width:100%;}
    .step3 .row.invoice2 .column{width:100%;}
    .step3 .row.invoice3 .column{position: relative;left:0px;}
    .step3 .row.invoice3 .column > label + input[type="text"]{margin:0px;}
    .step3 .row.invoice3 .column > input[type="text"] + input[type="text"]{margin-top:10px;}
    .step3 .row.invoice3 .column > input[type="text"]{max-width:100%;margin-left:0px;}
    .order-info .info > li{width:auto;margin-right:10px;}
    .order-info .payment-total .product-total{width:100%;float: none;}
    .order-info .payment-total .payment-data{width:100%;}
    .order-info .payment-total .payment-data table{width:100%;}
    .order-info .payment-total .payment-data a{width:100%;box-sizing:border-box;}
    .article-list .buttons{display: none;}
}
@media (max-width:480px){
    .homeProduct .productflb, .cProduct .productflb {margin: 5px 0px 0;width: 100%;}
    .homeProduct .propic, .cProduct .propic{width: 95%; margin: 0 auto}
    .homeProduct .mony p, .cProduct .mony p{margin: 18px -5px 6px;}
    .article-about .dreamimgflb, .article-about .ourimg{width: 100%;}
}
@media (max-width:450px){
    .article-make .ricpic{display: none;}
    .article-make .makeflb .textflb {margin: -30px auto 30px;max-width: 95%;}
    .article-make .titbar{display: none;}
    .article-make .fasti .textflb p{margin: 20px 10px;}
    .article-list > li{max-width: 95%;}
    .article-list .thumb{width: 100%;}
    .article-list .dateflb {text-align: center;}
    .article-list .titpic {width: 200px;}
}
@media (max-width:442px){
    /* step1 */
    .homeProduct .homeproCont, .cProduct .homeproCont{width: 100%;margin: 0 auto;}
    .step1 .cart-list{min-width:300px;}
    .step1 .cart-list .items:nth-child(even){background-color: #fff;}
    .step1 .cart-list .items > li{width:100%;height:auto;padding:0px;}
    .step1 .cart-list .items > li:nth-child(even){background-color: #fff;}
    .step1 .cart-list .items > .item{width:100%;}
    .step1 .cart-list .items > .totals{margin-top:10px;width:100%;height:30px;line-height: 30px;text-align: left;}
    .step1 .cart-list .items .totals > .list{background-color: #f2f2f2;line-height: 30px;}
    .step1 .cart-list .items .totals .total{width:85%;padding-left:120px;}
    .step1 .cart-list .items .totals .remove{width:15%;}
    .step1 .cart-list .items .totals .remove div{width:39px;height:30px;border-left:1px solid #ccc;}
    .order-info .report .rows{margin:0px;}
    .order-info .report .row{margin:0px;margin-bottom:10px;}
    .order-info .report .rows > .row{width:100%;max-width:none;margin:0px;margin-bottom:10px;}
    .order-info .report .rows > .row + .row{margin-left:0px;}
}
@media (max-width:425px){
    .article-park .titnav{margin-top: 25px;flex-direction: column-reverse;}
    .article-park .aflb{flex-direction: row;}
    .article-park .aflb a{display: inline-block;width: 35px;padding: 3px 6px;line-height: 20px;margin: 7px 0 20px;}
    .article-park #parheader p{margin: 36px 0 45px; margin-bottom: 0;}
    .article-park .textblock {padding: 80px 25px 25px;}
    .gallery-top{height: 300px;}
    .article-park #parkset4 h2{margin: 45px 0 20px;}
}
@media (max-width:414px){
    /* 右側廣告及公告區塊 */
    .horizontal > li{float: none;}
    /* 右側商品區塊 */
    .box{padding: 0;width: 100%;box-sizing: border-box;}
    /* footer */
    #footer_menu{display:block;}
    #footer .restrict{box-sizing: border-box;}
    #footer .footer_bar{display: none;}
    #footer .restrict > div > ul > li{display: block;margin: 5px 0;}
    #powered > .floatR{float: left;}
    #powered{padding: 20px 20px;background: #F2F2F2;margin-bottom:40px;}
    /* map */
    .sitemap{width:100%;}
    .sitemap > img{width:100% !important;height:auto !important;}
    /* product */
    .product-list .product-title-href > div{white-space: normal;}
    .product-list > li{height:auto;}
    .product-list > li .blockR{margin-left: 160px;}
    .product-list > li .image{margin-right: 10px;}
    .product-list .description{display: none;}
    .product-list .buttons{display: none;}
    .product-buy > .floatR{float:none;    padding-top: 10px;clear: both;    text-align: center;}
    /* contact */
    .contact-center{width:100%;}
    .mat-contact{margin:0 auto;}
    .contact-note{width:100%;height:auto;padding:0px;}
    .contact-note > .floatL{width:100%;float:none;padding-left:0;}
    .contact-note > .floatR{width:100%;height:auto;float:none;}
    .contact-note > .floatR > .note{margin-bottom: 15px;}
    .contact-form{width:100%;}
    .contact-form .top{width: 100%;margin-left: 0;}
    .contact-form .top li{width: 100%;margin-left: 0;}
    .contact-form .input-div.captcha{width: 100%;}
    .layout.buttonZone{text-align:center !important;width: 100%;}
    .contact-form a.button{padding: 6px 10px;}
    /* account-edit */
    .account-edit > .ui-table .name{padding-right: 0px;}
    .account-edit > .ui-table > li > div > .input-div{margin-left: 74px;}
    .account-edit > .ui-table .address.name{width: 100%;box-sizing: border-box;text-align: left;float: none;}
    .account-edit > .ui-table .adress-div{margin-left: 0px;}
    .account-edit > .ui-table select{width: 16.5%;}
    .account-edit > .ui-table .birth-div > select{width: 17%;margin-left: 6px;}
    .account-edit > .ui-table .birth-div > select + select{margin-left: 0px;}
    .account-edit > .ui-table span + select{margin-left: 0px;}
    .account-edit > .ui-table .address.name > select{width: 32%;margin-left: 7px;}
    .account-edit > .ui-table input.address{margin-top: 10px;}
    .account-edit > .ui-table select + select, .account-edit > .ui-table select + input, .account-edit > .ui-table select + span{margin-left: 0px;}
    /* step3 */
    .step3 .checkout .ui-table > li > div > div + div{margin-left: 68px;}
    .step3 .checkout .ui-table > li > .input-div{margin-left: 77px;}
    .step3 .checkout .ui-table > li > .input-div > .required{white-space: normal;}
    .step3 .checkout .ui-table > li > .input-div > .invoice-name-div{float: none;}
    .step3 .checkout .ui-table > li > .input-div > .invoice-input-div{margin-left: 0px;}
    .step3 .checkout .ui-table > li > .adress-select-div{float: none;}
    .step3 .checkout .ui-table > li > .adress-select-div > select{margin-left: 1px;width: 47%;}
    .step3 .checkout .ui-table > li > .adress-select-div > select + select{margin-left: 0px;}
    .step3 .checkout .ui-table > li > .adress-input-div{margin-left: 0px;}
    .step3 .checkout .name{padding-right: 0px;width: 68px;}
    .step3 .checkout .birth-div > select{width: 17%;margin-left: 4px;}
    .step3 .checkout .birth-div > select + span{margin-left: 0px;}
    /* cart */
    .cart-list td{padding: 0 7px;}
    .cart-list tbody td{line-height: 18px;}
    .cart-total table.payment-data{width: 100%;}
    /* wishlist */
    .wishlist thead td{line-height: 18px;}
    .wishlist tbody td.action i + i{margin-left: 0px;}
    /* account-stored*/
    .stored-form > .form-list .short-input{width: 173px !important;}
    .stored-form > .form-list > div > .short-div{float: none;}
    /* order-list */
    .order-list td{line-height: 18px;}
    /* order-info*/
    .order-info .payment-btn{float: none;display: inline-block;width: 100%;box-sizing: border-box;text-align: center;padding: 10px;}
    .order-info .payment-data{width: 100%;}
    .order-info .info{margin-bottom: 10px;}
    .order-info .info > div{float: none;margin-left: 0px !important;}
    .order-info .method > ul > li > span{display: block;margin-left: 0px;}
    .order-info .history > ul > li > span{display: block;margin-left: 0px;}
    /* return-list */
    .return-list td{line-height: 18px;}
    /* other */
    .sort > select{width: 125px;}
    table.list td{line-height: 18px;}
}
@media (max-width:400px){
    .homenews .newbox, .homenews .viewall, .homenews .viewalleff{width: 100%;}
    .homenews .neweff, .homenews .viewalleff{margin:-209px 0 0;}
    .article .prevb a, .article .nextb a{width: 45px;height: 45px;font-size: 0;}
    .article .titpim{left: calc(50% - 135px);}
}
@media (max-width:376px){
    .article-contactus .textflb{width: 95%;}
    .article-contactus .textflb p{width: 100%;margin: 20px auto 0;}
    .article-contactus .bar{margin: 13px auto;width: 100%;padding: 0 15px 0 45px;background-position-x: 10px;}
    .article-contactus .adrs{background-position-x: 14px;}
    .uiform .row .column {left: 90px;}
    .uiform .row .label {width: 90px;}
    .uiform .row .column_captcha {left: 170px;}
    .contact .row.sp2 > .button {margin: 20px auto 0 auto;}
}
@media (max-width:360px){
    footer {background-position-y: calc( 100vh - 500px);}
    footer .fotrLogo{margin: 5px auto;width: 80%;}
}
@media (max-width:350px){
    /*header*/
    header {flex-wrap: wrap;}
    header.animate {justify-content: flex-end;}
    /* header #nav-icon1.animate {margin: -38px 25px 0 35px;} */
}
@media (max-width:320px){
    /*header*/
    header .search{order: 2;}
    header .toplogo{order: 1;}
    /* header #nav-icon1{margin: -65px 25px 0 45px;} */
    /* header #nav-icon1.animate{margin: 20px 30px;} */
}
@media (max-width:290px){
    /* header .search.animate {margin: -15px 5px 15px;} */
    /* header #nav-icon1.animate {margin: -12px 10px 0 10px;} */
}
/* FF Hack */
@-moz-document url-prefix() { 
    .story .cnttflb {
        flex-direction: column;
    }
    .story .cnttflb p{
        writing-mode:horizontal-tb;
        margin: 5px 0;
    }
}