@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
/* CSS Document */

html, body { height: 100%;}
body {
	min-width: 1240px;
	font-family: "Overpass", Verdana, Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
	line-height: 1.33;
	font-size: 13px;
	color: #333;
	background: #fff;
	-webkit-transition: margin-left 0.3s;
	-moz-transition: margin-left 0.3s;
	-ms-transition: margin-left 0.3s;
	-o-transition: margin-left 0.3s;
	transition: margin-left 0.3s;
}

/* 常用樣式 */
a { color:inherit;
	-o-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
	-webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
	-moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
	transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
	text-decoration: none;
}
a:active,a:focus { text-decoration: none; outline: 0;}
a:hover{ text-decoration: none; color: #dd7c88;}
.button {
	background-color: #eeeeee;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	border: 0;
	padding: 0px 20px;
	text-decoration: none;
	text-align: center;
	height: 32px;
	line-height: 32px;
	font-family: inherit;
}
.button.disabled, .button.disabled:hover, .button.disabled:active, input.button:disabled, button.button:disabled {
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	background: #EEE;
	border: 1px solid #dddddd;
	text-shadow: 0 1px 1px white;
	color: #CCC;
	cursor: default;
	-webkit-appearance: none;
}
/*截圖套件的圖片先隱藏*/
/*.imghide{ visibility: hidden;}*/

/* 圖片裁切置中 */
.proImg{ position: relative; overflow: hidden; display: block; padding-top: 127.72%; text-align: left;} /*所有商品圖的比例下在這裡*/
.thumbnailImg{ position: relative; overflow: hidden; display: block; width: 70px; padding-top: 70px; text-align: left;} /*預覽小縮圖*/
.imgbox{ position: relative; overflow: hidden; text-align: left;} /*其他需要裁切的圖 (比例須個別另下) */
.imgbox img, .proImg img, .thumbnailImg img{ position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover;}

/*lazy loading*/
.proListImg {display: none;}
.lazy-hidden { background: #f5f5f5;}
.lazy-loaded {
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	opacity: 1;
}


.fleft{ float: left;}
.fa{ font-family: FontAwesome, "Overpass", Verdana, Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif !important;}
.gfont{ font-family: "Playfair Display", 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;}
.font0{ font-family: "Overpass", Verdana, Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif}
.font2{ font-family: Dotum, Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;}
.font3{ font-family: Verdana, "Overpass", Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;}
.f13 { font-size: 13px;}
.f15 { font-size: 15px;}
.f18 { font-size: 18px;}
.ov { overflow: hidden;}
.p0 { padding: 0 !important;}
.m0 { margin: 0 !important;}
.ml5{ margin-left: 5px;}
.pTable { display: table;}
.pTableRow { display: table-row;}
.pTableCell { display: table-cell; line-height: 18px;}
.pTable .center { text-align: center;}
.w60 { width: 60px;}
.w80 { width: 80px;}
.w90 { width: 90px;}
.w100 { width: 100px;}
.w150 { width: 150px;}
.w200 { width: 200px;}
.w250 { width: 250px;}
.w830 { width: 830px;}
.bgF3 { background-color: #F3F3F3;}
.col { color: #789bbb;}
.col2{ color: #5f4342;}
.Red { color: #DA0000;}
.pink{ color: #000;}
.gray{ color: #CCC;}
.grayBtn{ background-color: #E8E8E8; color: #666; cursor: pointer;}
.pinkBtn{ background-color: #de97a0; color: #FFF; cursor: pointer;}
.pinkBtn:hover{ background-color: #d27783; color: #fff;}
.grayBtn2{ background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */}

/* 促銷活動小標籤 */
.tag_v1{ display: inline-block; margin-right: 4px; padding: 5px 5px 3px; line-height: 1; text-align: center; color: #fff; background: #E40580;}

/* 主架構設定 */
#waperer{ min-height: 70%; *display: table; /* For IE7 Hack */ *height: 70%; /* For IE7 Hack */}
.content, #header, .topLink_M, #menu, #main, .leftmenu_cont, #footer, .footer, .fo-copy { clear: both; width:100%; max-width:1200px; margin: 0 auto;}
.w1000 { clear: both; width:100%; max-width:1000px !important; margin: 0 auto;}
#main { overflow: hidden; position: relative; margin-top: 20px;}
#mainRight { float: left; width: 850px; margin-left: 45px; overflow: hidden;}
#shoppingWrap{ width: 1000px; margin: 0 auto 50px;}

/* head */
#header_wrap{ padding-top: 31px; background: #e7adb4; color: #fff;}
#header { position: relative; height: 168px; line-height: 168px; font-size: 0; text-align: center;}
.logo, .header_box{ display: inline-block; vertical-align: middle; width: 33.33%; font-size: 20px;}
.logo img{ vertical-align: middle;}
.header_box{ margin-top: 10px; line-height: 1.5;}
.header_right{ text-align: right;}

.topLink_w{ position: fixed; z-index: 999; top: 0; left: 0; right: 0; height: 26px; line-height: 26px; font-size: 13px; background: #da8d97; color: #fff;}
.topLink_w img{ display: inline-block; vertical-align: middle; margin: -3px 0 0;}
.toplinks { float:right;}
.toplinks li { float: left;}
.toplinks li>a { padding: 0.6em;}
.toplinks .topCart{ position:relative;}
.toplinks .topCart .fa{ font-size: 1.1em;}
.topCartNum{ letter-spacing: 1px;}
.topCartNum:before{ content: "(";}
.topCartNum:after{ content: ")";}
.toplinks a:hover{ color: #f4e1e3;}

#topCartList { display: none; position: absolute; z-index: 1000; top: 100%; right: 0px; width: 400px; padding-top: 15px; font-size: 13px; line-height: 1.33; border: #CCC 1px solid; background-color: #FFF;}
.topCartCont{ margin: 8px 5%; max-height: 324px; overflow: auto;}
.topCartTable { width: 100%;}
.topCartTable th { padding: 0 10px 10px 3px; border-bottom: #CCC 1px solid; color: #000;}
.topCartTable td, .topCartTable td a { color: #999999; padding: 10px 10px 10px 3px;}
.checkout { display: block; width: 90%; border-top: #E8E8E8 1px solid; margin: 8px 5%;}
.checkout a { display: block; margin: 10px 0; padding: 8px 0; text-align: center; border-radius: 3px;}

/* toplink 左上角MENU */
.topLink_left{ float: left; font-size: 12px; font-weight: 300; letter-spacing: 0.5px;}
.topLink_left>li{ position: relative; float: left; margin-right: 1.2em;}
.topLink_left a{ cursor: pointer;}
.topLink_left a:hover{ color: #f4e1e3;}
.topLink_left .fa{ margin-right: 0.2em; font-size: 14px; vertical-align: -1px; color: #ac4b53;}
.top_menu{ display: none\9; opacity: 0; visibility: hidden; z-index: -99; position: absolute; top: 100%; left: 50%; width: 120%; margin-left: -60%; padding: 10px 0; 
	line-height: 1.3; text-align: center; color: #fff; background: #555; box-sizing: border-box; transition: all 0.3s ease;}
.top_menu a{ display: block; padding: 0.45em 1em;}
.top_menu a[title="最新優惠活動"]{ display: none;}
.top_menu a:hover{ text-decoration: underline; color: inherit;}
.topLink_left>li:hover .top_menu{ display: block\9; opacity: 1; visibility: visible; z-index: 999;}

.top_follow_link .fa{ margin-left: 0.3em;}
.top_follow_link a{ cursor: pointer;}

/* 搜尋BAR */
.search { display: inline-block; width: 246px; height: 29px; line-height: 31px; border: solid 1px #aa545f; background: transparent; overflow: hidden;}
.search .input-text { float: left; padding:0 7px; width: 215px; height: 100%; line-height: inherit; font-size: 12px; color: inherit; border:0; outline: 0; background: transparent; box-sizing: border-box;}
.search .button { float: left; border: 0; padding: 0; margin: 0; width: 31px; height: 100%; line-height: inherit; font-size: 17px; color: inherit; background: transparent; cursor: pointer;}
.search .input-text::-webkit-input-placeholder { color: #fff;}
.search .input-text::-moz-placeholder { color: #fff;}
.search .input-text:-moz-placeholder { color: #fff;}
.search .input-text:-ms-input-placeholder { color: #fff;}

/* 會員登入 */
#loginBox { display: none; background-color: #FFF; width: 800px; height: 300px; z-index: 1001;}
#loginBox h3 { color: #e2828e; font-size: 22px; font-weight: 500; margin-bottom: 20px;}
#loginBox h3 em { color: #f1cacf;}
#loginBox .loginLeft { float: left; width: 45%; border-right: #CCC 1px dashed; margin: 5% 0 0 5%;}
#loginBox .loginLeft .pTable { font-size: 15px; width: 90%;}
#loginBox .loginLeft .pTableRow { height: 35px;}
#loginBox .loginLeft .pTableRow .pTableCell input { padding: 3px;}
#loginBox .loginRight { float: left; width: 38%; margin: 5% 0 0 7%;}
#loginBox .loginRight a { display: block; font-size: 16px; width: 90%; border: #D5D5D5 1px solid; padding: 12px 14px; text-align: center; margin-bottom: 10px; line-height:130%; color: #666;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#loginBox .loginRight a em { font-size: 13px; color: #C0C0C0; padding-top: 5px;}
.captcha { vertical-align: middle; margin-left: 5px;}
.btn-facebook { background-color: #3a5178 !important; border-color: #3a5078 #3a5078 #324567; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; line-height: normal;}
.loginBtn{ width: 210px; height: 30px; display: block; text-align: center; line-height: 30px; border-radius: 3px;}
.loginBtn_glay{ background-color: #E8E8E8;}

/* 跑馬燈 */
.header_left{ text-align: left;}
.header_left_txt{ /*padding-left: 0.3em;*/ font-size: 22px; letter-spacing: 0.03em;}
.runType_W { overflow: hidden; height:20px; font-size:13px; color:#ac4b53;}
.runTypeTit{ float: left; margin-right: 0.3em; height: 20px; line-height: 20px; text-align: center;}
.runType{ position: relative; overflow: hidden; height: 20px;}
.runType ul{ position:absolute; width:27em;}
.runType li{ display: block; height: 20px; line-height:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.runType li a:hover { text-decoration: underline;}

/* 左邊選單 */
#left_menu{ position: relative; z-index: 2; min-height:55px; line-height: 55px; font-size: 14px; letter-spacing: 0.05em; text-align: center; clear: both; 
	color: #727272; background: #fff; border-bottom: solid 1px #d0d0d0;}
.leftmenu_cont a, .leftmenu_cont img{ display: block;}
.leftmenu_cont a:hover img{ opacity: 0.8;}
.leftmenu_cont>li { position: relative; display: inline-block; vertical-align: bottom;}
.leftmenu_cont>li:nth-child(4)>h4>a:before{ content: url(../images/icon_hot.png); position: absolute; top: 0; left: 50%; margin: -16px 0 0 -23px;}
.leftmenu_cont h4>a{ position: relative; padding: 0 1.3em;}
.leftmenu_cont h4>a:hover, .leftmenu_cont .cur>h4 { color: #dd7c88;}

.nav_category { display: none; position: absolute; z-index: 99; top: 100%; left: 50%; margin-left: -60px; width: 120px; padding: 8px 0; 
	font-size: 13px; line-height: 1.2; text-align: left; color: #2e2e2e; background: #fff; border: solid 1px #cecece; border-top: 0; box-sizing: border-box;}
.nav_category li { display: block;}
.nav_category a { padding: 0.4em 2em;}
.nav_category a:hover{ color: #999;}

/* 首頁 */
.index #left_menu{ border-bottom: 0;}
.index #main{ margin-top: 0;}
.slides { position: relative; float: left; width: 880px; height: 510px; margin-bottom: 40px; overflow: hidden;}
.in_slider{ height: 100%;}
.in_slider .imgbox{ display: block; height: 510px;}
.inslider_btn{ position: absolute; z-index: 2; top: 50%; width: 36px; height: 56px; margin-top: -28px; 
	background: rgba(0,0,0,.6) no-repeat; background-size: 42%; cursor: pointer;}
.inslider-prev{ left: 0; background-image: url(../images/inslider_left.png); background-position: 45% center;}
.inslider-next{ right: 0; background-image: url(../images/inslider_right.png); background-position: 55% center;}

.inban_W{ float: left; width: 320px; overflow: hidden;}
.inban li { float: left; width: 150px; height: 165px; margin:0 0 10px 10px; box-sizing:border-box;}
.inban li:first-child{ float: none; width: auto;}
.inban .imgbox { display: block; height:100%;}

.inNews{ height: 160px; margin-left: 10px; padding: 18px; font-size: 12px; color: #959595; clear: both; overflow: hidden; box-sizing: border-box;}
.inNewsTit a{ display: block; margin: 0 0 0.3em 2px; font-size: 1.1em; color: #000;}
.inNewsTit a:after{ content: "more ›"; float: right; font-size: 12px; font-family: Verdana; color: #999;}
.inNews li a{ display: block; padding: 0.3em 0; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.inNews li a:before{ content: "· "; text-decoration: none !important;}
.inNews li a:hover{ text-decoration: underline; color: inherit;}
.inNews li .newsTime{ float: right; color: #ccc; font-size: 12px; padding-left:2em;}

#index_headercont{ margin:60px 0;}
.inListBox, .cataListBox{ overflow: hidden;}
.inTitle{ position: relative; z-index: 1; margin: 60px 0; padding: 1px; text-align: center;}
.inTitle:before{ content: ""; position: absolute; z-index: -1; top: 50%; left: 0; width: 100%; border-top: solid 1px #ece8e7;}
.inTitle p{ display: inline-block; padding: 0 0.5em; font-size: 38px; line-height: 1; letter-spacing: 0.05em; color: #775f54; background: #fff;}
.inTitle span{ display: block; height: 1em; margin: 0.5em auto -1.5em; font-size: 15px; line-height: 1; letter-spacing: 0.1em; color: #dd7c88;}

/*列表共用設定*/
.cataList{ overflow: hidden; margin-right:-36px; font-size:0;}
.cataList li{ display:inline-block; vertical-align:top; width: 25%; margin-bottom: 40px; padding-right: 36px; font-size: 14px; letter-spacing: 0.05em; box-sizing:border-box;}
.cataList li a:hover{ filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; cursor: pointer;}
.cataList li span { display: block; margin: 8px 0; line-height:1.3;}
.cataList a img{width: 100%;}
.cataList .info{ margin-bottom: 0.8em; padding: 0.5em 0; color: #757575; border: solid #7a7a7a; border-width: 1px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cataList .price{ font-weight: 600; font-family: Arial; letter-spacing: 0.01em; color: #dd7c87;}
.cataList .price del{ margin-left: 0.3em; color: #a09f9f; font-size: 0.8em; font-weight: normal; text-decoration: line-through;}
.cataList .salenum{ font-size: 12px; color: #789bbb;}
.cataList .label{ margin: -4px 0 3px;}
.label img{ margin: 2px; vertical-align: middle;}
.label i{ display: inline-block; vertical-align: middle; margin: 2px; padding: 3px 8px 2px 10px; font-size: 12px; font-style: normal; line-height: 1; background: #adbeb8; color: #fff;}

/*首頁商品輪播*/
/*.inProSlider{ padding: 0 35px;}*/
.inProSlider li{ margin: 0 10px;}
.inProSlider .inslider_btn{ width: 12px;}
.inProSlider img{ opacity: 1 !important;}

/* 導航 */
.navigation{ margin-bottom: 22px; font-size: 13px; text-align: right; color: #999; clear: both; box-sizing:border-box;}
.navigation a{ padding:0 5px;}
.navigation a:first-child{ margin-left: -5px;}
.navigation a[href]:hover{ text-decoration:underline;}
/* 列表頁次選單 */
/*.secMenu{ margin: 40px 0 0; text-align: center; font-size: 16px; font-weight: bold;}
.secMenu li{ position: relative; display: inline-block;}
.secMenu a{ display: inline-block; padding: 1em 1.2em;}
.secMenu .here{ color: #ff94a9;}
.secMenuUl .down:after{ content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -6px; width: 0; height: 0; border: solid transparent; border-width: 0 6px 7px; border-bottom-color: #ddd;}
*/
/* 列表頁第3層選單 */
.secMenu{ clear: both;}
/*.triMenu{ display: inline-block; min-width: 300px; margin-bottom: 40px; padding: 0.5em 1.2em; font-size: 14px; border: solid 2px #ddd;}*/
.triMenu{ margin:-25px 0 30px; text-align: center; font-size: 15px; font-weight: 600; color: #a09f9f;}
.triMenu li{ display: inline-block;}
.triMenu a{ display: inline-block; padding: 1em 1.2em;}
.triMenu .here{ color: #604443;}

.cataTitle{ margin: 30px 0; font-size: 18px; font-weight: bold; color: #333;}
.cataListBox{ border-bottom: 1px solid #e8e8e8;}
.cataListBox .navigation{ float: right; clear: none; width: auto; color: #999;}
.cataTopBanner img{ width: 100%; height: auto;}
.cateTop{ display: block; margin: 30px 0 20px; overflow: hidden;}
.cateTop .navigation{ float: left; padding: 0; margin: 0; width: auto; height: auto; font-size: inherit; line-height: inherit;}
.cateListSel{ float: right; margin-right: -0.8em; font-size: 13px; vertical-align:middle; color: #999;}
.cateListSel a{ display: inline-block; height: 0.9em; margin-left: -4px; padding:0 0.8em; line-height: 1;}
.cateListSel a+a{ border-left: solid 1px #bbb;}


/* 產品詳細 */
/*#main.productmain{ width: 1170px;}*/
.proTop_cont{ margin: 20px 5px 0; overflow: hidden;}
.proLeft { float: left; overflow: hidden;}
.proImgbox{ float: left; width:420px;}
.proImgmore { position: relative; float: right; width: 90px; height: 536px; margin: 0 0 0 16px; padding: 15px 0; overflow:hidden; box-sizing: border-box;}
.proImgmore li{ float: none; margin: 10px 0; border: 0 !important; opacity: 0.3; filter: alpha(opacity=30);}
.proImgmore .slick-current{ opacity: 1; filter: alpha(opacity=100);}
.proImgmore img { cursor: pointer;}
.promore_btn{ position: absolute; z-index: 5; left: 0; width: 100%; height: 25px; line-height: 25px; text-align: center; cursor: pointer; background: #fff;}
.promore_btn:before{ content: ""; display: inline-block; width: 0; height: 0; border: transparent solid;}
.promore-prev{ top: 0;}
.promore-prev:before{ border-width: 0 9px 11px; border-bottom-color: #cdd9e4;}
.promore-next{ bottom: 0;}
.promore-next:before{ border-width: 11px 9px 0; border-top-color: #cdd9e4;}

.proRight { margin: 0 0 0 530px; padding: 25px 10px 0 60px; font-size: 12px;}
.proTitle { margin: 0 0 0.3em; font-size:16px; font-weight: bold; color: #2e2e2e;}
.proRight .label{ padding: 0 0 10px; border-bottom: 2px solid #787878;}
.proTopBox { padding: 20px 0; line-height: 2;}
.proTopBox .pronumber { display: block; margin-bottom: 0.5em; letter-spacing: 0.1em; color: #545454;}
.addToAny{ float: right;}
.proexplain { letter-spacing: 0.05em; color: #999;}
.proprice_area { padding:20px 0; letter-spacing: 0.1em; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;}
.proprice_area span{ font-size: 15px;}
.proprice_area .proprice { color: #c5c5c5; text-decoration: line-through; margin-right:0.5em;}
.proprice_area .prosell { color: #d76c4e;}
.proprice_area .pro-sale-num{ color: #999; font-size: 12px; margin-left: 0.5em;}
.proTable { display: table; width: 100%; padding: 20px 0;}
.proTable .prorow { font-size: 13px;color: #666666; display: table-row; line-height: 40px;}
.proTable .procell { padding: 0 0.5em 0.5em 0; display:table-cell;}
.proTable .th{ white-space: nowrap; width: 4.5em; letter-spacing: 0.1em;}
.proTable .pro_size { display:inline-block; padding: 7px 10px 6px; margin-right: 10px; border: solid 2px #ECECEC; line-height: 1.2;}
.proTable .pro_color { display: inline-block; text-align: center; margin-right: 10px; padding: 2px; border: solid 2px #ddd; height: 25px; vertical-align: middle; line-height: 35px; width: 25px;}
.proTable .fa2 { color:#bbb; cursor:pointer; vertical-align:middle; display:inline-block;}
.proTable .fa2:hover { color:#333;}
.proTable .faa-plus{ width: 22px; background: url(../images/cart-add.jpg) -22px 0px no-repeat; height: 31px;}
.proTable .faa-minus{ width: 22px; height: 31px; background: url(../images/cart-add.jpg) 0px 0px no-repeat;}
#stock2{ width: 100px; height: 31px; margin: 0 -5px; padding: 7px; text-align: center;}

.proTable select { line-height: 30px; height: 30px; padding:0 10px;}
.proTable .hv { border: #E8E8E8 1px solid;}
.proTable .selected { color: #000; border: 2px solid #be0106; position: relative;}
.proTable .selected i{ position: absolute; bottom: 0; right: 0; width: 12px; height:12px; background: url(../images/pro_selected_bg.png) no-repeat; z-index: 99;}
.pro_btn { margin-bottom: 20px; font-size: 0;}
.pro_btn a { display: inline-block; width: 32%; height:50px; line-height: 50px; font-size: 14px; font-weight: bold; text-align: center; 
	color: #666; background: #fff; border: solid 1px #aaaeb1; box-sizing: border-box;}
.pro_btn a+a{ margin-left: 2%;}
.pro_btn a:hover { background: #aaa; color: #fff;}
.pro_btn .proBtnBuy{ color: #fff; background: #de97a0; border-color: #de97a0;}
.pro_btn .proBtnBuy:hover { color:#fff; background: #d27783; border-color: #d27783;}
.pro_btn .proBtnCart{ color: #fff; background: #d5c4a8; border-color: #d5c4a8;}
.pro_btn .proBtnCart:hover{ color: #fff; background: #c59f60; border-color: #c59f60;}

.pro_activity { margin-top:20px;}
.pro_activity a { display: block; font-size:13px; color: #FF6A6A; margin-bottom: 0.8em;}
.pro_activity a:hover { text-decoration: underline;}
.pro_activity a .fa { padding:0 0.5em;}

.protab { clear: both; overflow: hidden; padding-top: 55px;}
.protabox{ position: relative; margin: 0 0 30px; height: 36px; line-height: 38px; font-size: 0; text-align: center; color: #bfbfbf;}
.protabox:before{ content: ""; position: absolute; z-index: -1; top: 50%; left: 0; right: 0; height: 0; border-top: solid 1px #d6d6d6;}
.protabox li{ display: inline-block; vertical-align: top; height: 100%; font-size: 14px;}
.protabox a{ display: block; height: 100%; margin-right: -1px; padding: 0 4em; letter-spacing: 0.1em; background: #fff; border: 1px solid #d6d6d6; box-sizing: border-box;}
.protabox a:hover{ color: #333; background: #fafafa;}
.protabox .selected { line-height: 36px; color: #333; background: #fff !important; border-top: 2px solid #787878;}
.protab section{ padding:30px 0;}
.protab #tab1{ font-size: 15px; text-align: center;}

.proqaTop { padding: 25px 0 15px 0; text-align: center; color: #666; font-size: 15px;}
.proqaTop a { display: inline-block; margin-top: 20px; padding: 8px 15px; border-radius: 3px;}
.proqatable { font-size: 13px; color: #666; margin: 5px auto 40px auto; width:95%; border: solid 1px #eee;}
.proqatable .pTableCell { padding: 10px 8px; border-top: #E8E8E8 1px dashed;}
.proqatable .pTableRow:first-child .pTableCell { border-top:0;}
.proqatable .bgF3 { background-color:#fafafa;}

.proreco { margin:85px 0 40px; box-sizing: border-box; overflow:hidden;}
/*.proreco h3 { height: 0; font-size: 0;}*/
.proreco .fa{ margin-right:0.3em;}
.proreco ul { position: relative; margin-top: 56px; padding: 0 32px;}
.proreco li { float: left; width: 205px; margin: 0 8px;}
.proreco li:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.proreco li .info, .proreco li .price { display: block; font-size: 13px; text-align: center; margin-top: 5px;}
.proreco li .info { color: #888; line-height: 16px;}
.proreco li .price { color: #000;}
.proreco img{ opacity: 1 !important;}
.proreco_btn{ position: absolute; z-index: 2; top: 0; bottom: 0; width: 30px; cursor: pointer; background: rgba(255,255,255,.5);}
.proreco_btn:hover{ background: none;}
.proreco-prev{ left: 1px;}
.proreco-next{ right: 1px;}

#qaBoxWin{ display: none; width: 500px;}
.Tab { width: 100%; font-size: 13px; color: #666; border: #E8E8E8 1px solid;}
.Tab input, .Tab select, .Tab textarea { padding: 3px;}
.Tab textarea{ width: 95%;}
.Tab tr, .Tab td, .Tab th { padding: 10px 8px; border-bottom: #E8E8E8 1px solid; vertical-align: middle;}
.qaBoxWinBtn{ margin: 10px 0; display: block; text-align: center;}

.ProdStock{ border:#E4E4E4 1px solid; margin-top:20px;}
.ProdStock table{ width:100%; text-align:center; border-collapse:separate;border-spacing:3px;}
.ProdStock table th{ background-color:#EDEDED; padding:8px; font-weight:bold}
.ProdStock table tr td{ border-bottom:1px #CCC dashed; padding:5px;}
.ProdStock p{ line-height: 150%; font-weight: bold; color: #949494; margin: 10px; font-size: 13px;}

/* 購物車流程 */
#order_main{ max-width: 98%; min-width: 98%; height: auto;}
.shoppTab { width: 100%; font-size: 13px; color: #666; margin-bottom: 40px; border: #EAE8E8 1px solid;}
.shoppTab tbody{ padding: 20px; margin: 20px;}
.shoppTab input{ padding: 0 8px; height: 2.2em; line-height: 2.2em;}
.shoppTab select { padding: 0 3px; height: 2.2em; line-height: 2.2em;}
.shoppTab .largelabel{ height: 100%; padding: 0 !important;}
.shoppTab .largelabel label{ display: block; padding: 20px;}
.shoppTab tr, .shoppTab td, .shoppTab th { padding: 15px 10px; border-bottom: #E8E8E8 1px solid; vertical-align: middle;}
.shoppTab td a { line-height: 150%; cursor: pointer;}
.shoppTab td a:hover { text-decoration: underline;}
.shoppTab td em { font-size: 13px; color: #A5A5A5;}
.shoppTab td.bono, .shoppTab tr.bono { border-bottom: 0;}
.shoppTab th { background-color: #f7f7f7; height: 20px; line-height: 20px; font-weight: bold; font-size: 14px;}
.shopCircuit { width: 100%; margin-bottom: 15px; overflow: hidden;}
.shopCircuit ol { width: 850px; margin: 0 auto;}
.shopCircuit li { display: inline-block; padding: 0 20px;}
.cartNext { margin: 35px 0; text-align: center;}
.cartNext a { display: inline-block; margin: 0 15px; padding: 11px 40px 8px; font-size: 15px; border-radius: 5px;}
.cartNext .fa-caret-right{ margin-right: -10px;}
.shoppTab .cart-sale{ color: #B06767; padding-top:10px; font-family: "新細明體"; font-size: 12px}

.Tit { margin: 8px 0; font-size: 18px; line-height: 20px;}
.step_pay_select_list { clear: both; overflow: hidden;}
.step_pay_select_list .orderEndTit{ text-align: center; margin: 20px 0; color: #999999;}
.step_pay_select_list .orderEndTit em{ color: #C50000;font-size: 13px; display: block; line-height: 30px;}
.pay_select li { float: left; display: inline-block; padding: 15px 25px; border: #E8E8E8 1px solid; text-align: center; margin: 0 15px 15px 0; font-size: 15px; color: #666;}
.pay_select li:hover { background-color: #F0F0F0; cursor: pointer;}
.pay_select li.on { border: #789bbb 1px solid; background-color: #789bbb; color: #FFF; padding: 14px 24px;}
.galleryImg{ width: 70px;}
.tex_remark { width: 99%; margin: 0 0.5% -0.5%;}
.pay_select{ margin-top: 8px; overflow: hidden;}

/* 付款資訊 - 信用卡 */
#cardview-container{ padding: 5px; background: #fff; border: solid 1px #ddd; }


/* 結帳完成的"訂單處理中，請稍後"視窗 */
#loadingDiv{
	position: fixed;
	left:0; top:0; right:0; bottom:0;
	z-index: 99999;
	text-align:center;
	font-size:14px;
	height:80px;
	width:300px;
	max-width: 80%;
	margin: auto;
	padding-top:30px;
	background-color:#fff;
	border: 5px solid  #333;
}
#popup_overlay{
	position: fixed;
	z-index: 99998;
	left:0; top:0; right:0; bottom:0;
	background: rgba(0,0,0,.4);
}


/* 會員註冊 */
.yesjoin { background-color: #F1F1F1; margin-bottom: 20px; padding: 10px 25px; font-size: 13px; line-height: 22px; border-radius: 5px; color: #666;}

/* 幾件幾折 */
.saleListBox {}
.saleTopBanner img { width:100%; height:auto;}
.saleTop { border: #E8E8E8 1px solid; margin: 20px 0; padding: 10px; overflow: hidden;}
.any_info{ float:left; width:70%; padding-bottom: 16px; color: #242424; font-size: 16px; margin: 10px 20px 0px 20px;}
.saleTop .saleAddBtn { float: right; font-size: 16px;}

.saleListUl_W{ position: relative; overflow: hidden; height: 190px; margin: 0 69px;}
.saleListUl{ position: absolute; top:0;}
.SelectSaleList{ position: relative; float: left; clear: both; border-top: 1px solid #f0f0f0; width: 100%; padding-top: 20px;}
.SelectSaleList a{ display: inline-block;}
.SelectSaleList li{ float: left; width: 120px; height:100%; margin: 0 5px;}
.onSaleProductData{ width:100%; text-align: center; font-size: 13px; color: #666666; height:32px; display: block; line-height: 18px;}
.SaleListleft_arr{ font-size: 1.5em; color: #CCCCCC; position: absolute; top: 90px; left: 25px;}
.SaleListright_arr{ font-size: 1.5em; color: #CCCCCC; position: absolute; top: 90px; right: 25px;}

.saleList{ overflow: hidden; margin-bottom: 80px;}
.saleList li { float: left; width: 206px; height: 420px; margin-bottom: 15px; margin-right:15px; padding: 10px; border: #FFFFFF 1px solid;}
.saleList li.on { border: #ffa698 1px solid;}
.saleList li.end{ margin-right: 0;}
.saleList li .info, .saleList li .price, .saleList li .saleselect { display: block; font-size: 13px; line-height:1.5em; margin-top: 8px; text-align: center;}
.saleList li .info { color: #333333;}
.saleList li .price { color: #C50000;}
.saleList li .saleselect select { padding: 2px;}

/* 購物車加價購 */
.cartListBox{ margin-bottom: 40px; padding: 20px 20px 5px; border: #E8E8E8 1px solid; overflow: hidden; text-align: left;}
.cartList{ margin-right: -18px;}
.cartList li{ float: left; width: 175px; margin-bottom: 15px; margin-right: 18px; padding: 0 0 15px; border: #f0f0f0 1px solid; min-height: 400px;}
.cartList li .info,.cartList li .price{ display:block; font-size: 13px; line-height: 1.5em; margin-bottom: 8px; text-align: center;}
.cartList li .info{ height: 35px; overflow: hidden; padding: 0 5px;}
.cartList li .price{ color: #C50000;}
.cartList li .select_item{float: right; background: #F4F4F4; color: #666; cursor: pointer; }
.cartList li .select_item:hover{ color: #FFF; background: #789cbc; border: #789cbc 1px solid;}
.cartList li .prodsel{ width: 100%; margin-bottom: 10px;}
.cartList li .qtyarea{ float: left;}
.cartList li .saleselect{ display: block; width: 80%; text-align: center; margin: 0 auto;}
.cartList li .saleselect select{ padding: 2px 5px; border: #CCC 1px solid; color: #666;}

/* 頁數 */
.pager { text-align: center; height: 50px; margin-top: 10px;}
.pager a { display: inline-block; margin: 0 6px; padding: 0 2px; min-width: 23px; height: 23px; line-height: 22px; font-size: 12px; text-align: center; 
	color: #476c8e; background-color: #fff; border: #cdd9e4 1px solid; border-radius: 12px; box-sizing: border-box;}
.pager a.this, .pager a:hover { color: #476c8e; background-color: #cdd9e4;}
.pager a:nth-child(1), .pager a:nth-child(2), .pager a:nth-last-child(1), .pager a:nth-last-child(2){ border: 0; background: none !important;}


/* 問與答 */
#qa_menu{ width: 180px; float: left; font-size: 14px; margin:5px 0 40px;}
.qa_menuUl li{ margin-bottom:20px; color: #222;}
.qa_menuUl .here{ color: #da8d97;}
.qa-submenu{ margin-left:10px;}
.qa-submenu li{ margin:0.5em 0; font-size: 13px; color: #777;}

#qaBox{ margin-bottom: 50px;}
.qaTitle{ font-size: 20px; margin-bottom: 1em; padding-bottom: 0.5em; color: #666; border-bottom: solid 1px #e8e8e8;}
.qaTitle .fa{ color: #e7adb4;}
/*#qaBox .qa{ line-height: 130%; padding: 25px 0; border-bottom: #e8e8e8 1px dashed;}
#qaBox .qa .qa_q{ font-size: 16px; font-weight:bold; color: #FF9999; line-height:1.5em; text-indent: -1.7em;}
#qaBox .qa .qa_a{ font-size: 13px; color: #666666;}
#qaBox .qa .qa_a p{ padding-top: 20px;}
#qaBox .qa .qa_a:before{ content: "\f086"; font: normal normal normal 18px 'FontAwesome'; float:left; margin:20px 0 0 -25px; color:#ffa698 ;}
.qaTop{ text-align: center; width: 100%; font-size: 13px; width: 100%; display: block; padding: 20px;}
*/

/* 自訂HTML頁 + 圖文編輯器 */
.htmlBox{ line-height: 1.7;}
.htmlBox b, .htmlBox strong{ font-weight: bold;}
.htmlBox em, .htmlBox i{ font-style: italic;}
.htmlBox img{ max-width:100%; height: auto !important;}
.htmlBox u{ text-decoration: underline;}
.htmlBox table[align="center"]{ margin-left: auto; margin-right: auto;}

#about_menu{ float: left; width: 180px; margin: 10px 45px 0 0;}
#about_menu li{ font-size: 14px; line-height: 200%;}
.custom_html{ float: left; width: 850px; overflow: hidden; margin-bottom:80px;}
.custom_html2{ float: none; margin: 0 auto 80px;}
.customTitle{ position: relative; margin: 0 0 2em; font-size: 24px; letter-spacing: 0.05em; text-align: center; color: #777;}
.customTitle:before, .customTitle:after{ content: ""; display: inline-block; vertical-align: middle; width: 3em; height: 0; margin: 1em; border-top: solid 1px #bbb;}
.customTitle strong{ display: inline-block; font-weight: 400; background: #fff;}

.subTitle{ margin: 0.5em 0 1em; font-size: 21px; text-align: center; color: #000;}


/* 最新消息 */
#news_menu{ width: 180px; float: left; margin-left: 20px; font-size: 14px; margin-bottom: 40px; line-height: 130%;}
#news_menu li{ border-bottom: #E8E8E8 1px dashed; padding:10px 0;}
#news_menu li a{ color: #969696; font-size: 13px;}
#news_menu li a:hover{ color: #666666;}
#news_menu li span{ font-weight: bold;}
.news_top{ padding:15px 0; border-bottom: #E5E5E5 1px solid;}
.news_top .news-tit{ text-align: left; font-size: 22px; font-weight: bold; line-height: 28px;}
.news_top .news-time{ color: #CCC; line-height: 22px;}
.newshtmlBox{ padding-bottom:30px; padding-top:15px; min-height: 200px; font-size: 15px;}
.news_send{ text-align: center; padding: 15px 0;}
.news_send a{ padding: 10px 35px; border-radius: 3px;}

.news-w{ width: 850px; overflow: hidden; margin:20px auto 50px;}
.news-w h3{ text-align: center; font-size: 26px; height:45px; line-height: 45px; margin:15px 0;}
.news-list-table{ width: 100%; margin-bottom: 50px ; color: #8a8a8a;}
.news-list-table th{ padding: 10px 5px; background: #f7f5f5; border-bottom: #E5E5E5 1px solid; border-top: #E5E5E5 1px solid; font-weight: bold;}
.news-list-table tr,.news-list-table td{ padding: 10px 8px; vertical-align: middle;}
.news-list-table tr{ border-bottom: #F4F4F4 1px solid;}
.news-list-table tr:hover{ background: #FEFFF4;}
.news-list-table a{ display: block;}
.news-list-table a:hover{ text-decoration: underline;}

/* 主選單 */
#menu_w{ margin-bottom: 38px; line-height: 55px; font-size: 14px; letter-spacing: 0.05em; text-align: center; 
	color: #727272; border-bottom: solid 1px #d0d0d0; clear: both;}
.menu{}
.menu a{ display: block;}
.menu>ul>li { display: inline-block; position: relative; margin: 0 0 0 4px;}
.menu p>a { padding: 0 1.8em;}
.menu p>a:hover, .menu .cur>p { color: #dd7c88;}

.menu_category { display: none; position: absolute; z-index: 999; bottom: 100%; left: 50%; margin-left: -72px; padding: 8px 0; width: 145px; font-size: 12px; 
	text-align: left; line-height: 1.2; font-weight: normal; background: #FFF; color: #2e2e2e; border: solid 1px #cecece; border-bottom-color: #d0d0d0;}
.menu_category li { display: block;}
.menu_category a { padding: 0.4em 2em;}

/* 頁尾 */
.IG_block{ margin-top: 60px; margin-bottom: 40px; clear:both;}
.IG_block h3{ margin: 0 0 10px 20px; font-size: 21px; color: #000;}

#footer_w{ position: relative; color: #777; border-top: solid 1px #dfdfdf;}
.footer { padding-bottom:8px; overflow: hidden; text-align: center;}
.fo-cola { display: inline-block; vertical-align: middle; text-align: left;}
.fo-cola+.fo-cola{ margin-left: 50px;}
.fo-cola img{ display: inline-block; vertical-align: middle;}
.fo-cola img+img{ margin-left: 27px;}
.fo-cola h3 { font-size: 16px; line-height: 18px; font-weight: 300; padding-bottom: 12px;}
.fo-cola ul { padding-bottom: 9px;}
.fo-cola li { padding: 0 0 4px 1px;}
.fo-cola li a { text-decoration: none; display: block; zoom: 1; font-size: 13px; line-height: 16px;}
.service { float: left; padding:15px 0 15px 35px; margin-left:54px; border-left: solid 1px #bbb; font-size: 12px; line-height: 1.5em;}
.fo-copy { margin: 2px auto 0; padding: 1em 0; font-size: 12px; text-align: center;}
.fo-copy a{ color:inherit;}
#Pushbutton-mi-link:before{ content: "MISHOP 購物系統"; color: #ddd;}

/* 會員專區 */
#memberAd{ width: 1000px; margin: 0 auto;}
#memberAd .memberAdUl{ overflow: hidden; margin-top: 30px; border-bottom: #E8E8E8 1px solid; margin-bottom: 10px;}
#memberAd li a{ float: left; padding: 15px 30px 12px; font-size: 15px; color: #999; background-color: #f7f7f7;-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; margin-right: 4px;}
#memberAd li a:hover{ background-color: #b9b4b5; color: #fff;}
#memberAd li a.selected{ color: #FFFFFF; background-color: #e7adb4;}
.memSum{ margin: 50px auto; margin-bottom:50px; overflow: hidden; font-size: 13px; width: 100%; text-align: center;}
.memSumL{ border-right: #E8E8E8 1px solid; display: inline-block; padding: 5px 35px; text-align: center;}
.memSumL_b{ display: inline-block; text-align:center; color: #777777;}
.memSumL_b2 a{ font-size: 13px; color: #333; margin-top: 8px;}
.memSumL_b2 a:hover{ color: #57c5a0;}
.memSumL_b2{ font-size: 22px; color: #da8d97; margin-top: 8px;}
.mapnum{ border: #BDBDBD 1px solid; padding: 4px 8px; vertical-align: middle;}
.a-btn{ color:#FA84A8;}

/* 優惠卷 */
.couponTab { width:550px; color:#333; margin: 20px 0 20px 45px;}
#news_menu .couponTit{ font-size:20px; color:#8a1b71; border-bottom: #8a1b71 2px solid; padding:15px 3px; text-align: center;}
.couponTab tr ,.couponTab td{ padding:10px;}
.couponTab tr{}
.couponTab strong{ font-weight:bold; color:#747474;}

/* 電子折價卷 */
.coupon_wrap{ display: block; width: 600px; border: #E9E9E9 1px solid; margin: 0 auto; margin-top: 20px; margin-bottom: 40px;box-shadow: #ECECEC 0px 1px 3px;}
.coupon_wrap h4{ width: 100%; height: 60px; background-color: #f3cac4; text-align: center; line-height: 60px; color: #FFF; font-size: 18px;}
.Coupon_txt_w{ font-size: 14px; color: #9E9E9E; line-height: 18px; margin-top:20px; padding:10px; border-top: #E7E7E7 1px solid;
margin-left: 40px; padding-bottom: 25px; width: 500px;}
.Coupon_txt_tit{ font-weight: bold;}
.CouponBtn{ padding: 15px; margin: 10px 0 0 120px; width: 250px; background: #A81616; border: solid 1px #7C1919;
font-size: 18px; font-weight: bold; color: #FFF; cursor: pointer; font-family:"微軟正黑體", Helvetica, sans-serif;
-webkit-transition: all 0.1s; -moz-transition: all 0.1s; -webkit-box-shadow: 0px 5px 0px #811D27;
-moz-box-shadow: 0px 5px 0px #811D27; box-shadow: 0px 5px 0px #811D27; 
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.CouponBtn:hover{ background: #991818; -webkit-box-shadow: 0px 2px 0px #811D27; 
-moz-box-shadow: 0px 2px 0px #811D27; box-shadow: 0px 2px 0px #811D27;}

.CouponBtn_no{ padding: 15px; margin: 10px 0 0 120px; width: 250px; background: #9E9E9E; border: solid 1px #8D8D8D; font-family:"微軟正黑體", Helvetica, sans-serif;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 18px; font-weight: bold; color: #FFF;}


/* 聯絡我們 */
.contact_w{ width: 800px; margin: 10px auto; overflow: hidden; border: #ddd 1px solid; padding: 25px 40px; font-size: 14px; color: #333;}
.contact_w th{ width: 200px; text-align: left; color: #565656; padding-top: 23px; vertical-align: middle;} 
.contact_w tr, .contact_w td,.contact_w th{ padding: 10px 10px; height: 30px; border-top: 1px solid #eaeaea;}
.contact_w caption{ font-size: 20px; padding: 15px 0; color: #727272;}
.contact_txt{ padding: 8px 0 8px 8px; border: 1px solid #c6c6c6; font-size: 12px; color: #959595;}
.contact_txtar{ overflow: hidden; overflow-y: auto; width: 550px; min-height: 79px; padding: 12px 11px; border: 1px solid #c6c6c6; font-size: 12px;
line-height: 18px;color: #333;text-align: left;vertical-align: middle; resize: none;}
.contact_w .contact_select{ padding: 8px 0 8px 8px; border: 1px solid #c6c6c6; color: #959595;}
.contact_w .sendbtn{ display: block; margin: 30px auto 10px; padding: 8px 15px 5px; width: 200px; height: 30px; line-height: 30px; 
	font-size: 15px; text-align: center; border-radius: 3px;}

/* 首頁彈跳廣告(原跟屁蟲) */
.Right_AD{ position: fixed; z-index: 9999; top: 155px; left: 75px; width: 260px; padding: 0 17px 24px;
	color: #da8d97; background: #fff; border: solid 1px #da8d97; box-sizing: border-box;}
.Right_AD_open{ padding: 14px 0 13px; font-size: 15px; line-height: 19px; letter-spacing: 0.1em;}
.Right_AD_close{ float: right; width: 19px; height: 19px; background: url(../images/icon_close.jpg); cursor: pointer;}
.Right_AD_img a, .Right_AD_img img{ display: block; width: 100%; height: auto;}
.Right_AD_img a+a{ margin-top: 20px;}

/* 跟屁蟲 */
#slideR{ position: absolute; z-index: 99; right: -106px; margin-top: 76px; width: 84px; font-size: 13px; line-height: 1.3; text-align: center; 
	color: #888; border: solid 1px #e2e1e1;}
.slideR_top{ font-size: 12px;}
.slideR_top img{ display: block; width: 100%; height: auto; margin: 0 auto 5px;}
.slideR_top a{ display: block; padding: 10px; font-weight: 600; cursor: pointer;}
.slideR_top a+a{ border-bottom: dashed 1px #e2e1e1;}
.slideR_top .bookmark{ position: relative; z-index: 1; margin-bottom: -10px;}
.slideR_top .fa{ display: block; margin-bottom: 0.2em; font-size: 14px; font-weight: normal;}
.slideR_top .fa-star{ color: #fdc52c;}
.slideR_top .fa-user{ color: #fea3b7;}
.slideR_top .fa-shopping-basket{ color: #a1dbe0;}
.slideR_btm_border{ position: relative; z-index: -1; width: 0; height: 0; margin: -5px -10px 0; border: solid transparent; border-width: 29px 42px 0; border-top-color: #e2e1e1;}
.slideR_btm_border:before{ content: ""; position: absolute; top: -30px; left: -42px; width: 0; height: 0; border: solid transparent; border-width: 29px 42px 0; border-top-color: #fff;}

.slideR_center{ padding: 10px;}
.slideR_center h3{ margin-bottom: 0.3em; font-size: 12px; font-weight: 600;}
#historyList{ display: block; overflow: hidden; margin: 2px auto;}
#historyList center{ display: block; padding: 9px 0; font-size: 12px; text-align: center; border: solid 1px #ddd; background: rgba(255,255,255,.7); background: #fff\9;}
#historyList li{ height: 82px; margin: 0 0 10px; color: #ccc; overflow: hidden;}
/*#historyList li img{ display: block; width: 100%; height: auto;}*/
.slideR_center .fa{ display: inline-block; margin: 0 1px; padding: 0 3px; font-size: 13px; line-height: 1; color: #5f4342;}

.slideR_bottom{ padding: 0 10px 10px; color: #da8d97; text-align: center;}
.slideR_bottom .fa{ font-size: 20px;}

.gotop{ display: block; height: 30px; margin-bottom: -30px; font-weight: bold; color: #b5b5b5;}
.gotop .fa{ position: relative; z-index: 1; display: block; height: 100%; margin-bottom: -29px; line-height: 20px; font-size: 12px; cursor: pointer;}
.gotop .slideR_btm_border{ margin: 0;}

/*#back-to-top{ display: none; position: fixed; right: 50px; bottom: 50px; width: 45px; height: 45px; line-height: 47px; text-align: center; background: #789bbb; border-radius: 50%; cursor: pointer; z-index: 10;}
#back-to-top .fa{ font-size: 23px; color: #fff;}
#back-to-top:hover{ background-color: #5483ad;}*/


/* 網站地圖 */

.sitemap{ display: block; width: 950px; overflow: hidden; margin: 0 auto; padding-top: 100px;}
.sitemap li{ float: left; font-weight: bold; width: 150px; height: 200px; margin-top: 50px; padding-right: 15px; padding-left: 25px;}
.sitemap li h4{ font-size: 15px; color: #0C0C0C; padding: 8px 0; border-bottom: #CCC 1px dashed;}
.sitemap li ul{ overflow: hidden; margin-top: 5px; padding-top: 5px; padding-bottom:20px;}
.sitemap li ul li{ float: left; width: 150px; height: 25px; padding: 0; margin: 0; border-bottom: 0; font-size: 14px; font-weight: normal; color: #838383;} 


#cancelBtn{ padding:10px 25px; background: #000; text-align:center; color: #FFF; border: 0;}


@media(max-width:1024px){
}