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

/* sidebox ///////////////////////*/
#sidebox_left{
	float:left;
	margin-right:25px;
	color:#666;
	width:200px;
}
#sidebox_right{
	float:right;
	margin-left:25px;
	color:#666;
	width:160px;
}

.sidebox > div{
	margin-bottom:25px;
	font-size:11px;
}


.sidebox .title{
	font-family:"微軟正黑體", Arial;
	font-size:16px;
	line-height:normal;
	padding-bottom:5px;
	color:#ccc;
	margin-bottom:5px;
	border-bottom:1px solid #eee;
	
	background:-moz-linear-gradient(center top , #ffd200, #ffa200) repeat scroll 0 0 #ffa200;
	background-color:#ffa200;
	border-radius:5px;
	border:none;
	padding:5px 10px;
	color:#fff;
	text-shadow:0px -1px 0px #e49600;
}

.sidebox .button{
	background:-moz-linear-gradient(center top , #e6d482, #f2eac2) repeat scroll 0 0 #e6d481;
	background-color:#e6d481;
	display:inline-block;
	border-radius:5px;
	padding:5px 15px;
	font-family:arial;
	font-size:11px;
	color:#515151;
	margin-top:1px;
	box-shadow:0px 1px 1px #888;
	cursor:pointer;
}
* html .sidebox .button{
	display:inline;
}
* + html .sidebox .button{
	display:inline;
}
.sidebox .button:hover{
	background:-moz-linear-gradient(center top , #f7cf16, #f2eac2) repeat scroll 0 0 #e6d481;
	background-color:#e6d481;
	color:#000;
}

.sidebox .action{
/*	border-top:1px solid #eee;
	margin-top:10px;*/
	padding-top:5px;
	text-align:right;
}




/* member //////////////////////////////*/
#side_acc input{
	width:100%;
}
#side_acc .but_register{
	background:-moz-linear-gradient(center top , #e6d482, #f2eac2) repeat scroll 0 0 #e6d481;
	background-color:#e6d481;
	border-radius:5px;
	padding:7px 10px;
	font-family:"微軟正黑體", Arial;
	font-size:16px;
	color:#515151;
	margin-top:1px;
	box-shadow:0px 1px 1px #888;
	cursor:pointer;
	text-align:center;
}

#side_acc .but_register:hover{
	background:-moz-linear-gradient(center top , #f7cf16, #f2eac2) repeat scroll 0 0 #e6d481;
	background-color:#e6d481;
	color:#000;
}
#side_acc .box{
	border-bottom:1px solid #CCCCCC;
	padding:5px 0px;
	margin-bottom:5px;
}


/* cart /////////////////////////////////*/
#side_cart .box{
/*	border-bottom:1px solid #CCCCCC;*/
	border-radius:5px;
	box-shadow:0px 1px 3px #FEF2CF;
	background-color:#F2F1D7;
	padding:10px 10px;
}
/* inquiry ////////////////////////////*/
#side_inq .box{
	border-radius:5px;
	box-shadow:0px 1px 3px #FEF2CF;
	background-color:#F2F1D7;
	padding:10px 10px;
}


/* latest news /////////////////////////*/

#side_news .topic{
	font-family:"微軟正黑體", Arial;
	font-size:15px;
	color:#2a1100;
/*	border-bottom:1px solid #f2d89f;*/
	margin-bottom:5px;
}
#side_news .thumb{
	float:right;
	width:60px;
	height:40px;
	margin-left:15px;
	box-shadow:0px 3px 5px #CCC;
}

#side_news .des{
	font-size:11px;
	color:#6a6a6a;
	border-radius:5px;
	box-shadow:0px 1px 3px #FEF2CF;
	background-color:#F2F1D7;
	padding:10px 10px;
}

/* enewsletter subscription //////////////*/
#side_enews{
	background:-moz-linear-gradient(center top , #ede69e, #f3ea81) repeat scroll 0 0 #ede69e;
	background-color:#f3ea81;
	background:-moz-linear-gradient(center top , #ffd200, #ffa200) repeat scroll 0 0 #ffa200;
	background-color:#ffa200;
	border-radius:5px;
	box-shadow:0px 1px 2px #999;
	padding:10px 15px;
}
#side_enews input{
	width:100%;
}
#side_enews .title{
	font-family:"微軟正黑體", Arial;
	font-size:15px;
	color:#333;
	padding:5px 0px;
	background:none;
	text-shadow:none;
}

/* contact /////////////////////*/
#side_contact{
	background:-moz-linear-gradient(center top , #ededed, #dadada) repeat scroll 0 0 #dadada;
	background-color:#dadada;
	border-radius:5px;
	box-shadow:0px 1px 2px #999;
	padding:10px 15px;
	font-size:11px!important;
}
#side_contact td{
	padding-bottom:10px;
	vertical-align:top;
}
#side_contact .title{
	color:#181818;
	padding:5px 0px;
	background:none;
	text-shadow:none;
}

#side_contact .box{
	margin:15px 0px 5px;
}

#side_contact .button{
	margin-top:5px;
	cursor:pointer;
	background:none;
	background-color:#fff;
	color:#bb9f72;
	padding:2px 5px;
	border-radius:10px;
	text-align:center;
	display:block;
}

#side_contact .button:hover{
	background:none;
	background-color:#2a2a2a;
	color:#fff;
	box-shadow:inset 0px -1px 1px #000;
}


/* hot buy ////////////////////////*/
#side_hotbuy ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#side_hotbuy li{
	display:inline-block;
	vertical-align:top;
	margin-bottom:1px;
	border-spacing:none;
}

* html #side_hotbuy li{
	display:inline;
}

* + html #side_hotbuy li{
	display:inline;
}

#side_hotbuy .box{
	border-bottom:1px solid #CCCCCC;
}

#side_hotbuy .box > div:nth-last-child(1){
	clear:both;
}


#side_hotbuy .thumb{
	width:70px;
	height:60px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #ddd;
}

/* recent view ////////////////////*/
#side_recent ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#side_recent li{
/*	display:inline-block;*/
	vertical-align:top;
	margin-bottom:1px;
	border-spacing:none;
	text-align:left;
	clear:both;
	padding:3px;
	border-bottom:1px solid #eee;
}
#side_recent li:nth-last-child(1){
	border:none;
}
/*
* html #side_recent li{
	display:inline;
}

* + html #side_recent li{
	display:inline;
}
*/
#side_recent li > div:nth-child(1){
	float:right;	
	margin-left:5px;
}
#side_recent li:hover{
	background-color:#F7F7EA;
}



#side_recent .box{
	border-bottom:1px solid #CCCCCC;
}


#side_recent .thumb{
	width:70px;
	height:60px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #ddd;
}

#side_recent li > div:nth-last-child(1){
	clear:both;
}


/* recent view ////////////////////*/
#side_suggest ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#side_suggest li{
	clear:both;
	display:inline-block;
	vertical-align:top;
	margin-bottom:1px;
	border-spacing:none;
}

* html #side_suggest li{
	display:inline;
}

* + html #side_suggest li{
	display:inline;
}

#side_suggest .box{
	border-bottom:1px solid #CCCCCC;
}


#side_suggest .thumb{
	width:70px;
	height:60px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #ddd;
}



/* external /////////////////////*/


.external_list{
margin-bottom:10px;
}
.external_list > div{
display:inline-block;
margin-right:3px;
}
* html .external_list > div{
display:inline;
}
* + html .external_list > div{
display:inline;
}

.share_box{
padding:10px;
background-color:#fff;
font-size:14px;
color:#663000;
border-top:2px dotted #f7921e;
border-radius:10px;
box-shadow:0px 1px 1px #999;
}
.share_box .tagline{
}
.share_box .icon{
background:url(../images/icon/external/share_fd.png) no-repeat center center;
width:64px;
height:36px;
position:absolute;
margin-top:15px;
}