
/**
	隱藏連結虛線
 */
a{hidefocus:expression(this.onFocus=this.blur());outline:none;}
a:link,a:visited,a:active{
	color:#CC2E68;
	text-decoration:none;
	}
a:hover{
	color:#FF4400;
	}


/**
 *	共用佈局
 */
.clear{
	clear:both;
}

.hide{
	display:none;
}

.float_left {
	float:left;
}
.footer_font {
    color: #FFFFFF;
    padding: 20px 0 0 33px;}

.fontsize0{
	font-size:0px;
}

br.CLEAR {
	clear: both;
	height:0;
	font-size:1px;
	line-height:0;
}

/**
 *	Top效果
 */
/*#top-link{ 
	width:58px;
	height:58px;
	display:none;
	background:url(../images/topBtn.png) no-repeat left top;
	position:fixed;
	right:5px; 
	bottom:85px;
	text-indent:-9999px;
	text-decoration:none;
	z-index:10;
}*/
#top-link {
    background: url(../images/layout/gotoTop.png) no-repeat scroll left top;
    bottom: 85px;
    display: none;
    height: 55px;
    position: fixed;
    right: 5px;
    text-decoration: none;
    text-indent: -9999px;
    width: 55px;
    z-index: 10000;
}

/**
 *	滑鼠移入/移出效果
 */
.mouseover {
	cursor : pointer ;
	/*background-color:#d5f8fb;
	color:#21959e;*/
}
.mouseout {
	cursor : auto ;
}


/**
	主架構設定
 */
body{
	background:#fff/*#fbebdf;*/
	}
.layout{
	width:980px;
	margin:0 auto;
	/*overflow-x:hidden;
	min-height:600px;*/
}

.layout {
    min-height: 600px;
    overflow-x: hidden;
    width: 100%;
}

3header {
	/*background:url(../images/layout/top_bg.png) repeat-x 50% top;*/
	width:100%;
	height:152px;

	behavior: url(PIE.htc);
	z-index:10;
	position: relative;
}

footer{
	clear:both;
	background:#fce7d0;
	width:100%;
	height:210px;
	position:relative;
}
footer:before{
	background: url(../images/layout/footer_bg_flower_03.png) repeat scroll 50% 0;
    top:-6px;
    content: "";
    height:7px;
    left: 0;
    position: absolute;
    width: 100%;
	}
.footer_info{
	width:980px;
	margin:0 auto;
	}
.footer_left{
	float:left;
	width:750px;
	}
.footer_right{
	float:right;
	width:112px;
	padding-right:26px;
	}
.footer_logo{
	width:269px;
	height:66px;
	padding-top:34px;
	padding-left:40px;
	}
.footer_font{
	color:#777777;
	font:Arial, Helvetica, sans-serif,"微軟正黑體" 12px;
	letter-spacing:2px;
	line-height:20px;
	padding: 24px 0 0 40px;
	 }
.footer_font a:link,.footer_font a:visited,.footer_font a:active{
	color:#f98268;
	text-decoration:none;
	}	
.footer_font a:hover{
	color:#f98268;
	text-decoration:underline;
	} 
.footer_font span a:link,.footer_font span a:visited,.footer_font span a:active{
	color:#777777;
	text-decoration:underline;
	}	
.footer_font span a:hover{
	text-decoration:underline;
	} 
.qr_code{
	width:94px;
	height:94px;
	margin:33px auto 10px;
	}
.qr_text{
	margin-top:10px;
	background: url(../images/layout/Mobile_icon.png) no-repeat scroll 0 0;
	color:#777777;
	font:Arial, Helvetica, sans-serif,"微軟正黑體" 12px;
	letter-spacing:1px;
	line-height:18px;
	padding-left:28px;
	}
.qr_text span{
	color:#f98268;
	}
div.headerTop,
div.slideshow,
div.pageCt{
	width:980px !important;
	margin:0 auto;
	position:relative;
}
div.content,
div.footerCt{
	width:950px;
	margin:0 auto;
	position:relative;
}

/**
 *	HeaderTop
 */
.top1{
	width:980px;
	display:inline-block;}
div.logo{
	width:266px;
	height:66px;
	display:block;
	padding-left:20px;
	padding-top:16px;
	float:left;
}
div.logo h1{
	width:266px;
	height:66px;
	display:block;
	background:url(../images/layout/logo.png) no-repeat left top;
	text-indent:-9999px;
	
}
.top_button{
	float:left;}
.top li{
	float:left;}
/*.li1 a:link,a:visited,a:active {
	color:#F33;
	text-decoration: none;
	}
.li1 a:hover {
	color:#39F;
	text-decoration: none;
}*/
.counter{
	width:194px;
	height:42px;
	background:url(../images/layout/visitors_03.png) no-repeat 0 0;
	margin-top:20px;
	float:right;
}
.counter_font{
	padding-left: 35px;
    padding-top: 14px;
    text-align: center;
	letter-spacing: 2px;
	color:#FFFFFF;
}
.fb{
	width:28px;
	height:28px;
	float:right;
	margin-right: 3px;
    margin-top: 25px;
	}	
	
header nav {
	width:980px;
	text-align:center;
	
}

.navDiv{
	width:980px;
	margin-top: 38px;
	}
header nav ul.menu {
	margin:0 auto;
	 display: inline-block;
	/*box-shadow: 0 2px 1px #CBCACA;*/
	
	/*height: 48px;*/
	/*position: relative;
	z-index: 9999;*/
}

header nav ul.menu li.btn,
header nav ul.menu li.hr {
	float: left;
	position: relative;
	/*margin-right:13px;*/
}

header nav ul.menu li.hr{
	width:2px;
	height:13px;
}

header nav ul.menu li a.link,header nav ul.menu li a.visited,header nav ul.menu li a.active {
	font-family:Arial, "微軟正黑體";
	font-size:15px;
	text-align:center;
	height:48px;
	position: relative;
	text-decoration: none;
	color:#8c5c1a;
	display: block;
}

header nav ul.menu li a:hover{
	color:#bd821c;
	}
header nav ul.menu li.btn1{
	width:157px;
}
header nav ul.menu li.btn1 a.link,header nav ul.menu li.btn1 a.visited,header nav ul.menu li.btn1 a.active {
	font-family:Arial, "微軟正黑體";
	font-size:15px;
	text-align:center;
	height:40px;
	position: relative;
	text-decoration: none;
	color:#000;
	display: block;
}

header nav ul.menu li.btn1 a.active,header nav ul.menu li.btn1 a:hover{
	color:#bd821c;
	}
header nav ul.menu li.btn1.mouseover a.link {
	color:#bd821c;
	
}

header nav ul.menu li.btn2{
	width:135px;
}

header nav ul.menu li.btn2 a.link {
	/*text-indent: -9999px;*/
	display: block;
	/*background: url(../images/index1/button2.jpg) no-repeat left top;*/
	height: 40px;
	/*width: 136px;*/
	position: relative;
}

header nav ul.menu li.btn2.mouseover a.link {
	color:#bd821c;
}

header nav ul.menu li.btn3{
	width:136px;
}

header nav ul.menu li.btn3 a.link {
	
	display: block;
	
	height: 40px;
	width: 136px;
	position: relative;	
}

header nav ul.menu li.btn3.mouseover a.link {
	color:#bd821c;
}

header nav ul.menu li.btn4{
	width:142px;
}

header nav ul.menu li.btn4 a.link {
	
	display: block;
	
	height: 40px;
	width: 143px;
	position: relative;	
}

header nav ul.menu li.btn4 a.link:hover {
	background-position: left bottom;
}

header nav ul.menu li.btn5{
	width:135px;
}

header nav ul.menu li.btn5 a.link {
	
	display: block;
	
	height: 40px;
	width: 135px;
	position: relative;	
}

header nav ul.menu li.btn5 a.link:hover {
	background-position: left bottom;
}

header nav ul.menu li.btn6{
	width:142px;
}

header nav ul.menu li.btn6 a.link {
	
	display: block;
	
	height: 40px;
	width: 143px;
	position: relative;
	margin-right:0px;
}

header nav ul.menu li.btn6 a.link:hover {
	background-position: left bottom;
}

header nav ul.menu li.btn7 a.link {
	display: block;
	height: 40px;
	width: 126px;
	position: relative;	
}

header nav ul.menu li.btn7.mouseover a.link {
	color:#bd821c;
}

header nav ul.menu li.btn ul {
	position: absolute;
	left: -10px;
	top: 24px;
	z-index: 9999;
	width: 179px;
	display: none;
}
header nav ul.menu li.btn2 ul {
	position: absolute;
	left: -22px;
	top: 24px;
	z-index: 9999;
	width: 179px;
	display: none;
}
div.advertising{
	width:980px;
	height:51px;
	display:block;
	margin:0 auto;
	 background:url(../images/index/news_bg.gif) no-repeat 50% 0;
	behavior: url(PIE.htc);
	overflow:hidden;
}


div#marquee {
	width: 946px;
	height: 51px;
	line-height: 51px;
	margin-left: 18px;
	overflow: hidden;
}

div#marquee ul {
	overflow: hidden;	
	
}

div#marquee ul li{
	float: left;
	padding-right: 30px;
	padding-left: 30px;
}

div#marquee ul li a , div#marquee ul li a:visited {
	color: #CC2E68;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 35px;
	text-decoration:none;
}

div#marquee ul li a:hover {
	color: #FF4400;
	text-decoration:underline;
}

header nav ul.menu li.btn ul .top_ {
	background: url(../images/layout/pulldown_11.png) no-repeat scroll 0 0;
	height: 17px;	
}

header nav ul.menu li.btn ul .bottom_ {
	background: url(../images/layout/pulldown_15.png) no-repeat scroll 0 0;	
	height: 11px;

}

header nav ul.menu li.btn ul li{
	background: url(../images/layout/pulldown_13.png) repeat-y scroll 0 0;	
	display: block;

}

header nav ul.menu li.btn ul li a ,
header nav ul.menu li.btn ul li a:visited  {
	line-height: 24px;
	color: #a69c9c;
	height:27px;
	padding-left: 25px;
	display: block;
	text-decoration:none;
	background:url(../images/layout/icon_13.jpg) no-repeat 12px 7px;
	font-size:13px;
}

header nav ul.menu li.btn ul li a:hover  {
	color: #ff561b;	
}


/*html>/**//*body nav.top, x:-moz-any-link, x:default { 
	width:780px;
} /* Only FireFox 3 */

/*header nav.top{
	width:373px;
	height:20px;
	display:block;
	position:absolute;
	top:73px;
	right:0;
}*/

header nav.top ul {
    position: absolute;
    right: 0;
    top: 64px;
}

header nav.top ul li{
	float:left;
	margin-right:10px;
	color:#cccccc;
}

header nav.top ul li a{
	text-decoration:none;
}

header nav.top ul li a:hover{
	text-decoration:underline;
}

header nav.top ul li.li1{
	height:20px;
	display:block;
	padding-left: 23px;
	background:url(../images/layout/top_nav_06.png) no-repeat 0 0;
	line-height: 21px;
}

header nav.top ul li.li2{
	height:21px;
	display:block;
	padding-left: 25px;
    line-height: 21px;
	background:url(../images/layout/top_nav_08.png) no-repeat 0 0;
}

header nav.top ul li.li3{
	height:21px;
	display:block;
	padding-left:23px;
	background:url(../images/layout/top_icon_05.png) no-repeat 0 0;
	line-height: 21px;
}

header nav.top ul li.li4{
	height:21px;
	display:block;
	padding-left:23px;
	margin-right:0px;
	background:url(../images/layout/top_nav_10.png) no-repeat 0 0;
    line-height: 21px;
}

header nav.top ul li.li5{
	height:21px;
	display:block;
	padding-left:23px;
	background:url(../images/layout/top_icon_04.png) no-repeat 0 0;
	line-height: 21px;
	color:#8B8B8B;
}

header nav.top ul li.li6{
	height:21px;
	display:block;
	padding-left:23px;
	background:url(../images/layout/logout.png) no-repeat 0 0;
	line-height: 21px;
}

header nav.top ul li.li1 a{
	color:#F36;
}

header nav.top ul li.li2 a,
header nav.top ul li.li3 a,
header nav.top ul li.li4 a{
	color:#8b8b8b;
}

header nav.top ul li.li6 a{
	color:#e77c76;
}

div.cartNum{
	width:109px;
	height:23px;
	display:block;
	position:absolute;
	left:638px;
	top:29px;
	background:url(../images/layout/top_nav_03.png) no-repeat 00;
}

div.NumBox{
	width:110px;
	height:26px;
	display:block;
	position:relative;
}

div.cartNum span.add{
	width:33px;
	height:33px;
	display:block;
	line-height:22px;
	color:#00a2ff;
	font-weight:bold;
	text-align:center;
	float:right;
}

div.cartNum a{
	text-decoration:none;
	cursor:pointer;
}

/*header nav.main{
	width:100%;
	height:31px;
	border-top:3px solid #ffc2be;
}

header nav ul.menu {
	width: 980px;
	height: 31px;
	margin:0 auto;
	position: relative;
}

header nav ul.menu li.btn {
	float: left;
	position: relative;
}

header nav ul.menu li.btn a.link {
	text-indent: -9999px;
	display: block;
	background: url(../images/mainMenu.jpg) no-repeat left top;
	height: 31px;
	width: 164px;
	position: relative;
}

header nav ul.menu li.btn1.mouseover a.link {
	background-position: left bottom;	
}

header nav ul.menu li.btn2 a.link {
	width:163px;
	background-position: -163px top;	
}

header nav ul.menu li.btn2.mouseover a.link {
	background-position: -163px bottom;	
}

header nav ul.menu li.btn3 a.link {
	width:163px;
	background-position: -327px top;	
}

header nav ul.menu li.btn3.mouseover a.link {
	background-position: -327px bottom;	
}

header nav ul.menu li.btn4 a.link {
	width:163px;
	background-position: -490px top;	
}

header nav ul.menu li.btn4 a.link:hover {
	background-position: -490px bottom;
}

header nav ul.menu li.btn5 a.link {
	width:163px;
	background-position: -653px top;	
}

header nav ul.menu li.btn5 a.link:hover {
	background-position: -653px bottom;
}


header nav ul.menu li.btn6 a.link {
	width:164px;
	background-position: -817px top;	
}

header nav ul.menu li.btn6 a.link:hover {
	background-position: -817px bottom;
}*/



/**
 *	footerCt
 */
div.logo2{
	width:143px;
	height:23px;
	display:block;
	padding:15px 0px 0px 16px;
}
 
div.footerCt h2{
	width:143px;
	height:23px;
	display:block;
	background:url(../images/logo2.png) no-repeat left top;
	text-indent:-9999px;
}

div.footerCt address{
	width:375px;
	position:absolute;
	right:0;
	top:12px;
	font-style: normal;
}

div.footerCt address p{
	color:#666666;
}

div.footerCt address p.body{
	width:74px;
	float:right;
	background:url(../images/arrow1.png) no-repeat left 8px;
	padding:5px 0 0 10px;
}

div.footerCt address p a.bodyBtn{
	width:71px;
	height:14px;
	display:block;
	background:url(../images/bodyBtn.png) no-repeat left top;
	text-indent:-9999px;
}

div.footerCt address span.count{
	color:#882f30;
	padding-right:10px;
}

/**
 *	contentBox
 */
section.contentBox aside{
	width:230px;
	float:left;
}

section.contentRight{
	/*width:690px;*/
	float:right;
	margin-top: 15px;
	margin-bottom: 30px;
}
.bannerBox{
	width:737px;}

/*商品介紹開始*/
/*section.asideMain,
section.asideMain2{
	width:200px;
	margin-bottom:22px;
}

div.asideTop{
	width:274px;
	height:65px;
	display:block;
	text-indent:-9999px;
	background:url(../images/index2/productList_03.jpg) no-repeat left top;
}

div.asideBottom{
	width:274px;
	height:20px;
	display:block;
	background:url(../images/index2/productList_06.jpg) no-repeat left top;
}

section.asideMain nav{
	background:url(../images/index2/productList_05.jpg) repeat-y left top;
    width: 274px;
}

section.asideMain nav ul{
	width:172px;
	margin:0 10px;
}

section.asideMain nav ul li{
	width:250px;
	min-height:37px;
	display:block;
	line-height:37px;
	border-bottom:1px solid #FFFFFF;
}

section.asideMain nav ul li a{
	width:152px;
	display:block;
	line-height:24px;
	padding-left:50px;
	padding-top:7px;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	font-family: "微軟正黑體";
	font-size: 16px;
}

section.asideMain nav ul li a:hover{
	display:block;
	
}*/
/*商品介紹結束*/
div.asideTop2{
	width:230px;
	height:92px;
	display:block;
	text-indent:-9999px;
	background:url(../images/layout/login__tip_top.png) no-repeat left top;
}

div.asideBottom2{
	width:230px;
	height:14px;
	display:block;
	background:url(../images//layout/login_tip_bottom.png) no-repeat left top;
}

section.asideMain2 nav{
	background:url(../images/layout/login_tip_center.png) repeat-y left top;
	width:230px;
}

section.asideMain2 nav ul{
	width:172px;
	margin:0 auto;
}

section.asideMain2 nav ul li{
	width:172px;
	height:37px;
	display:block;
	line-height:37px;
	border-bottom:1px solid #FFE0CC;
}

section.asideMain2 nav ul li a{
	width:162px;
	height:37px;
	display:block;
	line-height:37px;
	padding-left:10px;
	text-decoration:none;
	color:#8b8b8b;
	text-align:center;
	font-family:Arial, "微軟正黑體";
	font-size:15px;
}

section.asideMain2 nav ul li a:hover{
	background:url(../images/hoverBg2.gif) no-repeat right center;
}

section.asideMain2 nav ul li a.stay{
	background:url(../images/hoverBg2.gif) no-repeat right center;
}

div.Ad{
	/*margin:0 30px;*/
}

div.Ad h6{
	width:194px;
	height:31px;
	display:block;
	background:url(../images/safeMark.gif) no-repeat left top;
	text-indent:-9999px;
	margin-bottom:20px;
}

section.pageCt{
	margin-top:15px;
	min-height:200px;
	width:740px;
}

/**
 *	slider
 */
#slides{
	width:733px;
	height:275px;
	display:block;
	/*border:2px solid #f98268;*/	
	border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	behavior: url(PIE.htc);
	position:relative;
}

.slides_container {
	width:733px;
	overflow:hidden;
	position:relative;
	/*display:none;*/
}

.slides_container a {
	width:733px;
	height:275px;
	display:block;
}

.slides_container a img {
	display:block;
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-o-border-radius:0px 0px 5px 5px;
	-ms-border-radius:0px 0px 5px 5px;
	behavior: url(PIE.htc);
}

.pagination {
	width:100px;
	position:absolute;
	right:0;
	bottom:5px;
	z-index:100;
}

.pagination li {
	float:left;
	margin:0 2px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:13px;
	height:13px;
	height:0;
	padding-top:13px;
	background-image:url(../images/layout/Control_Off.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-image:url(../images/layout/Control_On.png);
}

/**
 *	location
 */
div.location{
	width:739px;
}

div.location ul li{
	float:left;
	margin-right:10px;
	padding-right:10px;
	background:url(../images/layout/breadCrumbs_icon.png) no-repeat right center;
	_display:inline;
	font-size:12px;
	font-family:'微軟正黑體';
	font-weight:bold;
}

div.location ul li.last{
	background:0;
}

div.location ul li a{
	font-family:'微軟正黑體';
	color:#777777;
	text-decoration:none;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
	 display: block;
    height: 29px;
    line-height: 30px;
    padding-left: 10px;
}

div.location ul li a:hover{
	color:#000000;
	text-decoration:underline;
}

div.Ad {
    padding:10px 0 10px 0;
}
div.Ad img {
    width: 230px;
}
/*20140522*/
/*購物車ICON*/
.cartText{
	font-family:'微軟正黑體';
	font-size:12px;
	color:#FFFFFF;
    line-height: 20px;
    padding-left: 33px;
	float:left;
	}
section.asideMain{
	margin-top: 10px;
    margin-bottom: 12px;
    width: 230px;
}


div.asideTop{
	width:162px;
	height:53px;
	background: url(../images/layout/pro_list_btn_bg_TOP-230.png) no-repeat scroll 0 0;
	color: rgb(255, 0, 96);
    float: left;
    font-family: Arial,"微軟正黑體";
    font-size: 18px;
    font-weight: 500;
    padding-left: 68px;
    padding-top: 10px;
	display: inline-block;
}
div.asideCenter{
	width:230px;
	background: url(../images/layout/pro_list_btn_bg_center-230.png) repeat-y scroll 0 0;
	display: inline-block;
	}
div.asideBottom{
	width:230px;
	height:37px;
	background: url(../images/layout/pro_list_btn_bg_bottom-230.png) repeat-y scroll 0 0;

}
section.asideMain nav{
	
	display: inline-block;
  
    width: 230px;
}

section.asideMain nav ul{
	width:224px;
	margin:0 auto;
}

section.asideMain nav ul li{
	 border-bottom: 1px dotted rgb(249, 130, 104);
    display: block;
    height: 34px;
    line-height: 34px;
    width: 224px;
	
}

section.asideMain nav ul li a{
	color: rgb(53, 84, 79);
    display: block;
    font-family: "微軟正黑體";
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    width: 224px;
}

section.asideMain nav ul li a:hover{
	background: url("../images/layout/pro_list_btn_hover_07.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
}

section.NewsRunBox {
    background: url("../images/index/news_bg_x.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 51px;
    width: 100%;
}

section.NewsRunBox:before {
    background: url("../images/layout/news_bg_x.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 51px;
    width: 100%;
}
/*麵包削*/

div.location{
	width:730px;
	height:30px;
	line-height: 30px;
    padding-left: 10px;
	background: url(../images/layout/bread_03.jpg) repeat-x scroll 0 0;	
}

div.location ul li{
	float:left;
	margin-right:10px;
	padding-right:10px;
	background:url(../images//layout/breadCrumbs_icon.png) no-repeat right center;
	_display:inline;
	font-size:12px;
	font-family:'微軟正黑體';
	font-weight:bold;
}

div.location ul li.last{
	background:0;
}

div.location ul li a{
	color:#666666;
	text-decoration:none;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}

div.location ul li a:hover{
	color:#000000;
	text-decoration:underline;
}
