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

/* template_id RWDPAGE_BASE_PAT01 */
/* load db RWDMenuIcon001 */
.RWDMenuIcon001{
    background-color: white;
/*
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
*/
	opacity: 0 ;
	transform: scaleY(0);
    transform-origin: 50% 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
/*language{*/
.mobile_language{display:none;}
.web_language{width:107px;font-size:12px;color:#7c7c7c;margin-top:37px;position:relative;cursor:pointer;}
.web_language .lang_text{padding: 0px 6px;background-color: #fff;border: 1px solid #7c7c7c;position: absolute;width: 107px;line-height: 22px;}
.web_language .btnToggle {cursor: pointer;display: block;height: 24px;position: absolute;right: 0;top: 0;width: 24px;}
.web_language .btnToggle .line {background-color: #7c7c7c;display: block;height: 2px;position: absolute;transition: all 0.3s ease-out 0s;width: 14px;margin:0px;}
.web_language .btnToggle .line_01 {right: 6px;top: 5px;}
.web_language .btnToggle .line_02 {right: 6px;top: 10px;}
.web_language .btnToggle .line_03 {right: 6px;top: 15px;}
.web_language.is-opened .btnToggle .line_01 {top: 10px;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;}
.web_language.is-opened .btnToggle .line_02 {opacity: 0;}
.web_language.is-opened .btnToggle .line_03 {top: 10px;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;}          	
.web_language.is-opened{color:#ffffff;}
.web_language.is-opened .lang_text{background-color:#7c7c7c;}
.web_language.is-opened .line {background-color:#ffffff;}
.web_language .lang_options{display:none;top:30px;position: absolute;z-index:10;width:107px;}
.web_language.is-opened .lang_options{display:block}
.web_language .web_language_menu{background-color:#eaeaea;border-bottom:1px solid #b5b5b5;line-height:29px;text-align:center;font-size:12px;}
.web_language .web_language_menu a{color:#494949;}
.web_language .web_language_menu:last-child{border-bottom:0px;}

.mobile_language{text-align:center;}
.mobile_language .lang_text{background-color:#eaeaea;font-size:14px;line-height:35px;color:#494949;}
.mobile_language .lang_options{display:none;}

.mobile_language .web_language_menu{background-color:#eaeaea;border-bottom:1px solid #b5b5b5;line-height:29px;text-align:center;font-size:14px;}
.mobile_language .web_language_menu a{color:#494949;}
.mobile_language .web_language_menu:last-child{border-bottom:0px;}

.mobile_language.is-opened .lang_text{background-color:#494949;color:#FFFFFF;}
.mobile_language.is-opened .lang_options{display:block;}
@media (min-width: 768px){
  .web_language{margin-left:0px;}
}
@media (min-width: 1025px){
  .web_language{margin-left:30px;}
}
@media (max-width: 800px){
  .web_language{display:none;}
  .mobile_language{display:block;}
}
/*language}*/


.navbar-default {
    background: none;
    border: none;
}
.navbar {
    margin-bottom: 0;
}
.navbar-brand{padding-top:30px;padding-left: 0;height:auto;}
.navbar-nav > li > a {
	display: block;
	font-size: 1em;
	font-weight: 300;
	margin: 0;
	padding-top:11px;
	padding-bottom:11px;
	vertical-align:middle;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	outline:none;
}

.navbar-nav > li > a i {font-size: 16px; text-align: center;padding: 20px 0 10px 0; color:#ccc;}
.navbar-nav > li > a:hover i, .navbar-nav > li.active > a i {color:#fff;}

.RWDMenuIcon001 .pull-right{ float:none !important; }

@media (min-width: 1200px){
.RWDMenuIcon001  .pull-right {
    float: right !important;
}
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    height: 88px;
}
.navbar-nav > li > a i {
    display: block;
}
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background: #43B6B1;
	color:#fff;
}

.navbar-default .navbar-toggle {
    margin-top: 22px;
}



.RWDMenuIcon001 ul.nav li ul {
  position:absolute;
  z-index: 99;
    display:none;
    background: #fff;
    list-style-type: none;
    margin: 0px;
    padding:10px 0px;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    width:200%;
}


@media (max-width:1199px){
.RWDMenuIcon001 ul.nav li ul {
  width:100%;
 position: relative;
}
}

.RWDMenuIcon001 ul.nav li ul li >ul{
box-shadow: none;
    margin: 0;
    position: relative;
    width: 100%;
}
.RWDMenuIcon001 ul.nav li ul li{background: #fff; list-style-type: none;margin: 5px 10px;}


.RWDMenuIcon001 i img{height:100%;;max-height:46px;}
.RWDMenuIcon001 .imghover{position:relative;padding-top:0px;}


@media (max-width: 767px){
  .RWDMenuIcon001 ul.nav li ul {
    position: relative;z-index: auto;
    width:100%;
  }
}
/*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 web_search */
/**
* 網站搜尋
**/
.web_search {border:1px solid transparent;}
.web_search .searchkey{float:left;position:relative;}
.web_search .searchkey input{border: medium none;line-height:30px;height:30px;padding:0px 5px;width: 149px;margin:0 5px}
.web_search .btn{display: inline-block;padding:0px 10px;line-height: 30px;font-size:13px;float:left;text-align: center;cursor:pointer;}

.web_search {background-color:#1a1a1a;}
.web_search {border-color:#1a1a1a;}
.web_search input{color:#909090;}
.web_search input{background:#1a1a1a;}
.web_search .btn{background:transparent;}
.web_search .btn{color:#7b7b7b;}
.web_search .btn:hover{color:#ffffff;}
/*END*/
/* load db scrollTop */
.scrollTop{
  cursor:pointer;
  width: 45px;
  height: 21px;
  margin: auto;
  padding-top: 30px;
  text-align:center;
  background:transparent url(../../model/sample/baseimg/scrollTop/top_arrow.png) center center no-repeat
}
.scrollTop:hover{
  opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);
}
/*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*/
/* load file model/lib/RWDedm002/css/model.css */
.RWDedm002 .letter-spacing-1{letter-spacing:.1em !important;color:rgba(255,255,255,.8);font-weight:600;font-size:15px;margin-bottom:25px}.RWDedm002 a{color:rgba(255,255,255,.6);text-decoration:none}.RWDedm002 a:hover{color:rgba(255,255,255,.9)}.RWDedm002 p{line-height:18px;margin-top:0}.RWDedm002 form{margin-bottom:30px}.RWDedm002 .input-group input,.RWDedm002 .input-group textarea{margin-bottom:0}.RWDedm002 .btn,.RWDedm002 .form-control{height:36px}.RWDedm002 input,.RWDedm002 textarea{background-color:rgba(0,0,0,.2);border-color:rgba(0,0,0,.25);color:#999;margin-bottom:6px;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s}
/*END*/