@charset "utf-8";
/* CSS Document */
/*頂層項目*/
.header_bg {
	background-color: transparent;
	background-image: url(../images/all/headerbg.jpg);
	height: 124px;
	background-repeat: repeat-x;
}
.header {
	background-color: transparent;
	height: 124px;
	position: relative;
}
.main {
	width: 1000px;
	position: relative;
	min-height: 550px;
}

.main_bg{
	background-color: transparent;
	min-height: 550px;
}

.side1 {
	background: none repeat scroll 0 0 transparent;
	float: left;
	width: 200px;
}
.side2 {
    display: none;
    float: left;
}
body.about .side2 {
	display:block;
	width:170px;
	margin:20px 0 0 40px;
}
.content {
	width: 760px;
	margin-left:20px;
}
body.about .content {width:560px;}
/*------------------------- 次級項目 ------------------------*/
/*header只留banner, 用flash做*/
.header .banner{display:none;}
.header h1.title a{
	background-image: url(../images/all/logo.png);
	background-repeat: no-repeat;
	height: 95px;
	width: 210px;
	top: 0px;
	text-indent: -9999px;
}
.header ul#nav1 {
	width: 600px;
	height: 30px;
	position: absolute;
	bottom: 0px;
	left:50%;
	margin-left:-225px;
	background-image:url(../images/all/menubg_line.png);
}
.header #nav1 li a {
	width: 100px;
	background-image: url(../images/all/menubg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
	line-height: 30px;
	text-indent: -9999px;
	margin-right:25px;
}
.header #nav1 li a:hover {
	background-image: url(../images/all/menubg.png);
}
.header #nav1 li a.b1-1 {background-position: 0px 0px;}
.header #nav1 li a.b1-2 {background-position: -125px 0px;}
.header #nav1 li a.b1-3 {background-position: -250px 0px;}
.header #nav1 li a.b1-4 {background-position: -375px 0px;}

.header #nav1 li a.b1-1:hover,
body.about .header #nav1 li a.b1-1{background-position: 0px -30px;}
.header #nav1 li a.b1-2:hover,
body.faq .header #nav1 li a.b1-2 {background-position: -125px -30px;}
.header #nav1 li a.b1-3:hover,
body.news .header #nav1 li a.b1-3 {background-position: -250px -30px;}
.header #nav1 li a.b1-4:hover,
body.member .header #nav1 li a.b1-4 {background-position: -375px -30px;}
.header .toplink {
	font-size: 13px;
	color: #858585;
	position: absolute;
	left: 730px;
	top: 32px;
	width: 250px;
}
.header .toplink li a{
	margin-right: 2px;
	color: #666;
	font-size: 13px;
	text-decoration: none;
	width: 60px;
	line-height: 50px;
}
.header .toplink li a span.txt {
	color: #666;
	line-height: 50px;
	margin-right: 5px;
}
.i-car     {
	background-image: url(../images/all/i-car.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 100px;
	background-color: transparent;
	background-position: 0px 0px;
	position: relative;
}
.header .toplink li a .i-car .t-1 {
	color: #666;
	padding-left: 50px;
	line-height: 50px;
}
.header .toplink li a .i-car .car-number {
	background-color: #b3d331;
	padding: 5px;
	height: 10px;
	line-height: 10px;
	position: absolute;
	width: 10px;
	left: 29px;
	top: 18px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.header .toplink li a:hover,
.header .toplink li a .i-car .t-1:hover{color: #8ea701;}
.header .searchbox,
.header .searchbox .s-btn,
.header .searchbox .s-input{
	background-image: url(../images/all/searchbg.jpg);
	background-repeat: no-repeat;
}
.header .searchbox {
	position: absolute;
	left: 326px;
	top: 37px;
	height: 30px;
	width: 340px;
}
.header .searchbox li.keyin {
	margin-left: 65px;
}
.header .searchbox li.btn {
	display: block;
	width: 32px;
	right: 0px;
	position: absolute;
	height: 30px;
}

.header .searchbox .s-input {
	height: 30px;
	width: 240px;
	font-size: 13px;
	color: #797979;
	background-position:-65px 0px;
	padding-left:5px;
}
.header .searchbox .s-btn {
	background-repeat: no-repeat;
	height: 30px;
	width: 32px;
	border: none;
	background-position: -308px 0px;
	background-color: transparent;
	cursor:pointer;
}
.header .searchbox .s-btn:hover{background-position: -308px -32px;}
.header .banner {
	background-color:transparent;
	position: absolute;
	left: 225px;
	top: 135px;
	width: 750px;
	height: 280px;
}
.side1 h1.title  {
	width: 200px;
	background-color: transparent;
	background-image: url(../images/son/title.png);
	background-repeat: no-repeat;
	height: 40px;
	text-indent: -9999px;
	
}
.side1 h1.title a {
	color: #FFF;
	text-decoration: none;
}
.side2 h1.title { 
	background:url(../images/son/side2_title.png) no-repeat 0 0 ;
	font-size:16px; color:#83a00d;
	height:35px; 
	padding:0 0 0 20px;
	margin-bottom:20px; 
}
.side2 h1.title span{ font-size:13px;color:#ccc;}
.side1 li .b1-1 ,
.side1 li .b1-2,
.side2 li .b1-1{
	margin-left: 30px;
}
.side1 ul.nav li a,
.side2 ul.nav li a {
	font-size: 13px;
	color: #212121;
	font-weight: normal;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: 0px -39px;
	background-image: url(../images/son/result.png);
	background-repeat: no-repeat;
}
.side1 .nav li .b1-1,
.side2 .nav li .b1-1 {
	padding-left: 20px;
}
.side1 .nav li .b1-2 {
	padding-left: 20px;
	color: #6a6a6a;
	background-image: none;
}
.side1 .nav li a:hover,
.side2 .nav li a:hover {
	background-position: 0px 5px;
	color: #8DA900;
	background-image: url(../images/son/result.png);
	background-repeat: no-repeat;
}
.side1 .nav li .active {
	background-position: 0px 0px;
	padding-left: 20px;
	color: #97b600;
}
.content .sec1{
	
}
.content .sec2{
	
}
.content .sec3{
	
}
.content .breadcrumb {
	right: 5px;
	position: absolute;
	top: 40px;
}
.content .breadcrumb ul li {
	font-size: 13px;
	color: #ababab;
}
.content .breadcrumb ul li a {
	color: #ababab;
	text-decoration: none;
}
.content .breadcrumb ul li a:hover {
	color: #B3D331;
}
.content .breadcrumb li .icon-home {
	background-image: url(../images/son/icon-home.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
}
.content .breadcrumb li .icon-home.i{
	background-position: 0px -29px;
	padding-left: 20px;
	line-height: 20px;
}
.content .listview {
	background-color: #0099DB;
	padding: 5px;
	font-size: 13px;
	float: left;
	width: 740px;
	position: relative;
}
.content .listview .view {
	display: block;
	float: right;
	width: 200px;
}
.content .listview .view li {
	float: left;
}
.content .listview .view li.icon1 {
	background-image: url(../images/son/listview_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	display: block;
	padding-left: 15px;
}
.content .listview .view li.icon2 {
	background-image: url(../images/son/listview_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px -12px;
	display: block;
	padding-left: 25px;
}
.content .listview .sort {
	float: left;
}
.content .listview .sort a:hover {
	font-weight: bold;
	color: #FCF214;
}

.content .listview .sort a {
	color: #FFF;
	text-decoration: none;
}
/**產品列表**/
.content h1.title  {
	font-size: 16px;
	color: #999;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d2d2d2;
	padding-bottom: 10px;
	margin-top: 40px;
	margin-bottom: 20px;
	
}
.content .listwrap { margin-bottom:20px;}
.content .listwrap ul.productlist li {
	position: relative;
	float: left;
	width: 150px;
	margin: 6px;
	padding: 12px;
	color: #666;
	font-size: 13px;
	line-height: 14px;
}
.content .listwrap ul.productlist li:hover {
	background-color: #d2d2d2;
}
.content .listwrap ul.productlist li a {
	text-decoration: none;
	color: #666666;
}
.content .listwrap ul.productlist li a .img {
	text-align: center;
	border: 1px solid #dedede;
	width: 150px;
	height: 140px;
	overflow: hidden;
}
.content .listwrap ul.productlist li a .img img {
	width: 100%;
}
.content .listwrap ul.productlist li a .name {
	height: 28px;
	margin-top: 10px;
	overflow: hidden;
}
.content .listwrap ul.productlist li .price {
	margin-top: 5px;
}
.content .listwrap ul.productlist li .price .price_red {
	font-size: 20px;
	color: #666666;
	font-weight: bold;
}
.content .listwrap ul.productlist li .price2 {
	margin-top: 5px;
	text-decoration: line-through;
}
.content .listwrap ul.productlist li a.zoomin {
	background: url(../images/product/zoomin.png) no-repeat;
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}
/****產品內頁***/
.content .pdinfo {
	position: relative;
	height: 485px;
	top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d2d2d2;
	padding-top: 20px;
	margin-top: 40px;
	width: 760px;
}
.content .pdinfo .zoomin  {
	position: absolute;
	bottom: 126px;
	left: 0px;
	height: 32px;
	width: 32px;
	background-color: transparent;
	background-image: url(../images/product/zoomin.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	z-index: 999;
}

.content .pdinfo .pdgallery {
	width: 380px;
	padding: 10px;
	height: 470px;
}
.content .pdinfo .pdgallery .galleria-container {
	background: none;
	height: 470px;
}
.content .pdinfo .pdgallery .galleria-stage{
	/* [disabled]border: 1px solid #eeeeee; */
	bottom: 110px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}
.content .pdinfo .pdgallery .galleria-thumbnails-container{
	height: 82px;
}
.content .pdinfo .pdgallery .galleria-thumbnails .galleria-image{
	width: 40px;
	height: 40px;
}
.content .pdinfo .pdgallery .galleria-thumbnails .galleria-image {
	background: none;
	border: 1px solid #eeeeee;
}
.content .pdinfo .pdgallery .galleria-thumb-nav-left,
.content .pdinfo .pdgallery .galleria-thumb-nav-right{
	height: 82px;
}
.content .pdinfo .pdgallery .galleria-thumb-nav-left {
	background-position: -495px center;
}
.content .pdinfo .pdgallery .galleria-thumb-nav-right {
	background-position: -578px center;
}

.content .pdinfo .pdgallery .notouch .galleria-thumb-nav-left:hover,
.content .pdinfo .pdgallery .notouch .galleria-thumb-nav-right:hover {
	background-color: #DDD;
}
.content .pdinfo .pdgallery .galleria-thumb-nav-left,
.content .pdinfo .pdgallery .galleria-thumb-nav-right,
.content .pdinfo .pdgallery .galleria-info-link,
.content .pdinfo .pdgallery .galleria-info-close,
.content .pdinfo .pdgallery .galleria-image-nav-left,
.content .pdinfo .pdgallery .galleria-image-nav-right {
	background-image: url(../../js/galleria/themes/classic/classic-map_gray.png);
}
.content .pdinfo .pddescribe {
	width: 340px;
	position: absolute;
	right: 0;
	top: 18px;
	color: #666;
	font-size: 15px;
}
.content .pdinfo .pddescribe div {
	margin: 10px 0;
}
.content .pdinfo .pddescribe .name {
	color: #ababab;
	font-size: 24px;
}
.content .pddescribe .info {
	font-size: 13px;
	color: #ababab;
	line-height: 24px;
}
.content .pdinfo .pddescribe .item li {
	background-image: url(../images/product/pddescribe.png);
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 85px;
	line-height: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #8f8f8f;
}
.content .pdinfo .pddescribe .item li.model {
	background-position: 0px 0px;
}
.content .pdinfo .pddescribe .item li.price {
	background-position: 0px -36px;
	text-decoration: line-through;
	font-size:13px;
}
.content .pdinfo .pddescribe .item li.price2 {
	background-image: none;
	font-size:15px;
}
.content .pdinfo .pddescribe .item li.color {
	background-position: 0px -72px;
}
.content .pdinfo .pddescribe .item li.num {
	background-position: 0px -108px;
}
.content .pdinfo .pddescribe .color select,
.content .pdinfo .pddescribe .num select {
	border: 1px solid #dedede;
	color: #8f8f8f;
}
.content .pdinfo .pddescribe .buy_btn input{
	background-image: url(../images/product/btn-car.png);
	width: 145px;
	height: 35px;
	text-indent: -9999px;
	cursor: pointer;
	background-color: transparent;
}
.content .pdinfo .pddescribe .buy_btn .add {
	margin-right:10px;
}
.content .pdinfo .pddescribe .buy_btn .track {
	background-position: 0px -37px;
}
.content .pddetail {
	margin-top: 40px;
}

body.prod.show .content .pddetail h1.title{
	background-image: url(../images/product/bar.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 760px;
	background-color: transparent;
	text-indent: -9999px;
	border: none;
	margin: 0px;
	padding: 0px;
}
.content .pddetail .title.t1 {
	background-position: 0px 0px;
}
.content .pddetail .title.t2 {
	background-position: 0px -37px;
}
.content .pddetail .title.t3 {
	background-position: 0px -74px;
}

.content .pddetail .txt {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-size: 13px;
	line-height: 24px;
}
.content .pddetail .otherpd {
	float: left;
	width: 760px;
}
/*otherpd*/
body.prod.show .jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 680px;
	background-color: transparent;
	border: none;
	padding: 0px 40px;
	margin: 20px 0px;
}
body.prod.show .jcarousel-skin-tango .jcarousel-item {
	width: 170px;
	height: 160px;
	border: 1px solid #E4E3E2;
}
body.prod.show .jcarousel-skin-tango .jcarousel-clip-horizontal{ width:680px; height:162px;}
body.prod.show .jcarousel-skin-tango .jcarousel-prev-horizontal,
body.prod.show .jcarousel-skin-tango .jcarousel-next-horizontal {
	background-image: url(../images/product/nav.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	top: 50%;
	margin-top: -15px;
}
body.prod.show .jcarousel-skin-tango .jcarousel-prev-horizontal { background-position:0px 0px;}
body.prod.show .jcarousel-skin-tango .jcarousel-next-horizontal { background-position:-30px 0px;}
body.prod.show .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position:-60px 0px;}
body.prod.show .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position:-90px 0px;}
.content .sec1 {
	margin-top: 60px;
	margin-bottom: 20px;
}
/*member & order*/
body.member.index .side1,
body.order .side1 {display:none;}
body.member.index .content,
body.order .content {
	width: 1000px;
}
body.member .content .sec1 .step,
body.order .content .sec1 .step{
	background-image: url(../images/member/step_title.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 760px;
	margin-bottom: 20px;
}
body.order .content .sec1 .step{ width:1000px;}
body.member .content .sec1 .step.s01 {	background-position: 0px 0px;}
body.member .content .sec1 .step.s02 {	background-position: 0px -50px;}
body.member .content .sec1 .step.s03 {	background-position: 0px -100px;}
body.member .content .sec1 .step.s04 {	background-position: 0px -150px;}
body.member .content .box {
	width: 760px;
	min-height: 286px;
}
body.order .content .sec1 .step.shop{
	background-image: url(../images/order/shopstep.png);
}
body.order .content .sec1 .step.shop.s01 {	background-position: 0px 0px;}
body.order .content .sec1 .step.shop.s02 {	background-position: 0px -50px;}
body.order .content .sec1 .step.shop.s03 {	background-position: 0px -100px;}
body.order .content .sec1 .step.shop.s04 {	background-position: 0px -150px;}
body.member .content .box.m01 { 
	height:690px;
	background-image:url(../images/member/m01.jpg);
}
body.member .content .box.m02 { 
	height:740px;
	background-image:url(../images/member/m02.jpg);
}
body.member .content .box.m03 { 
	height:286px;
	background-image:url(../images/member/m03.jpg);
}
body.member .content .box.m04 { 
	height:286px;
	background-image:url(../images/member/m04.jpg);
}
body.member .content .box.forget { 
	height:286px;
	background-image:url(../images/member/forget.jpg);
}

body.member .content .box.m01 .clause {
	position: absolute;
	left: 40px;
	top: 230px;
	width: 680px;
	height: 495px;
	font-size: 13px;
	line-height: 24px;
	color: #666;
}
body.member .content .sec1 .box .btnbox {
	position: absolute;
	left: 50%;
	bottom: 70px;
	width: 230px;
	margin-left: -115px;
}
body.member .content .sec1 .box.m02 #nav2 {
	position: absolute;
	top: 250px;
	left: 76px;
	width: 600px;
}
body.member .content .sec1 .box.m02 li {
	margin-bottom: 20px;
	font-size: 13px;
}
body.member .content .sec1 .box.m02 li h3{ display: inline; padding: 0 5px;}
body.member .content .sec1 .box.m03 #nav3,
body.member .content .sec1 .box.m04 #nav4,
body.member .content .sec1 .box.forget #nav5 {
	position: absolute;
	left: 69px;
	top: 278px;
}
body.member .content .sec1 .box.m04 #nav4 {top: 260px;}
body.member .content .sec1 .box.forget #nav5 { top:200px;}
body.member .content .sec1 .box.m03 #nav3 li,
body.member .content .sec1 .box.m04 #nav4 li,
body.member .content .sec1 .box.forget #nav5 li {
	margin-bottom: 10px;
}
body.member .content .input01,
body.member .content .input02,
body.member .content .input03,
body.member .content .select01 {
	height: 25px;
	width: 200px;
	padding: 3px;
	margin: 0;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
body.member .content .input02 {
	width: 300px;
}
body.member .content .input03 {
	width: 100px;
}
body.member .content .select01 {
	width:auto;
}
.red {
	color: #C00;
}
body.member .content .btn  {
	height: 30px;
	width: 100px;
	background-color: #96b322;
	padding: 5px;
	font-size: 13px;
	color: #FFF;
	margin-right: 10px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
body.member .content .btn:hover     {
	background-color: #9a9a9a;
}
#nav4 li img,
#nav3 li img,
#nav5 li img,
#nav6 li img {
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}
/*member tabs ui*/
body.member.index .ui-widget{	
	font-size: 13px;
	font-family: "微軟正黑體";
}
body.member.index .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	font-weight: bold;
}
body.member.index .ui-widget-header { 
	background-image:none;
	background-color:transparent;
	border-radius: 0px;
	border-bottom:1px solid #AAA;
	border-top:none;
	border-right:none;
	border-left:none;
}
bdoy.member.index .ui-state-active a,
body.member.index .ui-state-active a:link{
	background-color: #B3D331;
	color:#fff;
}
body.member.index .ui-state-default{ background-image:none;}
body.member.index .ui-widget-content{ border:none;}
/*交易記錄 表格設定-------------*/
body.member.index h2.title,
body.order h2.title {
	background-image: url(../images/member/order_icon.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	height: 40px;
	font-size: 15px;
	line-height: 40px;
	color: #666;
}
.content .box-1,
.content .box-2 {
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 20px;
	margin-top: 20px;
	margin-bottom:20px;
	clear: both;
}
table.order-list,
table.car-list {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.order-list th,
table.order-list td,
table.car-list th,
table.car-list td {
	font-size:13px;
	color:#000;
	padding:5px;
	border-bottom:solid 1px #ccc;
}
table.order-list td,
table.car-list td {
	color: #666;
	text-align: center;
	vertical-align: middle;
}
.order-list tr td .icon,
.car-list tr td .icon {
	background-image: url(../images/member/order_icon.png);
	background-repeat: no-repeat;
	height: 40px;
	text-indent: -9999px;
	width: 40px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.order-list tr td .icon.ask {background-position: 0px -40px;}
.order-list tr td .icon.search {background-position: 0px -80px;}
.order-list tr td .icon.ask:hover {background-position: -40px -40px;}
.order-list tr td .icon.search:hover {background-position: -40px -80px;}
.car-list tr td .icon.del {background-position: 0px -120px;}
.car-list tr td .icon.del:hover {background-position: -40px -120px;}
/*金額 屬性設定-------------*/
ul.totalbox {
	color: #333;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #e0e0e0;
	width:100%;
}
ul.totalbox li {
	float: right;
	font-weight: bold;
	margin-right: 15px;
}
.totalbox .item {color: #F00;}

.totalbox .total:after {
	content: "元";
	font-weight: bold;
	font-size: 18px;
}
.totalbox.sub .total:after {
	content: "元";
	font-weight: bold;
	font-size: 13px;
}
.totalbox .total {
	color: #F00;
	font-size: 20px;
}
.totalbox.sub .total {
	color: #666;
	font-size: 15px;
}
.totalbox.freight .total {
	color: #666;
	font-size: 15px;
}
.totalbox.sub {
	color: #666;
	background-color: #FFF;
}
.totalbox.freight {
	color: #666;
	background-color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-size: 15px;
}
.totalbox .total:before {
	content: "$";
}
.totalbox.sub .total:before,
.totalbox.freight .total:before {
	content: " ";
}
.totalbox .item:after {
	color: #333;
	content: "項";
}
.totalbox .bonus:after {
	color: #333;
	content: "元";
}
.totalbox .bonus {
	color: #F00;
}
.totalbox .item:before {
	color: #333;
	content: "共";
}
/*ul.order_btnbox {
	float: left;
	width: 900px;
	margin-top: 20px;
	margin-bottom: 20px;
}*/
/*購物清單 表格屬性設定*/
table.car-list td.img {
	width: 80px;
}
table.car-list td.pdname a  {
	text-align: left;
	color: #666;
	text-decoration: none;
}
table.car-list td.pdname a:hover {
	text-decoration: underline;
}
/*訂單按鈕、頁數*/
.order_btnbox{
	width: 100%;
	text-align: justify;
	margin-top: 20px;
}
.order_btnbox div{
	cursor: pointer;
	display: inline-block;
	background-color: #c7e15e;
	padding: 10px;
	border-radius:5px;
	color: #336600;
	font-size: 13px;
	font-weight: bold;
	min-width:150px;
	text-align:center;
}
.order_btnbox div:hover{
	background-color: #A7C725;
}
.order_btnbox div a {
	text-decoration: none;
	color: #336600;
}
.order_btnbox:after {
  content: "";
  width: 100%;
  display: inline-block;
}
.quantity #select {
	border: solid 1px #ccc;
}
.btnbuy {
	padding: 5px;
	background-color: #C7E15E;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	border-radius:5px;
}
.btnbuy:hover {
	background-color: #AFD127;
}
body.prod .pages,
body.news .pages { margin: 20px 0;}
.pages {
	text-align: right;
}
body.news .pages { text-align:center;}
.pages .current,
.pages a:hover{
	color: #336600;
	text-decoration: none;
	background-color: #C7E15E;
}
.pages a {
	color: #666;
	text-decoration: none;
	font-size: 12px;
	padding:1px 4px;
	margin:0 2px;
}
body.member.index .box.m02.edit {
	background-image: url(../images/member/m02edit.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	position: relative;
	min-height: 600px;
	width:100%;
}
body.member.index .box.m02.edit #nav6 {
	position: absolute;
	left: 50px;
	top: 95px;
}
body.member.index .box.m02.edit #nav6 li {
	margin-bottom: 20px;
}
body.member.index .box-news #nav7 li {
	margin-bottom: 20px;
}

body.member.index .order_btnbox div.edit_send {
	display:block;
}
body.member.index .box-1 .box-news {
	margin-top: 20px;
}
.order-number {
	font-size: 13px;
	color: #C30;
	margin: 10px;
}
table.pay-list { margin-top:10px;}
table.pay-list th,
table.pay-list td{
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	border-bottom: solid 1px #e1e1e1;
}
table.pay-list th {
	text-align: right;
	width: 10%;
	background-color: #E6EDC7;
	border-right:solid 1px #e1e1e1;
}
table.pay-list td { text-align:left; width:90%}
.notes { margin-top:10px;}
body.order .content ul.paytype,
body.order .content ul.orderdata {
	margin:10px;
}
body.order .content ul.paytype li {
	font-size: 15px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}
body.order .content ul.paytype li p {
	font-size: 13px;
	padding-left: 25px;
	color: #666;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
body.order .content ul.orderdata li {
	color: #333;
	margin-bottom: 10px;
	font-size:13px;
}
body.order .content ul.orderdata li input {
	width: 230px;
	padding: 3px 0 3px;
	border: 1px #ccc solid;
}
body.order .content ul.orderdata li .radio,
body.order .content ul.paytype li .radio {
	width: 2em;
	border: none;
	height: 10px;
}
body.order .content ul.orderdata li h3 {
	display: inline;
	font-weight: bold;
	padding: 0 15px 0 0;
}
.remind {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}
body.news .content .banner {
	background-image: url(../images/news/banner.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 760px;
	margin-bottom: 15px;
}
body.news .content li {
	margin-bottom: 20px;
}
body.news .content .nav li h3 {
	background-image: url(../images/news/arrow.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: left center;
	font-size: 15px;
}
body.news .content .nav li p {
	font-size: 14px;
	color: #b1b1b1;
	margin-left: 30px;
	padding-top: 20px;
}
body.news .content li a{
	color:#000;
	text-decoration:none;
}
body.news .content li a:hover {color: #8fa800;text-decoration:none;}
body.news .content .nav li .word {
	margin:10px 0px 50px 30px;
	font-size: 13px;
	line-height: 24px;
	padding:10px 0 10px 10px;
	border-top: dashed 1px #d1d1d1;
}
body.news .content .btnbox {
	position: relative;
	height:40px;
	margin:20px 0;
}
body.news .content .btn-bak{
	position: absolute;
	width: 120px;
	height:40px;
	line-height:40px;
	margin-left: -60px;
	background-color:#f0f0f0;
	text-align:center;
	text-decoration:none;
	color:#666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index:999;
	left:50%;
}
body.news .content .btn-bak:hover {
	background-color:#c8c8c8;
	color:#fff;	
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
body.home .content,
body.home .side1 { margin-top:490px;}
body.home .header .banner {
	display:block;
	left:0px;
	top: 150px;
	z-index:999;
	height:426px;
	width:auto;
	background: url(../images/index/bannerbg.png) no-repeat 0 bottom;
}
body.home .breadcrumb { display:none;}
body.home .ex1 {
    left: 50%;
    margin-left: -225px;
    margin-top: 540px;
    position: absolute;
    z-index: 999;
}
body.home .newsbox {display:none;}
body.home .newsbox2 { 
	background:url(../images/index/news.jpg) no-repeat;
	padding-left:55px;
	height:20px;
	line-height:20px;
	width:450px;
	overflow:hidden;
	margin:10px 0 10px 20px;
	font-size:13px;
}
body.home .newsbox2 a{color:#666; text-decoration:none;}
body.home .newsbox2 a:hover{color:#000;}
body.home h1.title2 { background:url(../images/index/i_title.png) no-repeat;
width:740px; height:40px; text-indent:-9999px;}
body.home .newpd li{
	width:130px;
	min-height:130px;
	margin:20px 20px 0 0;
	border:solid 1px #d5d5d5;
}
body.home .salespd {width:740px; float:left;}
body.home .salespd h1.title2 { background-position:0 -40px; margin:20px 0;}
body.home .salespd li { background-color:#f7f7f7; border:solid 1px #d5d5d5; margin-right:5px;}
body.home .salespd li a{ text-decoration:none; font-size:13px;}
body.home .salespd li a div { padding:3px; text-align:center;}
body.home .content .salespd li a .pdname {color:#333; max-height:26px; line-height:13px;}
body.home .content .salespd li a .pricce {
	text-decoration: line-through;
	color: #666;
	font-size: 12px;
}
body.home .content .salespd li a .sales {color: #666;}
body.home .content .salespd li a .sales span{color:#C00; font-weight:bold;}
body.home .content .adbanner {border:solid 1px #ccc; margin:20px 0;}
body.home .side1 .newslatter {border-top:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea; padding:10px; position:absolute; bottom:10px;}
body.home .side1 .newslatter h1 {font-size:14px; color:#83a00d;}
body.home .side1 .newslatter h1 span{font-size:12px;color:#bbb;}
body.home .side1 .newslatter input { border-radius:10px;}
body.home .side1 .newslatter .n-input {width:180px;border:solid 1px #bbb; height:25px; margin:5px 0;padding-left:10px;}
body.home .side1 .newslatter .btn { color:#fff;height:24px; cursor:pointer;}
body.home .side1 .newslatter .btn.sign{ background:#96b322; width:42px;}
body.home .side1 .newslatter .btn.cancel{ background:#9a9a9a; width:65px;}
body.home .side1 .newslatter .btn:hover {background-color:#abd600;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
/*首頁banner 設定*/
#mybanner {	display:none;}
#mybanner .slidesjs-container {width:940px !important; margin:10px;}
#mybanner .slidesjs-pagination {
      list-style: none;
	  position:absolute;
	  left:50%;
	  bottom:50px;
	  z-index:999;
}
#mybanner .slidesjs-pagination li {float: left;margin: 0 1px;}
#mybanner .slidesjs-pagination li a {
	display: block;
	width: 13px;
	height: 0;
	padding-top: 13px;
	background-image: url(../images/index/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
#mybanner .slidesjs-pagination li a.active,
#mybanner .slidesjs-pagination li a:hover.active {background-position: 0 -13px}
#mybanner .slidesjs-pagination li a:hover { background-position: 0 -26px}
#mybanner .navbar { overflow: hidden;}
/*促銷優惠設定*/
body.home .salespd .jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 706px;
	background-color: transparent;
	border: none;
	padding: 0px 30px;
	margin: 20px 0px;
}
body.home .salespd .jcarousel-skin-tango .jcarousel-item {
	width: 170px;
	height: 230px;
	border: 1px solid #E4E3E2;
}
body.home .salespd .jcarousel-skin-tango .jcarousel-clip-horizontal{ 
width:706px; height:232px;}
body.home .salespd .jcarousel-skin-tango .jcarousel-prev-horizontal,
body.home .salespd .jcarousel-skin-tango .jcarousel-next-horizontal {
	background-image: url(../images/product/nav.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	top: 50%;
	margin-top: -15px;
}
body.home .salespd .jcarousel-skin-tango .jcarousel-prev-horizontal { background-position:0px 0px;}
body.home .salespd .jcarousel-skin-tango .jcarousel-next-horizontal { background-position:-30px 0px;}
body.home .salespd .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position:-60px 0px;}
body.home .salespd .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position:-90px 0px;}
.fb{width:1000px;float:left;}
/*
.salespd .jcarousel-skin-tango .jcarousel-container {background:transparent none;border:none;width:705px;}
.salespd .jcarousel-skin-tango .jcarousel-container-horizontal {padding:20px 0;}
.salespd .jcarousel-skin-tango .jcarousel-clip-horizontal {width:705px;height:230px;}
.salespd .jcarousel-skin-tango .jcarousel-item {width: 170px;height: 230px;}
#sales { position:relative; padding:0 14px 0 18px;}
#sales a.slidesjs-previous { left:0; background-position:0 0;}
#sales a.slidesjs-next { right:0;background-position:-18px 0;}
#sales a.slidesjs-next,
#sales a.slidesjs-previous {
      background-image: url(../images/index/navigation.png);
      background-repeat: no-repeat;
      display:block;
      width:14px;
      height:30px;
      overflow: hidden;
      text-indent: -9999px;
	  position:absolute;
	  margin-top:-30px;
	  top:50%; 
}
#sales a.slidesjs-previous:hover { background-position:0 -30px;}
#sales a.slidesjs-next:hover { right:0;background-position:-18px -30px;}
*/