body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

body{
	margin: 0;
	font-family: "微軟正黑體", Arial;
	font-size: 12px;
	position:relative;
}
p,ul,li,a{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	color: #000;
}

.grid{
	width: 960px;
	margin: 0 auto;
	clear: both;/*1216*/

}
/*header*/
.header{
	width: 100%;
	height: 35px;
	background: #2c2c2c;
	margin: 0;
}
.header .grid{
	padding: 10px 0 0;
}
.header .grid a{
	color: #fff;
}
.header .grid .store{
	float: left;
	position: relative;
}
.header .grid .fav{
	float: right;
	position: relative;
	margin: 0 20px 0 0;
}
.header .grid .buy{
	float: right;
	position: relative;
}
.header .grid .buy span,.header .grid .store span,.header .grid .fav span{
	font-size: 12px;
	top: -3px;
	position: relative;
	font-weight: bold;
	margin: 0 2px;
}
.header .grid .member_top i{
	color: #fff;
	font-size: 20px;
	top: 1px;
	position: relative;
}
.header .grid .member_top span{
	top: -1px
}
/*footer*/
.footer1{
	width: 100%;
	background: #989797;
	color: #f0f0f0;
	margin-top: 70px;
	float:left;/*0723*/
}
.footer1 .grid{
	padding: 10px 0;
}
.footer1 .grid .fb{
	width: 120px;
	height: 35px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 50px 140px 0 0;
}
.footer1 .grid .fb img{
	width: 30px;
	float: left;
}
.footer1 .grid .fb p{
	width: 90px;
	float: left;
	position: relative;
	color: #DFDEDE;
}
.footer1 .grid .fb:hover p{
	color: #fff;
}
.footer1 .grid li{
	margin: 5px 0;
}
.footer1 .grid .map1{
	width: 550px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.footer1 .grid .map1 div ul li a,.footer1 .grid .map2 ul li a{
	color: #dfdede;
}
.footer1 .grid .map1 div ul li a:hover,.footer1 .grid .map2 ul li a:hover{
	color: #fff;
}
.footer1 .grid .map1 .TI{
	border-bottom: 1px solid #cfd3d3;
	margin: 15px 0;
}
.footer1 .grid .map1 .TI img{
	width: 20px;
}
.footer1 .grid .map1 .TI span{
	font-size: 17px;
	font-family: "微軟正黑體";
	font-weight: bold;
	position: relative;
	top: -3px;
}
.footer1 .grid .map1 div ul{
	width: 135px;
	display: inline-block;
	top: 0;
	vertical-align: top;
}

.footer1 .grid .map2{
	display: inline-block;
    padding: 10px 0;
    position: relative;
    vertical-align: top;
    width: 80px;
    margin: 0 0 0 60px;
}
.footer1 .grid .map2 ul{
	border-top: 1px solid #cfd3d3;
	width: 83px;
	padding: 10px 0;
	margin: 30px 0 0;
}
.footer1 .grid .map2 .last{
	margin: 6px 0 0;
}
/*加入電子報*/
.footer1 .grid .leftbox{
	display:inline-block;
	width:260px;
	height:auto;
}

.footer1 .grid .epaper{
	display:inline-block;
	width:150px;
	height:100px;
	margin-top:30px;
}
/*加入bsi_banner*/
img.bsi {
	margin-top: 5px;
}

.footer1 .grid .epaper h4{
	font-weight:normal;
	margin-bottom:10px;
}

.footer1 .grid .epaper input{
	display:block;
	width:150px;
	height:18px;
	font-size:12px;
	color:#333;
	margin-top:5px;
}

.footer1 .grid .epaper .epaper_btn a{
	display:block;
	width:60px;
	height:20px;
	font-size:10px;
	float:left;
	margin-top:5px;
	background-color:#FFF;
	text-align:center;
	line-height:20px;
	
	border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	
}
.footer1 .grid .epaper .epaper_btn a:hover{
	background-color:#e1547f;
	color:#FFF;
}

.footer1 .grid .epaper .cancel a{
	margin-left:5px;
	
}
.footer2{
	width: 100%;
	background: #2e2e2e;
	color: #cfd3d3;
	padding-bottom: 15px;
	float:left;/*0723*/
}
.footer2 .grid p{
	position: relative;
	padding: 5px 0 10px;
	width: 960px;
	color: #cfd3d3;
	font-size:12px;/*0723*/
}
.footer2 .grid .p1{
	padding: 25px 0 0;
}
.footer2 .grid .p2{
	width: 540px;
}
.footer2 .grid ul{
	list-style: none;
	width: 480px;
	float: right;
	position: relative;
    top: -26px;
    left: 90px;
}
.footer2 .grid ul li{
	padding: 0 15px 0 15px;
	display: inline;
	border-left: 1px solid #cfd3d3;
	
}
.footer2 .grid ul li.first{
	padding: 0 20px 0 0;
	border: none;
}
.footer2 .grid ul li.last{
	padding: 0 0 0 20px;
}
.footer2 .grid ul li a{
	color: #cfd3d3;
}
.footer2 .grid ul li a:hover{
	color: #fff;
}
.content{
	background: #fff;
	width: 100%;
	clear:both;/*0723*/
	float:left;/*0723*/
}
.content .right{
	position: fixed;
	z-index: 99;
	right: 0;
	background: #FFF;
}
.content .grid.tags{margin-bottom: 15px;}
.content .right span.r1{cursor: pointer; border-radius: 5px; background: url(../images/icons/r_record.png) center center no-repeat;}
.content .right a.r2{border-radius: 5px; background: url(../images/icons/r_car.png) center center no-repeat;background-size:95% 95%;}
.content .right a.r3{border-radius: 5px; background: url(../images/icons/r_info.png) center center no-repeat;background-size:95% 95%;}
.content .right a.r4{border-radius: 5px; background: url(../images/icons/r_member.png) center center no-repeat;background-size:95% 95%;}
.content .right a.r5{border-radius: 5px; background: url(../images/icons/r_top.png) center center no-repeat;background-size:95% 95%;}
.content .right span.r1:hover{background: url(../images/icons/r_record.png) center 4px no-repeat #FFE8E8;background-size:95% 95%;}
.content .right a.r2:hover{background: url(../images/icons/r_car.png) center 4px no-repeat #FFE8E8;background-size:95% 95%;}
.content .right a.r3:hover{background: url(../images/icons/r_info.png) center 4px no-repeat #FFE8E8;background-size:95% 95%;}
.content .right a.r4:hover{background: url(../images/icons/r_member.png) center 4px no-repeat #FFE8E8;background-size:95% 95%;}
.content .right a.r5:hover{background: url(../images/icons/r_top.png) center 4px no-repeat #FFE8E8;background-size:95% 95%;}

.content .right a.r2:active{background: url(../images/icons/r_car.png) center center no-repeat #FFE8E8;background-size:95% 95%;}
.content .right a.r3:active{background: url(../images/icons/r_info.png) center center no-repeat #FFE8E8;background-size:95% 95%;}
.content .right a.r4:active{background: url(../images/icons/r_member.png) center center no-repeat #FFE8E8;background-size:95% 95%;}
.content .right a.r5:active{background: url(../images/icons/r_top.png) center center no-repeat #FFE8E8;background-size:95% 95%;}

.content .right a.r2 span{display: block;position: absolute; bottom: 12px; right: 10px;}
.content .right a.r2:hover span{display: block;position: absolute; bottom: 10px; right: 10px;}
.content .right a.r2:active span{display: block;position: absolute; bottom: 12px; right: 10px;}
.content .right a{
	display: block;
	width: 60px;
	height: 60px;
	padding: 7px;
	position: relative;
	
}
.content .right span.r1{
	display: block;
	width: 60px;
	height: 60px;
	padding: 7px;
	position: relative;
	background-size:95% 95%;
}
.content .grid{
	padding: 5px 0;
}
.content .grid .conhead{padding-top:10px;}
.content .grid .conhead img{
	position: relative;
	display: inline-block;
}
.content .grid .conhead form{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 20px 10px 40px;
}
.content .grid .conhead form input{
	width: 257px;
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 4px;
}
.content .grid .conhead form .search{
	background: url("../images/icons/search.png") no-repeat scroll 0  #DA323B;
    border: 1px solid #E1565E;
    height: 26px;
    left: -36px;
    position: relative;
    width: 33px;
    -webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
	top: 0px\9;
	top: 0px;
}
@-moz-document url-prefix() {
    .content .grid .conhead form .search{
    	top: 1px;
    }
}
.content .grid .conhead form .search:active{
	border: 1px inset #e1565e;
}
.content .grid .conhead .login{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	float: right;
    margin: 67px 0 0;
}
.content .grid .conhead .login a{
	color: #999695;
	font-family: "微軟正黑體";
}
.content .grid .conhead .login a:hover{color:#d1202a;}
.content .grid .conhead .login span{
	color: #999695;
	margin: 0 3px;
	font-family: "微軟正黑體";
}
.content .grid .conhead .login .addbtn i{
	font-size: 20px;
	position: relative;
	top: 2px;
	color: #000;
}
.content .grid .conhead .login .loginbtn img{
	height: 20px;
	width: 20px;
	vertical-align: bottom;
}
.content .grid .conhead ul{
	border-bottom: 3px solid #db313c;
	margin-top:20px;
}
.content .grid .conhead ul li{
	font-family: "微軟正黑體";
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	padding: 8px 5px;
	margin: 0 1px 0 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.content .grid .conhead ul li a{
	color: #383838;
}
.content .grid .conhead ul li:hover a{
	color: #fff;
}
.content .grid .conhead ul li.active a{
	color: #fff;
}
.content .grid .conhead ul li:hover{
	background: #da323b;
}
.content .grid .conhead ul li:hover .submenu{
	display: block;
}
.content .grid .conhead ul li.active{
	background: #da323b;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.content .grid .conhead form .search{
		top:3px;
	}
}
.header .panel { /*new*/
	position: absolute;
	width:250px;
	top: 23px;
	z-index: 10000;
	display:none;
	right:-3px;
}

.header .grid .buy:hover .panel { /*new*/
	display:inline;
}
.panel { /*new*/
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body { /*new*/
  padding: 15px;
  color:black;
}

.panel-body:before,
.panel-body:after { /*new*/
  display: table;
  content: " ";
}
.header .panel-body.btn{
	border-top:1px solid #dddddd;
	text-align:right;
	padding:10px;
}
.panel-body:after { /*new*/
  clear: both;
}

.panel-body:before,
.panel-body:after { /*new*/
  display: table;
  content: " ";
}

.panel-body:after { /*new*/
  clear: both;
}
.panel-heading { /*new*/
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-default { /*new*/
  border-color: #dddddd;
}

.panel-default > .panel-heading { /*new*/
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

.clear{clear: both;}
ul.vir{margin: 15px 30px;}
ul.vir li{padding: 5px 0;}
ol.vir{margin: 15px 30px;}
ol.vir li{padding: 5px 0; list-style: decimal;}
ul.virs{margin: 15px 30px;}
ul.virs li{list-style: disc;padding: 5px 0;}

.content .grid .conhead ul{position: relative;}/*1216*/
.submenu {
    display: none;
    padding-bottom: 40px;
    min-width: fit-content;
    min-height: 370px;
    position: absolute;
    background: #fff;
    top: 30px;
    z-index: 5000;
    border-top: 3px solid #db313c;
    border-bottom: 1px solid #db313c;
    border-left: 1px solid #db313c;
    border-right: 1px solid #db313c;
}
@media screen\0 {
    .submenu {
        display: none;
        padding-bottom: 40px;
        min-width: 370px;
        min-height: 370px;
        position: absolute;
        background: #fff;
        top: 30px;
        z-index: 5000;
        border-top: 3px solid #db313c;
        border-bottom: 1px solid #db313c;
        border-left: 1px solid #db313c;
        border-right: 1px solid #db313c;
    }
    /*1216*/
}
.submenu .sub-bottom{height: 35px;border-top: 1px dotted #e9e9e9;position: absolute;bottom: 6px;width: 100%;line-height: 24px;}
.content .grid .conhead .submenu .sub-bottom ul{border: 0;font-size: 16px;padding-left: 112px;background: #faf8f5;margin-top: 0;}
.content .grid .conhead .submenu .sub-bottom ul li.item{font-weight: 100;color: #999695;margin-left: 70px;}
.content .grid .conhead .submenu .sub-bottom ul li.item img{width: 15px;height: 15px;position: relative;top:2px;}
.content .grid .conhead .submenu .sub-bottom ul li:hover{background: none;}
.submenu .ad{float: right; margin: 15px 20px; text-align: right; max-width:351px; min-height:200px;}
.submenu .ad a{display:block; max-width:351px; }
.submenu a{color:#a34e54;}
.submenu a:hover{color: #da323b;}
.submenu .ad img{border:4px solid #e9e9e9;}
.submenu .sub-con.fr{float: right;}
.submenu .sub-con.fl{float: left;}
.content .grid .conhead .submenu .sub-con ul.vir{border: 0;width: auto;margin: 15px 0 15px 15px;}
.content .grid .conhead .submenu .sub-con ul li{border-radius: 0; display: block;float: none;font-size: 14px;font-weight: bold;line-height: 12px;padding: 6px 1px;}
.content .grid .conhead .submenu .sub-con ul li.title{font-size: 17px;font-weight: bold; border-bottom: 3px solid #B6B6B6;margin-bottom: 5px;}
.content .grid .conhead .submenu .sub-con ul li.title a{color: #da323b;}
.content .grid .conhead .submenu .sub-con ul li.title a:hover{color: #000;}
.content .grid .conhead .submenu .sub-con ul li a{color: #000;}
.content .grid .conhead .submenu .sub-con ul li a:hover{color: #da323b}
.content .grid .conhead .submenu .sub-con ul li:hover{background: none;}
.content .grid .conhead ul li .submenu .ad a{color:#a34e54;font-size: 12px;line-height: 20px;}
.content .grid .conhead ul li .submenu .ad a:hover{color:#da323b;}
.content .grid .conhead ul li:hover .submenu{display: block;}
.product_history{display: none;width:80px;height: 424px;overflow: hidden;padding: 24px 1px;cursor:default; background: #da323b;border-radius: 5px; position: absolute;top: 0;right: 72px;}
.content .right span.r1:hover .product_history{display: block;}
.pro_list{ overflow: hidden; background: #FFF;height: 424px;width: 100%;position: relative;}
.product_history i.pro_ar{line-height: 24px;cursor: pointer; height: 24px;padding:0; position: absolute;width: 100%;text-align: center;color: #FFF;}
.product_history i.fa-chevron-up{top:0;}
.pro_list ul{display: block;position: absolute;top:0;}
.pro_list ul li{padding: 0 5px; display: block;width: 70px;height: 70px;text-align: center;margin: 12px auto;overflow: hidden;}
.content .right .pro_list ul li a{width: auto;height: auto;padding: 0;position: relative;}
.pro_list ul li a img{max-width: 100%;max-height: 70%;}

@media screen and (max-width: 1150px) {
   .content .right{
		display:none;
	}
}

/* 右下購物車 */
.cart_detail {
	width: 135px;
	height: 110px;
	background-image: url("images/car_bg.png");
	position: fixed;
	bottom: 0px;
	right: 2px;
	overflow: hidden;
    z-index: 999;
}

.cart_detail .inner {
	box-sizing: border-box;
	font-size: 14px;
	line-height: 19px;
	color: #aa2333;
	font-family: Arial, Helvetica, sans-serif,"微軟正黑體 Light", "新細明體-ExtB";
	padding:14px 0 0 20px;
	text-align: center;
	font-weight: 700;
}

.cart_detail p {
    margin:0;
    padding:0;
}

.cart_detail span.coin {
	font-size: 16px;
}

.cart_detail span.cart_arrow {
    font-size: 16px;
    color: #1140f0;
    padding-bottom:2px;
}

.cart_detail a {
	color: #1140f0;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif,"微軟正黑體 Light";
}

.cart_detail a:hover {
	text-decoration: underline;
}

#pointcash {
	font-weight: normal;
}

/* Banner-產品分類下方 */
.character {
    font-size: 20px;
    display: inline-block;
    float: left;
    line-height: 75px;
}

/* Banner-左下浮動 */
.ins-scrollcamp.show {
    opacity: 1;
}

.ins-scrollcamp {
    position: fixed !important;
    bottom: 195px !important;
    left: 10px !important;
    height: 65px;
    opacity: 0;
    transition: opacity 0.2s ease-out;
    z-index: 999999;
}

span.ins-close-scrollcamp {
    right: 4px !important;
    position: absolute;
    font-size: 26px;
    opacity: 0.4;
    cursor: pointer;
    color: black;
}

/* Banner-導覽條下方 */
.insNanobarInner {
    background: red;
    color: white;
    font-weight: bold;
    padding: 8px;
    font-size: 15px;
    text-align: center;
}

/* Banner-瀏覽人數 */
.ins-preview-wrapper * {
    box-sizing: border-box;
}

.ins-pos-bottom-right {
    bottom: 0;
    right: 0;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    position: fixed;
    z-index: 2147483647;
}

.ins-preview-wrapper-93 {
    z-index: 9999999;
    bottom: 100px !important;
}

.ins-preview-wrapper div, .ins-preview-wrapper span {
    border-radius: initial !important;
}

.ins-preview-wrapper-93 .ins-social-proof-on-page-2 .ins-adaptive-close-button {
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    width: 28px;
}

.ins-preview-wrapper-93 .ins-notification-content {
    width: 230px !important;
    border-radius: 5px !important;
    background-color: #131313 !important;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.19);
    padding-left: 10px;
    margin: 15px;
    height: fit-content !important;
    line-height: 32px !important;
}

.ins-preview-wrapper-93 .ins-social-proof-on-page-2 .ins-adaptive-close-button-wrap {
    position: absolute;
    z-index: 9999999999999;
    color: white !important;
    right: 2px !important;
    top: -6px !important;
    font-weight: 800 !important;
    font-family: sans-serif;
}

.ins-preview-wrapper-93 .ins-social-proof-on-page-2 .ins-adaptive-description {
    display: table-cell !important;
    vertical-align: middle;
    text-align: left;
    padding: 10px;
    font-size: 14px;
    width: calc(100% - 50px);
    word-wrap: break-word;
}

.boostKeyframe {
    transform: scale3d(1,1,1);
}