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

/* sidebox ///////////////////////*/
#sidebox_left{
	float:left;
	
	margin-right:75px;
	color:#666;
	width:220px;
}
#sidebox_right{
	float:right;
	margin-top:50px;
	margin-left:75px;
	color:#666;
	
}

.sidebox{
	width:220px;
	padding-bottom:50px;
	
}
.sidebox .infobox{
	padding:10px 20px 20px;
}
.sidebox .infobox .title{
	background:none!important;
	font-size:13px;
	font-family:"Century Gothic", Arial;
	padding:0px;
	text-align:left;
}

.sidebox > div{
	border-radius:5px;
	border:1px solid #facfdf;
	box-shadow:0px 5px 1px #e51e56;
	width:220px;
	background-color:#ffffff;
	margin-bottom:20px;
	font-size:11px;
}



.sidebox .title{
	/*background:-moz-linear-gradient(center top , #ffd200, #ffa200) repeat scroll 0 0 #ffa200;
	background-color:#ffa200;*/
	background:url(../../images/sidebox/header.png) no-repeat bottom center;
	text-align:right;
	font-family:"微軟正黑體", Arial;
	font-size:20px;
	line-height:normal;
	padding:20px 10px;
	padding-bottom:0px;
	padding-left:60px;
	border-radius:5px;
	border:none;
	
	color:#e03d6b;
}

.sidebox .title > div{
	border-bottom:10px;
	border-bottom:1px solid #e03d6b;
}

.sidebox > div.s2{
	border:1px solid #c1d0d4;
	box-shadow:0px 5px 1px #92acb3;
	
}



.sidebox .s2 .title{
	/*background:-moz-linear-gradient(center top , #ffd200, #ffa200) repeat scroll 0 0 #ffa200;
	background-color:#ffa200;*/
	background:url(../../images/sidebox/header_blue.png) no-repeat bottom center;
	color:#9e9e9e;
}

.sidebox .s2 .title > div{
	border-bottom:1px solid #9e9e9e;
}


.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;
}

.sidebox .thumb{
	border:1px solid #dedede;
	text-align:center;
	vertical-align:middle;
	margin-bottom:10px;
	border-radius:10px;
	overflow:hidden;
}




/* 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 .box{
/*	border-bottom:1px solid #CCCCCC;
	padding:5px 0px;*/

}
#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 .sale_contact{
	padding:10px 0px;
	border-top:2px solid #f41a57;
}
#side_contact .sale_contact > div:nth-child(1){
	padding-right:10px;
	text-align:right;
	font-size:13px;
	color:#f41a57;
	width:50px;
	float:left;
}

#side_contact .sale_contact > div:nth-child(2){
	padding-left:10px;
	border-left:1px solid #dedede;
	overflow:hidden;
}
#side_contact .sale_contact > div:nth-child(2) > div{
	padding-bottom:5px;
}

#side_contact .button{
	margin-top:5px;
	cursor:pointer;
	background:none;
	background-color:#f41a57;
	color:#ffffff;
	padding:10px 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;
}


#side_event .infobox{
	cursor:pointer;
}
#side_event .date{
	background-color:#038ca2;
	color:#ffffff;
	padding:3px 10px;
	font-size:10.5px;
	position:absolute;
	margin-top:-30px;
	border-radius:5px;
}
#side_event .date > div{
	display:inline-block;
}
* html #side_event .date > div{
	display:inline;
}
* + html #side_event .date > div{
	display:inline;
}
#side_event .infobox .title{
	color:#038ca2!important;
}