@charset "utf-8";
/* CSS Document */

body {color:#000;
	font-size: 12px!important;
	line-height:18px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif; }
/****basic****/
a { text-decoration: none; outline: none;  hlbr:expression(this.onFocus=this.blur());
color: #000; }
a:hover { text-decoration: underline; }
/****basic****/
#page_area { width: 950px; margin: 0 auto; position: relative; }
.page_content { width: 950px; padding-top: 10px; }
#watermark { position: absolute; right: -100px; width: 100px; height: 650px; overflow: hidden; }
#watermark p { margin-bottom: 5px; }
.l_area { width: 200px; float: left; margin-right: 20px; }
.r_area { width: 730px; float: left; }
/*********navigation***********/
.nav_area { margin-top:15px;}
.nav_area {}

.nav_area .nav_mid {
	width:200px;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	border:;
	margin-bottom:25px;
}
.nav_area .nav_buttom {}
.nav {}
.nav li {
	line-height:27px;
	background:url(../images/select.jpg) top center no-repeat;
	text-align:center;
}
.nav li a {
	color:#000;/*預設館別顏色*/
	letter-spacing:1pt;
	font-size:18px;
	display: inline-block;
	text-decoration:none;
}


/*select館別*/
.nav li .sub_nav {
	margin-bottom:20px;
}
.nav li .sub_nav li {
	color: #000;
	background:#FFF;
	text-align:left;
	height:22px;
	text-indent:0.8em;
	border-left:1px #bfbfbf solid;
	border-right:1px #bfbfbf solid;
}
.nav li .sub_nav li:last-child{
	border-bottom:1px #bfbfbf solid;
	padding-bottom:15px;}
.nav li .sub_nav li a {
	color: #000;
	font-size: 13px;
	letter-spacing:0pt;
	font-weight:normal;
}
.nav li .sub_nav li.select a, 
.nav li .sub_nav li.select a:hover {}
.nav li .sub_nav li a:hover {
	background:url(../images/nav_select.jpg) no-repeat;
	background-position:-14px 3px;
	color: #ff485a;
	text-decoration:none;
}
.nav li .sub_nav li a:active{
	color:#959595;}
.nav li .sub_nav li .menu {
	display:none;}
.nav li .sub_nav li .menu li { }
.nav li .sub_nav li .menu li a {}
.nav li .sub_nav li .menu li.select a, .nav li .sub_nav li .menu li.select a:hover {}
.nav li .sub_nav li .menu li a:hover {}



/************/
.own_content { margin-bottom: 10px; }
.path { font-size: 12px; padding-bottom: 5px; }
.path span { color: #333; }
.path a { color: #333; }
.path a:hover { color: #ff6a6a; text-decoration: none; }
.path_last { color: #C00!important; }
/**********/
.hot_product_0 { display: none; }
.hot_product_3 { background: url(../images/hot3_bg.jpg) no-repeat; padding: 36px 0 0 10px; height: 319px; margin-bottom: 10px; }
.hot_product_3 .hot_unit { background: #fff; width: 200px; padding: 9px 15px 0px; float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 5px; }
.hot_product_3 .hot_unit .pro_img img { width: 200px; height: 200px; }
.hot_product_3 .hot_unit .pro_retention { }
.hot_product_3 .hot_unit .pro_content_wxwy { color: #000000; font-size: 13px; text-align: center; width: 200px; padding-top: 3px; clear: both; display: none; }
.hot_product_3 .hot_unit .pro_content_wxwy .icons { background: #EC008C; border: 1px solid #666666; float: right; height: 18px; margin-left: 8px; width: 18px; z-index: 130; }
.hot_product_3 .hot_unit .pro_content_wxwy .icons img { width: 18px; height: 18px; }
.hot_product_3 .hot_unit .pro_link { text-align: center; width: 200px; clear: both; padding-top: 5px; height: 36px; overflow: hidden; }
.hot_product_3 .hot_unit .pro_link a { color: #666; text-decoration: none; }
.hot_product_3 .hot_unit .pro_link a:hover { color: #f06; text-decoration: none; }
.hot_product_3 .hot_unit .pro_price { text-align: center; padding: 5px 0; }
.hot_product_3 .hot_unit .price_style { color: #FF0F75; }
.hot_product_3 .hot_unit .price_value { color: #2C8DD0; }
/*********/
.hot_product_4 { background: url(../images/hot4_bg.jpg) no-repeat; padding: 45px 0 0 10px; height: 260px; margin-bottom: 10px; }
.hot_product_4 .hot_unit { background: #fff; width: 150px; padding: 4px 10px 0; float: left; margin-right: 10px; margin-bottom: 10px; }
.hot_product_4 .hot_unit .pro_img img { width: 150px; height: 150px; }
.hot_product_4 .hot_unit .pro_retention { }
.hot_product_4 .hot_unit .pro_content_wxwy { color: #000000; font-size: 13px; text-align: center; width: 150px; padding-top: 3px; clear: both; display: none; }
.hot_product_4 .hot_unit .pro_content_wxwy .icons { background: #EC008C; border: 1px solid #666666; float: right; height: 18px; margin-left: 8px; width: 18px; z-index: 130; }
.hot_product_4 .hot_unit .pro_content_wxwy .icons img { width: 18px; height: 18px; }
.hot_product_4 .hot_unit .pro_link { text-align: center; width: 150px; clear: both; padding-top: 5px; height: 36px; overflow: hidden; }
.hot_product_4 .hot_unit .pro_link a { color: #666; text-decoration: none; }
.hot_product_4 .hot_unit .pro_link a:hover { color: #f06; text-decoration: none; }
.hot_product_4 .hot_unit .pro_price { text-align: center; padding: 5px 0 0; }
.hot_product_4 .hot_unit .price_style { color: #FF0F75; }
.hot_product_4 .hot_unit .price_value { color: #2C8DD0; }
/***********/
.page_bar { clear: both; padding: 5px 10px 5px 0; color: #DA5F01; font-size: 14px; font-weight: bold; text-decoration: none; text-align: right; }
.page_bar span { padding-right: 3px; }
.page_bar span a { color: #000; font-weight: normal; }
.page_bar span a:hover { color: #f06; text-decoration: none; }
/*******/
.product_info { margin-bottom: 20px; }
.product_info .img_area { width: 298px; height: 298px; border: 1px solid #ccc; }
.product_info .product_name { color: #333; font-size: 16px; font-weight: bold; line-height: 20px; }
.product_info .product_explain { color: #666; font-size: 12px; line-height: 20px; padding-top: 5px; }
.price03 { color: #FF0B85; font-size: 18px; }
/****product_columns****/
.product_columns_4 { padding: 5px 0 5px 10px; }
.product_columns_4 .columns_unit { background: #fff; width: 150px; padding: 5px 10px; float: left; margin-right: 10px; }
.product_columns_4 .columns_unit .pro_img img { width: 150px; height: 150px; }
.product_columns_4 .columns_unit .pro_retention { }
.product_columns_4 .columns_unit .pro_content_wxwy { color: #000000; font-size: 13px; text-align: center; width: 140px; padding-top: 3px; clear: both; }
.product_columns_4 .columns_unit .pro_content_wxwy .icons { background: #EC008C; border: 1px solid #666666; float: right; height: 18px; margin-left: 8px; width: 18px; z-index: 130; }
.product_columns_4 .columns_unit .pro_content_wxwy .icons img { width: 18px; height: 18px; }
.product_columns_4 .columns_unit .pro_link { text-align: center; width: 150px; clear: both; padding-top: 5px; height: 36px; overflow: hidden; }
.product_columns_4 .columns_unit .pro_link a { color: #666; text-decoration: none; }
.product_columns_4 .columns_unit .pro_link a:hover { color: #f06; text-decoration: none; }
.product_columns_4 .columns_unit .pro_price { text-align: center; padding: 5px 0; }
.product_columns_4 .columns_unit .price_style { color: #FF0F75; }
.product_columns_4 .columns_unit .price_value { color: #2C8DD0; }
#own_banner { height:70px; display: block; }
/***********/

.nav li a h2 { font-weight: bold; }
.nav li .sub_nav li a h3 { }
.nav li .sub_nav li .menu li a h4 { }
@media screen and (min-width:320px) and (max-width:666px) {
#header_website, .index_kv_area, .lim_float_icon, .page_content:before { display: none;}
.index_kv_area{ display: block;}
body {
	position: relative;
	width: 100%
}
body.slide {
	height: 100vh;
	overflow: hidden;
	position: fixed;
	width: 100%
}
#header {
	width: 100%!important;
	min-height:48px;
}
#header table, #page_area { width: 100% }
#pez_header { margin-bottom: 0 }
#shopping_m_ft{ height:42px;}
#page_area { position: relative }
.page_content {
	width: 100%;
	padding-top: 0
}
.page_content.on:before, .page_content:before {
	content: '';
	width: 100vw;
	background: #000;
	opacity: 0;
	position: absolute;
	height: 100vh
}
.page_content.on:before {
	display: block;
	z-index: 50
}
.nav li{ background-image: url(../images/select02.jpg); background-repeat:repeat-x; }
.l_area {
	float: none;
	width: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	margin: 0;
	z-index: 100;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto
}
.nav li .sub_nav li a:hover {
	
}
.nav_area {
	padding: 0;
	background: #fff;
	opacity: .9;
	margin-bottom: 80px
}
.nav_area .nav_mid {
	width: 94.5%;
	padding: 0 0 0 5%;
	min-height: 0
}
#hotProductArea, #hotProductFrame, .r_area, .r_area .own_content table,.own_content iframe { width: 100% }
.nav li .sub_nav li a, .nav_mid .nav li a {
	padding-left: 15%;
	background-position: 10% 6px; 
}
.nav_mid .nav li a {
	text-indent: 0;
	border-bottom: 1px dashed #ddd;
	font-size: 18px;
	line-height: 35px;
	display: block
}
.hot_product_3, .hot_product_4 { display: inline-block!important }
.nav li .sub_nav li a { font-size: 15px;}
.r_area {
	float: none;
	padding: 0
}
.r_area .own_content { margin-bottom: 0 }
.r_area .own_content img {
	width: 100%;
	height: auto
}
.path {
	margin-top: 10px;
	font-size: 15px
}
.hot_product_3 {
	background: url(../images/hot_product_tit_M.png) no-repeat 10px 5px,#ede1d5;
	background-size:30%;
	height: auto;
	padding: 35px 2% 10px;
	width: 96%
}
.hot_product_3 .hot_unit {
	background: 0 0;
	margin-right: 1%;
	padding: 0 1%;
	width: 97%;
	margin-bottom: 10px
}
.hot_product_3 .hot_unit .pro_img img {
	height: 100%;
	width: 100%
}
.hot_product_3 .hot_unit .pro_link {
	width: 100%;
	font-size: 15px
}
.hot_product_4 {
	background: url(../images/hot_product_tit_M.png) no-repeat 10px 5px,#ede1d5;
	background-size:30%;
	height: auto;
	padding: 35px 2% 10px;
	width: 96%
}
.hot_product_4 .hot_unit {
	background: 0 0;
	margin-right: 1%;
	padding: 0 1%;
	width: 47%;
	margin-bottom: 10px
}
.hot_product_4 .hot_unit .pro_img img {
	height: 100%;
	width: 100%
}
.hot_product_4 .hot_unit .pro_link {
	width: 100%;
	font-size: 15px
}
#contentFrame { width: 100% }
.product_columns_4 {
	width: 100%;
	padding: 5px 0;
	height: auto
}
.product_columns_4 .columns_unit {
	width: 50%;
	height: auto;
	margin-right: 0;
	padding: 5px 4px;
	box-sizing:border-box;
}
.product_columns_4 .columns_unit .pro_img img {
	width: 95%;
	height: auto
}
.product_columns_4 .columns_unit .pro_cont_link {
	width: 100%;
	text-align: center
}
.product_columns_4 .columns_unit .pro_link {
	width: 100%;
	font-size: 15px
}
.product_columns_4 .columns_unit .pro_price {
	position: static;
	width: 100%;
	font-size: 13px
}
.pro_tit_link {
	height: 2.8em;
	overflow: hidden
}
.product_columns_4 .clear {
	clear: none;
	display: none
}
.columns_unit .pro_img {
    width: 49.5vw;
    height: 49.5vw;
}
.pageBar { font-size: 18px }
.page_bar span { padding-right: 10px }
#logo_nav, #own_banner, .nav_area .nav_top { display: none }
.nav li .sub_nav li .menu li a { padding-left: 15% }
#man_wrap img{ width:100%; height:auto;}
}

/*單獨調整標題顏色*/
.nav li a h2{font-weight: bold;}
.nav li .sub_nav li a h3{}
.nav li .sub_nav li .menu li a h4{}
li.nav_2 li.sub_nav_1 a h3 {color:#ff485a;}