/* Minification failed. Returning unminified contents.
(325,11): run-time error CSS1030: Expected identifier, found ' '
(325,11): run-time error CSS1031: Expected selector, found ' '
(325,11): run-time error CSS1025: Expected comma or open brace, found ' '
 */
@charset "UTF-8";

/* ========== 【icon style】 ========== */
.icon_comment{
	font-size: 15px;
	color: #fabe00;
	margin: 0 5px 0 0;
}
.icon_left, .icon_right , .icon_right2 { /*[jane 0310] 新增icon_right2*/
	color: #bcbcc4;
	height: 35px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
	z-index: 20;
}
.icon_left:before, .icon_right:before , .icon_right2:before { /*[jane 0310] 新增icon_right2*/
	display: inline-block;
}
.icon_left:hover {
	left: -2px;
}
.icon_right:hover , .icon_right2:hover { /*[jane 0310] 新增icon_right2*/
	right: -2px;
}
/* ========== 【slide show element style】 ========== */
.icon_left.black, .icon_right.black{
	position: absolute;
	color: #fff;
	top: 175px;
	font-size: 20px;
	width: 35px;
	height: 45px;
	line-height: 45px;
	background-color: #333!important;
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.icon_left.black{
	left: 0;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.icon_right.black{
	right: 0;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.icon_left.black:hover, .icon_right.black:hover{
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.slide_nav a{
	display: block;
	float: left;
	margin-right: 5px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    border-radius: 8px;
	background-color: #ccc;
}
.slide_nav .activeSlide{
	background-color: #777;
}
/* ========== 【font style of <p> and <b>】 ========== */
.wrapper_title{ /* title of each wrapper */ /*[jane 0310] 修改顏色,高度*/
	border-left: 7px solid #333; 
	font-size: 17px;
	height: 30px;
	line-height: 30px;
	margin: 10px auto 0 auto;
	padding: 0 0 0 10px;
	text-align: left;
}
.box_title{ /* title of each box */
	border-bottom: 1px solid #e6003d;
	color: #e6003d;
	font-size: 21px;
	font-weight: bold;
	margin: 0 30px;
	padding: 20px 0;
	text-align: center;	
}
.breadcrumbs{ /* breadcrumbs of each page */
	position: relative;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	padding: 0 0 0 23px;
	overflow:hidden;
}
.breadcrumbs .right{
	height: 25px;
	line-height: 31px;
	right:10px;
}
@media(min-width: 768px){
	.breadcrumbs{height:35px;line-height:35px;}
	.breadcrumbs > a{color:#00528c;}
	.breadcrumbs .right{right:0;height: 35px;line-height: 35px;}
}
.brand_counter span{ /* total brands counter base style */
	color: #e6003d;
	font-size: 20px;
}
.pro_counter{
	margin: 0 0 0 15px;
}
.pro_counter span{ /* total products counter base style */
	color: #e6003d;
	font-size: 20px;
}
.key_word{ /* display key word base style */
	max-height: 25px;
	max-width: 105px;
	overflow: hidden;
}
@media(min-width: 360px){
	.key_word{max-width: 150px;}
}
@media(min-width: 480px){
	.key_word{max-width: 260px;}
}
@media(min-width: 640px){
	.key_word{max-width: 410px;}
}
@media(min-width: 768px){
	.key_word{max-width: 255px;}
}
@media(min-width: 1024px){
	.key_word{max-width: 425px; height: 25px; padding-left: 3px;}
}
@media(min-width: 1280px){
	.key_word{max-width: 600px; height: 25px; padding-left: 3px;}
	.breadcrumbs .right{line-height: 21px;}
}
.key_word span{ 
	color: #e6003d;
	font-weight: bold;
}
.pro_name{ /* product name base style */ height: 4.5em; margin: 0; text-align: left;}
.price, .price a{ /* product price base style */
	white-space: nowrap;	color: #e6003d;	font-weight: bold; }
.price span, .feedback_fone_price span{}
.price span del {font-size:15px; color:#ddd;}
.linethrough { /* for market price */
	color: #777;
	text-decoration: line-through;
}
.star{ /* red star for necessary input */
	color: #e6003d;
}
.ellipsis { /* deal with long string */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}
/* ========== 【button is composed of <p> and <a>】 ========== */
.btn_red, .btn_gray, .btn_white{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	z-index: 0;
	display: block; 
	font-size: 15px;
	height: 33px;
	line-height: 33px;
	text-align: center;
}
.btn_red { /* background color : red */
	background: #e6003d; 
	border-bottom: 2px solid #c20430;
	width: 175px;
}
.btn_red a, input[type="submit"].btn_red, button.btn_red.submitonclick{
	color: #fff;
}
.btn_red a, .btn_gray a, .btn_white a{
	display: inline-block;
	width: 100%;
}
input[type="submit"].btn_red, button.btn_red.submitonclick{
	border-color: #e6003d #e6003d #c20430 #e6003d; 
	border-width: 1px 1px 2px 1px;
	font-weight: bold;
	height: 37px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	z-index: 0;
	cursor: pointer;
}
.btn_red:hover{
	background: #fa565a;
}
.btn_gray { /* background color : gray */
	background: #efeff4;
}
.btn_gray a {
	color: #777;
}
.btn_gray:hover {
	background: #f4f4f7;
}
.btn_white { /*background color : white */
	border: 3px solid;
}
.btn_white a {
	font-weight: bold;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
/* ========== 【<input> type of radio and checkbox】 ========== */
input[type="radio"], input[type="checkbox"]{
	font-size: 17px;
	height: 15px;
	width: 30px;
}
/* ========== 【<input> type of text and password】 ========== */
input[type="text"], input[type="password"], input[type="email"]{	background: #fff; border: 1px solid #bdc3c7;	border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;
	position: relative;	z-index: 0;	color: #777;	display: block; width: 100%;	height: 36px;	padding: 0 10px; box-sizing: border-box;}
input[type="text"].icon, input[type="password"].icon{ /* with left little icon */
	padding: 0 0 0 33px;
	z-index: 1;
}
/* ========== 【select】 ========== */
select{
	border: 1px solid #bdc3c7;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	z-index: 0;
	color: #777;
	display: inline-block;
	font-size: 14px;
	height: 30px;
	padding: 0 5px;
}
/* ========== 【marquee ul】 ========== */
.marquee{
	overflow: hidden;
	height: 35px;
	width: auto;
}
.marquee li{
	float: left;
	line-height: 35px;
	height: 35px;
	padding: 0 10px;
	margin: 0 0 0 5px;
	font-size: 15px;
}
.marquee li a{
	color: #fff;
}
/* ========== 【overlay div】 ========== */
.overlay{
	width: 220px;
	height: 80px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	z-index: 3;
}
.overlay .ad_bg{
	height: 100%;
	background-color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.overlay:hover > .ad_bg{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.overlay .ad_txt{
	position: absolute;
	top: 0;
	left: 0;
	height: 64px;
	width: 100%;
	padding: 8px 0;
}
.overlay .price{
	position: absolute;
	bottom: 0px;
	right: 10px;
	color: #fff;
	line-height: 30px;
}
.overlay .ad_txt h1, .overlay .ad_txt h2{
	max-width: 220px;
	max-height: 36px;
	overflow: hidden;
}
.overlay . h2{
	line-height: 1.0em;
}
/* ========== 【category of left menu】 ========== */
/*[jane 0310] 全站左側分類選單換色*/
#cboui_cat, #cboui_cat .inner {    background-color: #fff;}
#cboui_cat li > a{	width: 100%;	display: inline-block;}
#cboui_cat li > a.inner_lv3{    padding: 0 0 0 25px;    font-size: 90%;}
#cboui_cat li > a, #cboui_cat div.link a{	color: #666;}
#cboui_cat .link{ 	 position: relative;	 line-height: 36px;	 height: 36px; text-align: left;border-bottom: 1px solid #eeeeee;	 }
.qry_bx h4{padding: 20px 20px 15px;}
#cboui_cat .icon_right2 { /*[jane 0310] 換icon*/
	position: absolute;
	right: 10px;
	top: 11px;
	height: 13px;
	font-size: 13px;
}
#cboui_cat .link:hover, #cboui_cat .more:hover, #cboui_cat .link.selected{
	background-color: #e7e7e7; /*[jane 0310] 換背景色*/
}
#cboui_cat div.link:hover{
	background-color: #c7c7c7;
	color: #000;
}
#cboui_cat div.link:hover a{
	color: #000;
}
#cboui_cat div.link.selected {
	background-color: #333; /*[jane 0310] 換背景色*/
	color: #fff;
	height: 100%;
}
#cboui_cat div.link.selected:hover { /*[jane 0310] add*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	background-color: #444;
}
#cboui_cat div.link a{
	display: inline-block;
	width: 203px;
}
#cboui_cat div.link.selected a{
	color: #fff;
}
#cboui_cat .link:hover .icon_right2 { /*[jane 0310] 換icon和修改樣式*/
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#cboui_cat .link:hover .line, #cboui_cat .link.selected .line{
	display: block;
	position: absolute;
	left: 0;
	top: -1px;
}
#cboui_cat .line{
	width: 7px;
	height: 36px;
	display: none;
}
#cboui_cat .line{
	background-color: #555;  /*[jane 0310] 換背景色*/
}
#cboui_cat .outer{
	background-color: #ddd;
}
#cboui_cat .outer .icon_right2 { /*[jane 0310] 換icon*/
	color: #fff;
}
#cboui_cat .inner .link{
	padding: 0 0 0 40px;
}
#cboui_cat .inner .link a span {
	display: inline-block;
	width: 188px;
}
#cboui_cat .inner .link a.clear_w span { /*add 0916*/
	width: auto;
}
#cboui_cat div.link a span{
	display: inline-block;
	width: 203px;
}
#cboui_cat div.link a span.icon_right2 { /*[jane 0310] 換icon*/
	display: inline;
	width: auto;
}
#cboui_cat div.link a span.icon_right2 span{ /* for ie7 */ /*[jane 0310] 換icon*/
    display: inline;
    width: 100%;
}
#cboui_cat .inner .more{
	position: relative;
	line-height: 34px;
	border-bottom: 1px solid #eeeeee;
	font-size: 15px;
	text-align: right;
	padding: 0 20px 0 0;
}
/* ========== 【switch page style 1】 ========== */
#page {
	padding: 20px 0;
	background: #fff;
}
#page ul{
	display: inline-block;
}
#page ul li {
	float: left;
	background: #fff;
	margin: 0 1px 0 0;
	cursor: pointer;
}
#page li.on {
	cursor: default;
}
#page li.disable {
	cursor: default;
}
#page li span {
	width: 35px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	float: left;
	font-weight: bold;
}
#page li span.icon_left, #page li span.icon_right {
	font-weight: normal;
}
#page li span:hover, #page li.on span {
	background: #e6003d;
}
#page li span, #page li.disable span:hover {
	background: #fa565a;
}
/* ========== 【switch page style 2】 ========== */
#pagination2, .pagination2{	justify-content: center;	clear: both;}
#page2 ul{
	display: inline-block;
	margin: 0 -5px 0 0;
}
#page2 ul li, #pagination2 .current, #pagination2 .stop, #pagination2 .abbr, #pagination2 a , 
.pagination2 .current, .pagination2 .stop, .pagination2 .abbr, .pagination2 a {
	float: left;
	height: 28px;
	line-height: 28px;
	min-width: 16px;
	padding: 0 7px;
	color: #666666;
	font-size: 14px;
	background-color: #fff;
	margin: 0 5px 0 0;
}
#page2 .link:hover, #pagination2 a:hover, .pagination2 a:hover{ /*[jane 0310] 修改頁碼底色樣式*/
	font-weight: bold;
	background-color: #5dbc56;
	color: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#page2 .prev, #pagination2 .prev, .pagination2 .prev{
	padding: 0 7px 0 2px;
}
#page2 .next, #pagination2 .next, .pagination2 .next{
	padding: 0 2px 0 7px;
}
#page2 .abbr, #pagination2 .abbr, .pagination2 .abbr {
	background-color: #efeff4;
	border: none;
	width: 25px;
	height: 30px;
	line-height: 30px;
	padding: 0;
}
#page2 .on, #pagination2 .current, #pagination2 .active a, #pagination2 .stop,
.pagination2 .current, .pagination2 .stop { /*[jane 0310] 修改頁碼底色樣式*/
	cursor: default;
	color: #fff;
	background-color: #5dbc56;
	font-weight: bold;
}
#page2 .disable, #pagination2 .current.prev, #pagination2 .current.next, #pagination2 .stop.prev, #pagination2 .stop.next,
.pagination2 .current.prev, .pagination2 .current.next, .pagination2 .stop.prev, .pagination2 .stop.next{
	cursor: default;
	color: #fff;
	background-color: #d9d9d9;
}
/* ========== 【alert div】 ========== */
#alert .bg {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

@media(max-width: 844px) {
	#alert.img_msg .container, #alert.gift_img_msg .container { max-width: initial; }
}

#alert.img_msg .container, #alert.gift_img_msg .container { padding: 10px; left: 5%; right: 5%; max-width: 500px; }
#alert .container {
	position: fixed;
	top: 35%;
	left: 15%;
	right: 15%;
	padding: 40px;
	background: #fff;
	z-index: 999;
	border-radius: 10px;
	max-width: 50%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#alert .container .closed{
	position: absolute;
	top: -10px;
	right: -10px;
}

/* ========== 【alert 黃金會員日8/31 msg】 ========== */
#alert.gmd_msg , #alert.shutdown_msg{
	display: block !important;
}
#alert.gmd_msg.hide , #alert.shutdown_msg.hide{
	display: none !important;
}
#alert.gmd_msg .message{
	line-height: 28px;
	margin: 0 0 20px 0;
	font-size: 18px;
}
#alert.shutdown_msg .message{
	line-height: 28px;
	margin: 0 0 20px 0;
	font-size: 18px;
}
#alert.gmd_msg .message .title , #alert.shutdown_msg .message .title {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #333;
	display: inline-block;
	margin: 0 0 20px 0;
}
#alert.gmd_msg .message .highlight{
	color: #e6003d;
}
#alert.gmd_msg .message .note{
	font-size: 16px;
	color: #333;
}
#alert.gmd_msg .message a , #alert.shutdown_msg .message a {
	color: #256ac7;
	text-decoration: none;
	border-bottom: 1px solid #3f93cf;
}
#alert.gmd_msg .btn_red , #alert.shutdown_msg .btn_red {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0;
}
/* ========== 【 alert cht旅遊專區Pop/2016/10 】 ========== */
#alert.travel_msg{
	display: block ;
	padding:0;
}
#alert.travel_msg .container {
	margin-top: -190px;
	height:380px;
}
#alert .travel_message {
	line-height: 25px;
	margin: 20px 0;
	font-size: 22px;
	text-align: left;
}
#alert .travel_message .title{
	font-size: 30px;
	font-weight: bold;
	display: block;
	margin: 10px 0 0 0;
	color: #e6003d;
}
#alert .travel_message .join_link{
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	display: inline-block;	
}
#alert .travel_message .join_link a{
	color: #256ac7;
}
#alert .travel_message .get_promo{
	color: #e6003d;
}
#alert .travel_btn_red{  /* pop確定按紐 */
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	background: #e6003d;
	border-bottom: 2px solid #c20430;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
	color: #fff;
    letter-spacing: 8px;
    font-size: 24px;
}
#alert .travel_btn_red a {  /* pop確定按紐 */
	color: #fff;
	letter-spacing: 5px;
	font-size: 24px;
}
#alert .pop{
	z-index: 3;
	float: left;
}

.alert_price {font-size:24px;color:#e6003d;line-height:26px;}