@import url(/template/pc/cn2016/css/cwtexhei.css);
    .cwT{font-family:"新細明体";}
/* Base */
html{overflow:-moz-scrollbars-vertical;}
body{background-color:#ffffff;visibility:visible;}
html,
body,
form,
input,
select{margin:0px;padding:0px;}
body,
td,
th,
input,
textarea,
select,
a{font-size:13px;}
body,
a{color:#505050;fill:#505050;font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;letter-spacing:1px;}
a{text-decoration:none;cursor:pointer;font-size:inherit;color:inherit;}
a.selected,
a:hover{color:#7f0019;}
a img{border:none;}
input:focus{outline:0;}
input[type='text'],
input[type='password']{padding:0px 5px;vertical-align:top;}
input[type='text'],
input[type='password'],
textarea,
select{border:1px solid #dcdcdc;}
input[type="radio"],
input[type="checkbox"],
select{cursor:pointer;vertical-align:middle;}
textarea{padding:5px;resize:none;box-sizing:border-box;background: #eee;border: none;border-radius: 5px;}
select{padding:2px;}
label{cursor:pointer;}
table.radio{width:100%;border-collapse:collapse;}
table.radio tr:hover{color:#7f0019;}
table.radio td{padding:0px 10px;text-align:center;line-height:39px;height:39px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
table.radio tr + tr td{border-top:0px;}
table.radio td.name{width:80px;}
table.radio td.gray{width:30px;background-color:#f5f5f5;}
table.radio td.note{text-align:left;}
table.list{width:100%;border-collapse:collapse;}
table.list td{padding:0px 5px;height:30px;line-height:1.6em;}
table.list > thead td{color:#4D4D4D;font-weight:bolder;background-color:#e5e5e5;}
table.list > tbody tr:hover{background-color:#f5f5f5;}
table.list > tbody td{border-bottom:1px solid #DCDCDC;}
/* svg */
svg{fill: currentColor;width:22px;height:22px;margin:0px;padding:0px;vertical-align: middle;}
/* outpatient */
table.list.outpatient td{box-sizing:border-box;line-height:22px;text-align:center;}
table.list.outpatient thead td{background-color:#FFFFFF;}
table.list.outpatient thead td.day1{background-color:#EEFDE2;}
table.list.outpatient thead td.day2{background-color:#FCEECA;}
table.list.outpatient thead td.day3{background-color:#FCCACA;}
table.list.outpatient tbody tr:hover{background-color:#FFFFFF;}
table.list.outpatient tbody td{position:relative;height:80px;}
table.list.outpatient tbody td.editor{background:#EFEFEF;}
table.list.outpatient tbody td .ckedit_line{position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:0px;padding:0px;}
/* 顏色 */
.fc1{color:#603127;fill:#603127;}
.fc2{color:#8C8C8C;fill:#8C8C8C;}
.fc3{color:#3e5d4c;fill:#3e5d4c;}
.fc4{color:#530010;fill:#530010;}
.fc5{color:#000000;fill:#000000;}
.fc6{color:#ffffff;fill:#ffffff;}
/* 大小 */
.fz1{font-size:11px;}
.fz2{font-size:13px;}
.fz3{font-size:15px;}
.fz4{font-size:17px;}
.fz5{font-size:19px;}
.fz6{font-size:21px;}
.fz-large{font-size:36px;}
body{margin: 0;-js-display: flex;display: flex;flex-direction: column;align-items: center;}
/*home main style*/
.btn{
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: url(/template/pc/cn2016/images/btnbg.png) no-repeat left top; */
    height:  50px;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 5px solid transparent;
    border-image: url('/template/pc/cn2016/images/btnborder.png') 5 round;
    color: #603127;
    font-size: 15px;
    font-weight: bold;
    transition: 0.5s ease-in-out;
}
.btn:hover{
    background: #603127;
    border-image: url('/template/pc/cn2016/images/btnborder_hover.png') 5 round;
    color: #fff;
}
.breadcrumb{width: 100%;padding: 0;}
.breadcrumb .banpic{width: 100%;height: 422px;}
.about .banpic{background: url(/template/pc/cn2016/images/banner.png) no-repeat 50% top;}
.breadcrumb .banpic.parkban{background: url(/template/pc/cn2016/images/park_banner.png) no-repeat 50% top;}
.breadcrumb .banpic.pro{background: url(/template/pc/cn2016/images/proucts_banner.png) no-repeat 50% top;}
.breadcrumb .pro .titbar{display: inline-block;position: relative;background: url(/template/pc/cn2016/images/proucts_bannerti.png)no-repeat 50% top, linear-gradient(transparent 40px ,#F4EADE 40px);width: 35px;height: 186px;left: calc(50% - 34.5%);top: 225px;}
.breadcrumb .pro .titbar::before{content: "";position: absolute;background: #F4EADE;width: 100%;height: 187px;left: calc(50% - 195%);top: -57px;}
.breadcrumb .banpic.faq{background: url(/template/pc/cn2016/images/QA_banner.png) no-repeat 50% top;}
.breadcrumb .banpic.make{background: url(/template/pc/cn2016/images/make_banner.png) no-repeat 50% top;}
.breadcrumb .banpic.contactus{background: url(/template/pc/cn2016/images/contact_banner.png) no-repeat 50% top;}
.breadcrumb .tit{display: inline-block;position: relative;background: url(/template/pc/cn2016/images/ti_icon.png) no-repeat 50% top;width: 60px;height: 60px;margin: -30px 0 0 0;left: calc(50vw - 30px)}
.breadcrumb h1{text-align: center;font-family: serif;font-weight: bolder;font-size: 34px;margin: 30px 0 0 0;}
.breadcrumb h2{position: relative;text-align: center;font-family: serif;font-weight: normal;font-style: italic;font-size: 20px;margin: 0 0 25px 0;overflow: hidden;}
.breadcrumb h2::after, .breadcrumb h2::before{content: "";position: absolute;background: url(/template/pc/cn2016/images/news_line.png) no-repeat 50% top;background-size: 100% 100%;width: 30%;height: 3px;top: calc(50% - 2px);}
.breadcrumb h2::after{left: calc(50% + 90px);}
.breadcrumb h2::before{right: calc(50% + 90px);}
.breadcrumb .pro .th1{left: calc(50% - 74.5%);position: relative;font-family: sans-serif;font-size: 28px;letter-spacing: 4px;font-weight: bolder;color: #fff;top: 0;margin: 14px 0 0;}
.breadcrumb .pro .tp{left: calc(50% - 30.5%);position: relative;margin: 27px 0 0;font-size: 15px;font-weight: bolder;font-family: sans-serif;line-height: 1.65em;color: #fff;display: inline-block;}
/* layout */
body.fixed{overflow:hidden;}
.restrict{width:100%;padding:0px;margin:0px auto;text-align:left;}
#container{margin-top: 125px; width: 100%; transition: 0.5s ease-in-out;}
#column-left{float:left;width:240px;margin-left:30px;}
#column-right{float:right;width:240px;margin-left:30px;}
#column-left + #column-right + #content,
#column-left + #content{margin-left:270px;padding:0px 30px;}
#column-right + #content{margin-right:270px;padding:0px 30px;}
.mobileslide{position:fixed;background-color:#fff;overflow:hidden;}
.mobileslide > .heading{position:relative;z-index:100;height:45px;line-height:45px;padding:0px 10px;font-weight:bold;background-color:#7f0019;}
.mobileslide > .heading .close{display:block;position:absolute;right:0px;top:0px;width:40px;height:45px;line-height:40px;}
.mobileslide > .heading .close .sprite{width:28px;height:28px;}
.mobileslide .search{position:absolute;left:0px;right:0px;bottom:0px;}
.mobileslide .search .sprite{position:absolute;top:3px;left:6px;}
.mobileslide .search input{height:30px;box-sizing:border-box;width:100%;padding-left:34px;}
/* header */
header .toplogo img{margin: 0 0 0 120px;}
header.navbar{position: fixed;top: 0;left: 0;background: url(/template/pc/cn2016/images/header_bg.png) no-repeat top left;background-size:100% 100%;width: 100vw;padding-top: 0.5em;margin-bottom: 0px;-js-display: flex;display: flex;flex-direction: row;align-items: flex-start;justify-content: space-around;z-index: 5;transition: all 0.5s ease-in-out;}
header.animate{padding-top: 0em;}
header .search{-js-display: flex;display: flex; order: 1; flex: 1 1 auto;margin: 22px 0 0 55px; order: 1;}
header .search.animate{flex: 4 1 auto; order: 2;}
header .icon{
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    position: relative; 
    margin: 0 5px;
    width:25px;
    height: 25px;
}
header .fbi{background-image: url(/template/pc/cn2016/images/fb_icon.png);}
header .lii{background-image: url(/template/pc/cn2016/images/li_icon.png);}
header .igi{background-image: url(/template/pc/cn2016/images/ig_icon.png);}
header .searchicon{background: url(/template/pc/cn2016/images/ser_icon.png) no-repeat 50% 50%;background-size: 100%;position: relative;width:25px;height: 25px;}
header .serbox{border-radius: 10px;width: 75px;border: none;}
header .serbox::placeholder {color: #acacac;}
header .toplogo{position: relative; -js-display: flex;display: flex;justify-content: center; flex: 3 1 auto;order: 2; margin: 5px 0px 15px 0px;order: 2;}
header .toplogo.animate{margin-bottom: 20px; flex: 1 1 auto; order: 1;}
header .nav{position: relative; order: 3; transition: all 0.5s ease-in-out;}
header #out_flex{margin-bottom: 0;flex: 1 0 auto;-js-display: flex;display: flex;justify-content: center;}
header #out_flex.animate{margin-bottom: -80px;}
header #nav-icon1{order: 3;}
header .nav_menu {display: inline-block;padding: 0;border: none;margin: 0;font-size: 13px;list-style: none;}
header .nav_menu li {position: relative;white-space: nowrap;margin: 0 15px;float: left;margin: 15px 15px 0\0;}
header .nav_menu li.animate a{background-color: #3e5d4c; color: #fff;}
header .nav_menu a {position: relative;padding:1.5em 0.3em 15px;line-height: 1.3em;letter-spacing: 4px;text-decoration: none;writing-mode: vertical-lr;transition: all .3s ease-out;font-size: 18px;font-weight: bold;}
header .nav_menu a::before{content: "─";position: absolute;top: 0.5em;}
header .nav_menu > li.selected,.nav_menu a:hover {color: #fff;background-color: #8B4513;transition: all 0.6s;}
header .nav_menu > li.animate.selected{background-color: #8B4513;margin-top:25px;}
header .nav_menu li.animate a:hover {background-color: #8B4513;}
/*banner*/
.slider-container {position: relative;width: 100%;height: 850px;margin-top:0px; user-select: none;cursor: all-scroll;overflow: hidden;}
.slider-container .slider-control {z-index: 2;position: absolute;top: 0;width: 12%;height: 95%;transition: opacity 0.3s;will-change: opacity;opacity: 0;}
.slider-container .slider-control.inactive:hover {cursor: auto;}
.slider-container .slider-control:not(.inactive):hover {opacity: 1;cursor: pointer;}
.slider-container .slider-control.left {left: 0;background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);}
.slider-container .slider-control.right {right: 0;background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);}
.slider-container .slider-pagi {position: absolute;z-index: 3;bottom: 15px;/*width: auto;left: 50%;transform: translateX(-50%);*/width: 100%;padding: 0;-js-display: flex; display: flex;justify-content: center;font-size: 0;list-style-type: none;}
.slider-container .slider-pagi__elem {position: relative;display: inline-block;vertical-align: top;width: 48px;height: 2px;margin: 0 0.5rem;background: #D2D2D2;border: 2px solid #D2D2D2;cursor: pointer;margin-top: 5px; }
.slider-container .slider-pagi__elem:before {content: "";position: absolute;left: 50%;top: 50%;width: 48px;height: 2px;background: #8DC73F;border: 2px solid #8DC73F;transition: transform 0.3s;transform: translate(-50%, -50%) scale(0);}
.slider-container .slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {transform: translate(-50%, -50%) scale(1);}
.slider-container .slider {z-index: 1;position: relative;height: 95%;}
.slider-container .slider.animating {transition: transform 0.5s;will-change: transform;}
.slider-container .slider.animating .slide__bg {transition: transform 0.5s;will-change: transform;}
.slider-container .slide {position: absolute;top: 0;width: 100%;height: 100%;overflow: hidden;}
.slider-container .slide.active .slide__text {opacity: 1;transform: translateX(0);}
.slider-container .slide__bg {position: absolute;top: 0;left: -50%;width: 100%;height: 100%;background-size: cover;background-repeat:no-repeat;background-position: 50% 50%; will-change: transform;}
.slider-container .slide__content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.slider-container .slide__text {-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;position: absolute;width: auto;height: 37%;bottom: 32%;right: 18%;color: #fff;writing-mode: tb;transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;will-change: transform, opacity;transform: translateY(-50%);opacity: 0;}
.slider-container .titp{margin: 0 2px;font-weight: bold;font-family: "微软正黑体";}
.slider-container .slide__text-heading {font-family: "Polar", Helvetica, Arial, sans-serif;font-size: 70px;margin: 0;}
.slider-container .slide__text-desc {font-family: "新細明体", Helvetica, Arial, sans-serif;line-height: 2em;letter-spacing: 3px;font-size: 15px;margin: 0;text-shadow: 0 0 15px #000; max-width:500px\0;}
.slider-container .slide__text-link {background: url(http://www.yntgstny.com/template/pc/cn2016/images/banner_titlelogo.png) no-repeat left top;background-size: 100% auto;display: block;width:70px;height:70px;margin:0 20px;position: relative;z-index: 5;}
/* footer */
footer {-js-display: flex;display: flex;flex-direction: column;background: url(/template/pc/cn2016/images/footer_bg01.png) no-repeat 50% bottom;background-attachment: fixed;width:100%;}
footer .fotobag{width: 100%;height: 310px;-js-display: flex;display: flex;align-items: center;justify-content: center;}
footer .footermark{background: url(/template/pc/cn2016/images/tiEN.png)no-repeat 50% 60px , linear-gradient(#603127 145px,transparent 145px);width: 35px;height: 240px;position: relative;margin-right: 60px;align-self: flex-start;}
footer .footermark::after{content: '';position: absolute;background: #603127;width: 35px;height: 145px;left: 50px;bottom: 10px;}
footer .h2flb{-js-display: flex;display: flex;flex-direction: column;justify-content: flex-start;align-self:center;}
footer .h2flb h2{color: #603127;font-weight: bold;font-family: '新細明体', 'serif';margin: 5px;font-size:2em;}
footer .btomflb{-js-display: flex;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;background: url(/template/pc/cn2016/images/footer_bg02.png) no-repeat left top;background-size: cover;padding: 35px 0 20px;}
footer .fotrLogo{background:url(/template/pc/cn2016/images/footer_logo.png) no-repeat left top;background-size: 100% auto;display: block;width: 290px;height: 80px;margin: 5px 20px 5px 5px;}
footer .textbox{-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;margin:0 5px;}
footer .fttextflb{-js-display: flex;display: flex;flex-wrap: wrap;}
footer .fttextflb p{color: #999;margin: 5px 0;}
footer .darkp{color: #333;line-height: 28px;text-decoration: none;transition: 0.5s ease-in-out;}
footer .darkp:hover{color: #202020;}
footer .flinkflb{-js-display: flex;display: flex;flex-wrap:wrap; margin: 1em 0;}
footer .flinkflb a{padding:  0 }
footer .iconlinkadd{background: url(/template/pc/cn2016/images/footer_mapicon.png)no-repeat left center;padding: 0 1.3em;margin: 0;}
footer .iconlinkpho{background: url(/template/pc/cn2016/images/footer_phoneicon.png)no-repeat left center;padding: 0 1.3em;margin: 0;}
footer .iconlinkema{background: url(/template/pc/cn2016/images/footer_mailicon.png)no-repeat left center;padding: 0 1.3em;margin: 0;}
footer .linkflb{display: none;margin: 40px 5px 5px;}
footer .linkflb a{width: 30px;height: 30px;}
footer .fbbtn{background: url(/template/pc/cn2016/images/footer_fb.png)no-repeat center center;}     
footer .ytbtn{background: url(/template/pc/cn2016/images/footer_yt.png)no-repeat center center;}
footer .ggbtn{background: url(/template/pc/cn2016/images/footer_g.png)no-repeat center center;}
footer .lnbtn{background: url(/template/pc/cn2016/images/footer_line.png)no-repeat center center;}
/*home aboutus*/
.aboutus{-js-display: flex;display: flex;align-items: center;justify-content: space-between;position: relative;width: 100%;height: 645px;background: #fff url(/template/pc/cn2016/images/ti_icon.png)no-repeat 50% calc(100% + -17px);}
.aboutus .picflb{background: url(/template/pc/cn2016/images/about_img02.png) no-repeat -45px top;width: 53%;height: 500px;}
.aboutus .picflb .pic{background: url(/template/pc/cn2016/images/about_img01.png) no-repeat center top;border: 1px solid #fff;background-size: cover;display: inline-block;width: 70%;max-width: 712px;height: 0px;margin-top: 20px;left: 26.7%;position: relative;transition: height 1s ease-in-out;}
.aboutus .picflb .pic.animate{height: 440px;}
.aboutus .picflb .pic::before{content: "";position: absolute;bottom: 0;width: 100%;height: 100%;background-color: #3e5d4c;transition: height 1s ease-in-out 1s;} 
.aboutus .picflb .pic.animate::before{height: 0%;}
.aboutus .titpic{background: url(/template/pc/cn2016/images/tiEN.png)no-repeat 50% 40px , linear-gradient(#F4EADE 132px,transparent 132px);width: 35px;height: 285px;position: relative;margin: 35px 60px 0;align-self: flex-start;}
.aboutus .titpic::after{content: '';position: absolute;background: #F4EADE;width: 35px;height: 200px;left: 55px;top: -100px;}
.aboutus .textflb{-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;width: 400px;height: 430px;font-family: "新細明体";margin: 0 10px 70px;}
.aboutus .tittflb{position: relative;}
.aboutus .tittflb::after{content: "";position: absolute;left: 0;bottom: 0;width: 60px;height: 1px;background: #3e5d4c;}
.aboutus .tittflb h2{color: #3e5d4c;font-weight: bold;letter-spacing: 3px;font-size:1.8em;}
.aboutus .cnttflb p{line-height: 1.8em;letter-spacing: 5px;font-size: 13px;color:#888;margin: 0;text-align:justify;}
.aboutus .cnttflb p.pmb{margin-bottom: 35px; max-width: 400px\0;}
.aboutus .textflb .btn{width: 200px;}
.aboutus .picblc{background: url(/template/pc/cn2016/images/about_img04.png) no-repeat right bottom;width: 18%;height: 345px;margin-bottom: 55px;align-self: flex-end;}
.aboutus .picblc .pic{background: url(/template/pc/cn2016/images/about_img03.png) no-repeat left top;display: block;border: 1px solid #fff;width: 82%;max-width: 283px;height: 0px;position: relative;transition: height 1.2s ease-in-out;}
.aboutus .picblc .pic.animate{height: 293px;}
.aboutus .picblc .pic::before{content: "";position: absolute;bottom: 0;width: 100%;height: 100%;background-color: #3e5d4c;transition: height 1.2s ease-in-out 1.2s;} 
.aboutus .picblc .pic.animate::before{height: 0%;}
/* home news */
.homenews {background: url(/template/pc/cn2016/images/ti_icon.png)no-repeat 50%  -27px,url(/template/pc/cn2016/images/new_bg.png);width: 100%;height: 625px;-js-display: flex;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.homenews .hntit{font-size: 28px;font-weight: bold;margin: -30px 0 30px;}
.homenews h2{color:#3e5d4c;margin: 0;font-size: 17px;font-weight: normal;font-family: serif;}
.homenews p{color: #000;font-size: 11px;}
.homenews .newsflb{width: 90%;max-width:1632px;-js-display: flex;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.homenews .viewall{margin: 5px;width: 660px;height: 205px;}
.homenews .viewall > h2{font-style: oblique;font-weight: bold;font-size: 20px;}
.homenews .viewalleff{background:url(http://www.yntgstny.com/template/pc/cn2016/images/new_imgVIEW.png) no-repeat center top;background-size: cover;margin:5px 5px 5px -665px;width: 660px;height: 205px;filter: grayscale(0%) opacity(1);transition: all 0.5s ease-out;}
.homenews .viewalleff.animate{filter: grayscale(100%) opacity(0.2);}
.homenews .viewall:hover + .homenews .viewalleff,.homenews .viewalleff:hover{filter:grayscale(0%) opacity(1);}
.homenews .newbox{width: 325px; height: 205px;margin: 5px;padding: 3.8%;box-sizing: border-box;text-align: center;}
.homenews .newtext{background-color: #fff;-js-display: flex;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.homenews .newtext h2{ margin: 0;}
.homenews .newsblock p{margin: 0;}
.homenews .neweff{background-size: cover;align-self: flex-start;margin-left:-330px;background-repeat: no-repeat; background-position: center top;filter:grayscale(0%) opacity(1);transition: all 0.5s ease-out;}
.homenews .neweff.animate{filter:grayscale(100%) opacity(0.15);}
.homenews .newtext:hover + .homenews .neweff,.homenews .neweff:hover{filter:grayscale(0%) opacity(1);}
/*home story*/
.story{-js-display: flex;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;position: relative;width: 100%;height: 645px;background: #fff url(/template/pc/cn2016/images/ti_icon.png)no-repeat 50% calc(100% + 28px);}
.story .picflb{background: url(/template/pc/cn2016/images/story_img02.png) no-repeat -45px 74%;width: 18%;height: 645px;}
.story .picflb .pic{background: url(/template/pc/cn2016/images/story_img01.jpg) no-repeat center top;display: inline-block;width: 85%;height: 0px;top: 228px;left: 15.7%;position: relative;transition: height 1s ease-in-out; background-size: cover;}
.story .picflb .pic.animate{height: 294px;}
.story .picflb .pic::before{content: "";position: absolute;bottom: 0;width: 100%;height: 100%;background-color: #3e5d4c;transition: height 1s ease-in-out 1s;} 
.story .picflb .pic.animate::before{height: 0%;}
.story .titpic{background: url(/template/pc/cn2016/images/tiEN.png)no-repeat 50% top , linear-gradient(transparent 100px,#F4EADE 100px);width: 35px;height: 290px;position: relative;margin: -160px 0 0 47px;align-self: flex-start;transition: all 0.5s ease-out;}
.story .titpic::after{content: '';position: absolute;background: #F4EADE;width: 35px;height: 188px;left: 55px;top: 52px;}
.story .textflb{-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;width: 300px;height: 485px;font-family: "新細明体";margin: 70px 10px 30px;}
.story .tittflb{position: relative;}
.story .tittflb::after{content: "";position: absolute;left: 0;bottom: 0;width: 60px;height: 1px;background: #3e5d4c;}
.story .tittflb h2{color: #3e5d4c;font-weight: bold;letter-spacing: 3px;font-size: 1.8em;}
.story .cnttflb{align-self: flex-end;-js-display: flex;display: flex;flex-direction: row-reverse;width: 100%;height: 205px;margin: 25px 0 0 0;flex-direction:column\0;justify-content: space-around\0;}
.story .cnttflb p{line-height: 1.8em;letter-spacing: 5px;font-size: 13px;color:#888;margin: 0;writing-mode: tb;writing-mode:vertical-rl;writing-mode:tb-rl;}
.story .cnttflb p.pmb{margin-right: 25px;text-align:justify;}
.story .textflb .btn{width: 200px;}
.story .tpflb{-js-display: flex;display: flex;align-items: flex-start;justify-content: space-around;width: 46%;height: 520px;margin: 0 145px 0 0;}
.story .tpbox{width: 32%;margin: -6px 5px 0;}
.story .tpbox .pic{display: block;width: 100%;height: 0px;position: relative;}
.story .tpbox .pic1{transition: height 1s ease-in-out;}
.story .tpbox .pic2{transition: height 0.8s ease-in-out;}
.story .tpbox .pic3{transition: height 1.2s ease-in-out;}
.story .tpbox .pic.animate{height: 500px;}
.story .tpbox .pic1{background: url(/template/pc/cn2016/images/story_img03.png) no-repeat 50% 50%;background-size:cover}
.story .tpbox .pic2{background: url(/template/pc/cn2016/images/story_img04.png) no-repeat 50% 50%;background-size:cover}
.story .tpbox .pic3{background: url(/template/pc/cn2016/images/story_img05.png) no-repeat 50% 50%;background-size:cover}
.story .tpbox .pic::before{content: "";position: absolute;bottom: 0;width: 100%;height: 100%;background-color: #3e5d4c;} 
.story .tpbox .pic1::before{transition: height 1s ease-in-out 1s;}
.story .tpbox .pic2::before{transition: height 0.8s ease-in-out 0.8s;}
.story .tpbox .pic3::before{transition: height 1.2s ease-in-out 1.2s;}
.story .tpbox .pic.animate::before{height: 0%;}
.story .tpbox p{text-align: center;color: #3e5d4c;}
.homeProduct{background: url(/template/pc/cn2016/images/ti_icon.png) no-repeat 50% -30px, linear-gradient(#eee 1px, transparent 2px, #eee 4px,transparent 5px);width: 100%;font-family: "新細明体", sans-serif;}
.homeProduct .homeprocont{-js-display: flex;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 1400px;margin: 0 auto;}
.homeProduct .hntit, .cProduct .hntit{position: relative; align-self: flex-start; font-size: 28px;font-weight: bold;margin: 65px 0 30px 45px;color: #3e5d4c;}
.homeProduct .hntit:after, .cProduct .hntit:after{content: "";position: absolute;left: 0;bottom: -15px;width: 60px;height: 1px;background: #3e5d4c;}
.homeProduct .conpflb, .cProduct .conpflb{align-self: flex-start; font-size: 15px;margin: 35px 0 25px 45px;color: #666;}
.homeProduct .conpflb > p, .cProduct .conpflb > p{margin: 5px 0 0;}
.homeProduct .homeproCont{-js-display: flex;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 100%\0;}
.homeProduct .productflb, .cProduct .productflb{-js-display: flex;display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 410px;width:28.3%;margin: 5px 25px 0;font-family: Microsoft JhengHei,sans-serif;}
.homeProduct .propic, .cProduct .propic{position: relative;align-self: flex-start;background-repeat: no-repeat;background-position: center top;background-size: cover;display: inline-block;width: 100%;height: 0px;transition: all 0.7s ease-out;}
.homeProduct .propic.animate, .cProduct .propic.animate{height: 300px;}
.homeProduct .propic::after, .cProduct .propic::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #3e5d4c;transition: all 0.7s ease-out 0.7s;}
.homeProduct .propic.animate::after, .cProduct .propic.animate::after{height: 0px;}
.homeProduct .problock, .cProduct .problock{background: #fff;-js-display: flex;display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;position: relative;top: 0;width: 100%;transition: all 5s ease-out;}
.homeProduct .aa, .cProduct .aa{-js-display: flex;display: flex;justify-content: center;align-items: flex-end;height: 105px;width: 50px;background: #8B4513;color: #fff;text-align: center;font-size: 15px;font-weight: bold;}
.homeProduct .aa > p, .cProduct .aa > p{border-bottom: 1px solid #fff;}
.homeProduct .textflb, .cProduct .textflb{-js-display: flex;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;width: 100%;transition: all 0.5s ease-in-out;}
.homeProduct .proname, .cProduct .proname{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 19px;color: #3e5d4c;margin: 13px 13px 4px;}
.homeProduct .proname + p, .cProduct .proname + p{margin: 0px 0px 0px 13px;font-size: 15px;letter-spacing: 0px;width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.homeProduct .mony, .cProduct .mony{-js-display: flex;display: flex;}
.homeProduct .mony h3, .cProduct .mony h3{margin: 13px 13px 6px;color: #3e5d4c;font-size: 18px;}
.homeProduct .mony p, .cProduct .mony p{display: inline-block;text-decoration: line-through;font-weight: bold;color: #999;margin: 18px 23px 6px;}
.homeProduct .btn{width: 183px;text-align: center; margin: 0 0 30px;}
/*cProduct*/
ul.cProduct {padding: 0px;}
.cProduct .homeproCont{width: 80%;max-width: 1530px;margin: 0 auto;-js-display: flex;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.cProduct .productflb {position: relative;margin-bottom: 20px;}
.homeProduct .propic > .rma, .cProduct  .propic > .rma{position: absolute;background: rgba(255,255,255,0.3) url(/template/pc/cn2016/images/readmore.png)no-repeat 50% 40%;top: 0;width: 100%;height: 0;transition: 0.5s ease-in-out;}   
.homeProduct .propic:hover > .rma, .cProduct  .propic:hover > .rma{height: 100%;}
/* notify */
.notify{position:relative;}
.notify > .layout{padding:8px 15px;margin-bottom:10px;line-height:24px;text-shadow:0 1px 0 rgba(255,255,255,0.3);border-radius:3px;border-width:5px;border-style:solid;background-color:#ffffff;}
.notify > .layout > .heading{font-weight:bold;}
.notify > .notify-remove{position:absolute;right:0px;top:0px;height:36px;text-align:center;width:36px;bottom:0px;margin:auto;}
.notify > .notify-remove svg{width:30px;height:30px;}
.notify > .layout.attention{color:#c09853;border-color:#fbeed5;}
.notify > .layout.attention + .notify-remove{display:none;}
.notify > .layout.success + .notify-remove,
.notify > .layout.success{color:#468847;border-color:#d6e9c6;}
.notify > .layout.info + .notify-remove,
.notify > .layout.info{color:#000000;border-color:#bce8f1;}
.notify > .layout.warning + .notify-remove,
.notify > .layout.warning{color:#b94a48;border-color:#eed3d7;}
.notify.popup > .layout{margin:0px;}
.notify.popup > .notify-remove{right:-10px;top:-10px;text-align:center;bottom:auto;height:24px;width:24px;background-color:#FFF;border-radius:50%;border-width:0px;border-style:solid;}
.notify.popup > .notify-remove svg{height:20px;width:20px;margin-top:1px;}
.notify.shadow{-webkit-filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));-moz-filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));-ms-filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));-o-filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));}
/* popup */
.overlay{position:fixed;display:none;z-index:999;top:0px;left:0px;width:100%;height:100%;background-image:url('/template/pc/cn2016/images/gray50.png');}
.overlay > .popup{position:absolute;z-index:1000;border:5px solid #DCDCDC;background-color:#ffffff;}
.overlay > .popup > .close{position:absolute;z-index:1002;cursor:pointer;top:-17px;right:-17px;width:30px;height:30px;background-image:url('/template/pc/cn2016/images/close.png');}
.overlay > .popup > .contenter{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;width:100%;-webkit-overflow-scrolling:touch;}
.overlay .contenter > .title{height:1.5em;line-height:1.5em;text-align:center;margin:60px 60px 10px 60px;}
.overlay .contenter > .title > span{position:relative;padding:0px 1em;font-size:15px;color:#a0a0a0;background-color:#ffffff;}
.overlay .contenter > .title > hr{margin-top:-10px;padding:0px;height:0px;border:none;border-bottom:1px solid #DCDCDC;}
.overlay .contenter > .content{margin:0px 60px 60px 60px;}
.overlay .contenter > .content > .heading{display:none;}
.overlay .content .title{line-height:30px;height:30px;margin-bottom:10px;color:#7f0019;font-weight:bolder;font-size:17px;}
.overlay .content .title [class^='icon-'],
.overlay .content .title [class*=' icon-']{vertical-align:-2px;}
.overlay .content .title span{margin-left:10px;}
/* tabs */
.htabs{height:30px;line-height:16px;}
.htabs a{padding:6px 15px;float:left;text-align:center;border-left:1px solid #ccc;border-right:1px solid #ccc;text-decoration:none;border-top:2px solid #ccc;}
.htabs a.selected{border-top-color:#7f0019;border-right-color:#ccc;background:#FFFFFF;}
.tab-content{padding:10px;border:1px solid #ccc;margin-top:-1px;background-color:#fff;}
/* box */
.box{position:relative;width:100%;}
.box + .box{margin-top:30px;}
.box.product{border-bottom:1px solid #dcdcdc;}
.box.product > .box-heading{height:40px;line-height:39px;padding:0px 10px 0px 20px;background-color:#7f0019;color:#FFFFFF;}
.box.product > .box-heading a{color:#FFFFFF;}
.box.product .box-content > li{position: relative;}
.box.product .box-content > li:hover .image{border-color:#7f0019;}
.box.product .box-content > li:hover .name a{color:#7f0019;font-weight:bolder;}
.box.product .box-content a.image{position:absolute;top:0px;bottom:30px;left:0px;right:0px;background-position:center center;background-repeat:no-repeat;background-size:contain;border:2px solid #dcdcdc;box-sizing: border-box;}
.box.product .box-content .name{position:absolute;bottom:0px;left:0px;right:0px;height:30px;line-height:30px;}
.box.product .wrap{margin:30px 0px;}
.box.product.singletab > .box-heading a:hover{color:#FFFFFF;}
.box.product.multtabs > .box-heading{height:40px;line-height:39px;padding:0px;}
.box.product.multtabs > .box-heading a{height:39px;line-height:39px;padding:0px 5px;text-align:center;display:inline-block;border-top:1px #7F0019 solid;}
.box.product.multtabs > .box-heading a + a{border-left:1px #FFF solid;}
.box.product.multtabs > .box-heading a:hover,
.box.product.multtabs > .box-heading a.selected{color:#7f0019;background-color:#FFFFFF;border-left:1px #7F0019 solid;}
.box.product.multtabs.clearfix .box-content{list-style:none;margin:0 0 0 -25px;padding:20px 0;}
/* box menu */
.box.menu.mobile{position:absolute;top:45px;left:0px;right:0px;bottom:60px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
.box.menu.mobile > .box-content{width:100%;height:100%;}
.box.menu.mobile > .box-content li{position:relative;overflow:hidden;}
.box.menu.mobile > .box-content ul li{padding-left:1em;}
.box.menu.mobile > .box-content a{padding-left:20px;line-height:39px;font-size:15px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.box.menu.mobile > .box-content li.selected + .child{display:block;}
.box.menu.mobile > .box-content > li.selected + .child{border-bottom:1px dotted #dcdcdc;}
.box.menu.mobile > .box-content .caret{position:absolute;top:0px;right:0px;width:20px;height:19px;line-height:19px;padding:10px;text-align:center;}
.box.menu.mobile > .box-content .caret + a{margin-right:40px;}
.box.menu.mobile > .box-content .child{display:none;}
.box.menu.mobile > .box-content .haschild{padding-left:1em;padding-right:40px;}
.box.menu.mobile > .box-content li.first{border-bottom:1px dotted #dcdcdc;}
.box.menu.mobile > .box-content li.first .caret{color:#666;font-size:14px;}
.box.menu.mobile > .box-content li.first .caret:hover{color:#7f0019;}
.box.menu.mobile > .box-content li.first.selected .caret{color:#7f0019;}
.box.menu.mobile > .box-content li.second:hover,
.box.menu.mobile > .box-content li.second.selected{background-color:#F2F2F2;}
.box.menu.mobile > .box-content li.selected a,
.box.menu.mobile > .box-content a:hover{color:#7f0019;}
/* type1 */
.box.menu.type1 > .box-heading{height:19px;font-weight:bold;border-bottom:1px solid #7f0019;}
.box.menu.type1 > .box-heading > .adorm{width:7px;border-top:3px solid #7f0019;}
.box.menu.type1 > .box-heading > .title{margin:0px 0px 0px 17px;line-height:1em;}
.box.menu.type1 > .box-content{list-style:none;margin:0px;padding:0px;width:240px;}
.box.menu.type1 > .box-content ul{margin:0px;padding:0px;list-style:none;}
.box.menu.type1 > .box-content li{position:relative;overflow:hidden;}
.box.menu.type1 > .box-content ul li{padding-left:1em;}
.box.menu.type1 > .box-content a{line-height:39px;font-size:15px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.box.menu.type1 > .box-content li.selected + .child{display:block;}
.box.menu.type1 > .box-content > li.selected + .child{border-bottom:1px dotted #dcdcdc;}
.box.menu.type1 > .box-content .caret{position:absolute;top:0px;right:0px;width:21px;height:21px;line-height:20px;margin:9px;text-align:center;}
.box.menu.type1 > .box-content .caret svg{fill:#b5b5b5;width:21px;height:21px;}
.box.menu.type1 > .box-content .child{display:none;}
.box.menu.type1 > .box-content .haschild{padding-right:40px;}
.box.menu.type1 > .box-content li.first{border-bottom:1px dotted #dcdcdc;}
.box.menu.type1 > .box-content li.first .caret:hover svg,
.box.menu.type1 > .box-content li.first.selected .caret svg{fill:#7f0019;}
.box.menu.type1 > .box-content li.second:hover svg,
.box.menu.type1 > .box-content li.second.selected svg{fill:#F2F2F2;}
.box.menu.type1 > .box-content li.selected a,
.box.menu.type1 > .box-content a:hover{color:#7f0019;}
/* type2 */
.box.menu.type2 > .box-heading{font-weight:bold;border-bottom:1px solid #7f0019;}
.box.menu.type2 > .box-heading > .adorm{width:7px;height:17px;margin-right:3px;border-top:3px solid #7f0019;}
.box.menu.type2 > .box-heading > .title{margin:0px 10px;line-height:1em;}
.box.menu.type2 > .box-heading > a > .more{padding:0px 4px;line-height:14px;font-weight:normal;background-color:#dcdcdc;}
.box.menu.type2 > .box-content a{display:block;font-size:11px;}
.box.menu.type2 > .box-content ul li{color:#505050;}
.box.menu.type2 > .box-content > ul{list-style:none;margin:0px;padding:0px;}
.box.menu.type2 > .box-content > ul > li{border-bottom:1px dotted #dcdcdc;}
.box.menu.type2 > .box-content > ul > li > a{line-height:39px;font-size:15px;font-weight:bolder;}
.box.menu.type2 > .box-content > ul ul{padding:0px;padding-left:20px;margin:0px;list-style:disc outside none;}
.box.menu.type2 > .box-content > ul ul > li{text-indent:-5px;}
.box.menu.type2 > .box-content > ul ul a{line-height:24px;}
.box.menu.type2 > .box-content ul > li:hover,
.box.menu.type2 > .box-content ul > li.selected,
.box.menu.type2 > .box-content ul > li:hover > a,
.box.menu.type2 > .box-content ul > li.selected > a{color:#7f0019;}
.box.menu.type2 > .box-content ul > li:hover > a,
.box.menu.type2 > .box-content ul > li.selected > a{font-weight:bolder;}
.box.menu.type3 > .box-heading{font-weight:bold;border-bottom:1px solid #7f0019;}
.box.menu.type3 > .box-heading > .adorm{width:7px;height:17px;margin-right:3px;border-top:3px solid #7f0019;}
.box.menu.type3 > .box-heading > .title{margin:0px 10px;line-height:1em;}
.box.menu.type3 > .box-heading > a > .more{padding:0px 4px;line-height:14px;font-weight:normal;background-color:#dcdcdc;}
.box.menu.type3 > .box-content > ul{list-style:none;margin:0px;padding:0px;}
.box.menu.type3 > .box-content a{display:block;font-size:11px;}
.box.menu.type3 > .box-content ul li{color:#505050;}
.box.menu.type3 > .box-content > ul > li{border-bottom:1px dotted #dcdcdc;}
.box.menu.type3 > .box-content > ul > li > a{line-height:34px;font-size:13px;font-weight:bolder;}
.box.menu.type3 > .box-content > ul ul{padding:0px;padding-left:20px;margin:0px;list-style:disc outside none;}
.box.menu.type3 > .box-content > ul ul > li{text-indent:-5px;}
.box.menu.type3 > .box-content > ul ul a{line-height:24px;}
.box.menu.type3 > .box-content ul > li:hover,
.box.menu.type3 > .box-content ul > li.selected,
.box.menu.type3 > .box-content ul > li:hover > a,
.box.menu.type3 > .box-content ul > li.selected > a{color:#7f0019;}
.box.menu.type3 > .box-content ul > li:hover > a,
.box.menu.type3 > .box-content ul > li.selected > a{font-weight:bolder;}
/* box plugs */
.box.plugs.type1 > .box-heading{font-weight:bold;border-bottom:1px solid #7f0019;}
.box.plugs.type1 > .box-heading > .adorm{width:7px;height:17px;margin-right:3px;border-top:3px solid #7f0019;}
.box.plugs.type1 > .box-heading > .title{margin:0px 10px;line-height:1em;}
.box.plugs.type1 > .box-heading > a > .more{padding:0px 4px;line-height:14px;font-weight:normal;background-color:#dcdcdc;}
.box.plugs.type1 > .box-content{list-style:none;margin:0px;padding:0px;line-height:21px;}
.box.plugs.type1 > .box-content a,
.box.plugs.type1 > .box-content div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.box.plugs.type1 > .box-content a{display:block;font-size:13px;font-weight:bolder;}
.box.plugs.type1 > .box-content li{padding:3px 0px;color:#505050;border-bottom:1px dashed #505050;}
.box.plugs.type1 > .box-content > li:hover,
.box.plugs.type1 > .box-content > li.selected,
.box.plugs.type1 > .box-content > li:hover > a,
.box.plugs.type1 > .box-content > li.selected > a{color:#7f0019;}
/* custom_block */
.custom_block{list-style:none;padding:0px;margin:0px;}
.horizontal > li{float:left;}
/* ui-table */
ul.ui-table{list-style:none;margin:0px;padding:0px;}
ul.ui-table > li{width:100%;line-height:30px;white-space:nowrap;}
/* breadcrumb */
breadcrumb{height:29px;margin-bottom:20px;color:#505050;border-bottom:1px solid #dcdcdc;}
breadcrumb a{font-size:11px;color:#505050;}
breadcrumb a:hover{color:#7f0019;}
/* banner */
.banner div{text-align:center;width:100%;display:none;}
.banner div img{margin-bottom:20px;}
/* step */
.step{display:table;width:100%;list-style:none;padding:0px;margin:20px 0px 30px 0px;}
.step > li{display:table-cell;width:25%;height:50px;white-space:nowrap;}
.step .step-text{margin:0px 10px;line-height:50px;}
/* step1 */
.step1 .title{line-height:30px;height:30px;margin-bottom:10px;color:#7f0019;font-weight:bolder;font-size:17px;}
.step1 .title .sprite{width:20px;height:20px;vertical-align:-3px;fill:#7f0019;}
.step1 .cart-payment,
.step1 .cart-clause,
.step1 .cart-shipping,
.step1 .cart-info{margin-bottom:25px;}
.step1 .cart-payment{width:50%;}
.step1 .cart-payment .list{margin:-40px 0px 0px -40px;}
.step1 .cart-payment .list > li{position:relative;width:140px;height:140px;margin:40px 0px 0px 40px;background-color:#e5e5e5;transition:background-color .5s ease;}
.step1 .cart-payment .list > li:hover,
.step1 .cart-payment .list > li.selected{color:#fff;background-color:#7f0019;}
.step1 .cart-payment .list .pay-icon{margin:20px auto 10px auto;}
.step1 .cart-payment .list .text{position:absolute;bottom:0px;line-height:40px;width:100%;}
.step1 .cart-clause{width:50%;}
.step1 .cart-list .items:nth-child(even){background-color:#e5e5e5;}
.step1 .cart-list .items{width:100%;}
.step1 .cart-list .items > li{height:80px;padding:10px 0px;box-sizing:border-box;}
.step1 .cart-list .items > .item{width:75%;overflow:hidden;}
.step1 .cart-list .items > .totals{width:25%;text-align:right;}
.step1 .cart-list .items .thumb{width:60px;height:60px;background:none center no-repeat;background-size:contain;}
.step1 .cart-list .items .thumb > a{display:block;width:100%;height:100%;}
.step1 .cart-list .items .info{margin-left:5%;width:84%;height:60px;}
.step1 .cart-list .items .info li{line-height:60px;}
.step1 .cart-list .items .info .title{width:48%;line-height:28px;}
.step1 .cart-list .items .info .price{width:30%;text-align:center;}
.step1 .cart-list .items .info .quantity{width:22%;text-align:right;}
.step1 .cart-list .items .info .quantity select{min-width:50px;height:23px;border:1px solid #ddd;}
.step1 .cart-list .items .totals > .list{height:100%;line-height:60px;}
.step1 .cart-list .items .totals .total{min-width:120px;color:#7f0019;box-sizing:border-box;}
.step1 .cart-list .items .totals .remove{width:40px;}
.step1 .cart-list .items .totals .remove div{width:40px;display:block;margin:0px 0px 0px auto;}
.step1 .cart-list .items .remove div > .icon-remove-sign{color:#999;cursor:pointer;vertical-align:top;}
.step1 .cart-list .items .remove div:hover > .icon-remove-sign{color:#7f0019;}
.step1 .cart-list .items + .items{margin-top:10px;}
.step1 .cart-total{margin-bottom:15px;line-height:28px;padding:0px 5px;color:#333;background-color:#e5e5e5;}
.step1 .cart-total .price{margin-left:10px;}
.step1 .cart-total .total .price{color:#7f0019;font-size:28px;font-weight:bold;}
/* step3 */
.step3 .row.merge{margin-left:10px;max-width:250px;}
.step3 .row.merge.address{max-width:750px;}
.step3 .row.invoice3{margin-top:10px;}
.step3 .row.invoice3 .column > input[type="text"]{max-width:250px;}
.step3 .row.invoice3 .column > label + input[type="text"]{margin-left:10px;}
.step3 .agree{padding-bottom:30px;margin:30px 0px;line-height:25px;border-bottom:1px solid #ccc;}
.step3 .notice{margin-bottom:30px;}
/* step4 */
.step4 .msg-info > li{line-height:1.4em;}
.step4 .pay-info{margin-top:20px;}
.step4 .pay-info > li{width:50%;}
.step4 .pay-info .payment > li{line-height:24px;}
.step4 .pay-info .payment .info > span + span{margin-left:20px;}
.step4 .pay-info .notice{margin-top:30px;line-height:150%;}
.step4 .step4-action{text-align:right;}
.step4 .step4-action > li{position:relative;width:140px;height:140px;background-color:#e5e5e5;transition:background-color .5s ease;}
.step4 .step4-action > li + li{margin-left:20px;}
.step4 .step4-action > li:hover,
.step4 .step4-action > li.selected{color:#fff;background-color:#7f0019;}
.step4 .step4-action .action-icon{margin:20px auto 10px auto;}
.step4 .step4-action .text{position:absolute;bottom:0px;line-height:40px;width:100%;}
/* login */
.login .rows > .row{max-width:340px;}
.login .leftblock{width:64.5%;}
.login .leftblock hr{margin:39px 0px 0px 0px;height:1px;background-color:#dcdcdc;border:none;}
.login .rightblock{width:30%;min-height:430px;margin-left:4.5%;border-left:1px solid #dcdcdc;}
.login .rightblock .desc{margin-left:10%;}
.login .rightblock .desc img{max-width:100%;}
/* register */
.register .rows > .row{max-width:340px;}
.register .leftblock{width:64.5%;}
.register .leftblock hr{margin:39px 0px 0px 0px;height:1px;background-color:#dcdcdc;border:none;}
.register .rightblock{width:30%;min-height:430px;margin-left:4.5%;border-left:1px solid #dcdcdc;}
.register .rightblock .desc{margin-left:10%;}
.register .rightblock .desc img{max-width:100%;}
/* forgotten */
.forgotten .rows > .row{max-width:92%;}
.forgotten .leftblock{width:64.5%;}
.forgotten .leftblock hr{margin:39px 0px 0px 0px;height:1px;background-color:#dcdcdc;border:none;}
.forgotten .rightblock{width:30%;min-height:330px;margin-left:4.5%;border-left:1px solid #dcdcdc;}
.forgotten .rightblock .desc{margin-left:10%;}
.forgotten .rightblock .desc img{max-width:100%;}
/* letter */
.letter{list-style:none;padding:0px;margin:0px;}
.letter .heading{height:40px;font-weight:bold;color:#000000;font-size:17px;}
.letter div.input{margin-bottom:20px;line-height:30px;height:30px;}
.letter input[type="text"]{width:268px;height:28px;}
.letter input.captcha{width:183px;margin-right:10px;vertical-align:top;}
.letter > li.insert{position:relative;width:310px;height:220px;float:left;}
.letter > li.insert a.button{padding:5px 10px;}
.letter > li.rightBlock{position:relative;width:310px;height:220px;margin-left:310px;border-left:1px dotted #d2d2d2;}
.letter > li.rightBlock .heading{margin-left:30px;}
.letter > li.rightBlock div.input{padding-left:30px;}
.letter > li.note{margin-top:20px;padding:15px 0px;border-top:1px solid #d2d2d2;}
.letter .letter-button{position:absolute;bottom:5px;width:310px;}
/* account */
#account{margin:-60px 0px 0px -60px;}
#account > li{margin:60px 0px 0px 60px;}
#account > li > a{display:block;width:140px;height:140px;padding:25px;box-sizing:border-box;background-color:#e5e5e5;transition:background-color .5s ease;}
#account > li > a .name{line-height:20px;transition:color .5s ease;}
#account > li > a:hover{background-color:#7f0019;}
#account > li > a:hover .name{color:#fff;}
#account div[class^='mat-']{margin:0px auto;}
/* account-password */
.editpawd .rows > .row{max-width:90%;}
/* account-edit */
.account-edit .rows > .row{max-width:340px;}
/* wishlist */
.wishlist > .items table{margin-bottom:15px;}
.wishlist > .items td{padding:0px 10px;text-align:center;}
.wishlist > .items thead td{white-space:nowrap;}
.wishlist > .items tbody td{padding:0px 10px;border-bottom:1px solid #DCDCDC;}
.wishlist > .items tbody td.thumb img{vertical-align:top;}
.wishlist > .items tbody td.action i + i{margin-left:10px;}
.wishlist > .items .icon-remove-sign,
.wishlist > .list .icon-plus-sign-alt{color:#dcdcdc;cursor:pointer;}
.wishlist > .items .icon-remove-sign:hover,
.wishlist > .list .icon-plus-sign-alt:hover{color:#7f0019;}
.wishlist .button{padding:10px 30px;line-height:40px;}
/* cart-module */
.cart-module .heading,
.cart-module .checkout{display:none;}
.cart-module{max-height:400px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.cart-module > ul > li{height:50px;padding:15px 0px;margin:0px 10px;}
.cart-module > ul > li + li{padding-top:14px;border-top:1px solid #dcdcdc;}
.cart-module > ul ul > li{height:50px;}
.cart-module .remove{width:30px;line-height:50px;}
.cart-module .image img{vertical-align:middle;}
.cart-module .description{position:relative;margin:0px 5px 0px 10px;width:168px;}
/* order */
.order-list table{margin-bottom:15px;}
.order-list td{padding:0px 10px;height:29px;text-align:center;white-space:nowrap;}
.order-list tbody td{padding:0px 10px;border-bottom:1px solid #DCDCDC;}
.order-list tbody td.total{color:#7f0019;font-weight:bolder;}
.order-list tbody .action svg{width:20px;height:20px;}
.order-list tbody .action a + a{margin-left:10px;}
.order-list .button{padding:10px 30px;line-height:40px;}
.order-info .date > li{line-height:30px;}
.order-info .date .order-id{width:35%;}
.order-info .date .datetime{width:65%;text-align:right;}
.order-info .info > li{width:33.3%;line-height:30px;}
.order-info .report{margin:20px 0px;padding:10px;background-color:#f2f2f2;}
.order-info .report .rows > .row{max-width:345px;}
.order-info .report .row.multi{margin-bottom:20px;}
.order-info .report .button{display:inline-block;width:120px;height:30px;line-height:30px;}
.order-info .products{margin-bottom:15px;}
.order-info .products > .name{line-height:40px;}
.order-info .products > .list td{line-height:1.6em;}
.order-info .products > .list thead td{white-space:nowrap;}
.order-info .payment-total{position:relative;margin-bottom:15px;}
.order-info .payment-total .product-total{width:49%;}
.order-info .payment-total .product-total table{margin:0px 0px 0px auto;}
.order-info .payment-total .product-total table .total td{border-top:1px dashed #7f0019;padding:20px 0px 10px 0px;}
.order-info .payment-total .product-total table .total .price{color:#7f0019;font-size:28px;font-weight:bold;}
.order-info .payment-total .payment-data{width:50%;}
.order-info .payment-total .payment-data .button{padding:5px 10px;display:inline-block;}
.order-info .payment-total .payment-data table{padding:5px;background-color:#f2f2f2;}
.order-info .payment-total .payment-data table .text{white-space:nowrap;}
.order-info .payment-total .payment-data table .value{word-break:break-all;}
.order-info .payment-method{border-top:1px solid #DCDCDC;padding:20px 0px;}
.order-info .payment-method > li{margin-right:20px;line-height:1.6em;}
.order-info .shipping-method{border-top:1px dashed #DCDCDC;padding:20px 0px;}
.order-info .shipping-method > li{margin-right:20px;line-height:1.6em;}
.order-info .history li{margin-right:20px;line-height:1.6em;}
.order-info .history ul + ul{margin-top:20px;padding-top:20px;border-top:1px dashed #DCDCDC;}
.order-info .note,
.order-info .history{padding:20px 0px;}
.order-info .note,
.order-info .history{border-top:1px solid #DCDCDC;word-break:break-all;}
/* order-print */
.order-print{background-color:#fff;}
.order-print table{border-collapse:collapse;}
.order-print .services{width:100%;height:70px;margin-bottom:20px;}
.order-print .services .logo{width:240px;height:70px;background:url('/template/pc/cn2016/images/order_logo.png') 0px center no-repeat;}
.order-print .services .sinfo > li{line-height:23px;height:23px;}
.order-print .oinfo{width:100%;}
.order-print .oinfo td{line-height:25px;height:25px;}
.order-print .block{margin-top:20px;padding-top:20px;border-top:1px solid #d2d2d2;}
.order-print .input{line-height:30px;height:30px;overflow:hidden;}
.order-print .product{width:100%;padding-bottom:20px;}
.order-print .cart-list{width:100%;}
.order-print .cart-list td{height:40px;line-height:40px;}
.order-print .cart-total{padding-top:20px;margin-top:20px;border-top:1px solid #000000;}
.order-print .cart-total td{height:25px;line-height:25px;}
.order-print .noitem{background:none;text-align:center;line-height:70px;}
.order-print .payment > .input{margin-right:70px;}
.order-print .method-shipping{margin-top:20px;padding-top:20px;border-top:1px dashed #d2d2d2;}
/* return */
.return-list table{width:100%;margin-bottom:15px;color:#000000;border-collapse:collapse;}
.return-list td{padding:0px 10px;text-align:center;line-height:29px;height:30px;}
.return-list thead td{color:#4D4D4D;font-weight:bolder;background-color:#e5e5e5;}
.return-list tbody td{padding:10px;border-bottom:1px solid #DDDDDD;}
.return-list .icon-file-text{color:#dcdcdc;cursor:pointer;}
.return-list .icon-file-text:hover{color:#7f0019;}
.return-add{line-height:30px;}
.return-product table{width:100%;margin-bottom:30px;color:#000000;border-collapse:collapse;}
.return-product td{padding:0px 10px;line-height:29px;height:30px;}
.return-product thead td{color:#4D4D4D;text-align:center;font-weight:bolder;background-color:#e5e5e5;}
.return-product thead .quantity{width:80px;}
.return-product tbody td{padding:5px 10px;border-bottom:1px solid #DDDDDD;}
.return-product tbody .checkbox{width:15px;height:15px;}
.return-order table{width:100%;margin-bottom:30px;color:#000000;border-collapse:collapse;}
.return-order td{padding:0px 10px;line-height:29px;height:30px;}
.return-order thead td{color:#4D4D4D;text-align:center;font-weight:bolder;background-color:#e5e5e5;width:20%;}
.return-order tbody td{padding:5px 10px;border-bottom:1px solid #DDDDDD;}
.return-form li + li{margin-left:20px;}
.return-form select{margin:0px 10px;padding:3px;}
.return-form .content > li{height:150px;}
.return-form .content textarea{height:150px;width:100%;box-sizing:border-box;}
.return-form{margin-bottom:30px;}
.return-history table{width:100%;margin-bottom:30px;color:#000000;border-collapse:collapse;}
.return-history td{padding:0px 10px;line-height:29px;height:30px;}
.return-history thead td{color:#4D4D4D;text-align:center;font-weight:bolder;background-color:#e5e5e5;}
.return-history tbody td{padding:5px 10px;border-bottom:1px solid #DDDDDD;}
.return-history thead .date{width:135px;}
.return-history thead .status{width:90px;}
/* stored */
.stored-form .input-line{border-bottom:1px #DCDCDC solid;}
.stored-form > .form-note{line-height:24px;}
.stored-form > .form-list > div{line-height:30px;}
.stored-form > .form-list > div + div{margin-top:10px;}
.stored-form > .form-list span.name{display:inline-block;width:110px;}
.stored-form > .form-list input[type="text"]{height:28px;line-height:28px;border:0px;}
.stored-form > .form-list > div > div{float:left;}
.stored-form > .form-list > div > div + div{float:none;width:auto;margin-left:115px;}
.stored-form > .form-list > .account-note{margin-top:0px;}
/* checkout */
.checkout{font-size:15px;}
.checkout .ui-table > li{margin-bottom:20px;}
.checkout .ui-table > li .gender{display:none;}
.checkout .float-div{width:300px;}
.checkout .input-line{border-bottom:1px #DCDCDC solid;}
.checkout .blockR{margin-left:325px;}
.checkout select{line-height:30px;height:30px;width:80px;border:0px;}
.checkout select + select,
.checkout select + input,
.checkout select + span{margin-left:10px;}
.checkout span + select{margin-left:5px;}
.checkout input[type="text"],
.checkout input[type="password"]{width:208px;height:28px;border:0px;}
.checkout .name{width:70px;padding-right:10px;text-align:left;}
.checkout input.address{width:352px;}
.checkout .invoice{margin-left:10px;}
.step3 .checkout .ui-table > li > .adress-select-div{width:246px;float:left;}
.step3 .checkout .ui-table > li > .adress-select-div > select{float:none;}
.step3 .checkout .ui-table > li > .adress-input-div{margin-left:260px;}
.step3 .checkout .ui-table > li > .input-div > .invoice-name-div{width:95px;float:left;}
.step3 .checkout .ui-table > li > .input-div > .invoice-input-div{margin-left:95px;}
.step3 .checkout .ui-table > li > .input-div > .invoice-input-div input[type="text"]{width:201px;border:0px;border-bottom:1px #DCDCDC solid;}
/* inquiry_form */
.inquiry_form{margin:30px 0px;}
.inquiry_form .ui-table > li{margin-bottom:20px;}
.inquiry_form .blockR{margin-left:340px;}
.inquiry_form input[type="text"]{width:208px;height:28px;}
.inquiry_form .name{width:70px;padding-right:10px;text-align:right;}
/* confirm */
.confirm{list-style:none;padding:0px;margin:0px 0px 20px 0px;line-height:20px;}
.confirm > .info{position:relative;height:110px;}
.confirm > .info > .image{width:140px;height:110px;text-align:center;}
.confirm > .info > .blockR{list-style:none;padding:0px;margin:0px;padding-top:5px;margin-left:140px;overflow:hidden;}
.confirm > .info > .blockR > li{line-height:20px;}
.confirm > .info > .online_pay{position:absolute;top:38px;right:0px;}
.confirm > .info > .blockR .message{line-height:35px;font-size:30px;color:#7f0019;font-weight:bolder;}
.confirm > .list > .cart-total{margin-bottom:20px;border-bottom:1px solid #DDDDDD;}
.confirm > .payment table{width:100%;margin-bottom:30px;border-collapse:collapse;}
.confirm > .payment td{padding:0px 10px;}
.confirm > .payment thead td{line-height:30px;height:30px;color:#000000;font-weight:bolder;background-color:#e5e5e5;}
.confirm > .payment thead td.name{width:140px;}
.confirm > .payment tbody td{line-height:39px;height:39px;border-bottom:1px solid #DDDDDD;color:#000000;}
.confirm > .payment tbody td + td{border-left:1px solid #DDDDDD;}
.confirm > .payment tbody .total{color:#7f0019;font-weight:bolder;}
/* pagination */
.pagination{line-height:28px;text-align:center;margin: 50px 0 130px;}
.pagination svg{margin-bottom: 4px;}
.pagination a{color:#603127;background-color:#fff;}
.pagination a:hover{background-color: #F4EADE;}
.pagination b{color:#fff;background-color:#603127;}
.pagination a,
.pagination b{min-width:40px;height:30px;display:inline-block;box-sizing: border-box;vertical-align:top;text-decoration:none;}
.pagination a + a,
.pagination b + b,
.pagination a + b,
.pagination b + a{margin-left:-1px;}
.pagination a:first-child,
.pagination b:first-child{border-radius:5px 0px 0px 5px; background-color:#fff; }
.pagination a:last-child,
.pagination b:last-child{border-radius:0px 5px 5px 0px; background-color:#fff; }
.pagination a:first-child, .pagination a:last-child{color: #717171;}
.pagination a:first-child:hover, .pagination a:last-child:hover{background-color: #F4EADE;}
.pagination b:first-child, .pagination b:last-child{color: #ddd;}
/* LIU */
.aboutbtnflb{
    width:1260px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 42px auto 100px;
    flex-wrap: wrap;
    }
    .aboutbtnflb a{
        padding: 0 40px;
        line-height: 25px;
        border: 1px solid #d2d2d2;
        background: #fff;
        font-size: 15px;
        color: #603127;
        margin:10px 0 0;
        transition: 0.3s ease-in-out;
        }
        .aboutbtnflb a.act{
            background: #603127;
            color: #fff;
        }
        .aboutbtnflb a:hover{
            border: 1px solid #603127;
            color: #fff;
            background: #603127;
        }
        .aboutbtnflb a + a{
            margin-left: 10px;
        }
.about .tit{left: calc(18vw - 40px);}
.about .titbar{display: inline-block;position: relative;background: url(/template/pc/cn2016/images/banner_ti.png)no-repeat 50% top,linear-gradient(transparent 150px ,#F4EADE 150px);width: 35px;height: 280px;left: calc(50% - 43%);margin-top: -275px;top: 60px;}
.about .titbar::before{content: "";position: absolute;background: #F4EADE;width: 100%;height: 195px;left: calc(50% + 100%);top: 50px;}
.article-about p {line-height: 1.8em;letter-spacing: 2px;font-size: 14px;color: #888;font-family:"新細明体";}
.article-about{width: 100%;-js-display: flex;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.article-about .aboutflb{-js-display: flex;display: flex;align-items: center;justify-content: space-between;width: 1350px;margin: 0 0 50px;}
.article-about .abtextflb{-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;width: 395px;margin: 0 0 0 18px;text-align: justify;}
.article-about .abtextflb h2{margin: 10px 2px 0;color: #603127;font-family: sans-serif;letter-spacing: 3px;font-size: 2em;}
.article-about .abtextflb p{line-height: 1.8em;letter-spacing: 3px;font-size: 14px;color:#888;margin: 75px  0 20px;max-width: 390px\0;}
.article-about .abtextflb p:last-child{margin: 10px  0 20px;}
.article-about .aboutpim{position: relative;background: url(/template/pc/cn2016/images/about_img1bg.png)no-repeat 50% top;width: 870px;height: 255px;top: -40px;}
.article-about .aboutpim::after,
.article-about .aboutpim::before{content: "";position: absolute;width: 90%;left: calc(50% - 45%);top: -150px;}
.article-about .aboutpim::after{background: url(/template/pc/cn2016/images/about_img1.png)no-repeat 50% top;height: 0;transition: 0.6s ease-in-out 0.6s;background-size: cover;}
.article-about .aboutpim::before{background: #603127;height: 0;transition: 0.6s ease-in-out;}
.article-about .aboutpim.animate::after{height: 470px;}
.article-about .aboutpim.animate::before{height: 465px;}
.article-about .philosophyflb{background: url(http://www.yntgstny.com/template/pc/cn2016/images/about_img3.png) no-repeat calc(100% - 17%) calc(100% - 60px),url(/template/pc/cn2016/images/about_li.png)no-repeat 50% top,url(/template/pc/cn2016/images/about_img2bg.png)no-repeat 50% top;width: 100%;}
.article-about .warp{-js-display: flex;display: flex;align-items: flex-start;justify-content: flex-start;width: 1350px;margin: 0 auto;}
.article-about .philosophypim{position: relative;background: url(/template/pc/cn2016/images/about_img2.png)no-repeat 50% top;width: 585px;height: 0px;transition: 0.8s ease-in-out ;}
.article-about .philosophypim.animate{height: 325px;}
.article-about .philosophypim::before{content: "";position: absolute;background: #603127;width: 100%;height: 100%;left: 0;bottom: 0px;transition: 0.8s ease-in-out 0.8s;}
.article-about .philosophypim.animate::before{height: 0;}
.article-about .phytextflb{-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;margin: 80px 50px 0 50px;width: 420px;}
.article-about .phytextflb p{line-height: 1.8em;letter-spacing: 4px;font-size: 14px;color:#A07A53;margin: 20px  0 10px;max-width: 420px\0;}
.article-about .phytitpim{background: url(/template/pc/cn2016/images/phy_tit.png)no-repeat 50% top;width: 145px;height: 365px;transform: translate(0 ,-55%);}
.article-about .dreamflb{-js-display: flex;display: flex;align-items: flex-end;justify-content: space-between;width: 1340px;margin: 0 0 80px;}
.article-about .dreamcnnt{-js-display: flex;display: flex;flex-direction: column;}
.article-about .dreamtit{position: relative;background:url(/template/pc/cn2016/images/about_ti2.png)no-repeat left top;width: 100%;height: 175px;margin: 0 0 21px 0;}
.article-about .dreamtit::before{content: "Company Development";font-style: italic;text-align: right;color: #999;font-size: 5px;font-family: serif;letter-spacing: 1px;position: absolute;width: 75%;left: 52px;bottom: 1px;}
.article-about .dreamtit::after{content: "";position: absolute;width: 75%;height: 1px;background: #999;left: 52px;bottom: 25px;}
.article-about .dreamcnnt p{max-width:690px;}
.article-about .dreamimgflb{-js-display: flex;display: flex;}
.article-about .ourimg{background:url(/template/pc/cn2016/images/about_2img.png)no-repeat 50% top;width: 427px;height: 249px;}
.article-about .proimg{background:url(/template/pc/cn2016/images/about_2img2.png)no-repeat 50% top;width: 418px;height: 249px;}
.article-about .dreamimg{position: relative;background:url(/template/pc/cn2016/images/about_2img3.png)no-repeat 50% top;width: 433px;height: 571px;}
.article-about .sourflb{background: url(http://www.yntgstny.com/template/pc/cn2016/images/about_2img5_2.png)no-repeat 104% 30%;margin:0;width: 100%;}
.article-about .sourflb .wrap{-js-display: flex;display: flex;justify-content: space-between;width: 1340px;margin: 0 auto;}
.article-about .sourleft{-js-display: flex;display: flex;flex-direction: column;}
.article-about .sourtit{position: relative;background:url(/template/pc/cn2016/images/about_ti3.png)no-repeat left top;width: 100%;height: 190px;margin: 0 0 165px;}
.article-about .sourtit::before{content: "Enterprise Architecture";font-style: italic;text-align: left;color: #999;font-size: 5px;font-family: serif;letter-spacing: 1px;position: absolute;width: 100%;left: 0;bottom: -81px;}
.article-about .sourtit::after{content: "";position: absolute;width: 100%;height: 1px;background: #999;left: 0;bottom: -43px;}
.article-about .sourleft p{max-width: 260px;}
.article-about .souright{-js-display: flex;display: flex;flex-direction: column;}
.article-about .sourimg{background:url(/template/pc/cn2016/images/about_2img4.png)no-repeat 50% top;width: 1043px;height: 520px;margin: 50px 0 0;}
.article-about .sourtextflb{-js-display: flex;display: flex;justify-content: space-between;margin: 35px 0 0;}
.article-about .sourtextflb p{max-width: 470px;}
/* =================||MAKE-VIEWBOX||====================== */
.article-make .viewbox::before{content: "";background: #603127;position: absolute;height: 100%;width: 100%;bottom: 0;left: 0;}
.article-make .viewbox.animate::before{height: 0%;}
/* MAKE */
.article-make{width: 100%;max-width: 1920px;-js-display: flex;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;} 
.article-make .makeflb{-js-display: flex;display: flex;align-items: flex-start;justify-content: flex-start;width: 100%;max-width: 1920px;min-height: 560px;}
.article-make .blockflb{-js-display: flex;display: flex;align-items: flex-start;justify-content: flex-start;}
.article-make .picflb{background: url(/template/pc/cn2016/images/make_img2bg.png) no-repeat 45% top;height: 451px;-js-display: flex; display: flex;align-items: center;justify-content: center;margin: 58px 0 0;}
.article-make .ricpic{position: relative;background: url(/template/pc/cn2016/images/make_img2.png) no-repeat 50% top;width: 540px;height: 0px;top: -150px;transition: 0.8s ease-in-out;}
.article-make .ricpic.animate{height: 300px;top: 0;}
.article-make .ricpic::before{transition: 0.8s ease-in-out 0.8s;}
.article-make .cerpic{position: relative;background: url(/template/pc/cn2016/images/make_img1.png) no-repeat 50% top;width: 440px;height: 0px;top: -185px;transition: 0.6s ease-in-out;}
.article-make .cerpic.animate{height: 370px;top: 0;}
.article-make .cerpic::before{transition: 0.6s ease-in-out 0.6s;}
.article-make .makeflb .textflb{-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;max-width: 445px;margin: 108px 73px 0;}
.article-make .textflb h2{margin: 5px 2px 0;color: #603127;font-family: sans-serif;letter-spacing: 3px;line-height: 1.6em;font-size: 2em;}
.article-make .textflb h3{position: relative;color: #603127;font-family: sans-serif;letter-spacing: 1px;margin: 10px 0;}
.article-make .textflb h3::before{content: "";position: absolute;width: 3em;height: 1px;background: #603127;left: 0px;bottom: -13px;}
.article-make .textflb p{line-height: 1.8em;letter-spacing: 3px;font-size: 14px;font-weight: bold;color:#888;font-family: serif;margin: 0;max-width: 430px\0;}
.article-make .makeflb .textflb h3{margin: 0 0 0 13px;}
.article-make .makeflb .textflb p{margin: 31px 0 0 13px;color: #603127;font-weight: normal;font-family: "新細明体";}
.ybj{background: url(/template/pc/cn2016/images/park_bg1.png)no-repeat right bottom;}
.article-make .titbar{position: relative;background: url(/template/pc/cn2016/images/make_ti.png)no-repeat 50% top, linear-gradient(transparent 100px ,#F4EADE 100px);width: 35px;height: 290px;margin: 64px 0 0 10px;}
.article-make .titbar::before{content: "";position: absolute;background: #F4EADE;width: 100%;height: 180px;left: calc(50% + 100%);top: 50px;}
.article-make .fasti{width: 100%;background: url(/template/pc/cn2016/images/make_bg.png) repeat left top;display: flex;flex-direction: column;align-items: center;}
.article-make .warp{width:1260px;-js-display: flex;display: flex;align-items: flex-start;justify-content: center;overflow: hidden;}
.article-make .fasti .textflb{margin: 80px 0 0;-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;z-index: 1;}
.article-make .fasti .textflb h3,
.article-make .fasti .textflb p{margin-left: 80px;margin-top: 18px;}
.article-make .fasti .textflb p{max-width: 665px;font-family:"新細明体";font-weight: normal;}
.article-make .pimbox{position: relative;background: url(/template/pc/cn2016/images/make_img3.png) no-repeat left top;width: 975px;height: 0px;box-sizing: border-box;margin: 0 0 14px;padding: 0;-js-display: flex;display: flex;align-items: center;justify-content: flex-start;color: #fff;font-size: 15px;font-family: serif;font-weight: bolder;letter-spacing: 1px;line-height: 1.7em;transition: 0.8s ease-in-out;}
.article-make .pimbox.animate{height: 399px;padding: 0 0 50px 80px;color: #603127;font-family:"新細明体";font-weight: normal;}
.article-make .pimbox::before{transition: 0.6s ease-in-out 0.8s;}
.article-make .fasti .pimflb{margin: 80px 0 80px -85px;-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.article-make .fasti .titpim{position: relative;background: url(/template/pc/cn2016/images/fasti.png) no-repeat 50% top;width: 370px;height: 0px;transition: 1s ease-in-out;}
.article-make .titpim.animate{height: 340px;}
.article-make .titpim::before{transition: 0.6s ease-in-out 1s;}
.article-make .fasti .pim{position: relative;background: url(/template/pc/cn2016/images/make_img4bg.png) no-repeat right top;width: 370px;height: 0px;transition: 0.6s ease-in-out;}
.article-make .pim.animate{height: 270px;}
.article-make .pim::before{transition: 0.6s ease-in-out 0.6s;}
.article-make .fasti .pim::after{content: "";position: absolute;background: url(/template/pc/cn2016/images/make_img4.png) no-repeat left top;width: 0%;height: 100%;transition: 0.6s ease-in-out 1.2s;}
.article-make .fasti .pim.animate::after{width: 100%;}
.park{position: absolute;top:546px;left:0;background: url(http://www.yntgstny.com/template/pc/cn2016/images/park.jpg)no-repeat 50% top;width: 100%;height: 2713px;z-index: -1;display: none;}
.article-park section{width: 1267px;margin: 0 auto;}
.article-park #parheader{display: flex;flex-direction: column;padding-left: 65px;box-sizing: border-box;}
.article-park .titnav{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 80px;}
.article-park .titflb{display: flex;flex-direction: column;align-items: flex-start;}
.article-park .titflb h1{font-size: 38px;font-weight: bolder;color: #603127;margin: 0 0 11px;letter-spacing: 16px;}
.article-park .titflb h2{font-size: 18px;color: #603127;margin: 0;letter-spacing:4px;}
.article-park .aflb{display: flex;align-items: center;flex-wrap: wrap;}
.article-park .aflb a{padding:0 40px;line-height: 25px;border:1px solid #d2d2d2;background:#fff;font-size: 15px;color:#603127;transition: 0.3s ease-in-out;}
.article-park .aflb a.act{
    background: #603127;
    color: #fff;
}
.article-park .aflb a:hover{border:1px solid #603127;color:#fff;background:#603127;}
.article-park .aflb a + a{margin-left: 2px;}
.article-park #parheader p{max-width: 785px;font-size: 15px;line-height: 26px;margin: 36px 0 80px;letter-spacing: 1.4px;color: #505050;}
.article-park .parksetlr{min-height: 500px;display: flex;align-items: center;}
.article-park .textblock{display: flex;flex-direction: column;align-items: flex-start;width: 700px;min-height: 400px;box-sizing: border-box;padding: 50px 70px 55px;}
.article-park .textblock h1{
        font-size: 38px;
    font-weight: bolder;
    color: #603127;
}
.article-park .textblock p{font-size: 14px;line-height: 24px;color: #505050;}
.article-park #parkset1{background: url(/template/pc/cn2016/images/park_ti1.png)no-repeat right top;justify-content: flex-start;}
.article-park #parkset2{background: url(/template/pc/cn2016/images/park_ti2.png)no-repeat left top;justify-content: flex-end;margin-top:96px;margin-bottom: 96px;}
.article-park #parkset6{background: url(/template/pc/cn2016/images/park_ti3.png)no-repeat right top;justify-content: flex-start;}
.article-park #parkset7{background: url(/template/pc/cn2016/images/park_ti4.png)no-repeat left top;justify-content: flex-end;margin-top:96px;margin-bottom: 96px;}
.article-park #parkset8{background: url(/template/pc/cn2016/images/park_ti5.png)no-repeat right top;justify-content: flex-start;}
.article-park #parkset9{background: url(/template/pc/cn2016/images/park_ti6.png)no-repeat left top;justify-content: flex-end;margin-top:96px;margin-bottom: 96px;}
.bg1{background:#fff url(/template/pc/cn2016/images/park_ti1img.png)no-repeat 95% 10%;}
.bg2{background:#fff url(/template/pc/cn2016/images/park_ti2img.png)no-repeat 95% 10%;}
.bg3{background:#fff url(/template/pc/cn2016/images/park_ti3img.png)no-repeat 95% 10%;}
.bg4{background:#fff url(/template/pc/cn2016/images/park_ti4img.png)no-repeat 95% 10%;}
.bg5{background:#fff url(/template/pc/cn2016/images/park_ti5img.png)no-repeat 95% 10%;}
.bg6{background:#fff url(/template/pc/cn2016/images/park_ti6img.png)no-repeat 95% 10%;}
.article-park #parkset3{display: flex;flex-direction: column;align-items: center;margin-top:77px;border-top: 1px solid #cfa972;}
.article-park #parkset3 h2{font-size: 21px;line-height: 30px;color: #603127;margin: 32px 0 7px;letter-spacing: 1px;}
.article-park #parkset3 h3{margin: 0;font-size: 16px;letter-spacing: 2px;color: #646464;}
.article-park #parkset3 .imgflb{display: flex;justify-content: space-between;width: 100%;margin: 50px 0 36px;}
.article-park #parkset3 p{max-width: 708px;font-size: 14px;line-height: 24px;text-align: center;color: #646464;letter-spacing: 2px;margin: 0;}
.article-park #parkset4{min-height: 660px;border-top: 1px solid #cfa972;margin-top:50px;}
.article-park #parkset4 .textflb{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.article-park #parkset4 h2{font-size: 21px;line-height: 24px;color: #505050;margin:100px 0 45px;}
.article-park #parkset4 p{font-size:14px;line-height: 24px;max-width: 500px;color: #505050;margin: 0;}
/*parkset4swiper*/
.swiperbox{position: relative;display: flex;flex-direction: row-reverse;align-items: flex-end;justify-content: space-between;width: 100%;margin-top: -230px;margin-bottom: 77px;box-sizing: border-box;}
.gtopbg{position: absolute;background: url(/template/pc/cn2016/images/park_imgBG.png)no-repeat 50% 50%;width: 474px;height: 282px;bottom: -38px;right: -37px;z-index: -1;}
.gallery-top {position: relative;width: 700px;height: 500px;flex-shrink:0;}
.gallery-thumbs {width:590px;height: 150px;box-sizing: border-box;margin: 0 calc(100% - 1290px) 25px 0;flex-shrink:0;}
.swiper-slide {background-size: cover;background-position: center;}
.gallery-thumbs .swiper-slide {width: 181px;height: 100%;filter: grayscale(50);transition: 0.3s ease;}
.gallery-thumbs .swiper-slide + .swiper-slide{margin-left:24px;}
.gallery-thumbs .swiper-slide-active {filter: grayscale(0);}
.swiper-pagination-fraction{color:#fff;font-size: 13px;font-weight: bolder;font-family: Microsoft JhengHei,fantasy;}
/* contact */
.contact{position:relative;}
.contact .rows > .row{max-width:340px;}
.contact .leftblock{width:64.5%;}
.contact .leftblock hr{margin:39px 0px 0px 0px;height:1px;background-color:#dcdcdc;border:none;}
.contact .rightblock{position:absolute;top:0px;bottom:0px;right:0px;width:30%;margin-left:4.5%;border-left:1px solid #dcdcdc;}
.contact .rightblock .desc{margin-left:10%;}
.contact .rightblock .desc img{max-width:100%;}
.contact .row.sp2 > .button{-js-display: flex;display: flex;background: url(/template/pc/cn2016/images/btnbg.png)no-repeat 50% top;background-size: 100% 100%;align-items: center;justify-content: center;width: 185px;height: 50px;color: #603127;font-weight: bolder;transition: 0.3s ease-in;margin: 0 0 0 141px;outline: none;border: none;}
.contact .row.sp2 > .button:hover{background: url(/template/pc/cn2016/images/btnbg_hover.png)no-repeat 50% top;background-size: 100% 100%;color:#fff;}
.contact .row.sp2 > .button + .button{margin-left:2%;}
.contact .row .upload{display:inline-block;width:80px;height:30px;line-height:30px;padding:0px;}
.contact .row .file-list{display:inline-block;vertical-align:top;width:100%;}
.contact .row .file-list > li{border:1px solid #ccc;padding:0px 5px;height:30px;max-width:49%;box-sizing:border-box;background-color:#fff;}
.contact .row .file-list > li + li{margin-left:2%;}
.contact .backmail{position:absolute;bottom:-59px;right:-59px;width:360px;height:430px;background:url('/template/pc/cn2016/images/sendMailBg.png') center no-repeat;}
/* LIU */
.article-contactus{width: 100%;max-width: 1920px;margin:0 auto;-js-display: flex;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.article-contactus .contusflb{-js-display: flex;display: flex;justify-content: flex-start;max-width:1920px;z-index: 1;}
.article-contactus .iframe{border: 10px solid #f4eade;margin: -86px 0 0 182px;width: 670px;height: 550px;z-index: -1}
.article-contactus .textflb{-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.article-contactus .tit{background: url(/template/pc/cn2016/images/contact_icon.png)no-repeat 50% top;width: 264px;height: 97px;margin: 44px 0 0 25px;}
.article-contactus .textflb p{line-height: 1.8em;letter-spacing: 3px;font-size: 14px;font-weight: bold;color: #888;font-family: serif;margin: 32px 7px 0 30px;width: 374px;}
.article-contactus .textbar{margin: 21px 0 0 0;margin: 21px 0 0 75px\0;}
.article-contactus .bar{width: 341px;height: 33px;margin: 13px 5px 14px -48px;-js-display: flex;display: flex;align-items: center;color: #fff;font-size: 15px;font-family: serif;font-weight: bolder;padding: 0 0 0 60px;box-sizing: border-box;}
.article-contactus .adrs{background: #603127 url(/template/pc/cn2016/images/contact_map.png)no-repeat 19px 5px;}
.article-contactus .phone{background: #603127 url(/template/pc/cn2016/images/contact_phone.png)no-repeat 16px 3px;}
.article-contactus .email{background: #603127 url(/template/pc/cn2016/images/contact_mail.png)no-repeat 16px 6px;}
.article-contactus .pim{background: url(/template/pc/cn2016/images/contact_img.png)no-repeat left top;width: 441px;height: 350px;transform: translate(20%,76%);}
.article-contactus .pim::before{content: "";position: absolute;background: #EEE;height: 40px;left: 100px;right: 0;bottom: -41px;}
.article-contactus .pimtitbar{position: relative;background: url(/template/pc/cn2016/images/contact_ti.png)no-repeat 50% top, linear-gradient(transparent 45px ,#F4EADE 45px);width: 35px;height: 150px;top: -130px;left: 85px;}
.article-contactus .pimtitbar::before{content: "";position: absolute;background: #F4EADE;width: 100%;height: 191px;left: calc(50% + 100%);top: -8px;}
.article-contactus .contacticon{background: url(/template/pc/cn2016/images/contact_imgbg.png)repeat 50% top;width: 100%;-js-display: flex;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: -40px 0 0 0;}
.article-contactus h4{margin: 132px 0 0 0;font-size: 31px;font-family: serif;font-weight: bolder;font-size:2em;}
.article-contactus h2{margin: 8px 0 0 0;color: #999;font-size: 20px;font-style: italic;font-family: serif;font-weight: normal;letter-spacing: 0;}
.article-contactus .iconflb{-js-display: flex;display: flex;align-items: center;justify-content: center;margin: 52px 0 35px 0;}
.article-contactus .icbox{width: 103px;height: 134px;margin: 3px 71px;}
.article-contactus .icbox:hover{background-repeat: repeat-y;}
.article-contactus .wcha{background: url(/template/pc/cn2016/images/contact_qr1.png)no-repeat 50% top;}
.article-contactus .line{background: url(/template/pc/cn2016/images/contact_qr2.png)no-repeat 50% top;}
.article-contactus .face{background: url(http://www.yntgstny.com/template/pc/cn2016/images/contact_qr3.png)no-repeat 50% top;}
.article-contactus .skyp{background: url(http://www.yntgstny.com/template/pc/cn2016/images/contact_qr4.png)no-repeat 50% top;}
.article-contactus .contactform {width: 1015px;padding-bottom: 100px;}
.article-contactus .sline{background: url(/template/pc/cn2016/images/contact_li.png) no-repeat 50% 50%;width: 100%;height: 30px;margin: 8px 0 0;}
.article-contactus .contactform h4{margin-top: 76px;font-size:2em;}
.article-contactus .contactform p{margin: 16px 0 53px 0px;color: #603127;font-weight: bolder;line-height: 1.8em;letter-spacing: 5px;font-size: 14px;}
/* form */
.uiform{line-height:0px;}
.uiform .heading{line-height:1.2em;}
.uiform .row{position:relative;display:inline-block;min-height:30px;vertical-align:top;width:100%;white-space:nowrap;font-size:0px;text-align:left;}
.uiform .row > *{display:inline-block;font-size:15px;line-height:32px;overflow:hidden;vertical-align:middle;}
.uiform .row .label{width: 141px;height: 38px;box-sizing: border-box;padding: 3px 0 0;}
.uiform .row .column{position:absolute;top:0px;left:141px;right:0px;}
.uiform .row .column > input[type="text"],
.uiform .row .column > input[type="password"]{width:100%;height:30px;box-sizing:border-box;border:1px solid #dcdcdc;}
.uiform .row .column > input[type="radio"],
.uiform .row .column > input[type="checkbox"]{vertical-align:-1px;}
.uiform .row .column > select{width:100%;height:30px;vertical-align:top;box-sizing:border-box;border:1px solid #dcdcdc;}
.uiform .row .column_captcha{left:237px;}
.uiform .row .selt3 > select{width:32%;}
.uiform .row .selt3 > select + select{margin-left:2%;}
.uiform .row .selt2 > select{width:49%;}
.uiform .row .selt2 > select + select{margin-left:2%;}
.uiform .row .button{width:100%;height:40px;line-height:40px;}
.uiform .rows{margin:-30px 0px 0px -40px;font-size:0px;letter-spacing:0px;word-spacing:0px;}
.uiform .rows > .row{margin:5px 0px 0px 40px;}
.uiform .row + .heading,
.uiform .rows + .heading{margin-top:20px;}
.uiform .row + .row,
.uiform .rows + .row,
.uiform .row + .rows{margin-top:30px;}
.uiform .rows + .rows{margin-top:0px;}
.uiform .row.multi > *{height:auto;}
.uiform .row.merge .column{left:0px;}
.uiform .row + .row, .uiform .rows + .row, .uiform .row + .rows{margin-top: 16px;}
.uiform .row .column > input[type="text"], .uiform .row .column > input[type="password"] {width: 100%;height: 39px;box-sizing: border-box;border: 0px solid #dcdcdc;background: #eee;border-radius: 5px;}
.uiform .sline{background: url(/template/pc/cn2016/images/contact_li.png) no-repeat 50% 50%;height: 3px;margin: 8px 0 11px;}
/* type1 */
.uiform.type1 .row{border-bottom:1px #dcdcdc solid;}
.uiform.type1 .row > *{height:29px;line-height:29px;}
.uiform.type1 .row .column > input{border:none;}
.article {width: 71%;max-width:1340px;top: -185px;position: relative;margin: 0 auto;}
.article > .centt{background:#fff;min-height: 1000px;-js-display: flex;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.article .titpim{background-position: left top !important;background-repeat: no-repeat !important;background-size: cover !important; width: 270px;height: 0px;position: relative;align-self: flex-start;margin: -107px 0 0 0;left: 103px;border: 1px solid #fff;transition: 0.6s ease-in-out;}
.article .titpim.animate{height: 195px;}
.article .titpim::after{content: "";position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;background: #603127;transition: 0.6s ease-in-out 0.6s;}
.article .titpim.animate::after{height: 0px;}
.article .linkbar{-js-display: flex;display: flex;align-self: flex-end;flex-wrap: wrap;margin: -50px 0 21px;}
.article .siflb{-js-display: flex;display: flex;}
.article .shareicon{width: 25px;height: 25px;margin: 5px;transition: 0.3s ease-in-out;}
.article .gg{background: url(/template/pc/cn2016/images/PAGE_GG.png)no-repeat 50% top;}
.article .li{background: url(/template/pc/cn2016/images/PAGE_LI.png)no-repeat 50% top;}
.article .fb{background: url(/template/pc/cn2016/images/PAGE_FB.png)no-repeat 50% top;}
.article .shareicon:hover{background-position-y: bottom;}
.article .timecategory{width: 254px;color: #fff;background: #603127;-js-display: flex;display: flex;align-items: center;justify-content: center;text-align: center;height: 25px;margin: 5px 0 5px 4px;}
.article .title{position: relative;margin: 32px 0;font-size: 24px;font-family: '新細明体',cursive;color: #461b15;font-weight: bold;}
.article .title::after{content: "";position: absolute;height: 1px;width: 50%;background: #666666;left: 25%;bottom: -25px;}
.article .description {margin: 25px 0 0 0;width: 75%;font-size: 15px;letter-spacing: 2px;line-height: 1.5em;}
.article > .article-page{width: 100%;-js-display: flex;display: flex;align-items: center;justify-content: space-between;margin: 50px 0 0;}
.article .listbtn{-js-display: flex;display: flex;background: url(/template/pc/cn2016/images/btnbg.png)no-repeat 50% top;background-size: 100% 100%;align-items: center;justify-content: center;width: 185px;height: 50px;color: #603127;font-weight: bolder;transition: 0.3s ease-in;}
.article .listbtn:hover{background: url(/template/pc/cn2016/images/btnbg_hover.png)no-repeat 50% top;background-size: 100% 100%;color:#fff;}
.article .prevb a, .article .nextb a{display: block;position: relative;font-size: 15px;font-weight: bolder;font-family: Microsoft JhengHei,sans-serif;line-height: 1.7em;color: #333;box-sizing: border-box;width: 12em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: 0.3s ease-in;}
.article .nextb a{justify-content: flex-end;writing-mode: lr;}
.article .prevb a:hover, .article .nextb a:hover{color:#603127;line-height: 2.5em;}
.article .prevb a{padding: 0 0 0 35px;text-align: left;}
.article .nextb a{padding: 0 35px 0 0;text-align: right;}
.article .prevb a::before, .article .nextb a::before{content: "";position: absolute;width: 22px;height: 22px;border: 5px solid transparent;border-top: 5px solid #333;border-left: 5px solid #333;transition: 0.3s ease-in;top: 8px;}
.article .prevb a:hover::before, .article .nextb a:hover::before{top:calc(8px + 1em);}
.article .prevb a:hover::before, .article .nextb a:hover::before{border-top: 5px solid #603127;border-left: 5px solid #603127;}
.article .prevb a::before{transform: rotate(-45deg);left: 6px;}
.article .nextb a::before{transform: rotate(135deg);right: 6px;}
.article .prevb a::after, .article .nextb a::after{content: "";position: absolute;width: 100%;height: 1px;top: 50%;background: #333;}
.article .prevb a::after{left: 35px;}
.article .nextb a::after{right: 35px;}
/* 內文圖片樣式 */
.article .description img {max-width: 100%;height: auto !important;background-size: 100% 100%;}
/* article-list */
.article-list{width: 70%;margin: 0 auto;list-style: none;padding: 0;}
.article-list > li{position: relative;min-height:150px;padding-bottom:20px;-js-display: flex;display: flex;justify-content: space-between;align-items: flex-start;}
.sorttotal{-js-display: flex;display: flex;align-items: center;justify-content: space-between;width: 70%;max-width: 1340px;margin: 50px auto;}
.sorttotal .aflb{-js-display: flex;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.sorttotal .aflb a{background: #fff;border: 1px solid #ccc;width: 150px;margin: 1px;padding: 3px 0px;color: #603127;font-size: 15px;text-align: center;letter-spacing: 2px;transition: 0.3s ease-out;}
.sorttotal .aflb a.act{background: #603127;border: 1px solid #603127;color:#fff;}
.sorttotal .aflb a:hover{background: #F4EADE;color: #000;}
.sorttotal .total{background: #fff;border: 1px solid #603127;width: 100px;padding: 3px 0;color: #603127;font-size: 15px;font-weight: bolder;font-family: '新細明体',cursive;text-align: center;letter-spacing: 2px;}
.article-list .thumb{-js-display: flex;display: flex;justify-content: center;align-items: center;width: 386px;font-family: serif,'新細明体';background: #a0a0a0;transition: 0.3s ease-in-out;}
.article-list .thumb:hover,.article-list .thumb:hover .dateflb{background: #3e5d4c;}
.article-list .thumb:hover .titpic > .pim{width: 215px;height: 165px;}
.article-list .dateflb{-js-display: flex;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 153px;height: 184px;background: #a0a0a0;transition: 0.3s ease-in-out;font-weight: bold;color: #fff;}
.article-list .ym{font-size: 19px;border-bottom: 1px solid #fff;padding: 10px 0;}
.article-list .dat{font-size: 70px;}
.article-list .titpic{position: relative;width: 233px;height: 184px;-js-display: flex;display: flex;justify-content: center;align-items: center;}   
.article-list .pim{background-size: auto 100%;background-position: 50% 50%;background-repeat: no-repeat;width: 233px;height: 184px;transition: 0.3s ease-in-out;}
.article-list > li .info{margin-left:18px;width: 100%;height: 184px;-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
.article-list .info .titflb{-js-display: flex;display: flex;justify-content: space-between;align-items: flex-end;width: 95%;}
.article-list .info .name{color: #3e5d4c;line-height:21px;letter-spacing: 1px;}
.article-list .info .remore{position: relative;font-size: 15px;color: #c0c0c0;padding: 0 22px 0 0;letter-spacing: 0px;font-family: Microsoft JhengHei,sans-serif;transition: 0.5s ease-out;}
.article-list .info .remore:hover,
.article-list .thumb:hover ~ .info .remore{color:#5f3124;}
.article-list .info .remore::after{content: "";position: absolute;border-left: 9px solid #c0c0c0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;top: 6px;right: 4px;transition: 0.5s ease-out;}
.article-list .info .remore:hover::after,
.article-list .thumb:hover ~ .info .remore::after{border-left: 9px solid #5f3124;}
.article-list .solt,
.article-list .info .description{color: #7e7e7e;font-size: 15px;}
.article-list .solt{font-weight: bolder;}
.article-list .info .description{max-width: 880px;line-height: 1.35em;letter-spacing: 2px;font-family: Microsoft JhengHei,sans-serif;height: 80px;overflow: hidden;}
.article-list .info .buttons{background-color:#f4f4f4;}
.article-list .info .description .more{color:#FFFFFF;padding:0px 4px;line-height:14px;font-weight:normal;background-color:#7f0019;}
.article-list > li + li{margin-top: 30px;}
.article-list .info .buttons{position:relative;height:30px;padding:0px 0px 0px 20px;line-height:29px;}
.article-list .info .social{position:absolute;right:5px;top:0px;}
.article-list .info .social > a{padding:0px 10px;}
.article-list .info .social > a.button{padding:7px 10px;margin-right:10px;}
/*FAQ LIU*/
.faq-list{width: 70%;max-width: 1340px;margin: 0 auto;padding: 0 0 100px;}
.faq-list > li{width: 100%;-js-display: flex;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;border-bottom: 1px solid #999;}
.faq-list .titflb{width: 100%;height: 70px;-js-display: flex;display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.faq-list h1{text-align: left;flex: 1;padding: 0 0 0 21px;margin: 0;font-size: 19px;letter-spacing: 2px;font-family: serif;color: #8b8b8b;transition: 0.3s ease-in-out;}
.faq-list .titflb:hover h1, .faq-list .titflb.act h1{color: #603127;}
.faq-list .faqicon{background: url(/template/pc/cn2016/images/QA_tiimg.png)no-repeat left top;width: 40px;height: 40px;transition: 0.3s ease-in-out;animation: iconblank 1s ease;}
@keyframes iconblank{
    0%, 20%, 40%, 60%, 80%, 100%{background-image: url(/template/pc/cn2016/images/QA_tiimg.png)} 
    10%, 30%, 50%, 70%, 90%{background-image: url(/template/pc/cn2016/images/QA_tiimg_hover.png)}
}
.faq-list .titflb:hover .faqicon, .faq-list .titflb.act .faqicon{background-image: url(/template/pc/cn2016/images/QA_tiimg_hover.png);}
.faq-list .arrow{background: url(/template/pc/cn2016/images/QA_tiimg_v.png)no-repeat left top;width: 20px;height: 12px;transition: 0.3s ease-in-out;}
.faq-list .titflb.act .arrow{background-image: url(/template/pc/cn2016/images/QA_tiimg_^.png);}
.faq-list .description {width: 83%;margin: 0 0 15px 63px;height: 0;overflow: hidden;align-self: flex-start;color: #666;font-size: 15px;font-weight: bolder;letter-spacing: 0;line-height: 2em;transition: 0.5s ease-in-out;} 
.faq-list .titflb.act ~ .description{height: 300px;overflow: auto;}
/* category */
.category-list{list-style:none;margin:0px auto 20px auto;padding:0px;}
.category-list > li{float:left;width:150px;}
.category-list > li + li{margin-left:30px;}
.category-list > li:nth-child(4n+1){margin-left:0px;}
.category-list > li:nth-child(n+5){margin-top:15px;}
.category-list > li > a{display:block;text-align:center;}
.category-list > li .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.category-list > li:hover .name{color:#7f0019;font-weight:bolder;}
.category-list > li .image{width:146px;height:146px;margin-bottom:10px;background-position:center center;background-repeat:no-repeat;background-size:cover;border:2px solid #dcdcdc;}
.category-list > li:hover .image{border-color:#7f0019;}
/* product */
.product-search{line-height:30px;margin-bottom:5px;}
.product-search > select{vertical-align:top;line-height:30px;width:200px;height:30px;}
.product-search > .filter{position:relative;margin-left:2px;}
.product-search > .filter > .sprite{position:absolute;z-index:2;height:24px;width:24px;margin:3px 5px;}
.product-search > .filter > input{position: relative;z-index:1;width:395px;padding-left:32px;height:28px;}
.product-filter{line-height:39px;height:40px;padding:0px 15px;background-color:#f4f4f4;margin-bottom:30px;}
.product-filter > .display{height:40px;}
.product-filter > .display > a + a{margin-left:8px;}
.product-filter .limit{margin-left:15px;}
.product-filter .sprite{width:28px;height:28px;}
.product-list{list-style:none;margin:20px auto 30px auto;padding:0px;}
.product-list > li{height:150px;padding-bottom:20px;border-bottom:1px dashed #999999;}
.product-list > li + li{padding-top:20px;}
.product-list > li > .floatL + .floatL{width:520px;}
.product-list > li .blockR{margin-left:170px;}
.product-list > li .image{position:relative;width:146px;height:146px;margin-right:20px;background-position:center center;background-repeat:no-repeat;background-size:cover;border:2px solid #dcdcdc;}
.product-list > li:hover .image{border-color:#7f0019;}
.product-list > li .name{color:#7f0019;}
.product-list > li .price-old{color:#F00;text-decoration:line-through;}
.product-list .name,
.product-list .price{line-height:21px;}
.product-list .description{height:78px;overflow:hidden;line-height:24px;}
.product-list .description .more{color:#FFFFFF;padding:0px 4px;line-height:14px;font-weight:normal;background-color:#7f0019;}
.product-list .buttons{height:30px;padding:0px 4px 0px 20px;line-height:29px;background-color:#f4f4f4;}
.product-list .buttons .floatR > a{padding:0px 10px;}
.product-list .buttons .floatR > a.button{margin-right:10px;}
.product-grid .image-href,
.product-list .image-href{position:absolute;z-index:8;display:block;top:0px;left:0px;right:0px;bottom:0px;}
.product-grid > li{position: relative;}
.product-grid > li > a{display:block;}
.product-grid > li .image{position:absolute;top:0px;bottom:30px;left:0px;right:0px;background-position:center center;background-repeat:no-repeat;background-size:contain;border:2px solid #dcdcdc;box-sizing: border-box;}
.product-grid > li:hover .image{border-color:#7f0019;}
.product-grid > li:hover .name{color:#7f0019;font-weight:bolder;}
.product-grid > li .price-old{color:#F00;text-decoration:line-through;}
.product-grid .name{position:absolute;bottom:0px;left:0px;right:0px;height:30px;line-height:30px;}
/* LIU */
.product-info{-js-display: flex;display: flex;margin-bottom: 100px;width: 1360px;margin:0 auto;}
.product-info .product-thumb{-js-display: flex;display: flex;width: 54%;}
.product-info .imageflb{-js-display: flex;display: flex;flex-direction: column;justify-content: space-between;height: 490px;}
.product-info .imageflb img + img{width: 115px;height: 100px;margin: 5px 5px 20px;border: 1px solid #CECECE;background-size: cover;}
.product-info .imageflb img:first-child{margin: 0 5px 20px;width: 115px;height: 100px;}
.product-info .imageflb img:last-child{margin: 0 5px 0px;}
.product-info > .product-thumb > .image{width: 575px;height: auto;max-height: 490px;margin: 0 0 0 21px;}
.product-info > .product-thumb > .image img{width: 100%;height: auto;}
.product-info > .product-thumb > .image-additional{width:300px;height:60px;margin-bottom:10px;font-size:0px;letter-spacing:0px;word-spacing:0px;}
.product-info > .product-thumb > .image-additional .swiper-slide{display:inline-block;overflow: hidden;width:60px;margin-right:20px;border:1px solid #cccccc;box-sizing:border-box;}
.product-info > .product-thumb > .image-additional .swiper-slide > img{position: relative;left: 50%;margin-left: -100%;height:100%;}
.product-info > .product-thumb > .image-additional .swiper-button-next,
.product-info > .product-thumb > .image-additional .swiper-button-prev{position:absolute;top:0px;margin:0px;width:20px;height:60px;line-height:60px;background-image:none;background-color:rgba(200,200,200,0.7);}
.product-info > .product-thumb > .image-additional .swiper-button-next{right:0px;}
.product-info > .product-thumb > .image-additional .swiper-button-prev{left:0px;}
/* LIU */
.product-info > .product-desc{position:relative;width:50%;height: 490px;margin: 0 0 0 38px;-js-display: flex;display: flex;flex-direction: column;justify-content: space-between;}
.product-info > .product-desc > .product-base{min-height:199px;margin-bottom:20px;-js-display: flex;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;width: 100%\0;}
.product-info > .product-desc > .product-base .name{font-weight: bold;color: #603127;font-family: serif;font-size: 24px;margin: 4px 0 36px 0;}
.product-info .seriesn{display: inline-block;background: #CFA481;padding: 5px 8px;font-size: 13px;color: #fff;letter-spacing: 1px;}
.product-info .dessum{position: relative;margin: 27px 0 37px;line-height: 1.6em;font-size: 15px;font-family: Georgia, 'Times New Roman', Times, serif;font-weight: normal;color: #777;max-width: 595px\0;width: 100%\0;}
.product-info .dessum::before{content: "";position: absolute;width: 20px;height: 1px;bottom: -37px;background: #CFA481;}
.product-info .attrib, .product-info .price{padding: 0;}
.product-info .price{-js-display: flex;display: flex;align-items: flex-end;}
.product-info > .product-desc > .product-base > .attrib > li{list-style: none;line-height:20px;text-indent: -6.85em;margin: 7px 0 7px 7em;}
.product-info > .product-desc > .product-buy .price > li{list-style: none;}
.product-info .price li > p{display: inline-block;margin: 0px 11px;font-size: 35px;font-family: serif;}
.product-info > .product-desc > .product-buy .price .price-old{text-decoration:line-through;font-style: italic;padding: 8px;}
.product-info > .product-desc > .product-buy .price .price-new{font-size: 13px;line-height: 30px;color: #603127;font-weight: bolder;}
.product-info .btnBox{
    display: flex;
    align-items: center;
    width: 100%;
}
.product-info .btn{
    width: 180px;
}
.product-info .btn + .btn{
    margin: 0 0 0 20px;
}
.product-info-der{background: url(/template/pc/cn2016/images/pro1_li.png)repeat-x left top;padding: 3px 0 85px;margin:82px 0 0;}
.product-info > .product-desc > .product-buy a.button{display:block;padding:15px 20px;font-size:15px;}
.product-info > .product-desc > .product-buy a.button svg{fill:#fff;}
.product-info .share a{display:inline-block;line-height:22px;margin:0px 2px;padding:0px 5px;border:1px solid #dcdcdc;border-radius:5px;}
.product-info .share a:hover{border-color:#7f0019;}
.product-detail{margin-bottom:20px;}
.product-detail .share{height:30px;border:1px #DCDCDC solid;background-color:#F2F2F2;}
.product-detail > .share > a{border-right:1px solid #dcdcdc;padding:5px 15px;float:left;}
.product-detail > .share .sprite{width:18px;height:18px;fill:#505050;}
.product-detail > .share > a:hover .sprite{fill:#7f0019;}
.product-detail > .share > .rightBt{float:right;border-right:0px;border-left:1px solid #dcdcdc;}
.product-related{line-height:22px;border-left:2px solid #7f0019;padding-left:10px;}
.product-random > li{position: relative;}
.product-random > li .image{position:absolute;top:0px;bottom:30px;left:0px;right:0px;background-position:center center;background-repeat:no-repeat;background-size:contain;border:2px solid #dcdcdc;box-sizing: border-box;}
.product-random > li:hover a{border:2px solid #7f0019;}
.product-random > li:hover .name{color:#7f0019;font-weight:bolder;}
.product-random .name{position:absolute;bottom:0px;left:0px;right:0px;height:30px;line-height:30px;}
.product-page{list-style:none;line-height:24px;margin:20px 0px 0px 0px;padding:0px;border-top:1px solid #dcdcdc;}
.product-page a:hover{color:#7f0019;}
.product-page > li{width:33%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;}
.product-page > li.center > a{display:block;border-radius:3px;padding:0px 5px;margin:0px auto;width:60px;border:1px solid #dcdcdc;}
#review-title{line-height:30px;margin:10px 0px;}
.review-form{margin-bottom:30px;}
.review-form table{width:100%;background:#f5f5f5;}
.review-form td,
.review-form th{padding:10px;line-height:26px;vertical-align:top;border-top:1px solid #fff;font-size:15px;}
.review-form table tr td div+div{margin-top:5px;}
.review-form th{padding:10px 10px 10px 0px;background:#eee;font-weight:bold;border-right:1px solid #fff;}
.review-form input[type="text"]{height:28px;width:233px;border:1px solid #dcdcdc;}
.review-form textarea{resize:vertical;}
.review-form .image{width:140px;}
.review-form .list-note{margin:0px;padding-left:20px;}
.review-form .product{border-bottom:1px dotted #aaa;}
.review-list{list-style:none;margin:0px;padding:0px;}
.review-list > li{line-height:25px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc;font-size:15px;}
.review-list .author{color:#7f0019;}
.review-list img{vertical-align:middle;}
/* contact */
.contact-center{margin:0 auto;width:690px;}
.contact-note{width:650px;height:130px;padding:20px;}
.contact-note > .floatL{width:200px;height:130px;padding-left:25px;}
.contact-note > .floatR{width:405px;height:130px;}
.contact-note > .floatR > .title{margin-bottom:15px;letter-spacing:0.1em;}
.contact-note > .floatR > .note{line-height:25px;letter-spacing:0.2em;}
.contact-form{width:675px;}
.contact-form .top{margin-left:-25px;}
.contact-form .top li{width:325px;margin-left:25px;height:30px;border-bottom:1px solid #DCDCDC;margin-bottom:20px;}
.contact-form .label{width:80px;float:left;font-size:13px;}
.contact-form .field{margin-left:80px;}
.contact-form label{width:71px;height:30px;line-height:30px;display:inline-block;padding-right:7px;text-align:left;vertical-align:top;letter-spacing:0.1em;}
.contact-form input[type='text']{width:100%;height:30px;box-sizing:border-box;border:0px;}
.contact-form select{height:30px;width:100%;box-sizing:border-box;border:0px;}
.contact-form label.textarea{height:300px;line-height:300px;}
.contact-form textarea{border:1px solid #dcdcdc;height:288px;width:100%;resize:none;box-sizing:border-box;}
.contact-form .input-div{margin-bottom:20px;border-bottom:1px solid #DCDCDC;box-sizing:border-box;}
.contact-form .layout{margin-bottom:20px;}
.contact-form .layout a{line-height:30px;}
.contact-form .input-div.normal{border:0;}
.contact-form input.normal[type='text']{border:1px solid #999999;}
.contact-form .input-div.captcha{width:325px;border:0;}
.contact-form .label.captcha{width:155px;}
.contact-form .field.captcha{margin-left:160px;}
/* album */
.album-note{max-width:880px;width:100%;height:140px;margin-bottom:10px;padding:30px 0px;background: url('http://www.yntgstny.com/template/pc/cn2016/images/slogan1.png') right center no-repeat;    box-sizing: border-box;}
.album-note > li{height:20px;}
.album-note > li.phone{height: 40px;line-height: 40px;font-size:26px;}
.album-info .photos{position: relative;margin-top:40px;}
.album-info .photos .swiper-slide{background: none center center no-repeat;background-size: cover;}
.album-info .photos #album-gallery{position: relative;height:480px;width:100%;}
.album-info .photos #album-gallery .swiper-note{position:absolute;left:0px;right:0px;margin:0px;bottom:0px;line-height:22px;padding:10px 20px;background-color:rgba(255,255,255,0.8);opacity: 0;transition: opacity 2s;transition-delay: 0.7s;}
.album-info .photos #album-gallery .swiper-slide-active .swiper-note{opacity: 1;}
.album-info .photos #album-thumbs{position: relative;height:150px;width:100%;bottom:0px;background-color: rgba(255,255,255,0.5);}
.album-info .photos #album-thumbs .swiper-wrapper{margin:20px 0px;height:110px;}
.album-info .photos #album-thumbs .swiper-slide{cursor:pointer;width:220px;height:110px;border:2px solid rgba(0,0,0,0);box-sizing: border-box;}
.album-info .photos #album-thumbs .swiper-slide-active{border-color: #cea974;}
.album-info > .album-page{list-style:none;line-height:24px;height:35px;margin:20px 0px 20px 0px;padding:0px;border-top:1px solid #dcdcdc;}
.album-info > .album-page .sprite{vertical-align: -6px;}
.album-info > .album-page > li{width:33%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;}
.album-info > .album-page > li.center > a{display:block;border-radius:3px;padding:0px 5px;margin:0px auto;width:60px;border:1px solid #dcdcdc;}
.album-info .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none;}
.album-info .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none;}
.album-info .swiper-button-next{right: 0;}
.album-info .swiper-button-prev{left: 0;}
.album-info .swiper-button{width: 40px;height: 100%;top: 0;margin-top: 0;}
.album-info .swiper-button svg{position: absolute;width: 40px;height: 40px;top: 50%;margin-top: -20px;}
/* Other */
.bold{font-weight:bolder;}
.box-sizing{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.captcha{vertical-align:top;}
.center{text-align:center;}
.clearfix{display:inline-block;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clear{clear:both;height:0px;line-height:0px;font-size:0px;overflow:hidden;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.empty{margin-left:20px;}
.floatL{float:left;}
.floatR{float:right;}
.help{color:#999;font-size:11px;}
.hide{display:none;}
.icon-align-justify{font-size:23px;}
.icon-th{font-size:24px;}
.left{text-align:left;}
.pointer{cursor:pointer;}
.price-new{color:#7f0019;font-weight:bolder;}
.required,
.error{color:#FF0000;}
.green{color:#008000;}
.right{text-align:right;}
.buttom-action{margin-bottom:25px;}
.buttom-action .button{padding:8px 30px;line-height:35px;font-size:15px;}
.button{cursor:pointer;display:inline-block;}
a.button,
a.button.gray:hover{color:#FFFFFF;font-weight:bolder;background-color:#7f0019;}
a.button.gray{color:#505050;background-color:#dddddd;}
a.button.facebook{color:#FFF;background-color:#3b5999;}
.noJS > div,
.noJS > ul{display:none;}
.noJS > noscript{display:block;width:100%;line-height:10em;}
/* mat */
[class^='mat-'],
[class*=' mat-']{background:url('/template/pc/cn2016/images/allMaterial.png') left top no-repeat;}
.mat-success{width:115px;height:95px;margin:0px auto;background-position:0px -340px;}
.mat-failure{width:115px;height:95px;margin:0px auto;background-position:-136px -340px;}
.mat-contact{width:133px;height:117px;background-position:0px 0px;}
.mat-selected{width:12px;height:12px;background-position:-295px -160px;}
.mat-footer-icon{height:80px;width:170px;background-position:0px -150px;}
.mat-fix{width:40px;height:40px;background-position:0px -240px;}
.mat-fix:hover{background-position:0px -280px;}
.mat-contact{width:40px;height:40px;background-position:-40px -240px;}
.mat-contact:hover{background-position:-40px -280px;}
.mat-return{width:40px;height:40px;background-position:-80px -240px;}
.mat-return:hover{background-position:-80px -280px;}
.mat-bug{width:35px;height:35px;background-position:-190px -160px;}
.mat-cart{width:30px;height:30px;background-position:-245px -160px;}
.mat-cart:hover{width:30px;height:30px;background-position:-245px -190px;}
.mat-menu-about{width:70px;height:70px;background-position:0px 0px;transition:background-position .2s ease-out;}
.mat-menu-about:hover,
#footer .footer-menu > a:hover > .mat-menu-about{background-position:0px -70px;}
.mat-menu-news{width:70px;height:70px;background-position:-70px 0px;transition:background-position .2s ease-out;}
.mat-menu-news:hover,
#footer .footer-menu > a:hover > .mat-menu-news{background-position:-70px -70px;}
.mat-menu-contact{width:70px;height:70px;background-position:-140px 0px;transition:background-position .2s ease-out;}
.mat-menu-contact:hover,
#footer .footer-menu > a:hover > .mat-menu-contact{background-position:-140px -70px;}
.mat-menu-account{width:70px;height:70px;background-position:-210px 0px;transition:background-position .2s ease-out;}
.mat-menu-account:hover,
#footer .footer-menu > a:hover > .mat-menu-account{background-position:-210px -70px;}
.mat-menu-faq{width:70px;height:70px;background-position:-280px 0px;transition:background-position .2s ease-out;}
.mat-menu-faq:hover,
#footer .footer-menu > a:hover > .mat-menu-faq{background-position:-280px -70px;}
.mat-menu-fix{width:70px;height:70px;background-position:-350px 0px;transition:background-position .2s ease-out;}
.mat-menu-fix:hover,
#footer .footer-menu > a:hover > .mat-menu-fix{background-position:-350px -70px;}
.mat-menu-warranty{width:70px;height:70px;background-position:-420px 0px;transition:background-position .2s ease-out;}
.mat-menu-warranty:hover,
#footer .footer-menu > a:hover > .mat-menu-warranty{background-position:-420px -70px;}
.mat-menu-return{width:70px;height:70px;background-position:-490px 0px;transition:background-position .2s ease-out;}
.mat-menu-return:hover,
#footer .footer-menu > a:hover > .mat-menu-return{background-position:-490px -70px;}
.mat-pay-credit{width:70px;height:70px;background-position:-560px 0px;transition:background-position .2s ease-out;}
.mat-pay-credit:hover,
.mat-pay-credit.selected,
.cart-payment .list > li.selected .mat-pay-credit,
.cart-payment .list > li:hover .mat-pay-credit{background-position:-560px -70px;}
.mat-pay-watm{width:70px;height:70px;background-position:-630px 0px;transition:background-position .2s ease-out;}
.mat-pay-watm:hover,
.mat-pay-watm.selected,
.cart-payment .list > li.selected .mat-pay-watm,
.cart-payment .list > li:hover .mat-pay-watm{background-position:-630px -70px;}
.mat-pay-vacc{width:70px;height:70px;background-position:-700px 0px;transition:background-position .2s ease-out;}
.mat-pay-vacc:hover,
.mat-pay-vacc.selected,
.cart-payment .list > li.selected .mat-pay-vacc,
.cart-payment .list > li:hover .mat-pay-vacc{background-position:-700px -70px;}
.mat-icon-home{width:70px;height:70px;background-position:-770px 0px;transition:background-position .2s ease-out;}
.mat-icon-home:hover,
.mat-icon-home.selected{background-position:-770px -70px;}
.mat-icon-detail{width:70px;height:70px;background-position:-840px 0px;transition:background-position .2s ease-out;}
.mat-icon-detail:hover,
.mat-icon-detail.selected{background-position:-840px -70px;}
.mat-account-logout{width:70px;height:70px;background-position:-280px -320px;transition:background-position .2s ease-out;}
.mat-account-logout:hover,
#account a:hover .mat-account-logout{background-position:-280px -390px;}
.mat-account-edit{width:70px;height:70px;background-position:-350px -320px;transition:background-position .2s ease-out;}
.mat-account-edit:hover,
#account a:hover .mat-account-edit{background-position:-350px -390px;}
.mat-account-password{width:70px;height:70px;background-position:-420px -320px;transition:background-position .2s ease-out;}
.mat-account-password:hover,
#account a:hover .mat-account-password{background-position:-420px -390px;}
.mat-account-cart{width:70px;height:70px;background-position:-490px -320px;transition:background-position .2s ease-out;}
.mat-account-cart:hover,
#account a:hover .mat-account-cart{background-position:-490px -390px;}
.mat-account-order{width:70px;height:70px;background-position:-560px -320px;transition:background-position .2s ease-out;}
.mat-account-order:hover,
#account a:hover .mat-account-order{background-position:-560px -390px;}
.mat-account-return{width:70px;height:70px;background-position:-630px -320px;transition:background-position .2s ease-out;}
.mat-account-return:hover,
#account a:hover .mat-account-return{background-position:-630px -390px;}
.mat-account-wishlist{width:70px;height:70px;background-position:-700px -320px;transition:background-position .2s ease-out;}
.mat-account-wishlist:hover,
#account a:hover .mat-account-wishlist{background-position:-700px -390px;}
.mat-account-stored{width:70px;height:70px;background-position:-770px -320px;transition:background-position .2s ease-out;}
.mat-account-stored:hover,
#account a:hover .mat-account-stored{background-position:-770px -390px;}
.mat-account-letter{width:70px;height:70px;background-position:-840px -320px;transition:background-position .2s ease-out;}
.mat-account-letter:hover,
#account a:hover .mat-account-letter{background-position:-840px -390px;}
/* sprite */
[class^='sprite-'],
[class*=' sprite-']{background:url('/template/pc/cn2016/images/allMaterial2.png') left top no-repeat;}
[class^='sprite-step-'],
[class*=' sprite-step-'],
[class^='sprite-account-'],
[class*=' sprite-account-']{width:50px;height:50px;}
.sprite-step-cart{background-position:0px -140px;}
.sprite-step-cart-hover{background-position:0px -210px;}
.sprite-step-account{background-position:-70px -140px;}
.sprite-step-account-hover{background-position:-70px -210px;}
.sprite-step-data{background-position:-140px -140px;}
.sprite-step-data-hover{background-position:-140px -210px;}
.sprite-step-finish{background-position:-210px -140px;}
.sprite-step-finish-hover{background-position:-210px -210px;}
  .webend{
    display: none;
  }
@media screen and (max-width: 960px){
  .webend {
      position: fixed;
      width: 45px;
      bottom: 10%;
      right: 10px;
      display: block !important;
      z-index: 99999;
  }
  .webend .dh {
    width: 45px;
    height: 45px;
    overflow: hidden;
    background: url(/template/pc/cn2016/images/dh.jpg) no-repeat center;
    border-radius: 50%;
    background-size: cover;
    display: block;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}
.webend .dz {
    width: 45px;
    height: 45px;
    overflow: hidden;
    background: url(/template/pc/cn2016/images/dz.jpg) no-repeat center;
    border-radius: 50%;
    background-size: cover;
    display: block;
    margin-top: 10px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}
}