@charset "utf-8";
.clear{clear:both;}
input,textarea{outline:none}

/* template_id RWDPAGE_BASE_PAT01 */
/* load db RWDMenuIcon002 */
/*language{*/
.RWDMenuIcon002 .mobile_language{display:none;}
.RWDMenuIcon002 .web_language{width:107px;font-size:12px;color:#7c7c7c;margin-top:20px;position:relative;cursor:pointer;}
.RWDMenuIcon002 .web_language .lang_text{padding: 0px 6px;background-color: #fff;border: 1px solid #7c7c7c;position: absolute;width: 107px;}
.RWDMenuIcon002 .web_language .btnToggle {cursor: pointer;display: block;height: 24px;position: absolute;right: 0;top: 0;width: 24px;}
.RWDMenuIcon002 .web_language .btnToggle .line {background-color: #7c7c7c;display: block;height: 2px;position: absolute;transition: all 0.3s ease-out 0s;width: 14px;}
.RWDMenuIcon002 .web_language .btnToggle .line_01 {right: 6px;top: 4px;}
.RWDMenuIcon002 .web_language .btnToggle .line_02 {right: 6px;top: 8px;}
.RWDMenuIcon002 .web_language .btnToggle .line_03 {right: 6px;top: 12px;}
.RWDMenuIcon002 .web_language.is-opened .btnToggle .line_01 {top: 8px;transform: rotate(45deg);transform-origin:50% 50% 0;-ms-transform: rotate(45deg);-ms-transform-origin:50% 50% 0;-webkit-transform: rotate(45deg);-webkit-transform-origin:50% 50% 0;-moz-transform: rotate(45deg);-moz-transform-origin:50% 50% 0;-o-transform: rotate(45deg);-o-transform-origin:50% 50% 0;}
.RWDMenuIcon002 .web_language.is-opened .btnToggle .line_02 {opacity: 0;}
.RWDMenuIcon002 .web_language.is-opened .btnToggle .line_03 {top: 8px;transform: rotate(135deg);transform-origin:50% 50% 0;-ms-transform: rotate(135deg);-ms-transform-origin:50% 50% 0;-webkit-transform: rotate(135deg);	-webkit-transform-origin:50% 50% 0;-moz-transform: rotate(135deg);-moz-transform-origin:50% 50% 0;	-o-transform: rotate(135deg);-o-transform-origin:50% 50% 0;}          	
.RWDMenuIcon002 .web_language.is-opened{color:#ffffff;}
.RWDMenuIcon002 .web_language.is-opened .lang_text{background-color:#7c7c7c;}
.RWDMenuIcon002 .web_language.is-opened .line {background-color:#ffffff;}
.RWDMenuIcon002 .web_language .lang_options{display:none;top:30px;position: absolute;z-index:10;width:107px;}
.RWDMenuIcon002 .web_language.is-opened .lang_options{display:block}
.RWDMenuIcon002 .web_language .web_language_menu{background-color:#eaeaea;border-bottom:1px solid #b5b5b5;line-height:29px;text-align:center;font-size:12px;}
.RWDMenuIcon002 .web_language .web_language_menu a{color:#494949;}
.RWDMenuIcon002 .web_language .web_language_menu:last-child{border-bottom:0px;}

.RWDMenuIcon002 .mobile_language{text-align:center;}
.RWDMenuIcon002 .mobile_language .lang_text{background-color:#eaeaea;font-size:14px;line-height:35px;color:#494949;}
.RWDMenuIcon002 .mobile_language .lang_options{display:none;}

.RWDMenuIcon002 .mobile_language .web_language_menu{background-color:#eaeaea;border-bottom:1px solid #b5b5b5;line-height:29px;text-align:center;font-size:14px;}
.RWDMenuIcon002 .mobile_language .web_language_menu a{color:#494949;}
.RWDMenuIcon002 .mobile_language .web_language_menu:last-child{border-bottom:0px;}

.RWDMenuIcon002 .mobile_language.is-opened .lang_text{background-color:#494949;color:#FFFFFF;}
.RWDMenuIcon002 .mobile_language.is-opened .lang_options{display:block;}
@media (min-width: 800px){
  .RWDMenuIcon002 .web_language{margin-left:0px;}
}
@media (min-width: 1025px){
  .RWDMenuIcon002 .web_language{margin-left:30px;}
}
@media (max-width: 799px){
  .RWDMenuIcon002 .web_language{display:none;}
  .RWDMenuIcon002 .mobile_language{display:block;}
}
/*language}*/

/*search{*/
#navigation .web_search {border:1px solid transparent;display:inline-block;margin-top:13px;}
#navigation .web_search .searchkey{float:left;position:relative;}
#navigation .web_search .searchkey input{border: medium none;line-height:30px;height:30px;padding:0px 5px;width: 100px;margin:0 5px}
#navigation .web_search .btn{display: inline-block;padding:0px 10px;line-height: 30px;font-size:13px;float:left;text-align: center;cursor:pointer;}
#navigation .web_search {background-color:#1a1a1a;}
#navigation .web_search {border-color:#1a1a1a;}
#navigation .web_search input{color:#909090;}
#navigation .web_search input{background:#1a1a1a;}
#navigation .web_search .btn{background:transparent;}
#navigation .web_search .btn{color:#7b7b7b;}
#navigation .web_search .btn:hover{color:#ffffff;}
#navigation .web_search.mobile_web_search{display:none;}
@media (min-width: 800px){
  #navigation .web_search{margin-left:0px;}
}
@media (min-width: 1025px){
  #navigation .web_search{margin-left:30px;}
}
@media (max-width: 799px){
  #navigation .web_search{display:none;}
  #navigation .web_search.mobile_web_search{display:block;}
  #navigation .web_search .searchkey{width:80%;}
  #navigation .web_search .searchkey input{width:100%}
  #navigation .web_search .btn{width:10%;float:right;margin-right:10px;}
}
/*search}*/


.navbar-right{  max-width: 60%;}
@media screen and (max-width: 799px) {
  .navbar-right {max-width: 100%;width:100%;}
}
.navbar.navbar-fixed-top {
    
              position: relative;
              margin: 0;
              border: 0;
              min-height: 60px;
              background-color: #222;
              box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.2);
            }
            @media (min-width: 800px) {
              .navbar.navbar-fixed-top {
                -webkit-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
                -moz-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
                transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
              }
            }
            .navbar.navbar-fixed-top .navbar-brand {
              color: #fff;
              font-size: 28px;
              font-weight: 700;

              height: 60px;
              line-height: 60px;
              padding-top: 0px;
              padding-bottom: 0px;
              letter-spacing: 0.1em;
            }
            .navbar.navbar-fixed-top .navbar-brand:hover {
              color: #fff;
            }
            .navbar.navbar-fixed-top .navbar-toggle {
              margin-top: 12px;
              background-color: #1abc9c;
            }
            .navbar.navbar-fixed-top .navbar-nav > li > a {
              color: #fff;
              font-weight: 400;

            }
            @media (min-width: 992px) {
              .navbar.navbar-fixed-top .navbar-nav > li > a {
                height: 60px;
                line-height: 60px;
                padding-top: 0px;
                padding-bottom: 0px;
              }
            }
            .navbar.navbar-fixed-top .navbar-nav > li > a:hover {
              color: #1abc9c;
              background-color: #222;
            }
            .navbar.navbar-fixed-top .navbar-nav > li > a > i.fa-angle-down {
              padding-left: 2px;
            }
            .navbar.navbar-fixed-top .navbar-nav > li.active a,
            .navbar.navbar-fixed-top .navbar-nav > li.active a:hover {
              background-color: #1abc9c;
              color: #fff;
            }
            @media (min-width: 992px) {
              .navbar.navbar-fixed-top .navbar-nav > li.active a,
              .navbar.navbar-fixed-top .navbar-nav > li.active a:hover {
                color: #fff;
                background-color: #1abc9c;
                background-repeat: repeat;
              }
            }
/*.navbar li > ul {list-style-type:none;display:none;margin:0px;padding:0px;position:absolute;z-index:10;background:#FFF;width: 200%;margin-left: -50%;box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.2);}*/
.navbar li > ul {list-style-type:none;display:none;margin:0px;padding:0px;position:absolute;z-index:10;background:#FFF;box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.2);min-width:100%;}
.navbar li > ul li{list-style-type; margin:0px;padding:5px 10px;white-space: nowrap; text-align:center;}
.navbar li > ul li:hover{background:#222;}
.navbar li > ul li a{text-decoration:none;display:block;color:#111}
.navbar li > ul li:hover a{color: #1abc9c;}
.navbar li > ul li ul{box-shadow: none;
    margin: 0;
    position: relative;
    width: 100%;}
.navbar .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
@media screen and (max-width: 799px) {
  .navbar-right {max-width: 100%;width:100%;}
  .navbar-nav {margin:0px;}
  .navbar li > ul{margin-left:0px;width:100%;}
  .navbar li > ul {position:relative;}
}


/*END*/
/* load db RWDbanner001 */
	.RWDbanner001 .slides li{
	width:100%;
        height:100%;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-size: cover;
	background-position: center center;
}

/*END*/
/* load db RWDedictor */
.RWDedictor h3 {
    border-bottom: 0 solid #ccc;
    color: #ccc;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    margin: 10px 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
/*END*/
/* load db RWDedictor */
.RWDedictor h3 {
    border-bottom: 0 solid #ccc;
    color: #ccc;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    margin: 10px 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
/*END*/
/* load db web_footer */
.web_footer a{text-decoration: none;}
.footer_desc{color:#6F6F6F}
.footer_desc a{color:#6F6F6F}
.footer_desc a:hover{color:#6F6F6F}
/*END*/
/* load db copyright */
.copyright_desc,.copyright_desc a,.copyright_desc a:hover{
	color:#fff;
	line-height: 22px;
}
/*END*/
/* load db shoppingcar001 */
.shoppingcar001 {
    position: fixed;
    right: 0;
    z-index: 99;
    top: 23%;
    width: 39px;
    overflow: hidden;
}
.shoppingcar001 .car_block {
    float: left;
    position: relative;
    width: 40px;
    color: #333333;
    font-size: 12px;
    cursor: pointer;
    background-color: #FFFFFF;
    text-align: center;
}
.shoppingcar001 .val-shopnum{
  color:#ff1b1b;
}
.shoppingcar001 .car_icon{
  width:60%;
  margin:20% auto ;
}
.shoppingcar001 .line{
  width:60%;
  margin:20% auto ;
  height: 1px;
  background-color: #cbcbcb;
}
.shoppingcar001 .money{
  color:#ff1b1b;
}
.shoppingcar001 .scrolltop{
  width:100%;
  height:38px;
  margin-top:20%;
  background-color: #111111;
  background-image: url("../../model/sample/baseimg/shoppingcar001/scrolltop.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.shoppingcar001 .car_icon img{width:100%;}

.shoppingcar001 .car_list {
    float: left;
    width: 300px;
    position: relative;
    background-color: #efefef;
}
.shoppingcar001 .list_block {
    position: relative;
    margin:0 25px;
}

.shoppingcar001 .car_outer{
  position: relative;
  width:1000px;
}
.shoppingcar001 .car_list .subject{
  color:#111111;
  font-size: 16px;
  margin:34px 0px 17px 0px;
}
.shoppingcar001 .LeftShopList{
  border-top:1px solid #333333;
  border-bottom:1px solid #333333;
}
.shoppingcar001 .LeftShopList .item{
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom:1px solid #666666;
  position: relative;
}
.shoppingcar001 .LeftShopList .item_img{
  float: left;
  width: 83px;
  height: 83px;

   background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;

}
.shoppingcar001 .LeftShopList .item_img.fixh{
background-size: auto 100%;
}
.shoppingcar001 .LeftShopList .item_info{
  float: left;
  width: 120px;
  margin-left: 15px;
}
.shoppingcar001 .LeftShopList .item_subject{
  font-size: 13px;
  color: #111111;
  line-height: 17px;
  margin-top:16px;
}
.shoppingcar001 .LeftShopList .item_price{
  font-size: 13px;
  color: #666666;
  line-height: 17px;  
  margin-top:5px;
}
.shoppingcar001 .LeftShopList .item_del{
  float: right;
  margin-top:25px;
  cursor: pointer;
}
.shoppingcar001 .LeftShopList .del_icon{
  width: 8px;
  height: 8px;
   position: relative;
   margin-left: 2px;
}
.shoppingcar001 .LeftShopList .del_icon .line{
    background: #666666 none repeat scroll 0 0;
    display: block;
    height: 1px;
    position: absolute;
  -o-transition: all .30s linear;
  -webkit-transition: all .30s linear;
  -moz-transition: all .30s linear;
  transition:  all .30s linear;
    width: 8px;
}
.shoppingcar001 .LeftShopList .del_icon .line01{
    top: 0px;
    transform: rotate(45deg);
    transform-origin: 50% 50% 0;
}
.shoppingcar001 .LeftShopList .del_icon .line03{
    top: 0px;
    transform: rotate(135deg);
    transform-origin: 50% 50% 0;
}

.shoppingcar001 .LeftShopList .del_text{
  color: #333333;
  font-size: 13px;
}

.shoppingcar001 .LeftShopList .item:last-child{
  border-bottom:0px;
}
.shoppingcar001 .checkout_it{
  text-align: center;
  width:100%;
  display: block;
  background-color: #FFFFFF;
  color: #111111;
  line-height: 40px;
  font-size: 14px;
  margin:12px 0px;
  -o-transition: all .30s linear;
  -webkit-transition: all .30s linear;
  -moz-transition: all .30s linear;
  transition:  all .30s linear;
text-decoration: none;
}
.shoppingcar001 .checkout_it:hover{
  background-color: #f3ebeb;
  color: #111111;
}
/*END*/