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

#index_left_col {
	width: 250px;
	padding: 5px;
	float:left;
}

#index_right_col {
	width: 210px;
	padding: 5px;
	float:right;
}

#index_main_col {
	position:relative;
	margin-left: 260px;
	margin-right: 220px;
	padding: 5px;
}

#index_top_center {
	width: 500px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

#index_top_center_hd {
	width: 900px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

#index_top_right {
	width: 300px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

#index_box {
	width: 100%;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #CCC;
	-webkit-box-shadow: 1px 1px 3px #CCC;
	margin-bottom:10px;
}

.index_box_n {
	position: relative;
	overflow:hidden;	
	margin: 5px;
	border: 1px #CCC solid;
	border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
	
	box-shadow :  0px 1px 1px #CCC;
	-moz-box-shadow: 0px 1px 1px #CCC;
    -webkit-box-shadow: 0px 1px 1px #CCC;
	
	background: #FFF;
	background: -moz-linear-gradient(top, #FFF, #F4F4F4);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F4F4F4));	
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F4F4F4'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F4F4F4')"; /* IE8 */
}

.index_box2_n {
	position: relative;
	overflow:hidden;	
	
	box-shadow :  0px 1px 1px #CCC inset;
	-moz-box-shadow: 0px 1px 1px #CCC inset;
    -webkit-box-shadow: 0px 1px 1px #CCC inset;
	
	margin-bottom: 5px;
}

.gradient_line_n {
	background-color: #CCC;
	background: -webkit-gradient(linear, left center, right center, from(#FFFFFF), to(#FFFFFF), color-stop(.5,#CCC));
	background: -moz-linear-gradient(left, #FFFFFF 0%, #CCC 50%, #FFFFFF 100%);
	height:1px;
}

.wpframe {
	background: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 8px;
	-webkit-box-shadow: 1px 2px 1px #d1d1d1;
	-moz-box-shadow: 1px 2px 1px #d1d1d1;
	box-shadow: 1px 2px 1px #d1d1d1;
}

.box_title {
	width: 100%;
	height: 12px;
	margin: 2px;
}


#top_main_bar {
	width:924px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

#top_main_bar_left {
	width:304px;
	overflow:hidden;
	float:left;
}

#top_main_bar_right {
	width:618px;
	overflow:hidden;
	float:right;
}

#center_box {
	width:300px;
	height: 260px;
	overflow:hidden;
	float:left;
	margin: 4px;
	
	border-radius: 6px;
	background: #B3B3B3;
	
	-moz-box-shadow: 1px 1px 3px #B3B3B3;
	-webkit-box-shadow: 1px 1px 3px #B3B3B3;
}

.top_main_box {
	margin: 4px;
}

.top_main_description_box {
	position: relative;
	margin-left: 68px;
	padding: 5px;
	font-size:11px;
}

.top_main_pic2_description_box {
	position: relative;
	margin-left: 160px;
	padding: 5px;
}

.center_main_box {
	width: 191px;
	height: 254px;
	background:#FFF;
	border-radius: 6px;
	margin: 3px;
	overflow: hidden;
}

.center_right_box {
	margin-top:40px;
}

.center_content {
	width:100%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

#bottom_main_bar {
	width:850px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

.bottom_small_icons {
	width: 150px;
	margin: 10px;
	float:left;
	overflow:hidden;
}

.index_a04{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 0; width: 83px; height: 60px; } 
.index_a05{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -110px; width: 103px; height: 60px; } 
.index_a06_c{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -220px; width: 200px; height: 60px; } 
.index_a06_e{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -330px; width: 200px; height: 60px; } 
.index_a06_s{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -440px; width: 200px; height: 60px; } 
.index_arrow_left{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -550px; width: 8px; height: 15px; display:block; } 
.index_arrow_left:hover { background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -615px; width: 8px; height: 15px; } 
.index_arrow_right{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -680px; width: 8px; height: 15px; display:block; } 
.index_arrow_right:hover { background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -745px; width: 8px; height: 15px; } 
.index_best_seller_c{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -810px; width: 58px; height: 13px; } 
.index_best_seller_e{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -873px; width: 67px; height: 12px; } 
.index_best_seller_s{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -935px; width: 59px; height: 13px; } 
.index_customer_feedbacks_c{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -998px; width: 58px; height: 12px; } 
.index_customer_feedbacks_e{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1060px; width: 122px; height: 12px; } 
.index_customer_feedbacks_s{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1122px; width: 59px; height: 13px; } 
.index_facebook_c{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1185px; width: 61px; height: 12px; } 
.index_facebook_e{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1247px; width: 61px; height: 12px; } 
.index_facebook_s{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1309px; width: 61px; height: 12px; } 
.index_forum_news_c{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1371px; width: 95px; height: 13px; } 
.index_forum_news_e{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1434px; width: 76px; height: 12px; } 
.index_forum_news_s{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1496px; width: 98px; height: 13px; } 
.index_gallery_of_the_day_c{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1559px; width: 57px; height: 13px; } 
.index_gallery_of_the_day_e{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1622px; width: 108px; height: 13px; } 
.index_gallery_of_the_day_s{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1685px; width: 58px; height: 13px; } 
.index_gk_contest_c{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1748px; width: 52px; height: 12px; } 
.index_gk_contest_e{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1810px; width: 70px; height: 12px; } 
.index_gk_contest_s{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1872px; width: 53px; height: 13px; } 
.index_media_appearance_c{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: 0 -1935px; width: 58px; height: 13px; } 
.index_media_appearance_e{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -250px 0; width: 109px; height: 13px; } 
.index_media_appearance_s{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -250px -63px; width: 60px; height: 13px; } 
.index_new_products_c{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -250px -126px; width: 57px; height: 12px; } 
.index_new_products_e{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -250px -188px; width: 83px; height: 12px; } 
.index_new_products_s{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -250px -250px; width: 57px; height: 12px; } 
.index_main_category_c{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -165px -575px; width: 57px; height: 13px; } 
.index_main_category_e{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -165px -545px; width: 86px; height: 12px; } 
.index_main_category_s{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -165px -605px; width: 58px; height: 13px; } 
.index_square{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -250px -312px; width: 7px; height: 7px; } 
.index_work_in_progress_special_c{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -250px -369px; width: 83px; height: 13px; } 
.index_work_in_progress_special_e{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -250px -432px; width: 143px; height: 13px; } 
.index_work_in_progress_special_s{ background-image: url(/images/design_2011/e2046_index.png); background-repeat: no-repeat; background-position: -250px -495px; width: 85px; height: 13px; } 

.feeback_index {
	overflow:hidden;
	padding: 10px;
}
.i_relative {
	position:relative;
}
.feedback_box {
	position: relative;
	overflow:hidden;
	margin: 5px;
	
	border: 1px #AAA solid;
	border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
	
	box-shadow :  0px 1px 2px #CCC;
	-moz-box-shadow: 0px 1px 2px #CCC;
    -webkit-box-shadow: 0px 1px 2px #CCC;
	
	background: #FFF;
	background: -moz-linear-gradient(top, #FFF, #F4F4F4);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F4F4F4));	
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F4F4F4'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F4F4F4')"; /* IE8 */
}

.feeback_image {
	width:152px;
	float: left;
}

.feeback_content {
	position: relative;
	margin-left: 160px;
	overflow:hidden;
	padding:15px;
}

.product_title { font-size: 13px; font-weight: bold; float:left; }
.feedback_score { float: right; }

.feedback_detail { 
	position:absolute; bottom:10px; right: 10px;
	text-align: right;
	font-weight:bold;
	color:#900;
}

.feedback_full {
	overflow:hidden;
	padding-top:10px;
	padding-bottom: 10px;
	padding-right: 64px;
	width: 90%;
}

.gallery4-comments_c{ background: url(http://images-e2046.com/images/site/gallery/gallery4.png) no-repeat top left; background-position: 0 0; width: 32px; height: 12px; } 
.gallery4-comments_e{ background: url(http://images-e2046.com/images/site/gallery/gallery4.png) no-repeat top left; background-position: 0 -62px; width: 66px; height: 12px; } 
.gallery4-comments_s{ background: url(http://images-e2046.com/images/site/gallery/gallery4.png) no-repeat top left; background-position: 0 -124px; width: 34px; height: 13px; } 

.index_box_inside {
	text-align:left;
	padding: 3px;
	font-size: 11px;
	color: #333;
	overflow:hidden;
}

.index_box_feedback {
	background: #EEE;
	border-top: 1px #FFF solid;
	border-bottom: 1px #DDD solid;
}

.main_image_i {
	width: 24px;
	height:24px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border:2px solid #FFF;
	-moz-box-shadow: 0 0 5px #999;  
    -webkit-box-shadow: 0 0 5px #999; 
}

.leave_feedback_windows {
	position: fixed !important; 
	position: absolute;	
	top:50%;
	left:50%;	
	width:800px;
	height:364px;
	margin-top:-182px;
    margin-left:-400px;	
	overflow:hidden;	
	padding: 5px 5px 5px 5px;
	border:1px solid #DDD;	
	border-radius: 6px;
	background: #FFFFFF;	
	-moz-box-shadow: 1px 1px 3px #B3B3B3;
	-webkit-box-shadow: 1px 1px 3px #B3B3B3;
	z-index: 100;
	
	display:none;
}

.index_frame_hd {
	display:none;
}

.hide_first {
	display:none;
}

.description_display_more_btn {
	text-align:center;
}

.description_display_more_btn a {
	text-align:center;
	font-size:10px;
	font-weight:bold;
	padding: 2px;
	background: #FFF;
	color:#666;
	text-decoration:none;
}

.description_display_more_btn a:hover {
	color:#333;
	background: #EEE;
	border:1px solid #CCC;
	text-decoration:none;
}

.topbar_image {
	display:none;
}

.topbar_thumb_main {
	text-align:center;
	height: 384px;
	overflow:hidden;
}

.topbar_thumb_main2 {
	text-align:center;
	height: 192px;
	overflow:hidden;
}

.topbar_thumb_area {
  margin-left: auto;
  margin-right: auto;
}

.topbar_thumb_icons {
  padding: 5px;
  display:inline-block;
 *display: inline;  
 *zoom: 1;  
}

.topbar_thumb_icons a {
  color: #CCC;
  text-decoration:none;
}

.topbar_thumb_icons a:hover {
  color: #AAA;
   text-decoration:none;
}

.topbar_thumb_icons_selected a {
  color: #F60;
   text-decoration:none;
}

.topbar_thumb_icons_selected a:hover {
  color: #F60;
   text-decoration:none;
}

.index_p_bubble {
	border: #CCCCCC solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	box-shadow: 1px 1px 1px #AAA;
}

.feeback_bubble {
	position: relative;
	height: 123px;
	padding: 5px;
	background: #FFFFFF;
	border: #CCCCCC solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #AAA;
}

.feeback_bubble:after {
	content: "";
	position: absolute;
	bottom: -15px;
	right: 50px;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
}

.feeback_bubble:before {
	content: "";
	position: absolute;
	top: 134px;
	right: 50px;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #AAA transparent;
	display: block;
	width: 0;
	z-index: 0;
}

/* === 2013 == */
.index2013_bigtitle {
	font-size: 28px;
	font-weight:bold;
}
.index2013_intext {
	font-size: 15px;
}
.index2013_inlinks {
	font-size: 13px;
}

.index2013_feedback_mainbox {
	float:right;
	padding: 10px;
	width: 73%;
}

.index2013_feedback_avatar {
	font-weight:bold;
	color:#900;
	padding:5px;
	text-align:right;
}

.index2013_feedback_describe {
	padding: 10px;
	padding-left: 50px;
	color:#333;
	margin-right: 22%;
}

.index2013_index_banner {
	border-radius: 5px;
	border:1px solid #CCC;
    height: 206px;
}

.index2013_describe_box {
	padding: 10px;
	padding-left: 50px;
	color:#333;
	margin-right: 240px;
}

.index2013_describe_box2 {
	padding: 10px;
	padding-left: 50px;
	color:#333;
	width:300px;
	float:left;
}

.index2013_describe_box3 {
	padding: 10px;
	padding-left: 50px;
	color:#333;
}

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#index_left_col,
#index_right_col,
#top_main_bar_left,
#top_main_bar_right,
#center_box,
.bottom_small_icons {display:inline;}

/* add zoom:1 to overflow:hidden */
#index_top_center,
#index_top_right,
#top_main_bar,
#top_main_bar_left,
#top_main_bar_right,
#center_box,
.center_main_box,
.center_content,
#bottom_main_bar,
.bottom_small_icons {zoom:1;}

/* add zoom:1 to pos:relative elements */
#index_main_col,
.top_main_description_box,
.top_main_pic2_description_box {zoom:1;}

/* add overflow:visible to (submit) buttons */
 input, button {overflow:visible;}

 .bg_pattern{
     background-color:#FEC800;
     background-image: linear-gradient(white 0px, transparent 0px),
     linear-gradient(90deg, white 0px, transparent 0px),
     linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
     background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
     background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px
 }