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

/* template_id PAGE_001 */
/* load db logo_img */
/**
*網站LOGO
**/
.logo_img {height:100%}
/*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 web_language005 */
.web_language005{
	position: relative;
	display: block;
}
.web_language005 .languageIcon{
	position: relative;
	width: 50px;
	height: 50px;
	cursor:pointer;
}
.web_language005 .languageIcon .asset{
	position: absolute;
	display: block;
}
.web_language005 .asset.icon-language{
	color: #000;
	width: 50px;
	height: 50px;
	font-size: 13px;
	line-height: 50px;
	text-align:center;
	vertical-align:center;
	background-color: #d39b45;
	transition: all 0.2s ease 0s;
}
.web_language005 .icon-language:hover{background-color: #000;color: #d39b45;}

.web_language005  .language-menu{
	overflow: hidden;
	position: absolute;
	top: 50px;
}
.web_language005  .language-menu div{
	margin-top: 5px;
}
.web_language005 .icon-language-choice{
	color: #000;
	width: 50px;
	height: 50px;
	font-size: 13px;
	line-height: 50px;
	text-align:center;
	vertical-align:center;
	background-color: #d39b45;
	transition: all 0.2s ease 0s;
}
.web_language005 .icon-language-choice:hover{background-color: #000;color: #d39b45;}

/*END*/
/* load db web_menu */
.web_menu{width:1003px;margin:auto;}
.web_menu_contener{position:relative;text-align: center;}
.web_menu ul{display: inline-block; }
.web_menu ul, .web_menu li, .web_menu a{margin: 0;padding: 0;text-decoration: none;}
.web_menu ul, .web_menu li {list-style: none;}
.web_menu ul.navigation li {position: relative;float: left;}
.web_menu ul.navigation li a{display: block;padding: 12px 20px;min-width:55px;text-align:center; transition: background .25s ease-in-out;-moz-transition: background .25s ease-in-out;-webkit-transition: background .25s ease-in-out; }
.web_menu ul.navigation ul{display: none;float: left;position: absolute;left: 0;  margin: 0;z-index:9;}
.web_menu ul.navigation li:hover > ul{display: block;}
.web_menu ul.navigation ul li:last-child {border-bottom: none;}
.web_menu ul.navigation ul {width: 120%;min-width:120px;}
.web_menu ul.navigation ul li {width: 100%;}
.web_menu ul.navigation ul a {text-align: left;padding: 10px 12px;}
.web_menu ul.navigation ul li:hover > ul{display: block;position: absolute;top: 0;left: 100%;}

.web_menu ul.navigation li .m_stitle{display:none;}
.web_menu ul.navigation li:hover .m_stitle{display:block;}
.web_menu ul.navigation li:hover .m_title {display:none;}

/*以下為各版型配色修改*/
/*選單字體顏色*/
.web_menu ul.navigation > li > a {color:#000000;}
/*選單字體大小*/
.web_menu ul.navigation > li > a {font-size: 16px;}
/*選單背景顏色*/
.web_menu ul.navigation > li > a {background:transparent;}
/*滑過-選單字體顏色*/
.web_menu ul.navigation > li > a:hover,.web_menu ul.navigation > li.hover > a{color:#000000;}
/*滑過-選單背景顏色*/
.web_menu ul.navigation > li > a:hover,.web_menu ul.navigation > li.hover > a{background:transparent;}
/*子選單-背景顏色*/
.web_menu ul.navigation ul a,.web_menu ul.navigation ul li {background: #000000;}
/*子選單-字體顏色*/
.web_menu ul.navigation ul a {color: #ffffff;}
/*子選單-字體大小*/
.web_menu ul.navigation ul a {font-size: 14px;}
/*滑過-子選單-字體顏色*/
.web_menu ul.navigation ul a:hover{color: #ffffff;}
/*滑過-子選單-背景顏色*/
.web_menu ul.navigation ul a:hover,.web_menu ul.navigation ul li:hover{background: #232e2d;}
/*子選單-每一個分隔線*/
.web_menu ul.navigation ul li {border-bottom: 1px solid #0b0b0b;}
/*END*/
/* load db page_banner */
.page_banner{margin:0 auto;}
.page_banner .bxslider {margin-top:0px;padding:inherit;height:100%;width:100%;overflow:hidden;}
.page_banner .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;}
.page_banner .bx-wrapper li{background-repeat: no-repeat;background-size: cover;background-position: center center; float: left;width: 100%;height: 100%;}
.page_banner .bx-wrapper li .solgan{background-repeat: no-repeat;background-size: cover;background-position: center center; float: left;width: 100%;height: 100%;}
.page_banner .bx-wrapper img {display: none;}
.page_banner .bx-wrapper .bx-viewport {left: 0;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
/* LOADER */
.page_banner .bx-wrapper .bx-loading {min-height: 50px;background: url(images/page_banner/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* 點點{*/
.page_banner .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.page_banner .bx-wrapper .bx-pager .bx-pager-item,.page_banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.page_banner .bx-wrapper .bx-pager.bx-default-pager a {background: #FFF;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 10px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.page_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.page_banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0e0e0e;}
/* 點點}*/
/* 左右箭頭 {*/
.page_banner .bx-wrapper .bx-prev {left: 10px;background: url(images/page_banner/controls.png) no-repeat 0 -32px;}
.page_banner .bx-wrapper .bx-next {right: 10px;background: url(images/page_banner/controls.png) no-repeat -43px -32px;}
.page_banner .bx-wrapper .bx-prev:hover {background-position: 0 0;}
.page_banner .bx-wrapper .bx-next:hover {background-position: -43px 0;}
.page_banner .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 99;}
.page_banner .bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* 左右箭頭}*/
/*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 db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*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 file model/lib/web_edm/model.css */
.web_edm{background-color:#1a1a1a;border:1px solid #1a1a1a}.web_edm .btn_container,.web_edm .email{float:left;position:relative}.web_edm .email input{border:none;line-height:30px;height:30px;padding:0 5px;width:149px;margin:0 5px;color:#909090;background-color:#1a1a1a}.web_edm .btn{display:inline-block;padding:0 10px;line-height:30px;font-size:13px;float:left;text-align:center;cursor:pointer;color:#7b7b7b}.web_edm .btn:hover{color:#fff}
/*END*/
/* load db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*END*/