/**********************************************************/
/*
/* #commodity
/*
/**********************************************************/
#commodity
{
	width:900px;
	position:relative;
	text-align:left;
}
.commodity_left
{
	width:680px;
	/*height:30px;*/
	position:relative;
	float:left;
}
.commodity_left_top
{
	width:100%;
	height:22px;
	position:relative;
}
.commodity_left_top_crumbs
{
	float:left;
	height:22px;
	line-height:22px;
}
.commodity_left_top_img
{
	/*position:absolute;*/
	float:right;
	right:0px;
	top:0px;
	max-height:22px;
}
.commodity_left_top_img[src="img/rmi_logo.png"],
.commodity_left_top_img[src="img/save_logo.png"]
{
	max-height:15px;
}
.commodity_left_middle
{
	margin-top:30px;
	position:relative;
}
.commodity_left_middle_left
{
	width:230px;
	min-height:800px;
	float:left;
}
.commodity_left_middle_left_row1
{
	width:230px;
	height:240px;
}
.hide
{
	display:none;
}
.hide.commodity_formats+label
{
	padding-left:20px;
}
.commodity_format_discount
{
	width:100%;
	text-align:right;
}
.discount_color
{
	display:inline-block;
	color:#ee4063;
}
#commodity_img_master
{
	height:176px;
	border:1px #D0D2D3 solid;
	position:relative;
	overflow:hidden;
}
#commodity_img_master div
{
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	height:100%;
	cursor:pointer;
}
#commodity_img_master img
{
	display:block;
	cursor:pointer;
	margin:10px auto;
	height:90%;
	display:none;
}
#commodity_img_master label
{
	background-image:url(../img/commodity_sh.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:20px;
	height:18px;
	position:absolute;
	right:10px;
	bottom:10px;
	cursor:pointer;
}
#commodity_img_slaves
{
	position:relative;
	height:50px;
	background-color:#D0D2D3;
	padding:5px 0px;
	text-align:left;
	overflow:hidden;
}
.commodity_img_slave
{
	width:38px;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	display:inline-block;	
	margin-left:5px;
}
#commodity_img_slave_frame
{
	width:48px;
	height:100%;
	box-shadow:2px 2px 0px #f80 inset,-2px -2px 0px #f80 inset;
	position:absolute;
	left:0px;
	top:0px;
	transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-webkit-transition:all .3s ease-out 0s;
}
#commodity_img_slaves_slider
{
	position:absolute;
	
}
#commodity_img_slaves_next,
#commodity_img_slaves_prev
{
	display:none;
	z-index:3;
	position:absolute;
	width:19px;
	height:60px;
	background-color:#888;
	cursor:pointer;
}
#commodity_img_slaves_next
{
	top:0px;
	right:0px;
	background-repeat:no-repeat;
	/*background-image:url(../img/next_button.png);*/
	background-position:0px 15px;
}
#commodity_img_slaves_next img
{
	position:absolute;
	top:15px;
}
#commodity_img_slaves_prev
{
	top:0px;
	left:0px;
	background-repeat:no-repeat;
	/*background-image:url(../img/prev_button.png);*/
	background-position:0px 15px;
}
#commodity_img_slaves_prev img
{
	position:absolute;
	top:15px;
}
.commodity_img_master_show
{
	display:block;
	margin:0px auto;
}
.commodity_img_master_alt
{
	text-align:left;
	margin-top:10px;
}
.commodity_left_middle_right
{
	margin-left:240px;
	width:420px;
	min-height:700px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}
.commodity_left_middle_right_caption
{
	margin-top:10px;
	margin-bottom:30px;
}
.commodity_left_middle_right_list
{
	margin-top:30px;
}
.commodity_left_middle_right_list_ul
{
	padding-left:23px;
	margin:0px;
}
.commodity_left_middle_right_list_li
{
	list-style-type: square;
}
.commodity_left_middle_left_row2
{
	position:relative;
	height:0px;
}
.commodity_left_middle_left_row2_col
{
	text-align:right;
	height:40px;
	line-height:40px;
	float:right;
	padding-left:30px;
	background-image:url(../img/commodity_email.png);
	background-repeat:no-repeat;
	background-position:left center;
	
}
.commodity_left_middle_left_row3
{
	width:99%;
	margin-top:25px;
	border:1px #D0D2D3 solid;
	padding: 10px 0px;
}
.commodity_left_middle_left_row3_row1,
.commodity_left_middle_left_row3_row2,
.commodity_left_middle_left_row3_row3,
.commodity_left_middle_left_row3_row4,
.commodity_left_middle_left_row3_row5
{
	font-weight:700;
	padding-left:10px;
	
}
.commodity_left_middle_left_row4
{
	margin:30px 0px 10px;
	line-height:25px;
}
#commodity_putincart,
#commodity_incart
{
	margin-top:10px;
	margin-bottom:30px;
	/*background-image:url(../img/red_cart.png);
	background-position:40 center;
	background-repeat:no-repeat;*/
	text-align:center;
	width:230px;
	height:45px;
	line-height:45px;
	background-color:#ee4036;
	color:#fff;
}
#commodity_putincart::after
{
	content:"放入購物車";
}
#commodity_incart::after
{
	content:"已在購物車";
}
#commodity_putincart:hover,
#commodity_incart:hover
{
	color:#fff;
}
.commodity_set_title
{
	margin-top:10px;
	height:20px;
	line-height:20px;
	text-align:left;
}
.commodity_set_myepage
{
	width:99%;
	border:1px #D0D2D3 solid;
	margin-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}
.commodity_set_myepage input
{
	margin-bottom:5px;
}
#commodity_set_bighead
{
	width:95px;
	height:107px;
	line-height:107px;
	text-align:center;
	cursor:pointer;
	border:1px #888 solid;
	margin:0 auto;
	margin-bottom:5px;
	margin-top:5px;
	background-position:center center;
	/*background-size:95 107;*/
	background-repeat:no-repeat;
	color:#888;
}
#commodity_bighead_form,
#commodity_temp_bighead_from
{
	display:none;
}

/**************/
.commodity_right
{
	width:200px;
	min-height:1000px;
	margin-left:700px;
	position:relative;
}
.commodity_right_row
{
	border-left:1px #D0D2D3 solid;
	border-right:1px #D0D2D3 solid;
	border-bottom:1px #D0D2D3 solid;
	position:relative;
	margin-bottom:10px;
	width:198px;
	min-height:99;
	/*margin-left:20px;*/
}
.commodity_right_row::before
{
	content:" ";
	position:absolute;
	left:-1px;
	width:200px;
	height:4px;
	background-color:#000;
}
.commodity_right_row_box
{
	padding:10px 0px 10px 0px;
}
/***************************************************************/
/* Editor Jeff Nov.27, 2014
/***************************************************************/
.commodity_right_row1_row
{
	margin:0px 10px;
}
.commodity_right_row1_row_cpation
{
	border-bottom:1px #000 dotted;
	padding-top:10px;
	padding-bottom:5px;
}
.commodity_right_row1_row_box
{
	min-height:100px;	
	margin:10px auto;
}
.commodity_right_row1_row_box_image
{
	width:75px;
	height:100px;
	float:left;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.commodity_right_row1_row_box_name,
.commodity_right_row1_row_box_publish,
.commodity_right_row1_row_box_brief
{
	margin-left:85px;
}
.commodity_right_row1_row_box_name
{
	font-weight:700;
}
#commodity_right_viewed_more
{
	height:30px;
	background-image:url(../img/down_button.png);	
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.commodity_right_recommend,
#commodity_right_vieweds
{
	position:relative;
	/*padding-top:10px;*/
	padding-bottom:10px;
}
.commodity_right_title
{
	height:30px;
	line-height:30px;
	border-bottom:1px #000 dotted;
	width:178px;
	margin:0 auto;
	padding-top:10px;
}
.commodity_right_content
{
	padding:10px 0px;
	position:relative;
	width: 178px;
	margin: 0 auto;
}
.commodity_right_content_img
{
	width:50px;
	min-height:70px;
}
.commodity_right_subcontents
{	
	float:right;
	width:120px;
}
.commodity_right_subcontent
{
	margin-bottom:5px;
}

#commodity_right_links
{
	text-align:center;
}
.commodity_right_link
{
	padding:10px 0px 10px 25px;
	display:inline-block;
	width:70px;
	text-align:left;
	background-position:5px center;
	background-repeat:no-repeat;
}
#commodity_right_link_login
{
	background-image:url(../img/login_button.png);
	background-size:15px 15px;
}
#commodity_right_link_register
{
	background-image:url(../img/plus_button.png);
	background-size:15px 15px;
}
#commodity_right_link_member
{
	background-image:url(../img/plus_button.png);
	background-size:15px 15px;
}
#commodity_right_link_cart
{
	background-image:url(../img/cart_button.png);
	background-size:15px 15px;
}
#commodity_putincart_msg_continue,
#commodity_putincart_msg_pay
{
	width:100%;
	margin-bottom:10px;
}
/*** Success For Putting Book Into Cart ***/
#commodity_success_putincart
{
	width:200px;
	padding:10px 20px;
	text-align:center;
	display:none;
}
#commodity_success_putincart_continue,
#commodity_success_putincart_pay
{
	width:100%;
	margin:5px 0px;
}
/******************/
/*
/* image show 	  */
/*
/******************/
.commodity_imgs_box
{
	display:none;
	position:relative;
	padding:10px 50px;
}
.commodity_cover
{
	display:none;
}
.commodity_cover.active
{
	display:block;
}
.commodity_alt
{
	text-align:left;
	color:#000;
	padding-top:10px;
	padding-bottom:10px;
	display:none;
}
.commodity_next
{
	position:absolute;
	width:50px;
	height:50px;
	top:190px;
	right:0px;
	background-image:url(../../img/next.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	cursor:pointer;
}
.commodity_prev
{
	position:absolute;
	width:50px;
	height:50px;
	top:190px;
	left:0px;
	background-image:url(../../img/prev.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	cursor:pointer;
}
/**********************************************************/
/*
/* #cut_image_box
/*
/**********************************************************/
#cut_image_box
{
	display:none;
	position:relative;
	width:400px;
	height:300px;
	text-align:center;
}
#img_temp_src
{
	position:relative;
	z-index:1;
}
#img_temp_space
{
	position:absolute;
	z-index:2;
	width:400px;
	height:300px;
	border:1px #999 solid;
	top:0px;
	left:0px;
}
#img_temp_cut
{
	position:absolute;
	z-index:5;
	width:95px;
	height:107px;
	box-shadow:0px 0px 2px #888 inset;
	top:0px;
	left:0px;
	cursor:move;
}
#img_bottom_right
{
	position:absolute;
	width:10px;
	height:10px;
	background-color:#fff;
	border:1px #888 solid;
	right:-5px;
	bottom:-5px;
	cursor:nwse-resize;
}
.img_tmp_bk
{
	opacity:0.5;
	background-color:#fff;
	position:absolute;
	z-index:4;
}
/**********************************************************/
/*
/* #commodity_list
/*
/**********************************************************/
#commodity_list
{
	position:relative;
}
.commodity_list_col1
{
	width:680px;
	min-height:500px;
}
#commodity_list_init
{
	display:none;
}
#commodity_list_box
{
	border-top: 1px #000 solid;
	margin-top: 20px;
}
.commodity_lists
{
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px #888 solid;
	cursor:pointer;
}
.commodity_lists:hover
{
	background-color:#f2f2f2;
}
#commodity_list_init.commodity_lists
{
	margin:0px;
}
.commodity_list_title
{
	color:#666;
}
.commodity_list_href
{
	color:#000;
}
.commodity_list_img img
{
	width:80px;
	margin-left: 15px;
}
.commodity_list_dvd_img img
{
	width:100px;
	margin-left: 15px;
}
.commodity_list_col2
{
	width:200px;
	min-height:500px;
	position:absolute;
	top:0px;
	right:0px;
	/*box-shadow:0px 0px 3px #000 inset;*/
}

/*** PAGE ***/
#search_page
{
	padding:10px 0px;
	text-align:center;
	font-size:13px;
}
#search_page label
{
	margin:5px;
	opacity:0.6;
	cursor:pointer;
}
#search_page label:hover
{
	opacity:1.0;
}
#search_page label.active
{
	opacity:1.0;
	text-decoration:underline;
}
#search_page_curr_init
{
	display:none;
}


/* Editor Jeff Dec. 19, 2014 */
/* Call Me After Arriving */
#commodity_callme
{
	width:100px;
	margin:10px auto 0px auto;
	color:#08f;
	cursor:pointer;
}
#commodity_callme_form
{
	display:none;
	margin:20px;
	
}
#commodity_callme_form th
{
	padding:0px 10px;
	text-align:left;
}
#commodity_callme_form th:not(:empty)::after
{
	content:":";
	float:right;
}