@charset "utf-8";
*{ padding:0px; margin:0 auto; }
img{ border:none;}
html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;}
ul,li {list-style-type:none; }
.clear{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px;}
html,body{ line-height:20px; color:#333; font-size:12px; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
a{text-decoration:none; outline: none; color:#333;}
a:hover{text-decoration:none; outline: none; color:#ee303b}
*,:after,:before {box-sizing:border-box}
input{font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
input:focus, textarea:focus {outline: none;}
textarea {-webkit-appearance: none; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}

.centent{width:98%; position:relative;  max-width:1200px;}
.top-centent{width:98%; position:relative;  max-width:1200px;}

.nav-top .centent{position:relative;}
.nav-top .top-logo{position:absolute; top:-10px; left:20px;}
.nav-top .top-logo img{height:105px;}

.nav-top{display:block; padding-top:25px;}
.top-search {float:right; margin-right:40px;}
.top-search .search-text{font-size:14px; border:#d7d7d7 solid 1px; padding:8px 10px; line-height:18px; width:300px; border-radius:5px;}
.top-search .search-text:focus{ border:#7fd3f7 solid 1px;}
.top-search{display:inline-block; position:relative;}
.top-search .search-icon{position:absolute; right:10px; top:6px; font-size:20px; color:#d7d7d7;}
.search-txt{display:block;color:#b0b2b1; padding-top:3px;}
.search-txt a{ margin:0px 5px;color:#b0b2b1;}
.search-txt a:hover{color:#333;}

.top-login{ display:inline-block; float:right;}
.top-login{ overflow:hidden;}
.top-login .top-login-li{margin-top:2px; background:#ee303a; float:left; color:#FFF; line-height:30px; padding:2px 20px; font-size:14px;}
.top-login span{margin-top:2px; background:#7fd3f7; line-height:30px; padding:2px 18px;float:left; font-size:14px; color:#FFF;}
.top-login span a{ font-size:14px; color:#FFF; margin:0px 2px;}

.nav-top-right{float:right; margin-top:5px; padding-left:30px}
.nav-top-right i{font-size:28px; margin-right:8px; color:#80d3f5;}
.nav-top-right img{margin-top:0px; float:right;}

.nav-top .top-right{display:none;}
@media (max-width:768px) {
  .nav-top{ padding-top:10px;}
  .nav-right-txt{display:none;}
  .nav-top .top-right{display:block;}
  .top-centent{width:100%; position:relative;}
  .nav-top .top-logo{z-index:9998;}
  .nav-top .top-logo img{height:70px; margin-top:10px;}
  .nav-top .top-logo{left:10px;}
}
/*top*/
.top-bg{ height:10px; width:100%; background:#9addff;}
.top-border{ border-bottom:#f5f5f5 solid 1px; padding-bottom:20px; margin-bottom:30px;}
.top{ display:block; padding:20px 0px;}

.top-right{float:right; font-size:14px; padding-top:20px;}
.top-right-logo{float:left;}
.top-right-logo{float:left; line-height:18px; margin-top:4px; margin-right:30px;}
.top-right-logo i{float:left; width:15px; height:18px; background:url(../img/ico.png) left top no-repeat; margin-right:7px;}

.search-toggle{float:left; padding:0px 15px; line-height:25px; display:inline-block; position:relative; z-index:9; font-size:20px; color:#333; cursor:pointer}
.search-wrapper {display:none;height:100px;width:100%;padding:0;line-height:1em;position:absolute;top:3px; left:0px;transition:all .3s ease-in-out;opacity:0;transform:translate3d(0,0,0);z-index:-1}
.search-col{float:left; border:none; margin-top:-10px; line-height:40px; padding:0px;}
.search-col span{ color:#333;}

.Hotsearch{position:absolute; width:100%; background:#fff; border-top:#e6e6e6 solid 1px; left:0px; top:101px; z-index:9; padding:20px; box-shadow:0 15px 20px rgba(0,0,0,.1); -webkit-box-shadow:0 15px 20px rgba(0,0,0,.1); -moz-box-shadow:0 15px 20px rgba(0,0,0,.1);}
.Hotsearch span{display:block; font-size:14px; font-weight:bold; color:#333; padding-bottom:15px;}
.Hotsearch a{display:inline-block; padding:10px 15px; border:#e6e6e6 solid 1px; font-size:14px; margin-right:8px;}
.Hotsearch a:hover{border:#ee303b solid 1px;}
@media (min-width:768px) {
  .search-wrapper { width:100%;}
  #searchbar {float:right;width:0}
}
.search-wrapper-show {opacity:1;z-index:2000}
.search-wrapper-show #searchbar {width:100%}
#search-desktop {display:inline-block;float:right;font-size:18px;padding:0 16px;line-height:80px;cursor:pointer}

#search-close {display:inline-block;float:right;font-size:24px;line-height:80px;cursor:pointer;position:relative;top:68%; float:right; transform:translateY(-50%);color:#7f7f7f}

#searchbar {position:relative; transition:.5s all ease;}
.search-input { display:block;  position:relative; height:100px; padding:25px;}
.form-control{padding:10px 0px; border:none; position:absolute; right:-2px; width:70%; left:30%; font-family:"微软雅黑"; font-size:24px; }
.search-input .search-icon{left:27%; font-size:24px; position:absolute; z-index:999; top:40px; color:#999}
.earch-input-text{ background:#FFF;}
.form-control:focus{ outline:medium;}
.nav_trigger b{font-weight:normal;}

@media (max-width:767px) {

  .search-wrapper { left:0px;height:50px;}
  .search-input{ margin:0px; margin-top:-5px; height:45px; padding:0px; background:#FFF;}
  .form-control{padding:8px 10px; font-size:14px; border:none; float:left; right:auto;}
  .nav{top:60px;}
  .search-col{float:left; margin-right:0px;}
  #search-close{margin-left:40px; top:0px; line-height:30px; margin-top:18px; font-size:20px;}
  .Hotsearch{top:86px; left:0px; margin-right:-10px; width:100%; display:block;}
  .Hotsearch a{margin-bottom:10px; width:32.5%; text-align:center; padding:10px; margin-right:0px; }
  .form-control{ float:left; width:50%; background:#e5e5e5}
  .search-input .search-icon{left:auto; font-size:18px;top:0px; line-height:21px; position:absolute; right:50px; background:#ee303a; padding:7px 10px; color:#FFF;}
  .search-col span{padding-right:15px;}
  .top-login .top-login-li{ line-height:24px; padding:2px 10px;}
  .top-login span{ line-height:24px; padding:2px 10px;}
}


.top-right-en{float:left;}
.select_wrapper {background:#7fd3f7 url(../img/bom.png) no-repeat top 12px right 8px;line-height:28px;cursor: pointer;position: relative; }
.select_wrapper:hover {background: #7fd3f7 url(../img/bom.png) no-repeat top 12px right 8px;}
.select_wrapper span {display: block;margin: 0 10px; margin-right:0px;}
.select_wrapper .select_inner {background: #fff;border-radius: 5px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);color: #687278;display: none;position: absolute;left: 0;top:32px;width: 100%;z-index: 3;}
.select_wrapper .select_inner li {border-bottom: 1px solid #eee; padding: 0 15px;}
.select_wrapper .select_inner li:hover {background: #eee;}
.select_wrapper .select_inner li:last-child {border: none;border-radius: 0 0 5px 5px;}
.select_wrapper .select_inner li:first-child {border-radius: 5px 5px 0 0;}

.top-right-ser{float:left; padding-left:20px;}
.top-right-ser i{ margin-left:10px; float:left;}
.top-right-ser .fa-facebook{font-size:26px; color:#fff; background:#3a5a9b; border-radius:6px; overflow:hidden; height:30px; width:30px; text-align:center; line-height:38px;}
.top-right-ser .fa-weixin{font-size:20px;  color:#fff; background:#43b749; border-radius:6px; overflow:hidden; height:30px; width:30px; text-align:center; line-height:30px;}


/*nav*/
.cssmenu-width{background:#7fd3f7; }
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#cssmenu{margin:0 auto; margin-top:5px; width:98%; max-width:1200px; }
#cssmenu:after,
#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width: auto;line-height: 1;}
#menu-line {position: absolute;top: 0;left: 0;height: 3px;background: #009ae1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; display:none;}
#cssmenu ul{margin:0 auto;}
#cssmenu .cssmenu-ul{margin-left:180px;}
#cssmenu > ul > li{ display:inline-block;  margin:0 auto;float:left;}
#cssmenu.align-center > ul {font-size: 0;text-align: center; }
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu > ul > li > a { display:block; text-align:center;font-size: 16px; padding:0px 27px; margin:0px 1px; text-decoration: none;text-transform: uppercase;
  color: #555; line-height:40px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {color: #fff;background:url(../img/nav-bg.jpg);
  text-shadow:#b00813 0px 0 5px,#b00813 0px 0px 5px,#b00813 0px 0px 5px,#b00813 0 0px 5px;
  -webkit-text-shadow:#b00813 0px 0 5px,#b00813 0px 0px 5px,#b00813 0px 0px 5px,#b00813 0 0px 5px;
  -moz-text-shadow:#b00813 0px 0 5px,#b00813 0px 0px 5px,#b00813 0px 0px 5px,#b00813 0 0px 5px;
  *filter: Glow(color=#b00813, strength=3);
}

#cssmenu > ul > li.has-sub > a::after {
  position: absolute; display:none;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {border-color: #009ae1;}
#cssmenu ul ul {position: absolute;left: -9999px; z-index:9998; display:block; width:100%;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul {right: 0;}
#cssmenu ul ul ul {margin-left: 100%;top: 0;}
#cssmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li {height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;}
#cssmenu ul li:hover > ul > li {height:40px;}
#cssmenu ul ul li a {padding:10px 15px; display:block; width:100%; font-size: 14px;background:#fff; line-height:20px; text-decoration: none;color:#333;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {color: #333; background:#f5f5f5;}
#cssmenu ul ul li.has-sub > a::after {position: absolute;top: 13px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {width: 100%;    margin-top: 10px;}
  #cssmenu ul {width: 100%;display: none;}
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {text-align: left;}
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {width: 100%;height: auto;border-top: 1px solid rgba(120, 120, 120, 0.15);}
  #cssmenu ul li a,
  #cssmenu ul ul li a {width: 100%;  border-radius:0px 0px 0px 0px; text-align:left; padding-left:10px; color:#333;}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {float: none;display: block;}
  #cssmenu ul ul li a {padding:15px 30px  !important;font-size: 14px;color: #555;background: none;}
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {color: #000000;}
  #cssmenu ul ul ul li a {padding-left: 40px;}
  #cssmenu ul ul,
  #cssmenu ul ul ul {position: relative;left: 0;right: auto;width: 100%;margin: 0;}
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {display: none;}
  #menu-line {display: none;}
  #cssmenu #menu-button {display: block;padding:15px 10px;color: #000000;cursor: pointer;font-size:0px;text-transform: uppercase; background: #7fd3f7; margin-bottom:0px; height:40px;}
  #cssmenu #menu-button::after {content: '';position: absolute;top:15px;right: 20px;display: block;width: 15px;height:2px;background: #000000;}
  #cssmenu #menu-button::before {content: '';position: absolute;top:21px;right: 20px;display: block; width: 15px;height:8px;border-top: 2px solid #000000; background:none; display:block; border-bottom: 2px solid #000000;}

  #cssmenu .submenu-button {position: absolute;z-index: 10;right: 0;top:-6px;display: block;border-left: 1px solid rgba(120, 120, 120, 0.15);height: 52px;width: 52px;cursor: pointer;}
  #cssmenu .submenu-button::after {content: '';position: absolute;top: 21px;left: 26px;display: block;width: 1px;height: 11px;background: #000000;z-index: 99;}
  #cssmenu .submenu-button::before {content: '';position: absolute;left: 21px;top: 26px;display: block;width: 11px;height: 1px;background: #000000;z-index: 99;}
  #cssmenu .submenu-button.submenu-opened:after {display: none;}
  .top-bg{ height:5px;}
  .top-logo img{height:35px;}
  .top{padding:15px; padding-bottom:0px;}
  .top-right-logo{ margin-right:12px;}
  .top-right-ser{display:none;}
  .top-right{padding-top:0px; padding-bottom:4px;}


}
@media (max-width:1100px) {
  #cssmenu .cssmenu-ul{ margin-left:130px;}
  #cssmenu > ul > li > a{padding:0px 20px;}
}
/*banner*/
.pgwSlideshow {width:100%; isplay: none; margin-top:15px; margin-bottom:10px;}
.pgwSlideshow a{color: #fff;}
.pgwSlideshow .ps-current {text-align: center;position: relative;overflow: hidden;}
.pgwSlideshow .ps-current > ul  > li {text-align: center;width: 100%;z-index: 1;opacity: 0;display: block;}
.pgwSlideshow .ps-current > ul  > li img {display: block;width: 100%;margin: auto; float:left;}
.pgwSlideshow .ps-caption span {padding: 7px;display: inline-block;}
.pgwSlideshow .ps-list { overflow: hidden; position: relative;}
.pgwSlideshow .ps-list ul {position: relative; text-align:center; list-style: none;margin: 0;padding: 0;left: 0; width:100%; overflow:hidden; padding-top:10px;}
.pgwSlideshow .ps-list li { display:inline-block; float:inherit; overflow:hidden;}
.pgwSlideshow .ps-list li .ps-item {display: block;height:12px; width:12px; background:#e0e0e0; margin:0px 8px; border-radius:100%; }
.pgwSlideshow .ps-list li .ps-item img{ display:none;}
.pgwSlideshow .ps-list li img { width:100%; padding:4px;}
.pgwSlideshow .ps-list li .ps-item.ps-selected {float: left; opacity: 1; background:#ef2f3a;overflow: hidden;}
.pgwSlideshow .ps-list li .ps-item.ps-selected img {border: 4px solid #ee2d3d;padding:0px;}
.pgwSlideshow .ps-current .ps-prev {width:29px; height:54px; background:url(../img/banner-ico.png) left top no-repeat;position: absolute;left:28px;top: 45%;cursor: pointer;}
.pgwSlideshow .ps-current .ps-next {width:29px; height:54px; background:url(../img/banner-ico.png) left -54px no-repeat;position: absolute;right:28px;top: 45%;cursor: pointer;}

.container1-3 {padding-bottom:30px; overflow:hidden;}
.container1-3 .pgwSlideshow .ps-list li .ps-item img{ display:block; width:100%;}
.container1-3 .pgwSlideshow .ps-current { float:left; width:75.5%; overflow: hidden;}
.container1-3 .pgwSlideshow .ps-list {float:right; width:23.5%;overflow:hidden;}
.container1-3 .pgwSlideshow .ps-list ul {position: relative; display:block; width:auto; margin:0px; padding:0px;}
.container1-3 .pgwSlideshow .ps-list li{display:block; width:100%; margin-bottom:5%;}
.container1-3 .pgwSlideshow .ps-list li .ps-item{ display:block; width:auto; height:auto; border-radius:0%; overflow:hidden;}

.Selection_width{display:inline-block; float:left; width:64%;}

/*重點推介*/
.home-li{width:41%; float:left;}
.home-title{ display:block; font-size:18px; color:#ee303c; margin-bottom:10px;}
.home-Introduction{padding:20px; margin-right:10px; border:#7ed2f6 solid 1px; border-radius:10px;}
.home-Introduction li{padding-bottom:10px; text-align:center;}
.home-Introduction img{width:80%;}
.home-Introduction .home-Introduction-more{display:none; text-align:center; padding-top:10px; margin-bottom:0px;}
.home-Introduction-more a{font-size:14px; color:#FFF; background:#7ed2f6; border-radius:5px; padding:5px 20px; letter-spacing:2px;}
.home-Introduction-more a:hover{background:#4bb9e8;}

.home-right{float:right; width:36%; padding:0px 30px; padding-right:0px;}
.home-Member{width:100%; margin-bottom:12px;}
.home-Member img{width:100%; border:#a4ddf8 solid 1px;}

.home-videos{width:100%; margin-bottom:8px;}
.home-videos img{width:100%;}
@media (max-width:768px) {
  .pgwSlideshow .ps-list li .ps-item{width:10px; height:10px;}
  .pgwSlideshow .ps-list{text-align:left;}
  .home-Member{margin-bottom:0px;}
  .home-right{width:100%; padding:0px 10px;}
  .home-li{width:100%; padding:0px 10px; padding-bottom:10px;}
  .home-Introduction{overflow:hidden; margin-right:0px; border-radius:0px; padding:10px;}
  .home-Introduction li{width:50%; float:left; padding-bottom:0px;}
  .home-title{font-size:16px; padding-top:0px;}
  .home-Introduction .home-Introduction-more{width:100%;}

  .pgwSlideshow {width:100%;isplay: none; margin-top:0px; margin-bottom:0px;}

  .pgwSlideshow .ps-current .ps-prev{background:url(../img/banner-ico.png) left top no-repeat; height:28px; width:15px; background-size:15px auto;}
  .pgwSlideshow .ps-current .ps-next{background:url(../img/banner-ico.png) left -28px no-repeat; height:28px; width:15px; background-size:15px auto;}
  .cssmenu-width{background:none;}
  #cssmenu .cssmenu-ul{ margin-left:0px;}
  
  .container1-3  .pgwSlideshow .ps-list li img { width:100%; padding:2px;}
  .container1-3  .pgwSlideshow .ps-list li .ps-item.ps-selected img {border: 2px solid #ee2d3d;padding:0px;}
  .container1-3  .pgwSlideshow .ps-list li .ps-item{margin:0px;}
  .container1-3 .pgwSlideshow .ps-current { float:left; width:76.5%; overflow: hidden;}
.container1-3 .pgwSlideshow .ps-list {float:right; width:21.5%;overflow:hidden;}
.Selection_width{width:100%;}
}




/*精選優惠*/
.Selection-top{ width:59%; float:right; padding-left:20px;}
.Selection-top .banner{position:relative; display:block; background:#fff; margin:0px auto; border:#7ed2f6 solid 1px; display:block; margin-bottom:12px;}
.Selection-top .flex-control-nav {width: 100%; background:#7ed2f6; position: absolute; display:block; z-index:999; text-align:center; left:0; bottom:0px; padding-left:0px; padding-bottom:0px; padding-right:70px;}
.Selection-top .Selection-li{padding:0px; height:152px;}
.Selection-top .slides li{padding:10px; padding-bottom:40px; position:relative;}
.Selection-top .Selection-li-left{ width:60%; float:left; font-size:16px; line-height:24px; padding-left:30px;}
.Selection-top .Selection-li-left .Selection-jia{display:block;text-decoration: line-through; color:#555;}
.Selection-top .Selection-txte{height:90px; display:block; padding-top:5px; line-height:22px;}
.Selection-top .Selection-li-left b{display:block; font-size: 30px; color:#ee303b; font-weight:normal; padding-top:5px;}
.Selection-top .Selection-li-right{float:right; width:38%; padding-right:25px}

.Selection-li{float:left; width:100%; padding:5px 0px;}
.Selection-li img{width:100%;}
.Selection-top .flex-control-nav li{ float:inherit;}
.Selection-top .flex-control-paging li .flex-active{background:#ee2d3d; border:0px; width:10px; height:10px;}
.Selection-top .flex-control-paging li a{background:#fff; margin-top:5px;}
.Selection-top .flex-control-nav li{margin:5px 10px; }
.Selection-img{background:url(../img/jia.png) center center no-repeat; height:32px; width:32px; top:50%; display:block; width:100%; text-align:center; position:absolute; margin-top:-26px;}
.Selection-top .Selection-more{ color:#fff; font-size:14px; position:absolute; bottom:5px; right:10px; z-index:9998}

.Selection-top .flex-direction-nav{ position:absolute; left:0px; width:100%;  z-index:9998}
.Selection-top .flex-direction-nav li a.flex-prev{left:10px; right:auto; background:url(../img/Selection-page.jpg) left top no-repeat; height:44px; width:15px; display:block;}
.Selection-top .flex-direction-nav li a.flex-next{right:10px; background:url(../img/Selection-page.jpg) -15px top no-repeat; height:44px; width:15px;display:block;}
.Selection-top .flex-direction-nav li{width:auto;}


@media (max-width:768px) {
  .Selection-top{padding:10px; padding-bottom:0px;}

  .Selection-top .banner{ border:#7ed2f6 solid 1px; border-radius:0px; overflow:hidden}
  .Selection-top .Selection-li-right{padding-top:5px; width:37%; padding-right:30px;}
  .Selection-top .Selection-txte{padding-bottom:10px; height:auto; padding-top:15px; padding-left:5px;}
  .Selection-top .Selection-li-left{width:60%;}
  .Selection-top .Selection-li-left b{font-size:26px; padding-top:0px; display:inline-block; float:left; padding-left:5px;}
  .Selection-top .Selection-li-left .Selection-jia{display:inline-block; padding-left:5px; padding-top:3px;}
  .Selection-top{ width:100%; float:right; }
  .Selection-title{height:70px; display:block; margin:0 auto; overflow:hidden; display:block; background:url(../img/title-bg.png) center top no-repeat; background-size:90% auto;}
  .Selection-top .slides li{padding:5px; padding-bottom:20px;}
  .Selection-top .flex-control-nav { bottom:0px;}
}

.title-bg{background:url(../img/title-bg.jpg); display:block;}
/*分类*/
.ification{display:block; overflow:hidden; padding:15px 0px;}
.ification ul{margin:0px -15px;}
.ification li{float:left; width:16.66666%; padding:15px; }
.ification li img{width:100%; border:#fff solid 5px;
  transition:all .5s;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s
}
.ification li img:hover{box-shadow:0 15px 30px rgba(0,0,0,.1); -webkit-box-shadow:0 15px 30px rgba(0,0,0,.1); -moz-box-shadow:0 15px 30px rgba(0,0,0,.1); -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0)}
@media (max-width:768px) {
  .ification ul{margin:0px;}
  .ification li{float:left; width:33.3334%; padding:5px; }
}


/*top5*/
.jyTable{padding:35px 0px 20px;}
.jyTable .title{ display:block; overflow:hidden; border-bottom:#eea240 solid 5px;}

.jyTable .title li{ display:inline-block;text-align:center;background:#f5f5f5; border-radius:15px 15px 0px 0px;font-size:20px;float:left;cursor:pointer;padding:0px 40px; margin-right:2px; line-height:50px;}
.jyTable .title li.cur{background:#f4c84f;color:#333;}
.jyTable .titleexp li{float:left;margin-right:10px;}
.jyTable .zong{clear:both; display:block;overflow:hidden;}
.jyTable .list{width:200%; display:block;}
.jyTable .list .tabCon{float:left;width:50%; padding-top:10px;}
.jyTable .tabth span{display:inline-block;text-align:center;float:left;}
#s1,#s2,#s3,#s4,#s5,#s6{ display:block;}

.Programme-li{float:left; width:25%; margin-bottom:10px;}
.Programme-li ul{ margin:10px; background:#FFF; border:#c9c9c9 solid 1px;
  transition:all .5s;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s
}
.Programme-li ul:hover { border:#7ed2f6 solid 1px;}
.Programme-li ul li{overflow:hidden;}
.Programme-li-img img{width:100%;
  -webkit-transition:all .7s;
  -moz-transition:all .7s;
  -ms-transition:all .7s;
  -o-transition:all .7s;
  transform:all .7s
}
.Programme-li ul:hover .Programme-li-img img{
  -webkit-transition:scale(1.1);
  -moz-transition:scale(1.1);
  -ms-transition:scale(1.1);
  -o-transition:scale(1.1);
  transform:scale(1.1)
}
.Programme-li-text{padding:0px 10px; padding-bottom:15px; text-align:center;}
.Programme-li-text span{display:block; color:#323232; font-size:16px; overflow: hidden;text-overflow:ellipsis; white-space:nowrap; padding-bottom:5px;}
.Programme-li-text .product_size_span{ height:25px;}
.Programme-z{font-size:16px; color:#959595;}
.Programme-s{background:#74d0f5; display:block; color:#333; line-height:36px; margin-top:5px; font-size:16px;}
.Programme-li-text span:hover{color:#ee303b;}
.Programme-li-text .Programme-text-ov{display:inline-block; margin:0 auto;}
.Programme-li-text h1{font-size:16px; overflow:hidden; padding-top:5px;  font-family: Microsoft JhengHei;  vertical-align:bottom;}
.Programme-li-text h1 b{font-size:24px; color:#555; margin:0px; height:auto; float:left; display:block; line-height:30px; }
.Programme-li-text h1 .Programme-jg{color:#ee303b;}
.Programme-li-text h1 span{display:inline-block; font-size:16px; padding-bottom:0px; padding-top:7px; float:left; color:#555; padding-left:15px; text-decoration:line-through;}
.Programme-li-text h1 span:hover{color:#555;}
.Programme-active .Programme-li-text span{color:#ee303b;}
.Programme-more{text-align:center; font-size:18px; color:#ee303a}
.Programme-more i{ font-size:50px; color:#FFF; margin-bottom:10px; margin-top:35%; padding:16px 20px; background:#ee303a; border-radius:100%;}
@media (max-width:768px) {
  .jyTable{padding:30px 0px 15px;}
  .jyTable .title li{font-size:18px; padding:0px 20px;}
  .Programme-li{width:50%;}
  .Programme-li ul{ margin:5px;}
  .Programme-li-text span{font-size:14px;}
  .Programme-li-text{ padding:5px;}
  .Programme-li-text span{padding-bottom:0px; padding-top:5px;}
  .Programme-li-text h1 b{ font-size:22px; line-height:26px;}
  .Programme-li-text h1 span{padding-top:4px;}
  .Programme-more i{font-size:40px;}
}

/*最新新闻*/
.home-news{float:left; width:28%; border:#e8eae8 solid 1px; margin-top:30px;}
.home-news-title{ font-size:26px; color:#006bbd; overflow:hidden; display:block; line-height:40px; border-bottom:#9addff solid 4px;}
.home-news-title a{float:right; background:#f5f5f5; font-size:16px; color:#555; padding:0px 30px;}
.home-news-title a:hover{background:#9addff; color:#333;}
.home-news .home-news-title{padding-left:15px; line-height:50px;}
.friend{margin:0 auto; display:block; width:100%;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:275px;margin:0px;width:50px; background:url(../images/prev.png) left center no-repeat; position:relative; z-index:99; display:none}
.mr_frUl{ width:100%; margin:18px 0px; overflow:hidden;}
.mr_frBtnR{cursor:pointer;display:inline;float:right;height:275px;margin:0px;width:50px; background:url(../images/prev.png) right center no-repeat; position:relative; z-index:99; display:none}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:100%;position:relative;}
.home-product-li{ background:#fff; width:100%; overflow:hidden; padding:0px 15px; position:relative;}
.home-product-li .home-product-li-left{float:left; width:46%;}
.home-product-li img{width:100%; float:left; height:216px;}
.home-product-li-text{padding:5px 15px; font-size:16px; line-height:30px; color:#666;float:left; width:50%;}
.home-product-li-text span{display:block;}
.home-product-li-text a{font-size:20px; line-height:28px; padding-top: 5px; display: block; padding-right:15px;}
.home-product-li-text b{color:#C00; line-height:28px; font-size:14px; display:inline-block; position:relative; position:absolute; bottom:10px; font-weight:normal;}
.home-product-li-text b a{font-size:16px; color:#ce214e; padding:0px 30px; border:#ce214e 2px solid; line-height:35px; position:relative; z-index:999}
.home-product-li-text b .more-bg{position:absolute; width:100%; height:100%; background:#f2bdcd; left:5px; top:5px; z-index:1}


/*特价*/
.tj_width{display:block;  width:100%;  height:353px; }
.tj_width .tj_frbox{background:url(../img/lz-l.png) 0px center no-repeat #f72533; padding-left:200px; height:353px; display:block; }
.tj_frbox_bg{background:#FFF; display:block;  margin:0px 7px; height:338px; position:relative; top:7px;}
.tj_frBtnL{cursor:pointer; position:absolute; font-size:40px; color:#f82634; top:50%; margin-top:-20px; left:15px; z-index:999;}
.tj_frUl{ width:100%; margin:0px; overflow:hidden;}
.tj_frBtnR{cursor:pointer; position:absolute; font-size:40px; color:#f82634; top:50%; margin-top:-20px; right:15px; z-index:999;}
.tj_frUl ul li{display:block; float:left;/*height:389px;*/position:relative; margin:25px;}

.tj_frbox_bg .Programme-li{width:100%;}
.tj_frbox_bg .tj_frUl ul li{margin:0px; text-align:center;}
.tj_frbox_bg .Programme-li-img img{width:auto; height:175px; padding-top:10px; margin:0 auto; display:block; margin-top:25px;}
.tj_frbox_bg .Programme-li-text{display:block; padding:10px;}

/*今日*/
.hg_width{ float:left; width:36%; padding-left:20px;  margin-top:12px;}
.hg_width .hg_frbox{background:url(../img/hg-l.jpg) 0px center no-repeat #ffde00; padding-left:200px; height:308px; display:block; }
.hg_frbox_bg{background:#FFF; display:block;  margin:7px; height:293px; position:relative; top:7px;}
.hg_frBtnL{cursor:pointer; position:absolute; font-size:40px; color:#1c8edb; top:50%; margin-top:-20px; left:15px; z-index:999;}
.hg_frUl{ width:100%; margin:18px 0px; overflow:hidden;}
.hg_frBtnR{cursor:pointer; position:absolute; font-size:40px; color:#1c8edb; top:50%; margin-top:-20px; right:15px; z-index:999;}
.hg_frUl ul li{display:block; float:left;/*height:389px;*/position:relative; margin:25px;}

.hg_frbox_bg .Programme-li{width:100%;}
.hg_frbox_bg .hg_frUl ul li{margin:0px; text-align:center;}
.hg_frbox_bg .Programme-li-img img{width:auto; height:175px; padding-top:10px; margin:0 auto; display:block;}
.hg_frbox_bg .Programme-li-text{display:block; padding:10px;}

@media (max-width:1100px) {
  .home-news{float:left; width:100%; margin-top:35px;}
  .home-video{float:right; width:35%; padding-left:30px;}
  .mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:33.334%;position:relative;}
  .home-product-li img{width:100%; float:left; height:auto}

}
@media (max-width:768px) {
  .home-news{float:left; width:100%; padding:0px 10px;}
  .home-video{float:right; width:100%; padding:0px 10px; margin-top:5px;}
  .mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:100%;position:relative;}
  .home-product-li-text a{font-size:18px; line-height:24px;}
  .home-news-title{font-size:20px;}
  .home-video-title{font-size:20px;}
  .mr_frBtnL{height:38px; width:32px; background:#000; position:absolute; left:10px; top:130px; overflow:hidden; display:inline; cursor:pointer; margin-top:18px; color:#FFF; text-align:center; line-height:36px; font-size:30px;
    background:rgba(0, 0, 0, 0.30) none repeat scroll 0 0 !important; filter:Alpha(opacity=30); display:none}
  .mr_frBtnR{height:38px; width:27px; background:#000; position:absolute; right:10px; top:130px; overflow:hidden; padding-left:5px; display:inline; cursor:pointer; margin-top:18px; color:#FFF; text-align:center; line-height:36px; font-size:30px;background:rgba(0, 0, 0, 0.30) none repeat scroll 0 0 !important; filter:Alpha(opacity=30); display:none}
  .tj_width{ display:block; height:auto;}
  .tj_width .tj_frbox{background:url(../img/lz-l.png) 0px center no-repeat #f72533; background-size:auto 200px; padding-left:120px; height:200px; display:block; }
  .tj_frbox_bg{ height:180px;}
  .tj_frbox_bg .Programme-li-img img{width:auto; height:100px; margin-top:0px; border:none;}
  .tj_frbox_bg .Programme-li-text{ padding-bottom:0px;}
  .tj_frbox_bg .Programme-li-text span{font-size:14px; padding:0px 10px}
  .tj_frbox_bg .Programme-li-text h1 b{font-size:18px;}


  .hg_width{ float:left; width:100%; padding:0px;  margin-top:0px;}
  .hg_width .hg_frbox{background:url(../img/hg-l.jpg) 0px center no-repeat #ffde00; background-size:auto 200px; padding-left:120px; height:200px; display:block; }
  .hg_frbox_bg{ height:180px;}
  .hg_frbox_bg .Programme-li-img img{width:auto; height:100px;}
  .hg_frbox_bg .Programme-li-text{ padding-bottom:0px;}
  .hg_frbox_bg .Programme-li-text span{font-size:14px; padding:0px 10px}
  .hg_frbox_bg .Programme-li-text h1 b{font-size:18px;}
}

.foodrint{float:right; width:30%; margin-top:15px;}
.foodrint img{width:100%;}
.ban-cr{width:100%; display:block;}
.ban-qb{display:block; height:353px; overflow:hidden; margin-top:18px;}
.ban-qb img{height:100%; float:left; margin:0 auto; max-width:100%}
.ban-video{display:block; height:353px; overflow:hidden; margin-top:18px;}
.ban-video img{height:100%; float:left; margin:0 auto; max-width:100%}

/*影片*/
.home-video{float:right; width:25%; padding-left:30px;}
.home-video-title{ font-size:26px; color:#ee2d3d; overflow:hidden; display:block; line-height:40px; border-bottom:#f2bdcd solid 4px;}
.home-video-title a{float:right; background:#f5f5f5; font-size:16px; color:#555; padding:0px 30px;}
.home-video-title a:hover{background:#f2bdcd; color:#333;}
.home-video-text{display:block; border:#e9e9e9 solid 2px; margin-top:15px; overflow:hidden;}
.home-video-text img{float:left; width:100%}

/*分类*/
.Recommend{ overflow:hidden; background:#000; width:100%; position:relative;  max-width:1480px; margin:40px auto;}
.Recommend_left{width:50%; float:left;}
.Recommend_right{width:50%; float:left;}
.Recommend_right .Recommend_div{width:50%;}
.Recommend div{float:left; padding:0px; margin:0px; overflow:hidden; line-height:0px; font-size:0px;}
.Recommend img{line-height:0px; font-size:0px; padding:0px; margin:0px;  opacity:1; *filter:alpha(opacity=100); float:left; width:100%}

.Recommend:hover .Recommend_div{ background:#000;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; z-index:20;}
.Recommend:hover img{ opacity:0.8;filter:alpha(opacity=80);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; z-index:30;}
.Recommend .Recommend_div:hover img{ opacity:1;filter:alpha(opacity=100);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; z-index:40;float:left; width:100%}
@media (max-width:768px) {
  .Recommend_left{width:100%; float:left;}
  .Recommend_right{width:100%; float:left;}
}


/*新店開業*/
.Opening-width{width:100%; position:relative;  max-width:1480px; overflow:hidden;  background:url(../img/nav-bg.jpg);}
.Opening{ width:100%; position:relative;}
.Opening-bg{position:relative; height:353px; display:block;}
.Opening-bg img{width:100%;  height:100%;}
.Selection-top .Opening .slides li{padding:0px;}
.Selection-top .Opening .flex-direction-nav{display:none;}

.banner{position:absolute; display:block; margin:22% 11%; display:block; left:0px; top:0px;}
.slides{position:relative; display:block;}
.slides li{ display:block; overflow:hidden}
.slides-img{ width:100%;}
.slides-img img{width:100%;}
.slides-img-txt{ position:absolute; bottom:30px; width:100%; left:0px; z-index:99; font-size:16px; line-height:26px;background:#FFF; background:rgba(255,255,255, 0.8) none repeat scroll 0 0 !important; filter:Alpha(opacity=80); padding:8px 12px;}
.slides-img-txt a{float:right; color:#FFF; background:#ee2e39; font-size:14px; padding:2px 10px; border-radius:5px; }
.slides-img-txt h1{font-size:20px; line-height:28px; padding-bottom:10px; padding-top:2px;}

.flex-direction-nav{position:absolute;z-index:3;width:100%; top:50%; margin-top:-32px;}
.flex-direction-nav li{width:50%; position:relative;}
.flex-direction-nav li a{display:block;width:32px;height:64px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{right:620px;background:url(../images/dot.png) 0px top no-repeat; display:none;}
.flex-direction-nav li a.flex-next{right:-653px;background:url(../images/dot.png) -32px top no-repeat;display:none;}
.flex-control-nav {width: 100%; position: absolute; z-index:999; text-align:left; left:0; padding-left:45%; bottom:-30%;}
.flex-control-nav li {margin-right:30px;display: inline-block;zoom: 1; *display: inline; float:left;}
.flex-control-paging li a {background:#ffffff;display:block;width:10px; height:10px;overflow: hidden;text-indent:-99em;cursor: pointer;-moz-border-radius: 15px;/* Gecko browsers */-webkit-border-radius: 15px;   /* Webkit browsers */border-radius:15px; float:left; box-sizing:inherit}
.flex-control-paging li .flex-active {background:#d1db01; border:#d1db01 2px solid; margin-top:-1px; margin-right:-1px; height:13px; width:13px;}
.CM-bannmer{display:none;}

.layer_notice{display:none; width:800px}
.layer_box{overflow:hidden; padding:30px; padding-top:15px;}
.layer_box_left{float:left; width:40%; font-size:16px; line-height:30px; padding-right:30px;}
.layer_box_right{float:right; width:60%; padding-left:20px;}
.layer_box_right img{width:100%;}
.layui-layer-close{width:66px; height:66px; background:url(../img/box-close.png) center center no-repeat; right:-40px; top:-28px; position:absolute; cursor:pointer; z-index:999}
.layui-layer-close:hover{background:url(../img/box-close.png) center center no-repeat;}
.Opening .layui-layer-page .layui-layer-content{overflow:inherit;}
.Opening .layui-layer-setwin{display:none;}

.home-videos .layui-layer-page .layui-layer-content{overflow:inherit;}
.home-videos .layui-layer-setwin{display:none;}


@media (max-width:800px) {
  .layer_notice{width:90%;}
}

@media (max-width:500px) {
  .layer_notice{width:100%; height:100%; top:0px; }
  .layer_box{padding:15px;}
  .layui-layer-close,.layui-layer-close:hover{background-size:45px auto; right:-10px; top:-2px;}
  .layer_box_left{width:100%; padding:0px; padding-bottom:20px;}
  .layer_box_right{width:100%; padding:0px;}
}
/*排行榜*/
.RankingList{width:70%; float:left; margin-top:15px; padding-right:30px;}
.RankingList-title{background:#ee303a; padding-left:20px; font-size:16px; color:#FFF; line-height:36px;}
.RankingList .tabCon{overflow:hidden;}
@media (max-width:1100px) {
  .slides-img-txt{float:left; padding-left:20px; font-size:14px; line-height:20px;}
  .slides-img-txt h1{font-size:16px; line-height:26px; padding-bottom:10px; padding-top:0px;}
  .flex-control-nav {bottom:-30%;}
}
@media (max-width:768px) {
  .RankingList{padding:5px; width:100%; margin-top:0px;}
  .Opening{ width:100%; position:relative;}
  .slides-img-txt{float:left; padding-left:15px;  font-size:14px; line-height:18px;}
  .slides-img-txt h1{font-size:14px; line-height:18px; padding-bottom:8px; padding-top:0px;}
}
/*食譜分享*/
.Recipes{float:left; width:100%; position:relative; height:100%; display:block; background:url(../img/nav-bg.jpg); margin-top:19px; height:353px;}
.Recipes-title{ display:block; text-align:center; padding-top:15px; margin-bottom:-10px;}

.Recipes-width{margin:0 auto; display:block; width:100%;}
.Recipes_frBtnL{display:none}
.Recipes_frUl{ width:60%; margin:20px auto; overflow:hidden;}
.Recipes_frBtnR{display:none}
.Recipes_frUl ul li{display:inline;float:left;/*height:389px;*/width:100%;position:relative;}
.Recipes-li{width:100%; overflow:hidden; float:left; margin-bottom:0px; position:relative; padding:0px 15px;}
.Recipes-li-text a{font-size:18px; background:#ff3a4e; color:#FFF; display:block; padding:8px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:0px;}
.Recipes-li-img{display:block;}
.Recipes-li-img img{float:left; width:100%; border:#fff 5px solid; -moz-box-shadow:3px 3px 0px #aab210;; -webkit-box-shadow:3px 3px 0px #aab210;; box-shadow:3px 3px 0px #aab210;}

.Recipes-more{width:80%; padding:10px; text-align:center; padding-right:22%;}
.Recipes-more b{color:#C00; line-height:28px; font-size:14px; display:inline-block; position:relative; position:absolute; bottom:20px; font-weight:normal;}
.Recipes-more b a{font-size:16px; color:#333; padding:5px 30px; border:#333 2px solid; line-height:35px; position:relative; z-index:999}
.Recipes-more b .more-bg{position:absolute; width:100%; height:100%; background:#fff; left:5px; top:5px; z-index:1}


@media (max-width:768px) {
  .Opening-width{padding-bottom:20px;}
  .Recipes_frUl{ width:80%; margin:10px auto; overflow:hidden;}
  .Recipes-title img{height:30px;}
  .Recipes-title{ padding-top:20px;}
  .Recipes{float:left; width:100%; position:relative; height:100%; display:block;}
  .Recipes-li-text a{font-size:14px;}
  .Recipes-li{padding:0px 10px;}
  .Recipes-more{width:98%; padding:35px 10px; padding-right:28%;  overflow:hidden;}
  .Recipes-more b a{font-size:14px;}
  .Recipes-more b .more-bg{position:absolute; width:100%; height:100%; background:#fff; left:4px; top:4px; z-index:1}

  .foodrint{width:100%;}
  .ban-cr{width:100%; padding-left:0px; }
  .ban-qb{height:auto;}
  .ban-qb img{height:auto;}
  .ban-video{height:auto;}
  .ban-video img{height:auto;}
  .Opening-bg img{height:auto;}
  .banner{margin:21% 11%}
  .Opening-bg,.Opening{height:auto;}
}

/*優鮮登場*/
.pr-banner{width:98%; position:relative;  max-width:1410px; background:url(../img/pr-banner.jpg) center top no-repeat; height:290px; text-align:center;}
.pr-banner span{ font-size:40px; color:#333;  background:#FFF; box-shadow:0 5px 10px rgba(0,0,0,.1); -webkit-box-shadow:0 5px 10px  rgba(0,0,0,.1); -moz-box-shadow:0 5px 10px  rgba(0,0,0,.1); display:inline-block; margin-top:90px; letter-spacing:10px;}
.pr-banner span b{display:block; margin:7px; border:#ddd solid 3px; padding:30px 90px;}
.pr-search{display:block; margin-bottom:10px; text-align:right;}
.pr-search-left{float:left; margin-top:10px; line-height:40px; font-size:16px;}
.pr-search-left b{background:#ed2f3b; float:left; font-size:18px; padding:5px 15px; color:#FFF; font-weight:normal; line-height:26px; padding-right:0px; float:left; position:relative; z-index:9}
.pr-search-left span{width:32px;height:36px;
  display:inline-block; float:left;  margin-left:-10px; margin-right:15px;
  background: #ee303a;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);}

.pr-search-select{ display:inline-block; padding-top:10px; padding-bottom:10px;}
.pr-search-select .select_wrapper {background: #fff url(../img/bom.png) no-repeat top 15px right 11px;line-height:36px;border-radius:3px; cursor: pointer;position: relative; border:#d6d6d6 solid 1px; font-size:16px; padding-right:30px;}
.pr-search-select .select_wrapper:hover { border:#666 solid 1px;}
.pr-search-select .select_wrapper span {display: block;margin: 0 15px; margin-right:5px; color:#666}
.pr-search-select .select_wrapper .select_inner {background: #fff;border-radius: 5px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);color: #687278;display: none;position: absolute;left: 0;top:38px;width: 100%;z-index: 3;}
.pr-search-select .select_wrapper .select_inner li {border-bottom: 1px solid #eee; padding: 2px 15px; text-align:left; font-size:14px;  padding-left:25px}
.pr-search-select .select_wrapper .select_inner li:hover {background: #eee;}
.pr-search-select .select_wrapper .select_inner li:last-child {border: none;border-radius: 0 0 5px 5px;}
.pr-search-select .select_wrapper .select_inner li:first-child {border-radius: 5px 5px 0 0;}

.pr-searchtext{display:inline-block; padding-left:10px; position:relative;}
.pr-searchtext input{ width:300px; padding:5px 15px; font-size:16px; line-height:26px; border-radius:5px; border:#d6d6d6 solid 1px; margin-right:10px;}
.pr-searchtext i{font-size:20px; position:absolute; right:15px; top:9px; cursor:pointer; color:#cccacb;}
.pr-searchtext input:focus{border:#333 solid 1px;}
.pr-search-cotent{padding-bottom:10px; overflow:hidden; margin:0px -10px; overflow:hidden;}

.product-page{display:block; overflow:hidden;  width:100%; text-align:center;  margin-top:20px;}
.ui-pagination-container { line-height: 34px;}
.ui-pagination-container .ui-pagination-page-item ,.ui-pagination-container .ui-pagination-page-btn{font-size: 16px; display:inline-block; height:35px; width:35px; color: #333; margin: 0 5px; text-decoration: none;}
.ui-pagination-container .ui-pagination-page-item i{font-size:32px;}
.ui-pagination-container .ui-pagination-page-btn{display:none;}
.ui-pagination-container .ui-pagination-page-item:hover {border-color:#de2d01; color:#de2d01;text-decoration: none;}
.ui-pagination-container .ui-pagination-page-item.active {background: #f3f3f3; border-color: #de2d01; color: #333; cursor: default; border-radius:100%}
.ui-pagination-page-btn{display:none;}
.ui-pagination-container input{padding:12px 10px 13px 10px; border:#c5b7b7 solid 1px; margin-left:15px; margin-right:-5px; display:none;}
.ui-pagination-container .fa-angle-right,.ui-pagination-container .fa-angle-left{ background:#7fd3f7; color:#FFF; height:35px; width:35px; line-height:34px; display:block; border-radius:100%}
@media (max-width:768px) {
  .pr-banner{width:100%; position:relative;  max-width:1410px; background:url(../img/pr-banner.jpg) center top no-repeat; height:120px; text-align:center; background-size:auto 120px;}
  .pr-banner span{ font-size:20px;margin-top:30px;}
  .pr-banner span b{padding:10px 40px;}
  .pr-search-select .select_wrapper{ float:left;}
  .pr-search-select{ padding-top:15px;}
  .pr-searchtext input{width:200px;}
  .pr-search{margin-bottom:0px;}
  .pr-searchtext{float:right; margin-top:15px;}
  .pr-search-cotent{margin:0px -5px;}
  .pr-search-left{display:block; width:100%; margin-top:0px;}
  .pr-search{text-align:left;}
  .pr-search-cotent .Programme-li-text{padding:5px 10px;}
  .pr-search-cotent .Programme-li{ margin-bottom:0px;}
  .pr-search-cotent .Programme-li ul{margin:6px;}
  .pr-search-cotent .Programme-li{float:left; width:50%;}
  .pr-search-cotent .Programme-li-text span{font-size:16px; padding-bottom:0px; line-height:22px;  height:54px; white-space: normal;}
  .pr-search-cotent .Programme-li-text .product_size_span{ height:auto;}
  .pr-search-cotent .Programme-li-text h1 b{ font-size:20px;}
  .pr-search-cotent .Programme-li-text h1 span{height:auto;}
  .pr-search-select .select_wrapper .select_inner li {padding-left:15px;}
  .Programme-s{margin-top:-5px; margin-bottom: 5px; }
}

/*产品详细介绍*/
.product-show-top{font-size:14px; line-height:22px;  padding:20px 0px; color:#CCC; padding-top:0px; }
.product-show-top span{padding:0px 10px;}

.product-show-left{width:40%; float:left; padding-bottom:50px; }
.jqzoom{display:block; border:#ddd solid 1px;}
.jqzoom-ji{display:none;}
.jqzoom img{ width:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden;  display:none;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); display:none;}
/*图片小图预览列表*/
.spec-preview{width:100%px; display:block;}
.spec-scroll{clear:both; display:block; overflow:hidden;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; text-align:center;width:18px;height:85px; line-height:85px; background:#4d4d4d; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF;cursor:pointer;text-decoration:none; display:none;}
.spec-scroll .items{float:left;position:relative;width:775px;height:70px;overflow:hidden; margin-top:7px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:58px; padding-top:5px;}
.spec-scroll .items ul li{float:left;width:63px;text-align:left; cursor:pointer}
.spec-scroll .items ul li img{padding:1px;width:52px;height:52px; border:#ddd solid 1px;}
.spec-scroll .items ul li img:hover{border:1px solid #ee2d3d;padding:1px;}
.product-show-fen{display:block; font-size:14px; padding-top:15px;}
.product-show-fen i{ height:26px; width:26px; background:#333; color:#FFF; line-height:26px; font-size:16px; text-align:center;  margin:0px 5px; border-radius:5px}
.product-show-fen .fa-facebook{ background:#3a5a9b;}
.product-show-fen .fa-whatsapp{ background:#ee2d3d;}
.product-show-fen .fa-weixin{ background:#46b749;}

.product-show-right{float:right; width:57%;}
.product-show-right h1{ font-size:24px; color:#333; line-height:32px; margin-top:-5px;}
.product-show-right h2{color:#333; font-size:14px; background:#fffde6; padding:15px 20px; padding-bottom:25px; border:#f9e9c2 solid 1px; margin-top:25px; font-weight:normal;line-height:24px; position:relative}
.product-show-right-ico{height:130px; width:130px; /*background:url(../img/zhi.png) center center no-repeat;*/ position:absolute; right:15px; top:-15px;}
.product-show-right-left{width:100px; float:left; text-align:left; color:#555}
.product-show-right-right{float:left;}
.product-show-right-right span{text-decoration: line-through; color:#000;}
.product-show-right-right b{font-size:36px; color:#ee2d3d; display:block; padding-top:10px;}
.product-show-right-text{overflow:hidden; position:relative;  font-size:14px; padding-top:20px;}
.product-show-right-text .product-show-right-text-left{ width:100px; float:left; color:#555; position:absolute; left:0px; padding-left:20px;}
.product-show-right-text-right{float:left; color:#000; padding-left:120px;}
.productvio{border:#e9e9e9 solid 5px;}

.product-show-right-img{display:block;}
.product-show-right-img img{width:100%;}
.product-show-right-jia{display:block; text-align:center; line-height:60px; font-size:24px; font-weight:bold;}
.product-show-right-jia b{font-size:18px; font-weight:normal;}
.but-re{display:block; width:100%; font-size:24px; color:#FFF; font-weight:bold; background:#de2d01; border:none; padding:20px 0px; cursor:pointer; text-align:center;}
.but-re:hover{background:#c32902; color:#FFF;}
.but-re:focus{outline:medium;}
.product-show-buttom{color:#de2d01; font-weight:bold; font-size:18px; line-height:36px;}

.variant-group{display:block; padding-bottom:20px;}
.variant-group h5{ color:#666; display:inline-block; font-weight:normal; font-size:14px; margin-right:5px;}
.variant-group .btn-variant{display:inline-block; font-size:14px; border:#ddd solid 1px; padding:5px 15px; margin-right:5px; cursor:pointer; color:#333;}
.variant-group .selected{ color:#de2d01; border:#de2d01 solid 1px;}

.productvio-top{ margin-top:20px;}
.product-title{ font-size:26px; color:#e08c24; overflow:hidden; display:block; line-height:40px; border-bottom:#f3c74e solid 4px;}

/*可能喜歡*/
.xh_width{display:block;  width:100%;  height:353px; }

.xh_frbox_bg{background:#FFF; display:block;  margin:0px 7px;  position:relative; top:7px;}
.xh_frBtnL{cursor:pointer; position:absolute; font-size:40px; color:#f4c84f; top:50%; margin-top:-20px; left:15px; z-index:999;}
.xh_frUl{ width:100%; margin:0px; overflow:hidden;}
.xh_frBtnR{cursor:pointer; position:absolute; font-size:40px; color:#f4c84f; top:50%; margin-top:-20px; right:15px; z-index:999;}
.xh_frUl ul li{display:block; float:left;/*height:389px;*/position:relative; margin:25px;}

.xh_frbox_bg .Programme-li{width:100%;}
.xh_frbox_bg .xh_frUl ul li{margin:0px; text-align:center; width:33.334%;}
.xh_frbox_bg .Programme-li-img img{width:auto; height:175px; padding-top:10px; margin:0 auto; display:block; margin-top:25px;}
.xh_frbox_bg .Programme-li-text{display:block; padding:10px;}

@media (max-width:768px) {
  .product-show-left{width:100%; padding-bottom:30px;}
  .product-show-right{width:100%;}
  .product-show-right h2{padding:10px 15px; padding-bottom:15px; margin-top:15px;}
  .product-show-right-left{width:75px;}
  .product-show-right-right b{font-size:28px; padding-top:5px;}
  .product-show-right-ico{ height:90px; width:90px; background-size:90px; top:-6px;}
  .product-show-right-text .product-show-right-text-left{padding-left:15px;}
  .product-show-right-text-right{padding-left:95px;}
  .productvio-top{padding-top:0px;}
  .product-title{padding-top:20px; margin-bottom:10px;}
  .xh_frbox_bg .xh_frUl ul li{ width:99.8%;}
  .xh_frBtnR{top:35%;}
  .xh_frBtnL{top:35%;}
}


/*訂閱最新優惠資訊*/
.job-img{float:right; width:42%; margin-top:5px;}
.bottom-bg{background:#f8f8f8;}
.bottom-width{width:100%; position:relative;  max-width:1480px; overflow:hidden;}
.bottom-width-left{width:55%; float:left; padding:0px 15px; position:relative;}
.bottom-text{padding:10px 15px; background:#FFF; border:#e9e9e9 solid 2px; line-height:24px; font-size:16px; width:75%; margin:0px; margin-top:20px;  }
.bottom-submit{position:absolute; right:15px; line-height:20px; bottom:8px; border:none; background:#7ed2f6; padding:5px 15px; color:#FFF; cursor:pointer; font-size:16px;}
.bottom-width-left .home-news-title{font-size:20px; color:#333;}
.bottom-width-left .bottom-text{width:100%; margin-top:0px;  border:none;border-bottom:#666 solid 1px;}
.bottom-width-left .bottom-text:focus{ border:none;border-bottom:#7ed2f6 solid 1px;}
.bottom-text:focus{border:#7ed2f6 solid 2px;}
.bottom-more{ display:inline-block; margin-right:5px; float:right;}
.bottom-more b{color:#C00; line-height:28px; font-size:14px; display:inline-block; position:relative; margin-top:23px; font-weight:normal;}
.bottom-more b a{font-size:16px; color:#cd204e; padding:7px 30px; border:#cd204e 2px solid; line-height:38px; position:relative; z-index:999}
.bottom-more b .more-bg{position:absolute; width:100%; height:100%; background:#f2bdcd; left:5px; top:5px; z-index:1}

.bottom-width-right{width:50%; float:right; padding:40px; padding-right:10%;}
.bottom-width-right-guan{float:left; width:40%;}
.bottom-width-right-guan .home-news-title{ font-size:26px; color:#e08c24; overflow:hidden; display:block; line-height:40px; border-bottom:#f3c74e solid 4px;}
.bottom-width-right-guan .top-right-ser{ margin:0px; padding:0px;margin-top:20px; display:block;}
.bottom-width-right-guan .top-right-ser .fa-facebook{height:42px; width:42px; font-size:42px; line-height:58px;}
.bottom-width-right-guan .top-right-ser .fa-weixin{ line-height:42px; font-size:28px;}
.bottom-width-right-guan .top-right-ser i{height:42px; width:42px; margin-left:0px; margin-right:10px;}
.bottom-width-right-img{float:right;width:40%; padding-top:45px;}

@media (max-width:1150px) {
  .bottom-text{width:65%;}
  .bottom-width-left{ padding-right:40px;}
}
@media (max-width:850px) {
  .bottom-width-left{width:100%; float:left; padding:20px; padding-right:20px;}
  .bottom-text{width:80%;}
  .bottom-width-right{width:100%; float:left; padding:20px; padding-right:20px; padding-top:0px;}
}
@media (max-width:768px) {
  .bottom-width-left{padding:0px; width:100%;}
  .bottom-width-left .home-news-title{font-size:18px;}
  .bottom-submit{right:0px;}
  .bottom-width-right-guan .home-news-title{ font-size:22px;}
  .job-img{width:100%; margin-top:20px;}
  .bottom-text{width:65%;}
  .bottom-width-right-img{width:50%; padding-top:70px;}
  .bottom-width-right-img img{width:100%;}
}

.foot{display:block; padding:20px 30px; display:block; text-align:center; background:#7fd3f7; margin-top:30px;}
.foot a{font-size:16px; margin:0px 20px;}
.foot-text{ display:block; font-size:14px; padding-top:10px; color:#555}
@media (max-width:768px) {
  .foot{display:block; padding:20px; display:block; text-align:left; margin-top:20px;}
  .foot a{font-size:16px; margin:0px 0px; display:inline-block; margin-right:20px; line-height:30px;}
  .foot-text{ display:block; font-size:16px; padding-top:10px; color:#555; line-height:24px;}
}

/*会员登录*/
.nei-banner{display:block; padding:15px 0px;}
.nei-banner img{width:100%;}

.login-in-width{ display:block;}
.login-in{width:49%; float:left; background:#fff; border:#96dbf8 solid 1px;  padding:40px; }
.login-in-input{display:block; width:100%;}
.login-in-title{ font-size:30px; color:#ef313d; text-align:center; display:block; padding-bottom:20px;}
.login-in-input .bottom-text{margin-top:20px; width:100%; border-radius:5px; border:#cacaca solid 1PX;}
.login-in-input .bottom-text:focus{border:#96dbf8 solid 1PX; }
.login-in-but{ display:block; overflow:hidden; text-align:center; margin-top:25px;}
.login-in-but input{background:#7ed2f6; border:none; padding:9px 80px; font-size:16px; cursor:pointer; color:#FFF; border-radius:6px;}
.login-in-text{display:block; padding-top:20px; font-size:16px; line-height:30px; color:#555; text-align:center;}
.login-in-text a{ color:#555; text-decoration:underline;}
.login-in-text a:hover{ color:#ee2d3d}

.login-right{width:49%; float:right; border:#4a4a4a solid 1px;}
.login-right-li{ display:block; background:url(../img/logo-ren.jpg) right bottom no-repeat; height:305px;}
.login-right-li h1{ display:inline-block; line-height:50px; margin-top:35px; font-size:30px; color:#FFF;}
.login-right-li h1 b{float:left; background:#ee303a; padding:0px 35px; padding-right:0px;font-weight:normal; }
.login-right-li h1 span{width:60px;height:50px;background-color:#ee303a;
  shape-outside:polygon(100px 0,100px 80px,0px 80px); display:inline-block; float:left;
  -webkit-clip-path:polygon(40px 0,0px 0px,0px 70px);}
.login-right-li .login-right-text{display:block; font-size:20px; line-height:34px; padding-left:35px; padding-top:15px; color:#333}
.login-right-bottom{display:block; color:#fff; text-align:center; background:#7ed2f6; line-height:90px;}
.login-right-bottom:hover{background:#72ccf3;}
.login-right-bottom a{color:#FFF; text-decoration:underline; font-size:28px; display:block; font-weight:normal;}


@media (max-width:768px) {
  .nei-banner{ padding:5px 0px;}
  .top-border{margin-bottom:15px; padding-bottom:10px;}
  .login-in{width:100%; padding:20px; margin-bottom:20px}
  .login-in-title{font-size:26px;}
  .login-in-input{width:80%;}

  .login-in-but input{padding: 9px 60px;}
  .login-right{width:100%;}
  .login-right-li{width:100%; margin-top:5px; background-size:80% auto; height:180px;}
  .login-right-li .login-right-text{font-size:16px; line-height:30px; padding-left:20px; padding-top:10px;}
  .login-right-li h1{ height:40px; overflow:hidden; line-height:40px; margin-top:20px;}
  .login-right-li h1 b{font-size:20px; padding-left:20px}
  .login-right-hy a,.login-right-yh a,.login-right-jf a,.login-right-xx a{height:auto; margin-left:0px; padding:30px;}
  .login-right-hy h1,.login-right-yh h1,.login-right-jf h1,.login-right-xx h1{font-size:30px; padding-bottom:10px;}
  .login-in-cw{width:100%;}
  .login-in-cw h1{ padding-top:13%; line-height:inherit; font-size:30px;}
  .login-in-cw a{ padding-left:30px; height:auto; overflow:hidden;}
  .login-in-top{margin-top:0px;}
  .login-in-cw a img{float:right; width:50%; position:relative; top:0px; right:0px;}
  .login-in-title{padding-bottom:5px; padding-top:10px;}
  .login-right-bottom a{font-size:20px;}
  .login-right-bottom{line-height:50px;}
}

/*会员中心*/
.Member-border{ border-bottom:#f5f5f5 solid 1px; margin-bottom:30px;}
.Member-title{background:url(../img/Member-bg.jpg); padding-bottom:18px;}
.Member-li{display:block; background:#fff; padding:20px 20px; padding-top:12px; border:#006bbd solid 3px; border-radius:5px;}
.Member-li li{ border-bottom: dashed 1px #006bbd; font-size:16px; line-height:34px;}
.Member-li li span{width:90px; color:#1c8edb; font-weight:bold; display:inline-block;}

@media (max-width:768px) {
  .Member-border{margin-bottom:15px;}
}

/*修改賬戶資料*/
.Information-border{ border-bottom:#f5f5f5 solid 1px; margin-bottom:20px;}
.Information-top{overflow:hidden; font-size:18px; width:100%; line-height:24px; padding-bottom:20px;}
.Information-top i{font-size:24px; float:left; margin-right:10px;}
.Information{overflow:hidden;}
.Information-left{float:left; width:25%;overflow:hidden;}
.Information-left ul{ border:#c6eafa solid 1px;  border-radius:10px; }
.Information-left .Information-left-title{font-size:26px; font-weight:bold; color:#ee2d3d; border-bottom:#9addff solid 3px; height:45px; line-height:20px; margin-bottom:20px;}
.Information-left li{line-height:60px; border-bottom:#c6eafa solid 1px; padding-left:25px; overflow:hidden; position:relative}
.Information-left li i{ width:30px; height:30px; background:url(../img/Information-ico.png) left top no-repeat; position:absolute; right:20px; top:15px;}
.Information-left .Information-ico1{background-position:0px 0px;}
.Information-left .Information-ico2{background-position:0px -39px; width:32px;}
.Information-left .Information-ico3{background-position:0px -76px; height:38px; top:12px;}
.Information-left .Information-ico4{background-position:0px -124px; right:16px;}
.Information-left .Information-ico5{background-position:0px -160px; right:18px;}
.Information-left .Information-ico6{background-position:0px -196px;}

.Information-left li:hover .Information-ico1,.Information-left .active .Information-ico1{background-position:-36px 0px;}
.Information-left li:hover .Information-ico2,.Information-left .active .Information-ico2{background-position:-36px -39px; width:32px;}
.Information-left li:hover .Information-ico3,.Information-left .active .Information-ico3{background-position:-36px -76px; height:38px; top:12px;}
.Information-left li:hover .Information-ico4,.Information-left .active .Information-ico4{background-position:-36px -124px; right:16px;}
.Information-left li:hover .Information-ico5,.Information-left .active .Information-ico5{background-position:-36px -160px; right:18px;}
.Information-left li:hover .Information-ico6,.Information-left .active .Information-ico6{background-position:-36px -196px;}

.Information-left li:hover{ background:#74d0f5;}
.Information-left li a{font-size:16px; display:block;}
.Information-left li:hover a,.Information-left .active a{color:#FFF;}
.Information-left .active{background:#74d0f5; color:#FFF;}
.Information-left .Information-none{border:none;}

.Account-title{color:#ee2e3b; font-size:20px; margin-bottom:10px;}
.Account-text li{overflow:hidden; font-size:16px; padding:8px 0px; line-height:26px;}
.Account-text li span{float:left; width:100px;}
.Information-right{float:right; padding-left:30px; width:75%; padding-top:10px;}
.Information-right .Information-right-title{font-size:26px; border-bottom:#e9e9e9 solid 3px; height:45px; line-height:20px; margin-bottom:20px; color:#033333;}
.Information-right-txt{display:block; font-size:16px; font-weight:bold;}
.Information-right-input{display:block; overflow:hidden; padding-bottom:35px;}
.Information-right-input .bottom-text{ width:40%; margin-right:3%;}
.Information-right-dy{ width:66%; display:block; text-align:right; font-size:18px;  margin-top:-15px; padding-bottom:30px;}
.form-remember .rem-box{ display:inline-block; height:18px; line-height:15px; padding-left:25px; background:url(../img/rem-check.png) 0 0 no-repeat; cursor:default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; font-size:18px;  cursor:pointer}
.form-remember .memCheck{ background-position:0 -18px;}
.form-remember .rem-check{ display:none; height:18px; width:18px;}

.Information-user{ display:block; font-size:16px; line-height:36px; padding:25px;}
.Information-user span{width:100px; display:inline-block;}

.Information-title{ display:block}
.Information-title-left{float:left; color:#ee303a; font-size:20px;}
.Information-title-left span{font-size:16px; color:#323232; display:block; padding-top:8px;}
.Information-title-right{float:right;}
.Information-title-right{ font-size:16px;}
.Information-title-right .select_wrapper span{margin-right:14px;}
.Information-title-right .select_wrapper{background: #fff url(../img/bom.png) no-repeat top 15px right 11px; border:#d3d3d3 solid 1px;border-radius:0px; margin-top:6px;}
.Information-title-right .select_wrapper span{margin:5px 20px;}
.Information-title-right .select_wrapper .select_inner{top:40px;border-radius:0px;}
.Information-title-right .select_wrapper .select_inner li{padding:5px 15px; font-size:14px; padding-left:20px;}



.Information-right .pr-search-cotent{padding-top:10px; margin:0px -10px;}
.Information-right .Programme-li{width:33.33334%;}
.page-cut{font-size:16px; padding-top:20px; display:block;}
.page-cut b{font-size:30px; color:#ed323d; padding:0px 10px}

.Information-text{padding-top:20px; display:block; font-size:16px;}
.Information-text li{padding:10px; overflow:hidden;}
.Information-text li span{width:120px; display:inline-block;}
.Information-text .bottom-text{border: #e9e9e9 solid 1px; border-radius:5px; width:73%; margin-top:0px;}
.Information-text .Information-input{width:35%; margin-right:3%;}
.Information-text .bottom-text:focus{border:#c6eafa solid 1px;}
.Information-text .Information-but{width:130px;  overflow:hidden; background:#ee303a; color:#FFF; border:none; font-size:16px; line-height:28px; cursor:pointer; padding:5px 10px; border-radius:5px; }
.Information-text .Subscribe-width{display:inline-block;}

/*修改密码*/
.modifyCode-bottom{padding-bottom:0px;}
.modifyCode .Information-right-dy{ width:40%; float:left; display:block;}
/*地址簿*/
.modifyCode-bottom select{padding:10px 15px; padding-top:8px; line-height:40px; height:44px; background:#FFF; border:#e9e9e9 solid 2px; font-size:16px; width:75%; margin-top:20px; float:left; width:25.65%; margin-right:3%;}
.modifyCode-bottom select:focus{outline:medium; border:#333 solid 2px;}
.Information-right-input .address-input{width:25.65%;}
.Information-right-input .address-input-add{width:54.35%;}
@media (max-width:768px) {
  .integral-right{display:block; width:100%;}
  .page-cut{display:block; width:100%; padding-top:15px; padding-bottom:10px;}
  .Information-right .pr-search-cotent{padding-top:10px; margin:0px;}
  .Information-right .Programme-li{width:50%;}
  .Information-border{margin-bottom:15px;}
  .Information{padding:0px;}
  .Information-left{width:100%; float:inherit;}
  .Information-left li{ padding-left:20px;}
  .Information-right .Information-right-title{font-size:20px; border-bottom:#e9e9e9 solid 2px; height:40px;}
  .Information-left .Information-left-title{ display:block; width:100%; font-size:20px;  height:40px; border-bottom:#9addff solid 2px; margin-bottom:5px;}
  .Information-right{width:100%; padding-left:10px;padding-right:10px; padding-top:20px;}
  .Information-right-input .bottom-text{width:100%; margin-right:0px;}
  .Information-right-dy{width:100%; padding-bottom:20px; overflow:hidden;}

  .modifyCode .Information-right-dy{ width:100%; float:left; display:block;}
  .modifyCode-bottom select{width:100%;}
  .Information-user{display:none;}

  .Information-text li span{width:auto;}
  .Information-text .Information-input{width:100%; margin-top:10px;}
  .Information-text .Subscribe-width{ width:100%;}
  .Information-text .Subscribe-width div{width:50%;}
  .Information-text .bottom-text{width:100%; margin-top:10px;}
  .Information-text li span{display:block;}
  .Information-text .Information-b{ width:49%; margin-right:0px;}
}

/*会员登记*/
.register-bg{ background:#9addff; padding:30px; margin-bottom:-30px;}
.register-width{width:930px; background:#FFF; padding:45px 70px; overflow:hidden; font-size:14px; border-radius:5px; color:#555; }
.register-logo{display:block; text-align:center;}
.register-box{border:#ccc solid 2px; text-align:center; padding:15px;  margin-top:50px;position:relative;}
.register-box b{ left:0px; width:100%; text-align:center;  top:-20px; position:absolute; }
.register-box b span{background:#FFF; display:inline-block;  padding:5px 30px; font-size:24px;}
.register-box span{display:block; font-size:14px;}
.Recipes-title{ font-size:16px; font-weight:bold; font-weight:bold; padding-top:35px; display:block; overflow:hidden;}
.Recipes-title span{display:block; color:#808080; font-weight:normal; padding:15px 140px;}

.Recipes-boxx{border-top:#ccc solid 2px; text-align:center; color:#ee2d3d; margin-top:50px; font-weight:bold;}
.Recipes-boxx span{background:#FFF; padding:5px 0px; text-align:center; margin-top:-16px; position:relative; width:120px; display:block;}
.Recipes-ka{display:block; text-align:center; padding:40px;}
.Recipes-table{display:block;border:#e9e9e9 solid 2px; padding:25px;}
.Recipes-table-title{ font-size:16px;  display:block; line-height:38px; color:#808080; overflow:hidden;}
.Recipes-table-title b{ padding-right:15px; font-weight:normal; font-size:24px; float:left;  line-height:24px; color:#555}
.Recipes-table-title span{float:left;}
.Recipes-table-title i{font-weight:bold; color:#ee2d3d; padding-left:10px; font-size:24px; line-height:44px; float:left;}

.Subscribe-width{text-align:left; color:#333; font-size:14px; }
.Subscribe-width b{float:left; font-weight:normal; line-height:58px;}
.Subscribe-width div {position: relative; line-height: 30px; display:inline-block; margin:5px 30px; margin-left:0px; margin-bottom:0px;}
.Subscribe-width .Subscribe-li{width:50%; float:left; margin-right:0px; margin-bottom:10px;}
.account-user-width .Subscribe-width span{padding-left:32px; line-height: 30px;}
.Subscribe-width div .bottom-text{float:right; width:100px; margin-left:10px; line-height:20px; padding:5px 10px; position:relative; z-index:999}
.Subscribe-width .Subscribe-li .bottom-text{float:none; width:150px;}
.Subscribe-width input[type="radio"] {width:100%; height: 20px; opacity: 0; cursor:pointer; position:absolute; top:6px; left:0px; z-index:99}
.Subscribe-width label {position: absolute; left:0px; top:5px; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #dadada;}
.Subscribe-width div span{padding-left:25px; font-size:16px;}

/*设置选中的input的样式*/
/* + 是兄弟选择器,获取选中后的label元素*/
.Subscribe-width input:checked+label{}
.Subscribe-width input:checked+label::after {position: absolute; content: ""; width:7px; height: 16px; top:-3px; left:7px; border: 2px solid #ee2d3d; border-top: none; border-left: none; transform: rotate(45deg);}

.Recipes-table-box{border-bottom:#e9e9e9 solid 2px; padding-bottom:30px; margin-bottom:25px; overflow:hidden;}
.Recipes-table-box .bottom-text{margin-top:0px}
.Recipes-table-text{display:block; width:100%; overflow:hidden; padding-top:5px; color:#808080;}
.Recipes-table-bottom{padding-bottom:15px;}
.Recipes-table-left{padding-left:26px; padding-top:0px;}

.Recipes-txt-tilte{ font-size:24px; color:#ee2d3d; font-weight:bold; line-height:50px; padding-top:20px;}
.Recipes-txt{ line-height:30px; font-size:16px; padding-top:5px;}
.Recipes-txt-en{ line-height:24px; color:#808080; padding-top:15px; border-bottom:#e9e9e9 solid 2px; padding-bottom:30px; margin-bottom:35px; }
.Recipestxtx{font-size:16px; font-weight:bold;}
.Recipestxtx span{color:#808080; padding-left:10px; font-weight:normal; font-size:14px;}
.Recipestxtx a{display:block; font-size:14px; color:#004eff; text-decoration:underline; font-weight:normal; padding-top:8px; }
.Subscribe-width-di{padding-bottom:15px;margin-top:20px;}
.Recipes-table-box a{color:#004eff; text-decoration:underline;}
.Subscribe-width .Recipes-table-l span{ padding-left:40px;}
.Recipes-table-l-left{ padding-left:41px; padding-top:0px;}

.Recipes-but{display:block;}
.Recipes-but .Recipes-en{font-size:18px; color:#FFF; padding:12px 60px; cursor:pointer; background:#ee2d3d; border:none; border-radius:5px;}

@media (max-width:930px) {
  .register-width{width:100%; padding:20px 10px;}
}
@media (max-width:768px) {
  .register-bg{padding:10px; }
  .register-logo img{height:50px;}
  .register-box{margin-top:30px;}
  .register-box b span{font-size:18px;}
  .Recipes-title{padding-top:20px; text-align:left; line-height:24px;}
  .Recipes-title span{padding:10px 0px; line-height:20px}
  .Recipes-boxx{margin-top:40px;}
  .Recipes-ka{padding:20px;}
  .Recipes-ka img{ height:160px;}
  .Recipes-table{padding:15px;}
  .Recipes-table-title{ line-height:28px;}
  .Recipes-table-title b{font-size:18px;}
  .Subscribe-width div{width:100%; float:left; margin-right:0px; padding-right:10px;}
  .Recipes-table-box{padding-bottom:25px; margin-bottom:20px;}
  .Recipes-table-title i{line-height:36px;}
  .Recipes-table-box .bottom-text{width:100%;padding:8px 15px;}
  .Subscribe-width div .bottom-text{ float:none;}
  .Subscribe-width .Subscribe-li{width:100%;}
  .Subscribe-width div span{width:100%; float:right; line-height:24px; padding-bottom:10px; padding-top:2px;}
  .Recipes-txt-tilte{font-size:20px; padding-top:10px;}
  .Recipes-txt{padding-top:0px; font-size:14px; line-height:24px;}
  .Recipes-txt-en{line-height:20px;}
  .Recipestxtx span{display:block; padding-left:0px; line-height:20px; padding-top:5px;}
  .Recipes-txt-en{margin-bottom:25px; padding-bottom:25px;}
  .Recipestxtx a{overflow:hidden; width:100%;}
}

/*注册*/
.integral-bottom .top-logo{padding-bottom:20px;}
.integral-bg{ background:url(../img/integral-bg.png) #9addff; padding:40px; margin-bottom:-30px;}
.integral-title{font-size:26px; font-weight:bold; color:#ee2d3d; border-bottom:#9addff solid 3px; height:45px; line-height:20px; margin-bottom:20px;}
.integral-width{width:990px; background:#FFF; padding:30px; overflow:hidden; font-size:14px; border-radius:5px; color:#555; }
.integral-top{ text-align:right;width:990px; padding-bottom:20px; padding-right:30px;}
.integral-top a{font-size:18px;}
.integral-top a i{padding-left:6px; font-size:24px; float:right; margin-top:-2px;}
.integral-text{font-size:18px; line-height:40px; padding-bottom:25px;}

.integral-width .Information-right-input .bottom-text{width:48%; margin-right:0px; float:left;}
.integral-width .Information-right-input .bottom-text-left{margin-right:2%;}
.integral-width .Information-right-input .bottom-text-right{margin-left:2%;}
.integral-width .Information-right-dy{width:100%; padding-bottom:80px}
.integral-width .form-remember{ float:left; display:inline-block; float:right; margin-top:35px; margin-right:30px;}

@media (max-width:990px) {
  .integral-width{width:100%; padding:20px 10px;}
  .integral-top{ width:100%;}
}
@media (max-width:768px) {
  .integral-bottom .top-logo{padding-bottom:10px;}
  .integral-bg{padding:10px;}
  .integral-top{padding-top:10px; padding-right:10px;}
  .integral-title{font-size:24px; height:40px;}
  .integral-width .integral-title{margin-bottom:15px;}
  .integral-text{font-size:16px; line-height:26px; padding-bottom:18px;}
  .integral-width .Information-right-input .bottom-text{width:100%; margin-top:15px;}
  .integral-width .Information-right-input .bottom-text-left{margin-right:0%;}
  .integral-width .Information-right-input .bottom-text-right{margin-left:0%;}
  .integral-width .Information-right-dy{padding-bottom:20px}
}


/*积分记录*/
.integral-centent{ position:relative; top:-300px; overflow:hidden; margin-bottom:-270px;}
.integral-banner{display:block; background:url(../img/integral-bg.jpg) center top no-repeat #1c8edb; height:300px;}
.integral-lei{font-size:18px; color:#FFF; line-height:80px;}
.integral-lei i{float:left; font-size:24px; padding-top:30px; margin-right:8px}
.integral-table{ display:block; overflow:hidden;}
.integral-table-top{ display:block;}
.integral-table-top-tile{font-size:28px; color:#FFF;text-shadow:#2442ba 2px 0 0,#2442ba 0 2px 0,#2442ba -2px 0 0,#2442ba 0 -2px 0;
  -webkit-text-shadow:#2442ba 2px 0 0,#2442ba 0 2px 0,#2442ba -2px 0 0,#2442ba 0 -2px 0;
  -moz-text-shadow:#2442ba 2px 0 0,#2442ba 0 2px 0,#2442ba -2px 0 0,#2442ba 0 -2px 0;
  *filter: Glow(color=#2442ba, strength=2);}
.integral-table-top-right{float:right; color:#FFF; font-size:18px; color:#5bb6f3;}
.integral-table-top-right b{ font-size:18px; color:#FFF;
  text-shadow:#2442ba 2px 0 0,#2442ba 0 2px 0,#2442ba -2px 0 0,#2442ba 0 -2px 0;
  -webkit-text-shadow:#2442ba 2px 0 0,#2442ba 0 2px 0,#2442ba -2px 0 0,#2442ba 0 -2px 0;
  -moz-text-shadow:#2442ba 2px 0 0,#2442ba 0 2px 0,#2442ba -2px 0 0,#2442ba 0 -2px 0;
  *filter: Glow(color=#2442ba, strength=2); font-weight:normal; margin-right:20px;}
.integral-table-top-right span{float:right; font-size:90px; color:#FFF; padding-left:20px; margin-top:-20px; font-family:Arial, Helvetica, sans-serif; display:inline-block;}
.integral-table-top-title{display:block; background:#f7f6f4; border-bottom:#dcdcdc solid 1px; border-top:#dcdcdc solid 1px; overflow:hidden; margin-top:25px; text-align:center; font-size:16px; color:#333; padding:12px 0px;}
.integral-w1{width:33%; display:inline-block; float:left;}
.integral-w2{width:34%; display:inline-block; float:left;}
.integral-w3{width:33%; display:inline-block; float:left; }
.integral-table-top-one{border-bottom:#dcdcdc solid 1px; background:#FFF; color:#929496; font-size:16px; text-align:center; border-top:none;  padding:15px 0px; overflow:hidden;}
.integral-table-top-two{border-bottom:#dcdcdc solid 1px; background:#FFF; color:#929496; font-size:16px; text-align:center; border-top:none;  padding:15px 0px; overflow:hidden;}
.integral-buckle{color:#ee2d3d;}
.integral-page{display:block; text-align:center; padding-top:30px;}

/*消费记录*/
.OrderRecord-banner{display:block; background:url(../img/OrderRecord-banner.jpg) center top no-repeat #9addff; height:300px;}
.OrderRecord .integral-lei{color:#333;}
.OrderRecord .integral-table-top-tile{
  text-shadow:#006bbd 2px 0 0,#006bbd 0 2px 0,#006bbd -2px 0 0,#006bbd 0 -2px 0;
  -webkit-text-shadow:#006bbd 2px 0 0,#006bbd 0 2px 0,#006bbd -2px 0 0,#006bbd 0 -2px 0;
  -moz-text-shadow:#006bbd 2px 0 0,#006bbd 0 2px 0,#006bbd -2px 0 0,#006bbd 0 -2px 0;
  *filter: Glow(color=#006bbd, strength=2);}
.OrderRecord .integral-table-top-title{ background:#1c8edb; color:#FFF;}
.OrderRecord .integral-w1{width:20%; display:inline-block; float:left;}
.OrderRecord .integral-w2{width:40%; display:inline-block; float:left;}
.OrderRecord .integral-w3{width:20%; display:inline-block; float:left;}
.OrderRecord .integral-w4{width:20%; display:inline-block; float:left;}

@media (max-width:935px) {
  .integral-table{ width:100%;}
}

@media (max-width:768px) {
  .integral-banner{display:block; background:url(../img/integral-bg.jpg) center top no-repeat #1c8edb; height:180px; background-size:auto 180px;}
  .OrderRecord-banner{display:block; background:url(../img/OrderRecord-banner.jpg) center top no-repeat #9addff; height:180px; background-size:auto 180px;}
  .integral-table-top-tile{font-size:24px;}
  .integral-table-top-right span{font-size:50px; margin-top:-8px;}
  .integral-table-top-title{margin-top:20px;}
  .integral-centent{top:-190px;  margin-bottom:-170px;}
  .integral-lei{line-height:75px;}
  .integral-table-top-one{font-size:14px;}
  .integral-table-top-two{font-size:14px;}
  .ui-pagination-container .ui-pagination-page-item, .ui-pagination-container .ui-pagination-page-btn{font-size:16px;}
  .integral-page{padding-top:20px;}

  .OrderRecord .integral-table-top-title{font-size:14px;}
  .OrderRecord .integral-w2{padding:0px 10px;}
}

/*退出*/
.registerSuccess-width{width:990px; background:#FFF; padding:40px 50px; overflow:hidden; font-size:14px; border-radius:5px; color:#555; min-height:400px;}
.registerSuccess-width-title{ font-size:28px; color:#006bbd; font-weight:bold; padding-bottom:15px;}
.registerSuccess-text{padding:20px; line-height:24px;}
.registerSuccess-text b{color:#333;}
.registerSuccess-but{text-align:left; padding-bottom:10px; overflow:hidden; padding-top:12px;}
.registerSuccess-but .bottom-more{float:left;}


/*分店分布*/
.db-banner{width:98%; position:relative;  max-width:1410px; background:url(../img/db-banner.jpg) center top no-repeat; height:290px; text-align:center;}
.db-banner span{ font-size:40px; color:#333;  background:#FFF; box-shadow:0 5px 10px rgba(0,0,0,.1); -webkit-box-shadow:0 5px 10px  rgba(0,0,0,.1); -moz-box-shadow:0 5px 10px  rgba(0,0,0,.1); display:inline-block; margin-top:90px; letter-spacing:10px;}
.db-banner span b{display:block; margin:7px; border:#ddd solid 3px; padding:30px 90px;}
.distribution-title{padding-top:20px; padding-bottom:10px;}
.distribution-search{overflow:hidden;}
.distribution-search .pr-search-select{padding-top:10px;}

.accordion-wrap{position:relative; padding-bottom:30px; overflow:hidden; margin-top:10px;}
.accordion{ width:40%; float:left;  border:#e9e9e9 solid 1px; border-top:none; height:529px; overflow-y: auto; margin-top:-1px;}
.accordion a{font-size:14px; line-height:30px; display:block; padding:15px 20px; border-top:#e9e9e9 solid 1px;     white-space: nowrap; overflow:hidden; text-overflow: ellipsis; position:relative;}
.accordion-new{position:absolute; left:20px; top:5px; background:#ee2d3d; color:#FFF; line-height:20px; font-size:12px; padding:0px 5px; border-radius:2px;}
.sub-nav{position:absolute; right:0px; top:0px; overflow:hidden; width:60%; padding-left:20px;}
.sub-nav-left{width:50%; float:left; font-size:14px; line-height:20px; color:#333; padding-left:50px;}
.sub-nav-left b{ color:#006bbd; font-size:18px; display:block;}
.sub-nav-left span{display:block; color:#666; font-size:14px; padding-top:30px; padding-bottom:5px;}
.sub-nav-right{ width:100%}
.sub-nav-right img{width:100%;}

.accordion a{ font-size:14px; line-height:24px; color:#333}
.accordion .nacactive{background:#f5f5f5;}
.accordion a b{display:block; font-weight:normal; font-size:16px; color:#ee2d3d; padding-bottom:5px;}
.accordion-top{ border:#e9e9e9 solid 1px; border-top:#e9e9e9 solid 1px; padding:15px 20px; font-size:18px; width:40%; margin:0px; display:block; overflow:hidden; color:#ec313a;}
.accordion-top span{border:#e9e9e9 solid 1px; padding:3px 15px; margin-right:30px;  border-radius:30px;}

.sub-nav-top{font-size: 18px; color: #ec313a; padding: 15px 0px;}

.distribution-search .pr-search-select{width:17.5%; padding-right:10px}
.distribution-search .pr-search-select .select_wrapper{width:100%;}

@media (max-width:768px) {
  .db-banner{width:100%; position:relative;  max-width:1410px; background:url(../img/db-banner.jpg) center top no-repeat; height:120px; text-align:center; background-size:auto 120px;}
  .db-banner span{ font-size:20px;margin-top:30px;}
  .db-banner span b{padding:10px 40px;}
  .accordion a b{padding-top:10px;}
  .distribution-title{padding-top:5px;}
  .accordion-wrap{margin-top:0px; padding-bottom:20px}
  .distribution-search .pr-search-select{width:48%; padding-right:10px}
  .distribution-search .pr-search-select{padding-top:15px;}
  .accordion-top{width:100%; padding:15px;}
  .accordion{width:100%;}
  .sub-nav{position:relative; width:100%; background:#f8f8f8; padding:15px; padding-top:0px;}
  .sub-nav-left{width:100%; padding-left:0px; }
  .accordion a{padding:7px 15px;}
  .sub-nav-top{padding-top:10px;}
  .accordion-new{font-size:10px; top:12px; right:15px; left:inherit;}
  .sub-nav-left span{padding-top:15px;}
  .sub-nav-left{font-size:14px; line-height:22px;}
  .sub-nav-right{width:100%; padding-top:0px; padding-left:0px;}
  .accordion{height:auto;}
}

/*最新推廣*/
.news-banner{background:url(../img/news-banner.jpg) center top no-repeat; }
.Promotion{display:block; overflow:hidden;}
.news-left{ width:20%; float:left;}
.news-left li{border-bottom:#777 solid 1PX; padding-bottom:20px; margin-bottom:20px; overflow:hidden;}
.news-left li img{width:100%; float:left;}
.news-left .news-left-none{border:none; padding:0px; margin:0px;}
.news-right{float:right; width:80%; padding-left:30px; overflow:hidden;}
.news-right .Information-title{border-bottom:#777 solid 1PX; padding-bottom:20px; margin-bottom:15px;}
.news-right .Selection-top .Opening .flex-direction-nav{display:block;}
.news-right .Selection-top{padding:10px 0px; width:auto; display:block;}
.news-right-title{font-size:20px; color:#EE2F3B; display:block; text-align:center;}
.news-right-title span{display:block; color:#666; font-size:16px; padding-top:5px;}
.news-right .flex-control-paging{display:none;}
.news-right .Selection-top .banner{border:none;}
.news-right-img{width:80%; margin:0 auto;}
.news-right-img img{width:100%; margin:10px 0px; border:#ddd solid 1px}
.news-right .Selection-top .flex-direction-nav{ position:absolute; left:0px; width:100%;  z-index:9998}
.news-right .Selection-top .flex-direction-nav li a.flex-prev{left:10px; right:auto; background:url(../img/news-page.jpg) left top no-repeat; height:82px; width:25px; display:block;}
.news-right .Selection-top .flex-direction-nav li a.flex-next{right:10px; background:url(../img/news-page.jpg) -25px top no-repeat; height:82px; width:25px;display:block;}
@media (max-width:1000px) {
  .news-right .Programme-li{ width:33.33334%}
}
@media (max-width:768px) {
  .news-right .Programme-li{ width:50%}
  .news-right .Selection-top .flex-direction-nav{ position:absolute; left:0px; width:100%;  z-index:9998; padding-top:25px}
  .news-right .Selection-top .flex-direction-nav li a.flex-prev{left:10px; right:auto; background:url(../img/news-page.jpg) left top no-repeat; height:49px; width:15px; display:block; background-size:30px auto;}
  .news-right .Selection-top .flex-direction-nav li a.flex-next{right:10px; background:url(../img/news-page.jpg) -15px top no-repeat; height:49px; width:15px; display:block; background-size:30px auto;}
}
@media (max-width:500px) {
  .news-left{ width:100%; float:inherit;}
  .news-left li{width:50%; float:left; border:none; padding:3px; margin:0px;}
  .news-right{ width:100%; float:inherit; padding:0px;}
  .news-right{ padding-top:20px;}
}

.Promotion-li{padding:10px; width:50%; float:left; }
.Promotion-li a{display:block;}
.Promotion-li img{width:100%; border:#f5f5f5 solid 10px; float:left;
  transition:all .5s;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s
}
.Promotion-li:hover img{box-shadow:0 5px 10px rgba(0,0,0,.1); -webkit-box-shadow:0 5px 10px  rgba(0,0,0,.1); -moz-box-shadow:0 5px 10px  rgba(0,0,0,.1); -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0)}

.Promotion-show{display:block; padding:30px 0px; overflow:hidden;}
.Promotion-left{ width:30%; float:left; padding-right:30px;}
.Promotion-left .product-title{display:none}
.Promotion-left-li{display:block; font-size:18px; font-weight:bold; padding-bottom:40px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}

.Promotion-left-li img{width:100%; padding-bottom:8px; overflow:hidden; display:block;}


.Promotion-right{float:right; width:70%; border-left:#f5f5f5 solid 1px; padding:10px 40px;}
.Promotion-right-title{font-size:26px; font-weight:bold; text-align:center; line-height:34px;}
.Promotion-right-date{font-size:16px; color:#555; text-align:center; padding:15px; padding-bottom:40px;}
.Promotion-right-txt{font-size:16px; line-height:26px;}
.Promotion-right-contact{padding:0px 9%; display:block; width:100%;}
.Promotion-right-img{display:block; padding-bottom:20px;}
.Promotion-right-img img{width:100%;}
.Promotion-right-share{border-top:#f5f5f5 solid 1px;  text-align:center; margin-top:60px;}
.share-title{padding:3px; border:#e9e9e9 solid 3px; display:block; border-radius:30px; margin-top:-20px; width:80px; background:#FFF;}
.share-ico{display:block; padding-top:20px;}
.share-ico i{display:inline-block; width:32px; height:32px; overflow:hidden; background:#333; color:#FFF; margin:4px; font-size:20px; line-height:32px; border-radius:5px;}
.share-ico .fa-facebook{background:#3a5a9b; font-size:28px; line-height:40px;}
.share-ico .fa-weixin{background:#47b749;}
.share-ico .fa-twitter{background:#00aced; font-size:26px;}
.share-ico .fa-envelope-o{background:#7b4495;font-size:22px; line-height:30px;}
.share-ico .fa-pinterest-p{background:#cb2027;font-size:24px; line-height:34px}
.share-ico .fa-google-plus{background:#dd4b39;font-size:22px; line-height:34px}
@media (max-width:768px) {
  .Promotion{display:block; padding:0px; margin-top:-5px; overflow:hidden;}
  .Promotion-li{padding:5px; width:50%; float:left;}
  .Promotion-li img{width:100%; border:#f5f5f5 solid 5px; float:left;}

  .Promotion-right{float:right; width:100%; border-left:none; padding:10px 10px;}
  .Promotion-show{display:block; padding:10px 0px; overflow:hidden;}
  .Promotion-right-title{font-size:20px; line-height:24px;}
  .Promotion-right-date{padding:12px; padding-bottom:20px;}
  .Promotion-right-contact{padding:0px;}
  .Promotion-right-share{margin-top:50px;}
  .Promotion-left{padding:5px; width:100%;}
  .Promotion-left-li{width:50%; float:left; padding:5px; font-size:14px; line-height:20px; padding-bottom:8px;}
  .Promotion-left-li img{padding-bottom:3px;}
  .Promotion-left .product-title{display:block; padding-top:0px; font-size:20px; border-bottom: #f3c74e solid 3px;}
}


/*零食群益會*/
.blog-show{display:block;overflow:hidden; padding-bottom:0px; margin:0px -15px;}
.blog-show-li{float:left; width:33.3334%; float:left; padding:15px;}
.blog-show-li .blogbg1, .bloglift-show .blogbg1{background:#7fd3f7;}
.blog-show-li .blogbg2, .bloglift-show .blogbg2{background:#fcb040;}
.blog-show-li .blogbg3, .bloglift-show .blogbg3{background:#ee303a;}
.blog-show-news{overflow:hidden;}
.blog-show-news img{width:100%; margin-bottom:10px;}
.blog-show-news{font-size:14px; color:#939496;}
.blog-show-news a{display:block; font-size:16px; margin-top:5px;}
.blog-show-news b{font-size:14px; font-weight:normal; color:#afb0b2; padding-top:8px; display:block;}
.blog-more{display:block; padding-top:25px; border-bottom:#e4e4e4 solid 1px; margin-bottom:25px; padding-bottom:25px;}
.blog-more a{padding:10px 20px; color:#FFF; display:inline-block; font-size:15px;}
.blog-more-none{border-bottom:none; padding:0px; margin-bottom:10px;}
.blog-show-txt{height:42px; overflow:hidden;}
.blog-lie{overflow:hidden;  margin-bottom:25px; padding-bottom:25px; border-bottom:#e4e4e4 solid 1px;}
.blog-lie img{ float:right; width:35%;}
.blog-lie-txt{float:left; width:65%; padding-right:20px;font-size:14px; color:#939496;}
.blog-lie-txt a{display:block; font-size:16px; margin-top:5px;}

.bloglift-show{overflow:hidden; display:block;}
.bloglift-left{float:left; width:68%; padding-right:30px;}
.bloglift-width{ margin:0px -10px; overflow:hidden;}
.bloglift-left .blog-show-news{width:50%; float:left; padding:10px;}
.bloglift-left .about-width-title{margin-bottom:20px;}
.bloglift-li{display:block; margin-bottom:25px; padding-bottom:30px; border-bottom:#e4e4e4 solid 1px;overflow:hidden; }
.bloglift-title a{font-size:18px;}
.bloglift-date{font-size:16px; color:#949496;}
.bloglift-date b{padding-left:15px; color:#ee303a; font-size:14px; font-weight:normal;}
.bloglift-img{overflow:hidden; padding-top:10px;}
.bloglift-img img{width:40%; float:left;}
.bloglift-img-txt{width:60%; padding-left:20px; float:right; font-size:16px; line-height:24px;}
.bloglift-more{display:block; padding-top:10px;}
.bloglift-img-txt a{display:block; color:#FFF; display:inline-block; padding:5px 20px;}

.bloglift-right{width:32%; float:right;}
.bloglift-right .Programme-li{width:50%;}
.bloglift-right .Programme-li ul{ margin:0px 10px; margin-bottom:15px}

.bloglift-show{display:block; padding-top:10px;}
.bloglift-show-title{font-size:18px;}
.bloglift-show-title span{display:block; font-size:16px; padding-top:15px; color:#929496;}
.bloglift-show-text{font-size:16px; line-height:28px; padding-top:20px;}
.bloglift-show-text img{width:100%; margin-top:20px; margin-bottom:20px;}
.bloglift-show-li{width:50%; display:inline-block; float:left;}
@media (max-width:1200px) {
  .blog-show{ margin:0px -10px;}
}
@media (max-width:1000px) {
  .blog-show{ margin:0px -5px;}
}
@media (max-width:768px) {
  .blog-show{ margin:0px -5px;}
  .blog-show-li{float:left; width:100%; float:left; padding:5px;}
  .blog-more{padding:20px 0px; margin-bottom:25px;}
  .blog-more-none{ padding:0px; margin-bottom:20px;}
  .blog-lie{padding-bottom:15px; margin-bottom:15px;}
  .bloglift-left{float:left; width:100%; padding-right:30px; padding-right:0px;}
  .bloglift-right{width:100%; float:right;}
  .bloglift-img-txt{padding-left:15px;}
  .bloglift-img-txt .bloglifthei{height:40px; overflow:hidden; display:block; font-size:14px; line-height:22px;}
  .bloglift-img-txt a{font-size:14px; padding:4px 10px;}
  .bloglift-li{padding-bottom:20px; margin-bottom:20px;}

  .bloglift-show{padding-top:5px;}
  .bloglift-show-title span{padding-top:5px;}
  .bloglift-show-text{padding-top:15px;}
  .bloglift-show-li{width:100%; margin-bottom:10px;}
  .bloglift-show-text img{margin:10px 0px;}
  .bloglift-show{padding-bottom:10px; border-bottom:#e4e4e4 solid 1px; margin-bottom:20px;}
}

@media (max-width:380px) {
  .blog-title{ border-bottom:#eea240 solid 3px; overflow:hidden;}
  .blog-title li{float:left;  background:#f5f5f5; font-size:15px; line-height:40px; margin-right:3px; border-radius:10px 10px 0px 0px;}
  .blog-title li a{ padding:0px 14px; color:#555}
}
@media (max-width:320px) {
  .blog-title li{float:left;  background:#f5f5f5; font-size:14px; line-height:36px; margin-right:2px; border-radius:10px 10px 0px 0px;}
  .blog-title li a{ padding:0px 13px; color:#555}
}

/*搶手推介*/
.Introduction{border-bottom:#777 solid 1px; padding-bottom:10px}
.Introduction .pr-search-left{font-size:20px; color:#EE2F3B;}
.Introduction-width{overflow:hidden; margin-top:20px; padding-bottom:20px;}
.Introduction-width li{width:33.33334%; float:left; padding:20px 40px; font-size:16px; line-height:28px; border-right:#bcbdbf solid 1px;}
.Introduction-width li img{width:100%;}
.Introduction-width .Introduction-width-none{border:none;}
.Introduction-width li a{ color:#EE2F3B; text-decoration:underline;}
.Introduction-width li b{display:block; font-size:20px;color:#EE2F3B; font-weight:normal; padding-bottom:10px;}

.wrapper01 {position:relative; height:53px; width: 100%;overflow: hidden;margin:0 auto; margin-top:20px; margin-bottom:10px; border-bottom:#eea240 solid 3px;}
.wrapper01 .scroller {position:absolute}

.wrapper01 .scroller li{float:left;   font-size:18px; line-height:50px;}
.wrapper01 .scroller li a{ padding:0px 40px; color:#555; background:#f5f5f5; display:block; margin-right:3px;border-radius:15px 15px 0px 0px;}
.wrapper01 .scroller li a:hover{color:#ee303b}
.wrapper01 .scroller .cur a{ background:#f4c84f; }
.wrapper01 .scroller .cur a,.wrapper01 .scroller .cur a:hover{color:#000;}
.Introduction-search{display:block; padding-top:25px; overflow:hidden;}
.Introduction-search .pr-searchtext{float:right;}

.Introduction-title{display:block; color:#ee303a; font-size:18px; line-height:40px; text-align:left; margin-top:10px;}
.Introduction-title span{background:#ee303a; color:#FFF; padding:0px 20px; display:inline-block; margin-right:10px;}

.Introductionshow{overflow:hidden;}
.Introductionshow-left{float:left; width:33%;}
.Introductionshow-left img{width:100%;}
.Introductionshow-right{font-size:16px; line-height:26px;}
.Introductionshow-right a{display:block; margin:20px 0px; color:#7ed4f7; text-decoration:underline}
.Introductionshow-right a:hover{color:#ee303a;}
.Introductionshow-img{overflow:hidden; margin:0px -10px; border-bottom: solid 1px #777; padding-bottom:20px; margin-bottom:20px;}
.Introductionshow-img li{width:33.33334%; float:left; padding:10px;}
.Introductionshow-img li img{width:100%;}
.Introductionshow .Programme-li{width:20%;}

@media (max-width:1000px) {
  .Introductionshow .Programme-li{width:33.33334%; }
}


@media (max-width:768px) {
  .Introduction .pr-search-left{font-size:20px; color:#EE2F3B; float:left; width:auto;}
  .Introduction .pr-search-select{float:right; padding-top:0px;}
  .Introduction-search{padding-top:5px;}
  .wrapper01 { height:45px;}
  .wrapper01 .scroller li{float:left;   font-size:16px; line-height:42px;}
  .wrapper01 .scroller li a{ padding:0px 20px; color:#555}
  .Introduction-width li{width:100%; border:none; border-bottom:#bcbdbf solid 1px;  padding:20px; padding-bottom:30px}
  .Introductionshow-img{margin:0px -5px; margin-top:10px; margin-bottom:10px;}
  .Introductionshow-left{width:100%;}
  .Introductionshow-img li{padding:5px;}
  .Introductionshow .Programme-li{width:50%; }
  .Introduction-title{ margin-top:0px;}
}


/*最新消息*/
.newest-width{display:block;  overflow:hidden;}
.newest{display:block;margin-right:-80px;}
.newest-li{float:left; width:50%; overflow:hidden; padding:10px; margin-bottom:20px;}
.newest-li-left{width:30%; float:left;}
.newest-li-left img{width:100%;}
.newest-li-right{width:70%; float:left; padding-left:25px; padding-right:80px}
.newest-li-right-title{font-size:20px; font-weight:bold; line-height:26px; padding-bottom:20px; padding-top:5px;}
.newest-li-right-txt{font-size:16px; line-height:22px; }
.newest-li-right-but{border-top:#dcdcdc solid 1px; margin-top:30px; color:#555; font-size:16px; line-height:50px;overflow:hidden; padding-bottom:10px;}
.newest-li-right-but .bottom-more b{ margin-top:10px;}
.newest-li-right-but .bottom-more b a{    padding: 5px 15px;}
.newest-li-right-but .bottom-more b .more-bg{height:91%;}

.Newestshow-top{display:block; border-bottom:#f4c84f solid 4px; font-size:16px; line-height:24px; padding:10px 0px; padding-top:0px;}
.Newestshow-top a{color:#555;}
.Newestshow-top a:hover{color:#ee2d3d;}
@media (max-width:768px) {
  .newest-li{float:inherit; width:100%; position:relative; padding-bottom:80px; background:#f5f5f5; }
  .newest-li-right{padding-left:20px; padding-right:10px;}
  .newest-li-right-title{font-size:16px; padding-bottom:10px; padding-top:0px;}
  .newest-li-right-txt{font-size:14px; line-height:18px;}
  .newest-li-right-but{font-size:14px; position:absolute; right:0px; width:100%; bottom:0px; padding:0px 10px;}
  .newest-li-right-but .bottom-more b a{padding:5px 10px;}
  .newest-li-right-but .bottom-more b .more-bg{height:87%;}
  .newest-li-right-but{margin:10px; display:block; margin-right:0px;}
  .bottom-more b .more-bg{top:7px;}
  .newest-li{margin:8px 0px;}
  .newest{margin:0px;}
  .newest-li-right-but span{padding-top:5px; float:left}

  .newest-width .product-page{margin-top:0px; border:none; padding-top:15px;}
}



/*聯絡我們*/
.contact-width{ overflow:hidden;}
.contact-left{width:47%; float:left; height:470px; margin-top:10px; background-size:auto 100%;}
.contact-right{float:right; width:53%; padding-left:35px;}
.contact-right .bottom-text{width:100%;margin-top:10px;}
.contact-right .distribution-title{margin-bottom:10px; padding-top:0px;}
.contact-right .bottom-textarea{ height:165px;}
.contact-right .bottom-more{float:left;}
.contact-right .bottom-more b{ margin-top:15px;}
.contact-Map{overflow:hidden; padding-top:70px; display:block;}
.contact-Map img{float:left;}
@media (max-width:768px) {
  .contact-width{
    padding-top:0px;
    margin-top: 10px !important;
  }
  .contact-left {
    width: 100%;
    float: left;
    height: 120px;
    margin-top: 10px;
    background-size: 100%;
    margin-bottom: 193px;
  }
  .contact-right{width:100%; padding:0px;}
  .contact-Map{padding-top:30px;}
}


/*關注我們*/
.about-width{padding:10px 0px; overflow:hidden;}
.about-width-title{display:block; font-size:20px; margin-bottom:20px;}
.about-width-title span{height:22px; width:10px; float:left; background:#ee303a; margin-right:10px;}
.about-text-padding{overflow:hidden; margin:0px -10px;}
.about-text-img{width:50%; float:left; font-size:14px; line-height:24px; margin-top:20px; padding:10px;}
.about-text-img img{ width:100%;}



.about-right{width:50%; float:right;margin:30px 0px; margin-bottom:0px;}
.about-left{width:50%; float:left; margin:30px 0px; padding-right:50px; margin-bottom:0px;}
.about-img img{width:100%; float:left;}
.about-text{font-size:16px; line-height:30px;}
.about-text b{display:block; font-size:22px; font-weight:normal; padding:20px 0px;}
@media (max-width:768px) {
  .about-right{width:100%; float:right;margin:0px;}
  .about-left{width:100%; float:left; margin: 0px;}
  .about-text{padding:0px; line-height:26px; font-size:16px; padding-bottom:10px; }
  .about-text b{font-size:20px; padding-bottom:10px; padding-top:0px;}
  .about-img{padding-bottom:30px;}
  .about-width{padding:0px 5px; padding-top:5px;}
  .about-text-img{padding:5px;}
  .about-text-padding{overflow:hidden; margin:0px -5px;}
  .about-text-img{margin-top:10px;}
}

/*加入我們*/
.job-top{display:block; font-size:16px; padding-top:5px; padding-left:20px; margin-bottom:25px;}
.job-top b{ color:#EE2F3B; display:block; font-size:20px; font-weight:normal; padding-bottom:10px;}
.job-contact{overflow:hidden; padding-top:10px;}
.job-left{float:left; width:25%; padding-right:10px;}
.job-left li{padding:20px;}
.job-left li a{ font-size:16px;}
.job-left .active a{ color:#ee303a}
.job-left-title{font-size:16px; color:#7ED2F6; border-bottom:#7ED2F6 solid 1px; border-top:#7ED2F6 solid 1px; margin-bottom:10px;}

.job-title{display:block;}
.job-title-top{ overflow:hidden; font-size:16px; line-height:24px; padding:15px 0px;border-bottom:#dcdcdc solid 1px; padding-top:35px;}
.job-title-li{ color:#939496; overflow:hidden; font-size:16px; line-height:24px; padding:15px 0px;border-bottom:#dcdcdc solid 1px;}
.job-title-li a{ color:#939496;}
.job-title-li a:hover{ color:#333;}
.job-title-li i{font-size:24px;}
.job-title-li1{width:40%; float:left; }
.job-title-li2{width:20%; float:left;}
.job-title-li3{width:20%; float:left;}
.job-title-li4{width:20%; float:left;}

.job-show-top{font-size:20px;  color:#ee303a}
.job-show-top span{color:#333;}
.job-show-top a{display:inline-block; background:#ee303a; color:#FFF; font-size:18px; line-height:38px; padding:0px 20px; margin-left:10px;}
.job-show-cont{font-size:16px; line-height:26px; padding-top:20px}
.Information-title b{font-weight:normal;}

@media (max-width:768px) {
  .job-top{padding-left:0px; margin-bottom:10px;}
  .job-title-top{font-size:14px; padding-top:20px}
  .job-title-li{font-size:14px;}
  .job-title-li i{font-size:18px;}
  .job-left li{background:#f6f6f6; margin-bottom:1px;}
  .job-left{float:left; width:100%; padding-right:0px;}
  .job-left li{padding:15px 10px;}
  .Information-title b{display:block; margin-bottom:10px; line-height:26px; padding:0px;}
  .job-show-cont{padding:15px 5px;}
  .job-show-top a{ margin-left:0px;}
}


/*加入我們*/
.job-top{display:block; font-size:16px; padding-top:5px; padding-left:20px; margin-bottom:25px;}
.job-top b {
  color: #EE2F3B;
  display: block;
  font-size: 20px;
  font-weight: normal;
  padding-bottom: 0px;
}
.job-contact{overflow:hidden; padding-top:10px;}
.job-left{float:left; width:25%; padding-right:10px;margin-bottom: 20px;}
.job-left li{padding:20px;}
.job-left li a{ font-size:16px;}
.job-left .active a{ color:#ee303a}
.job-left-title{font-size:16px; color:#7ED2F6; border-bottom:#7ED2F6 solid 1px; border-top:#7ED2F6 solid 1px; margin-bottom:10px;}

.job-title{display:block;}
.job-title-top{ overflow:hidden; font-size:16px; line-height:24px; padding:15px 0px;border-bottom:#dcdcdc solid 1px; padding-top:35px;}
.job-title-li{ color:#939496; overflow:hidden; font-size:16px; line-height:24px; padding:15px 0px;border-bottom:#dcdcdc solid 1px;}
.job-title-li a{ color:#939496;}
.job-title-li a:hover{ color:#333;}
.job-title-li i{font-size:24px;}
.job-title-li1{width:40%; float:left; }
.job-title-li2{width:20%; float:left;}
.job-title-li3{width:20%; float:left;}
.job-title-li4{width:20%; float:left;}

.job-show-top{font-size:20px;  color:#ee303a}
.job-show-top span{color:#333;}
.job-show-top a{display:inline-block; background:#ee303a; color:#FFF; font-size:18px; line-height:38px; padding:0px 20px; margin-left:10px;}
.job-show-cont{font-size:16px; line-height:26px; padding-top:20px}
.Information-title b{font-weight:normal;}

@media (max-width:768px) {

  .job-top{padding-left:0px; margin-bottom:10px;}
  .job-title-top{font-size:14px; padding-top:20px}
  .job-title-li{font-size:14px;}
  .job-title-li i{font-size:18px;}
  .job-left li{background:#f6f6f6; margin-bottom:1px;}
  .job-left{float:left; width:100%; padding-right:0px;}
  .job-left li{padding:15px 10px;}
  .Information-title b{display:block; margin-bottom:10px; line-height:26px; padding:0px;}
  .job-show-cont{padding:15px 5px;}
  .job-show-top a{ margin-left:0px;}
}

.text-right {
  text-align: right;
  font-size: 20px;
  color: #ee2d3d;
  cursor:pointer;
}

.Non-existent-title{display:block; font-size:16px; line-height:40px; padding:10px 0px;}
.Non-existent-txt{min-height:600px; padding:200px 0px; text-align:center; font-size:18px;}
.Non-existent-but{display:block; padding-top:30px; }
.Non-existent-but a{background: #7ed2f6; padding:10px 90px;     border-radius: 6px; color:#FFF;}
@media (max-width:768px) {
  .Non-existent-txt{min-height:200px; border:#c9c9c9 solid 1px; padding:150px 0px; text-align:center; font-size:18px;}
}