@charset "utf-8";
@import url("reset.css");
@import url("colorbox.css");
body {
	margin:0 auto;
	background:url(../images/base/bodyBg.jpg);
}
br.CLEAR {
	clear: both;
	height:0;
	font-size:1px;
	line-height:0;
}	
/* 去除超連結外框 */
a {
    outline: none; /* for Firefox Google Chrome  */
    behavior:expression(this.onFocus=this.blur()); /* for IE */}
.wrapper{
	clear:both;
	width:950px;
	margin:26px auto 0;}

/* ---------------------------------------- 最右側浮動購物車 ---------------------------------------- */
#floatMenu {
	position:absolute;
	top:150px;
	left:50%;
	margin-left:480px;
	*margin-left:340px;
	z-index:1000;
	width:30px;
	padding-left:18px;}
.cartIcon{
	position:absolute;
	z-index:800;
	left:3px;
	*position:inherit;
	*margin-left:122px;
	display:block;
	width:58px; height:64px;
	background:url(../images/base/floatCart_01.png) no-repeat left top;}
.carbtn{
	display:block;
	width:30px; height:342px;
	text-indent:-9999px;
	background:url(../images/base/floatCart_02.png) no-repeat left top;}

.carbtn2{
	display:block;
	width:30px; height:342px;
	text-indent:-9999px;
	background:url(../images/base/floatCart_04.png) no-repeat left top;}
	
.goTop{
	position:absolute;
	bottom:0;
	z-index:100;
	display:block;
	width:30px; height:34px;
	text-indent:-9999px;
	background:url(../images/base/floatCart_03.png) no-repeat left top;}
.cartWrap{
	height:376px;
	margin-top:50px;
	*margin-top:-12px;
	margin-left:136px;
	float:right;}

#myContent {
	display: none;
	position:absolute;
	right: 30px; top:50px; *top:52px;
	z-index: 700;
	*margin-right:-140px;
	width:120px; height:370px;
	background-color:#ff5400;
	border:3px solid #ff5400;}

#myContent2 {
	display: none;
	position:absolute;
	right: 36px; top:50px; *top:52px;
	z-index: 700;
	*margin-right:-140px;
	width:120px;
	/*--height:370px;--*/
	padding-bottom:13px;}
	
.cartBuy{
	width:100%;
	height:118px;
	margin:0 auto;
	background:#dd2828;}
.cartBuy dl{
	width:98px;
	padding:25px 0 0 10px;}
.cartBuy dt{
	clear:both;
	display:block;
	float:left;
	width:38px;
	font-size:13px;
	color:#FFF;
	line-height:25px;}
.cartBuy dd{
	width: 60px;
	float: right;
	height: 25px;
	overflow: hidden;
	font-size:13px;
	color:#FFF;
	text-align:right;
	line-height:25px;}
.cartBtn{
	display:block;
	width:81px; height:27px;
	text-indent:-9999px;
	/*argin:5px auto 0;*/
	margin: 15px 20px;
	background:url(../images/base/cartBtn.png);}
.cartBtn:hover{
	position:relative;
	top:1px; left:1px;}

.cartBuy2{
	width:100%;
	height:54px;
	margin:0 auto;
	background:#dd2828;
	/*padding-bottom:15px;*/
	border-top:3px solid #b60000;
	border-left:3px solid #b60000;
	border-right:3px solid #b60000;
	border-bottom:1px solid #fff;}
.cartBuy2 dl{
	width:98px;
	padding:25px 0 0 10px;}
.cartBuy2 dt{
	clear:both;
	display:block;
	float:left;
	width:38px;
	font-size:13px;
	color:#FFF;
	line-height:25px;}
.cartBuy2 dd{
	width: 60px;
	float: right;
	height: 25px;
	overflow: hidden;
	font-size:13px;
	color:#FFF;
	text-align:right;
	line-height:25px;}
	
.pastBrowse{
	height:225px;
	border:4px solid #d3d3d3;
	border-left:none;
	background:#f6f6f6;}
.pastBrowse li{
	clear:both;
	list-style:none;
	display:block;
	width:52px;
	margin:5px auto;}
.pastBrowse li img{
	border:1px solid #FFF;}
.pastBrowse li img:hover{
	position:relative;
	left:1px; top:1px;}

.pastBrowse2{
	/*--height:225px;--*/
	min-height: 307px;
	width:100%;
	/*background:url(../images/base/activeBg.gif) repeat-x left top;*/
	background-color:#f6f6f6;
	border-right:3px solid #ff5400;
	border-left:3px solid #ff5400;
	border-bottom:3px solid #ff5400;
	border-top:3px solid #ff5400;
	/*border-top:1px solid #cecdcd;*/
	padding-bottom:5px;}
.pastBrowse2 li{
	clear:both;
	list-style:none;
	display:block;
	width:52px;
	margin:5px auto;}
.pastBrowse2 li img{
	border:1px solid #FFF;}
.pastBrowse2 li img:hover{
	position:relative;
	left:1px; top:1px;}
.pastBrowse2 p.pastTitle{
	width:100%;
	text-align:center;
	height:25px;
	display:block;
	line-height:25px;
	color:#666;
	padding-top: 2px;
	padding-bottom: 5px;
	background:url(../images/base/floatCart_05.png) no-repeat right 5px;
}

/* ---------------------------------------- 最上方 ---------------------------------------- */
.header{
	width:100%; height:145px;
	background:url(../images/base/top/topBg.gif) repeat-x center top;}
.topMenuBg{
	position:absolute;
	top:64px;
	width:100%; height:48px;
	background:url(../images/base/top/menuBg.png) repeat-x;
	/*z-index: 0;*/
}
.topWrap{
	position:relative;
	width:950px; margin:0 auto;}
.fbBtn{
	position:absolute;
	right:0px; top:96px;
	display:block;
	text-indent:-9999px;
	width:77px; height:22px;
	background:url(../images/base/top/fb.png) left top;
	z-index: -1;
}
.fbBtn:hover{
	background-position:left bottom;}
.chromeBtn{
	position:absolute;
	right:82px; top:96px;
	display:block;
	text-indent:-9999px;
	width:348px; height:23px;
	background:url(../images/base/top/in_item.gif) left top;
	z-index: 0;
}
.topWrap h1 a{
	position:absolute;
	top:-64px; left:-445px;
	z-index:9;
	display:block;
	width:616px; height:145px;
	text-indent:-9999px;
	background:url(/fleget/CktPicShow.ashx?typ=ECHomeBGPicUrl&nme=PIC201405091358568FN.png) no-repeat left top;}
.topMemberWrap{
	position:absolute;
	top:-44px;
	width:950px;
	z-index: 9;
}
.topMemberList{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 29px;
	background: url(https://pic1.cavesbooks.com.tw/fleget/CktPicShow.ashx?typ=ECHomeBGPicUrl&nme=BGP2014050913585607P.jpg) repeat-x center top;
}
.topMemberList > div {
	width: 958px;
	margin: 0px auto;
}
.topMember {
	float:right;}
.topMember ul{
	float:right;
	display:block;
	list-style:none;}
.topMember li{
	float:left;
	display:block;
	margin-right:4px;}
.topMember li a{
	display:block;
	height:35px;}
.topMember li a:hover{
	text-decoration:underline;}
.topMember li a b {
	color: red;
	margin: 0 2px;
}
.welcome a{
	font-size:13px;
	color:#FFF;
	line-height:35px;
	margin-right:15px;
	text-decoration:none;}
.login a, .logout a,.loginJoin a, .topMember2 a, .cloud a, .oneLanguage a, .cart a, .number a {
	font-size:12px;
	color:#522529;
	font-weight:bold;
	line-height:31px;
	text-decoration:none;}
.login a:hover, .logout a:hover, .loginJoin a:hover, .cloud a:hover .topMember2 a:hover, .oneLanguage a:hover, .cart a:hover, .number a:hover {
	text-decoration:underline;}
.login{
	width:92px; height:31px;
	text-indent:35px;
	background:url(../images/base/top/login.png);}
.loginJoin{
	width:92px; height:31px;
	text-indent:35px;
	background:url(../images/base/top/login.png);}
.logout{
	width:92px; height:31px;
	text-indent:35px;
	background:url(../images/base/top/logout.png);}
.cloud{
	width:92px; height:31px;
	text-indent:35px;
	background:url(../images/base/top/cloud.png);}
.oneLanguage{
	width:92px; height:31px;
	text-align:center;
	background:url(../images/base/top/other.png);}
.cart{
	width:92px; height:31px;
	text-indent:35px;
	background:url(../images/base/top/cart.png);}
.number{
	width:auto; height:31px;
	text-indent:35px;
	background:url(../images/base/top/number.png) no-repeat;
	border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
}
.topMember2{
	list-style:none;
	float:right;
	padding-left:17px;
	width:121px; height:31px;
	*width:122px;
	background:url(../images/base/top/language.png);}
.topMember2 li{
	float:left;}
.topMember2 li a:hover{
	text-decoration:underline;}

/* ---------------------------------------- 橫向主選單 ---------------------------------------- */
.topMenu{
	position:absolute;
	top:45px; left:168px;
	width:900px;
	list-style:none;
	background:url(../images/base/top/topMenuLine.png) no-repeat left top;
	z-index: -1;
}
.topMenu li{
	float:left;
	display:block;
	line-height:39px;
	background:url(../images/base/top/topMenuLine.png) no-repeat right top;}
.topMenu li a{
	display:block;
	padding:0 16px;
	font-size:16px;
	color:#60332c;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:none;}
.topMenu li a:hover{
	position:relative;
	left:1px; top:1px;
	color:#ad1212;}

/* ---------------------------------------- 商品搜尋 ---------------------------------------- */
.topSearch{
	position:relative;
	z-index:-1;
	float:left;
	width:437px; height:35px;
	top:96px;}
.topSearch h3{
	float:left;
	font-size:13px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:1px;
	text-indent:20px;
	padding-top:2px;
	*padding-top:4px;
	margin:0 6px 0 18px;
	background:url(../images/base/top/iconZoom.png) left 4px no-repeat;}
.searchInput{
	font-size:12px;
	color:#999;
	width:180px; height:18px; line-height:18px;
	border:none;
	padding:0 3px;}
.topSearch select{
	width:85px;
	font-size:12px;
	*margin-top:-24px;}
.searchBtn{
	display:block;
	float:left;
	/*margin-top:1px;*/
	*margin-top:-23px;
	width:108px; height:27px;
	text-indent:-9999px;
	position:relative;
	left: 200px;
    top: -20px;
	background:url(../images/base/top/search_icon01.png) no-repeat left top;
}
.searchBtn:hover{
	background-position:right top;}
	
.searchBtn02{
	display:block;
	float:left;
	/*margin-top:1px;*/
	*margin-top:-23px;
	width:135px; height:27px;
	text-indent:-9999px;
	position:relative;
	left: 200px;
    top: -20px;
	background:url(../images/base/top/search_icon02.png) no-repeat left top;
}
.searchBtn02:hover{
	background-position:right top;}	

.searchBtn2{
	display:block;
	margin-top:1px;
	*margin-top:-23px;
	width:52px; height:23px;
	text-indent:-9999px;
	position:relative;
	left: 330px;
	top: -20px;
	margin-bottom: -30px;
	background:url(../images/base/top/btnSearch.png) no-repeat left top;
}
.searchBtn2:hover{
	background-position:right top;}

.topSearch input[type="text"]:focus{
	border:none;}

/* IE8 */
.topSearch input[type="text"] {
	position /*\**/:relative\9;
	top /*\**/:0px\9;}
.topSearch select{
	position /*\**/:relative\9;
	top /*\**/:2px\9;}
/* IE9 */	
:root .topSearch h3{
	padding-top:4px\9;}
:root .topSearch input[type="text"] {
	position:relative\9;
	top:0px\9;}
:root .topSearch select{
	position:relative\9;
	top:2px\9;}
:root .searchBtn{
	margin-top:0px\9;}
/* Firefox */	
@-moz-document url-prefix() { 
  .topSearch h3 {
     padding-top:1px;}
  .searchInput {
	 margin-top:2px;}
  .searchBtn {
	 margin-top:0px;}
}

/* ---------------------------------------- 熱門關鍵字 ---------------------------------------- */
.hotKeyWord{
	float:left;
	width:360px; height:19px;
	overflow:hidden;
	margin-top:83px;
	margin-left:20px;
	padding-left:46px;
	background:url(../images/base/top/iconHot.png) no-repeat left top;}
.hotKeyWord h3{
	display:none;
	text-indent:-9999px;}
.hotKeyWord li{
	float:left;
	list-style:none;}
.hotKeyWord li a{
	display:block;
	font-size:12px;
	color:#FFF;
	line-height:19px;
	text-decoration:none;}
.hotKeyWord li a:hover {
	color:#fae16b;}
:root .hotKeyWord li{
	margin-top:2px\9;}

@-moz-document url-prefix() { 
    .hotKeyWord{
		margin-top:82px;}
}

/* ---------------------------------------- 左側主選單 ---------------------------------------- */

.menu_container {
	*position:relative;
	*z-index:1000;
	float: left;
	width:208px; height:350px;
	margin-top:-7px;
	background:url(../images/base/leftMenu.png);}
.menu_container.right {
	float: right;}
.clear {clear: both;}
.menu{	
	position: relative;
	width:170px;
	list-style:none;
	top:63px; left:32px;}
.menu h2{
	display:none;}
.menu ul h2{
	display:block;
	height:31px; padding-top:5px;
	font-size:16px; color:#fff; text-shadow:1px 1px 1px #401f00;
	text-align:center; letter-spacing:7px;
	background:url(../images/base/menuTitle.png) repeat-x;}
:root .menu ul h2{
	padding-top:8px\9; height:28px\9;}
/* Firefox */	
@-moz-document url-prefix() { 
  .menu ul h2{
	padding-top:3px; height:33px;}
}
.menu_container .current{
	color:#f16f01;
	background:url(../images/base/leftMenuBg2.png) left bottom no-repeat;}

/* 第一層樣式 */
.menu li a {
	display: block;
	list-style:none;
	text-decoration: none;}
.leftMenuStyle{
	width:170px; height:25px;
	font-size:15px;
	line-height:25px;
	color:#656565;
	font-weight:bold;
	text-indent:30px;
	text-shadow:1px 1px 0px #FFF;
	background:url(../images/base/leftMenuBg2.png) left top no-repeat;}
.leftMenuStyle:hover{
	color:#f16f01;
	background-position:left bottom;}

/* 第二層樣式 */
.menuBox{
	float:left;
	margin-bottom:5px;}
.dcjq-vertical-mega-menu .menu li .sub-container {
	position: absolute;
	top:0px;}
.dcjq-vertical-mega-menu .menu li .sub-container .sub {
	border:1px solid #b36b0a;
	background-color:#FFF;
	padding:9px;}
.dcjq-vertical-mega-menu .menu li .sub .row {
	width: 100%; overflow: hidden; }
.dcjq-vertical-mega-menu .menu li .sub li {
	float: none; 
	width: 170px; 
	list-style:none;
	font-weight: normal;}
.dc-mega-li{
	position:relative;}
	
/* 第二層大類別 */
.firstClass {
	margin:1px;
	list-style:none;
	background:url(../images/base/leftFirstMenuBg.png) no-repeat left top;}
.firstClass a{
	display:block;
	line-height:27px;
	font-size:15px;
	color:#FFF;
	text-indent:12px;}
.dcjq-vertical-mega-menu .menu li .sub li.mega-hdr {
	float: left;
	list-style:none;}
.dcjq-vertical-mega-menu .menu li .sub a, .dcjq-vertical-mega-menu .menu.left li .sub a {
	display: block;
	text-decoration: none;}
.dcjq-vertical-mega-menu .menu li .sub li.mega-hdr a.mega-hdr-a {
	font-size:15px;
	color: #fff;
	text-align: left;
}

/* 展開收合選單 */
.menu_list {
	position:relative;
	width: 170px;}
.menu_head{
	border-bottom:1px dotted #c2c2c2;}
.menu_head, .menu_head a{
	font-size:12px;
	line-height:25px;
	color:#575757;
	cursor: pointer;
	position: relative;
	text-indent:12px;}
.menu_head:hover, .menu_head a:hover{
	color:#8e5200;
	background-color:#f5e3c0;}
.menu_body {
	display:none;}
.menu_body a{
  display:block;
  font-size:12px;
  color:#f16f01;
  padding-left:10px;
  text-decoration:none;}
.menu_body a:hover{
	background-color:#f5e3c0;}
.menuArrow{
	display:block;
	background:url(../images/base/right.png) no-repeat right top;}

/* ---------------------------------------- 頁腳 ---------------------------------------- */
.footer{
	clear:both;
	width:100%;
	background-color:#000;
	padding:22px 0 5px;}
/* 頁腳廣告 */
.footAd{
	width:950px;
	margin:0 auto;
	padding-left:5px;}
.footAd li{
	float:left;
	list-style:none;
	display:block;
	margin-right:8px;
	*margin-right:0px;}
.footAd li img{
	width:178px; height:68px;
	border:2px solid #FFF;}
.footAd li img:hover{
	position:relative;
	left:1px; top:1px;}
.footBoxWrap{
	width:945px;
	padding-top:25px;
	padding-left:5px;
	margin:0 auto;}

/* 客戶編輯 */
.footLeftContent{
	float:left;
	width:620px;
	/*background:url(../images/upload/footLogo.jpg) no-repeat left top;*/
	border-right:1px solid #FFF;}
.footLeftContent {
	font-size:13px;
	color:#FFF;
	line-height:28px;
	/*padding:0 10px 0 155px;*/
	}
	
.footRightContent{
	display:block;
	float:left;
	width:95px;}
.footRightContent li{
	display:block;
	list-style:none;
	float:left;
	width:95px;}
.footRightContent li a{
	display:block;
	width:95px;
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	padding:6px 0;}
.footRightContent li a:hover{
	color:#bc932b;}

/* ICON */
i.fa {
	display: inline-block;
	color: red;
}
i.fa.fa-exclamation-circle {
	width: 11px;
	height: 11px;
	background: url(../assets/img/fa-icon5.png) no-repeat;
}



/* 宣告 */
address{
	clear:both;
	width:100%; height:38px;
	background:#121212;
	font-style:normal;
	font-size:13px;
	color:#FFF;
	line-height:38px;
	text-align:center;}



#headssss {
    width: 100%;
    height: 29px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: url(https://pic1.cavesbooks.com.tw/fleget/CktPicShow.ashx?typ=ECHomeBGPicUrl&nme=BGP2014050913585607P.jpg) repeat-x center top;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
#headssss h1#logo {
    display: inline-block;
    height: 150px;
    line-height: 150px;
    float: left;
    font-family: "Oswald", sans-serif;
    font-size: 60px;
    color: white;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#headssss nav {
    display: inline-block;
    float: right;
}
#headssss nav a {
    line-height: 150px;
    margin-left: 20px;
    color: #9fdbfc;
    font-weight: 700;
    font-size: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#headssss nav a:hover {
    color: white;
}
#headssss.smaller {
    height: 40px;
}
#headssss.smaller h1#logo {
    width: 150px;
    height: 75px;
    line-height: 75px;
    font-size: 30px;
}
#headssss.smaller nav a {
    line-height: 75px;
}

@media all and (max-width: 660px) {
    #headssss h1#logo {
        display: block;
        float: none;
        margin: 0 auto;
        height: 100px;
        line-height: 100px;
        text-align: center;
    }
    #headssss nav {
        display: block;
        float: none;
        height: 50px;
        text-align: center;
        margin: 0 auto;
    }
    #headssss nav a {
        line-height: 50px;
        margin: 0 10px;
    }
    #headssss.smaller {
        height: 40px;
    }
    #headssss.smaller h1#logo {
        height: 40px;
        line-height: 40px;
        font-size: 30px;
    }
    #headssss.smaller nav {
        height: 35px;
    }
    #headssss.smaller nav a {
        line-height: 35px;
    }
}