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

/* template_id NONE */
/* load db web_menu006 */
.web_menu006 {width: 100%;}
.web_menu006 .gnav ul{width: 100%;}
.web_menu006 .clearfix{display: block;min-height: 100px;padding-left: 0px;}
.web_menu006 .gnav ul li.parent:nth-child(3n){border-right: 1px dashed #CCC;}
.web_menu006 .gnav ul li.parent:nth-child(4){margin-left: 217px;}
.web_menu006 .clearfix::before, .web_menu006 .clearfix::after{
	display: block;
	height: 0px;
	visibility: hidden;
	content: " ";
}
.web_menu006 ol, .web_menu006 ul{list-style: outside none none;}
.web_menu006 .gnav ul li:first-child{margin-left: 0px;}
.web_menu006 .gnav ul .parent{position: relative;}
.web_menu006 .gnav ul li.parent{float: left;text-align: center;border-left: 1px dashed #CCC;}
.web_menu006 .gnav ul li a{
	padding: 4px 12px;
	display: inline-block;
	text-align: center;
	min-width: 105px;
	max-width: 125px;
	transition: all 0.2s ease 0s
}
.web_menu006 .gnav ul li a:hover{opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);}
.web_menu006 a, .web_menu006 .rollover{text-decoration: none;outline: medium none;transition: all 0.2s linear 0s;}
.web_menu006 .menu_icon{
	margin: 5px auto;
}
.web_menu006 .menu_title{
	margin-top: 10px;
	color: #666666;
	font-size: 16px;
	line-height: 22px;
}
.web_menu006 .menu_subtitle{
	color: #aaa186;
	font-size: 12px;
	line-height: 18px;
}
.web_menu006 .gnav ul .snav{
	text-align: center;
	position: absolute;
	top: 105px;
	width: 236px;
	left: -88px;
}
.web_menu006 .gnav ul .snav li:first-child{margin-left: inherit;border-top: medium none;}
.web_menu006 .gnav ul .snav li{
	float: left;
	text-align: inherit;
	border-width: 1px medium medium;
	border-style: solid none none;
	border-color: #EEE -moz-use-text-color -moz-use-text-color;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	padding: 0px 15px;
	background: #FFF none repeat scroll 0% 0%;
	width: 200px;
	display: block;
	position: relative;
	z-index: 7000;
	max-height: 100%;
}
.web_menu006 .gnav ul .snav li p{float: left;}
.web_menu006 .gnav ul .snav li .txt{
	float: left;
	margin-left: 10px;
	text-align: left;
}
.web_menu006 .p1{margin-top: 21px;max-width: 130px;}
.web_menu006 .p2{margin-top: 10px;max-width: 130px;}
.web_menu006 .p3{margin-top: 30px;max-width: 130px;}
.web_menu006 .p0{margin: 10px auto;max-width: 100%;}
.web_menu006 .txt_title{
	display: block;
	max-height: 100%;
	margin: 3px 0px 0px;
	text-align: left;
	color: #594b3a;
	font-size: 15px;
	line-height: 22px;
}
.web_menu006 .txt_subtitle{
	text-align: left;
	color: #aaa186;
	font-size: 13px;
	display: block;
	letter-spacing: 2px;
	max-height: 100%;
	line-height: 20px;
}


.menu_icon{
    display: block;
    width: 78px;
    height: 45px;
    overflow: hidden;
}
.menu_icon img {
    min-width: 78px;
    min-height: 45px;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
} 


.photo{
    display: block;
    width: 59px;
    height: 59px;
    overflow: hidden;
}
.photo img {
    min-width: 59px;
    min-height: 59px;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
} 

.logo{
	text-align:center;
	position: absolute;
	left: -3px;
	right: 0px;
	margin: 0px auto;
	width: 139px;
	transition: all 0.2s ease 0s;
        z-index:9;
}
.logo:hover{
	opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);
}          

/*END*/
/* load db home_banner */
.home_banner{margin:0 auto;}
.home_banner .bxslider {margin-top:0px;padding:inherit;height:100%;width:100%;overflow:hidden;}
.home_banner .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;}
.home_banner .bx-wrapper li{background-repeat: no-repeat;background-size: cover;background-position: center center; float: left;width: 100%;height: 100%;}
.home_banner .bx-wrapper li .solgan{background-repeat: no-repeat;background-size: cover;background-position: center center; float: left;width: 100%;height: 100%;}
.home_banner .bx-wrapper img {display: none;}
.home_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 */
.home_banner .bx-wrapper .bx-loading {min-height: 50px;background: url(../../model/sample/baseimg/home_banner/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* 點點{*/
.home_banner .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.home_banner .bx-wrapper .bx-pager .bx-pager-item,.home_banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.home_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;}
.home_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.home_banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0e0e0e;}
/* 點點}*/
/* 左右箭頭 {*/
.home_banner .bx-wrapper .bx-controls-direction{display:none;}
.home_banner .bx-wrapper .bx-prev {left: 10px;background: url(../../model/sample/baseimg/home_banner/controls.png) no-repeat 0 -32px;}
.home_banner .bx-wrapper .bx-next {right: 10px;background: url(../../model/sample/baseimg/home_banner/controls.png) no-repeat -43px -32px;}
.home_banner .bx-wrapper .bx-prev:hover {background-position: 0 0;}
.home_banner .bx-wrapper .bx-next:hover {background-position: -43px 0;}
.home_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;}
.home_banner .bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* 左右箭頭}*/
/*版本2-使用swiper*/
.home_banner .swiper-pagination-bullet{width: 10px;  height: 10px; background:#fff;opacity: 1;}
.home_banner .swiper-pagination-bullet-active, .home_banner .swiper-pagination-bullet:hover{background:#515151}
.home_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.home_banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:28px;}
/*END*/
/* load db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*END*/
/* load db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*END*/
/* load db news012 */
.news012{
	width: 100%;
}
.news012 .news_title{
	width: 100%;
}
.news012 .news_textbg{
	min-height: 215px;
	border-radius: 10px;
	background-color: #fff;
	padding: 20px 15px;
	display: block;
}
.news012 .news_item{
	width: 650px;
	height: 20px;
	padding: 0px 15px;
	font-size: 14px;
	letter-spacing:1px;
	overflow: hidden;
	transition: all 0.5s ease 0s;
}
.news012 .news_item:hover{
	opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);
}
.news012 .news_line{
	width: 100%;
	height: 1px;
	margin: 13px 0px;
	background: transparent url(../../model/sample/baseimg/news012/news_line.png) center center repeat-x;
}
.news012 .news_date{
	float: left;
	width: 20%;
	margin-right: 3%;
	color: #998e87;
}
.news012 .news_discript{
	float: left;
	width: 77%;
	color: #5d5048;
}
.news012 .news_more, .news012 .news_more a{
	margin: 15px 0px 5px;
	font-size: 13px;
	color: #eb5d00;
	text-align: right;
	transition: all 0.5s ease 0s;
}
.news012 .news_more, .news012 .news_more a:hover{
	color: #594b3a;
}
/*END*/
/* load db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*END*/
/* load db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*END*/
/* load db product010 */
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: #efefef;
	font-family: Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif,微軟正黑體;
}
.panel,.model{position:relative;}
a{text-decoration: none;}


/*product010*/
.product010{
	width: 100%;
}
.product010 .product_title{
text-align:center;

}
.product010 .product_itembg{
	padding: 30px 0px 0px;
}
.product010 .product_item{
	float: left;
	margin: 0 10px;
	padding: 16px 13px;
	background-color: #fafaf4;
	border-radius: 10px;
}
.product010 .product_pic{
	width: 208px;
	margin: 0 auto 13px;
	transition: all 0.5s ease 0s;
}
.product010 .product_pic:hover{
	opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);
}
.product010 .product_itemname, .product_itemname a{
	width: 208px;
	height: 20px;
	font-size: 16px;
	color: #594b3a;
	line-height: 18px;
	overflow: hidden;
	transition: all 0.5s ease 0s;
}
.product010 .product_itemname, .product010 .product_itemname a:hover{color: #eb5d00;}
.product010 .product_nb{
	font-size: 13px;
	color: #8d5c37;
	line-height: 18px;
}
.product010 .product_discript{
	width: 208px;
	margin: 8px 0px;
	font-size: 14px;
	color: #aaa186;
	line-height: 22px;
}
.product010 .product_price{
	width: 202px;
	margin: 15px 0px 8px;
	padding: 3px 3px;
	color: #726454;
	font-size: 13px;
	border-top: 1px solid #726454;
	border-bottom: 1px solid #726454;
	text-align: right;
}
.product010 .product_shop{
	width: 208px;
	margin: 15px 0px 0px;
}
.product010 .product_left{
	float: left;
	width: 45%;
}
.product010 .product_shop label{
	float: left;
	color: #726454;
	font-size: 13px;
}
.product010 .number{
	float: left;
	margin-left: 5px;
}
.product010 .select{
	float: left;
}
.product010 .select_in{
	width: 110px;
}
.product010 .product_right{
	float: right;
	margin-right: 0px;
	width: 55%;
}
.product010 .btn_shopping{
	width: 100%;
	margin: 8px auto 0px;
	padding: 3px 0px;
	background-color: #d6d1bf;
	border-radius: 5px;
	text-align:center;
	font-size: 13px;
	color: #594b3a;
	transition: all 0.5s ease 0s;
}
.product010 .btn_shopping:hover{
	background-color: #eb5d00;
	color: #fff;
}
/*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 db scrollTop001 */
.scrollTop001{
	transition: bottom 0.5s ease 0s;
	width: 83px;
	height: 123px;
	position: fixed;
	bottom: 10%;
	right: 25px;
	opacity: 0;
	text-align: center;	
	cursor:pointer;
	z-index: 75;
}
.scrollTop001 .icon{width:100%;height:100%;background: transparent url(../../model/sample/baseimg/scrollTop001/scrolltop.png) center center no-repeat;}
.scrollTop001:hover .icon{
  opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);
}
/*END*/
/* load db switchview */
.switchview{text-align:center;}
.switchview .links{position:relative;display:inline-block;}
.switchview .links a{text-decoration:none;}
.switchview .link{float:left;}
.switchview .link.split{margin:0px 3px;}
.switchview .link,.switchview .link a{color:#111111;font-size:12px;}
.switchview .link.active{color:#111111;}

/*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*/