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

/*body { background: url(/static/prototype/sinobravo/images/cream_dust.png) repeat 0 0;}*/

h1, h2, h3, h4, h5, h6 {font-family: ‘Corben’, Georgia, Times, serif;}
p, div {font-family: ‘Nobile’, Helvetica, Arial, sans-serif;}
h1 { text-shadow: 1px 1px 1px #ccc; }
.div_stand_out { box-shadow: 0 0 1em 1em #ccc; }

@media(max-width:767px){body{padding-right:0px;padding-left:0px}}

/* S CSS scott style pagination*/
DIV.scott {	TEXT-ALIGN: center;}
DIV.scott A {	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none;}
DIV.scott A:hover {	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6;}
DIV.scott A:active {	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6;}
DIV.scott SPAN.current {	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #699ecc;}
DIV.scott SPAN.disabled {	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid;}
/* E CSS scott style pagination*/

.backToTop_pro {
 background:url(/static/prototype/shopmic-manage/img/back_to_top.gif) no-repeat;
 display: none;
 width: 25px;
 height:105px;
 line-height: 1.2;
 padding: 5px 3px;
 color: #fff;

 position: fixed;
 _position: absolute;
 right: 0px;
 bottom: 115px;
 _bottom: "auto";
 cursor: pointer;
 opacity: 1.0;
 filter: Alpha(opacity=100);
 font-size:14px;
}

#layer_box{ width:80px; height:90px; background:url(/static/prototype/shopmic-manage/img/layer_graybox.png) no-repeat; position:fixed; right:0px; bottom:0; padding:10px; text-align:left;}
#layer_box .layer_box_tit{ margin:0; padding:6px 0 0 10px;  font-size:14px; border-bottom:dashed 1px #CCC; line-height:26px; width:50px;}

/* Sticky footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -80px;
}


/*S ----------------------------- common ----------------------------- */
.left{ float:left;}
.right{ float:right;}
.left_t{ text-align:left;}
.right_t{ text-align:right;}
.center_t{ text-align:center;}
.center_t td, .center_t th{ text-align:center; vertical-align:middle;}

.v_middle{vertical-align:middle;}
.v_middle td{vertical-align:middle;}
.v_top{vertical-align:top;}
.v_top td{vertical-align:top;}
.v_bottom{vertical-align:bottom;}

.hide{display:none;}
.display_block{ display:block;}

.center_middle{vertical-align:middle; text-align:center;}

.font10{ font-size:10px;}
.font11{ font-size:11px;}
.font10 label, .font10 span{ font-size:10px;}
.font11 label, .font10 span{ font-size:11px;}
.font12{ font-size:12px;}
.font12 label{ font-size:12px;}
.font14{ font-size:14px;}
.font14 label, .font14 span{ font-size:14px;}
.font16{ font-size:16px;}
.font16 input{ font-size:16px;}
.font16 label{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font30{ font-size:30px;}
.font40{ font-size:40px;}
.font60{ font-size:60px;}

.t_line_through{ text-decoration:line-through;}
.input-super-mini{width:40px;}

.mar_left_0{ margin-left:0px;}
.mar_left_3{ margin-left:3px;}
.mar_left_5{ margin-left:5px;}
.mar_left_10{ margin-left:10px;}
.mar_left_15{ margin-left:15px;}
.mar_left_20{ margin-left:20px;}
.mar_left_25{ margin-left:25px;}
.mar_left_30{ margin-left:30px;}
.mar_left_40{ margin-left:40px;}
.mar_left_50{ margin-left:50px;}
.mar_left_60{ margin-left:60px;}
.mar_left_80{ margin-left:80px;}
.mar_left_100{ margin-left:100px;}
.mar_left_120{ margin-left:120px;}
.mar_right_5{ margin-right:5px;}
.mar_right_10{ margin-right:10px;}
.mar_right_15{ margin-right:15px;}
.mar_right_20{ margin-right:20px;}
.mar_right_30{ margin-right:30px;}
.mar_top_f2{ margin-top:-2px;}
.mar_top_f3{ margin-top:-3px;}
.mar_top_f5{ margin-top:-5px;}
.mar_top_f10{ margin-top:-10px;}
.mar_top_f20{ margin-top:-20px;}
.mar_top_f30{ margin-top:-30px;}
.mar_top_f40{ margin-top:-40px;}
.mar_top_0{ margin-top:0px;}
.mar_top_3{ margin-top:3px;}
.mar_top_5{ margin-top:5px;}
.mar_top_7{ margin-top:7px;}
.mar_top_8{ margin-top:8px;}
.mar_top_10{ margin-top:10px;}
.mar_top_15{ margin-top:15px;}
.mar_top_20{ margin-top:20px;}
.mar_top_25{ margin-top:25px;}
.mar_top_30{ margin-top:30px;}
.mar_top_35{ margin-top:35px;}
.mar_top_40{ margin-top:40px;}
.mar_top_45{ margin-top:45px;}
.mar_top_50{ margin-top:50px;}
.mar_top_60{ margin-top:60px;}
.mar_top_90{ margin-top:90px;}
.mar_top_100{ margin-top:100px;}
.mar_top_120{ margin-top:120px;}
.mar_top_130{ margin-top:130px;}
.mar_bottom_0{ margin-bottom:0px;}
.mar_bottom_f1{ margin-bottom:-1px;}
.mar_bottom_f2{ margin-bottom:-2px;}
.mar_bottom_f4{ margin-bottom:-4px;} 
.mar_bottom_5{ margin-bottom:5px;}
.mar_bottom_10{ margin-bottom:10px;}
.mar_bottom_15{ margin-bottom:15px;}
.mar_bottom_20{ margin-bottom:20px;}
.mar_bottom_30{ margin-bottom:30px;}
.mar_bottom_40{ margin-bottom:40px;}
.mar_bottom_60{ margin-bottom:60px;}
.mar_bottom_100{ margin-bottom:100px;}
.martb10 {	margin:10px auto;}
.marlr5 { margin-left:5px; margin-right:5px;}

.pad_left_0{ padding-left:0px;}
.pad_left_5{ padding-left:5px;}
.pad_left_10{ padding-left:10px;}
.pad_left_15{ padding-left:15px;}
.pad_left_20{ padding-left:20px;}
.pad_left_30{ padding-left:30px;}
.pad_left_40{ padding-left:40px;}
.pad_left_50{ padding-left:50px;}
.pad_left_60{ padding-left:60px;}
.pad_right_0{ padding-right:0px;}
.pad_right_5{ padding-right:5px;}
.pad_right_10{ padding-right:10px;}
.pad_right_15{ padding-right:15px;}
.pad_right_20{ padding-right:20px;}
.pad_right_30{ padding-right:30px;}
.pad_top_5{ padding-top:5px;}
.pad_top_10{ padding-top:10px;}
.pad_top_15{ padding-top:15px;}
.pad_top_20{ padding-top:20px;}
.pad_top_25{ padding-top:25px;}
.pad_top_30{ padding-top:30px;}
.pad_top_60{ padding-top:60px;}
.pad_top_80{ padding-top:80px;}
.pad_bottom_2{ padding-bottom:2px;}
.pad_bottom_5{ padding-bottom:5px;}
.pad_bottom_10{ padding-bottom:10px;}
.pad_bottom_15{ padding-bottom:15px;}
.pad_bottom_20{ padding-bottom:20px;}
.pad_bottom_30{ padding-bottom:30px;}
.pad_bottom_40{ padding-bottom:40px;}
.pad_bottom_60{ padding-bottom:60px;}
.pad_bottom_80{ padding-bottom:80px;}
.pad_bottom_90{ padding-bottom:90px;}
.pad_bottom_100{ padding-bottom:100px;}
.pad_tb_5{ padding-top:5px; padding-bottom:6px;}
.pad_tb_5 !important{ padding-top:4px; padding-bottom:5px;}
.pad_lr_4{ padding-left:4px; padding-right:4px;}
.pad_lr10_tb5{ padding:5px 10px;}
.pad_lr_10{ padding-left:10px; padding-right:10px;}
.pad_lr_20{ padding-left:20px; padding-right:20px;}

.lineh_14{ line-height:14px;}
.lineh_18{ line-height:18px;}
.lineh_22{ line-height:22px;}
.lineh_22 *{ line-height:22px;}
.lineh_26{ line-height:26px;}
.lineh_30{ line-height:30px;}
.lineh_30 *{ line-height:30px;}
.lineh_31{ line-height:32px;}
.lineh_33{ line-height:33px;}
.lineh_36{ line-height:36px;}
.lineh_44{ line-height:44px;}
.lineh_26 *{ line-height:26px;}
.lineh_26 .lineh_14{ line-height:14px;}
.lineh_36 *{ line-height:36px;}
.lineh_44 *{ line-height:44px;}

.padding_5{ padding:5px;}
.padding_10{ padding:10px;}
.padding_15{ padding:15px;}
.padding_20{ padding:20px;}



.td_pad_top_bot_4 tr td{ padding-top:4px; padding-bottom:4px;}
.td_pad_top_bot_6 tr td{ padding-top:6px; padding-bottom:6px;}

.width_2{ width:2%;}
.width_6{ width:6%;}
.width_48{ width:48%;}
.width_48 .thumbnail{ background:#FFF;}
.width_100{ width:100%;}
.height_100{ height:100%;}
.max_w_130 { max-width: 130px;}
.max_w_160 { max-width: 160px;}
.width_14px{ width:14px;}
.width_30px{ width:30px;}
.width_40px{ width:40px;}
.width_50px{ width:50px;}
.width_60px{ width:60px;}
.width_70px{ width:70px;}
.width_80px{ width:80px;}
.width_90px{ width:90px;}
.width_100px{ width:100px;}
.width_110px{ width:110px;}
.width_120px{ width:120px;}
.width_130px{ width:130px;}
.width_135px{ width:135px;}
.width_140px{ width:140px;}
.width_150px{ width:150px;}
.width_280px{ width:280px;}
.width_500px{width:500px;}
.width_760px{width:760px;}
.height_500px{ height:500px;}
.height_200px{ height:200px;}
.height_260px{ height:260px;}
.height_80px{ height:80px;}
.height_100px{ height:100px;}
.height_110px{ height:110px;}

.wh_30px{ width:30px; height:30px;}
.wh_50px{ width:50px; height:50px;}
.wh_80px{ width:80px; height:80px; min-width:80px; min-height:80px; max-width:80px; max-height:80px;}
#photoDiv .wh_80px{ width:80px; height:80px; min-width:80px; min-height:80px; max-width:80px; max-height:80px;}
.wh_100px{ min-width:100px; height:100px; width:100px; height:100px;}
.wh_120px{ width:120px; height:120px;}
.wh_200px{ width:200px; height:200px;}
.wh_320px{ width:320px; height:320px;}

.font_w_b{font-weight:bold;}
.font_s_12{ font-size:12px;}
.font_s_14{ font-size:14px;}

.red{ color:#990000;}
.red td a{ color:#990000; text-decoration:underline;}
.red span{ color:#990000;}
.red label{ color:#990000;}
.black{ color:#000;}
.black label{ color:#000;}
.white{ color:#fff;}
.orange{ color:#F63;}
.orange span{ color:#F63;}
.orange a{ color:#F63;}
.yellow{ color:#ff9933;}
.gray{ color:#999;}
.gray a{ color:#999; text-decoration:underline;}
.gray_dark{ color:#666;}
.gray{ color:#999;}
.blue{ color:#069;}
.blue span{ color:#069;}
.blue_dark{ color:#0267b9;}
.blue label{ color:#069;}
.green{ color:#060;}
.green span{ color:#060;}

.bold{ font-weight:bold;}
.bold td label{ font-weight:bold;}

.required{ color:#990000; font-size:18px;}

.border_none{ border:none;}
.border_none tr td{ border:none;}
.border_top{ border-top:dashed 1px #99cccc;}
.border_right{ border-right: solid 1px #ccc;}
.border_right_1_f{ border-right: solid 2px #fff;}
.border_bottom{ border-bottom: solid 1px #ccc;}

.left_nav_a_border_bottom a{ border-bottom: solid 1px #EBEBEB; }
.left_nav_a_border_bottom .border_none{ border-bottom: 0px none;}
.td_label_left_mar_right10 label{ float:left; margin-right:10px; margin-top:5px;}
.read_only_a{color:#666; text-decoration:none; cursor:default;}

.overflow_visible{overflow:visible;}

.position_relative{ position:relative;}

.ver_ali_top{ vertical-align:top;}
.ver_ali_mid{ vertical-align:middle;}
.ver_ali_bot{ vertical-align:bottom;}

.shodow_bottom{ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}

.label_cursor_auto label{ cursor:default;}
.cursor_auto{ cursor:default;}
.cursor_pointer{ cursor:pointer;}

.underline{ text-decoration:underline;}
.underline a{ text-decoration:underline;}

.img_140px{ width:140px; height:140px;}
.img_100px{ width:100px; height:100px;}
.img_70px{ width:70px; height:70px;}

input.bitty, textarea.bitty, .uneditable-input.bitty {
    width: 30px;
}

.backgroud_white{ background:#fff;}

.background_c_gray{ background:#F2F2F2;}
.background_pd_gray{ background:#F5F5F5;}

.underline_none:hover{ text-decoration:none;}
.overthrough{ text-decoration:line-through;}

.pro_option{ margin:0px; margin-top:5px;}
.pro_option.inline > li{ margin-left:0; margin-right:2px; padding-left:0; padding-right:0px;}
.pro_option .c_border{ display: block; border: 1px solid #CCCCCC; background:#fff; cursor:pointer;}
.pro_option .c_border:hover{ display: block; border: 1px solid #933; background:#fff; cursor:pointer;}
.pro_option .c_border_high{ display: block; border: 1px solid #933; background:#fff; cursor:pointer;}
.pro_option .color{ margin:1px; width:30px; height:30px; display: block;}

.pro_img{ margin:0px; margin-top:5px;}
.pro_img.inline > li{ margin-left:0; margin-right:5px; padding-left:0; padding-right:0px; margin-bottom:5px;}
.pro_img .i_border{ display: block; border: 1px solid #CCCCCC; background:#fff; cursor:pointer;}
.pro_img .i_border:hover{ display: block; border: 1px solid #933; background:#fff; cursor:pointer;}
.pro_img .i_border_high{ display: block; border: 1px solid #933; background:#fff; cursor:pointer;}
.pro_option img{ margin:1px;}

.color_200003699{
    background:url(/static/prototype/shopmic-manage/img/multicolour.gif) no-repeat scroll transparent;
}
.color_100018786{
    background:url(/static/prototype/shopmic-manage/img/diaphaneity.gif) no-repeat scroll transparent;
}
.color_771 {
    background-color: #F8F7E7;
}
.color_193 {
    background-color: #000000;
}
.color_173 {
    background-color: #0080FF;
}
.color_365458 {
    background-color: #8D6468;
}
.color_200001951 {
    background-color: #D5B489;
}
.color_350850 {
    background-color: #FFD700;
}
.color_691{
    background-color: #999999;
}
.color_175 {
    background-color: #007000;
}
.color_200002130 {
    background-color: #FDFDE8;
}
.color_200001438 {
    background-color: #DAC9B9;
}
.color_350852{
    background-color: #FFA500;
}
.color_1052 {
    background-color: #FFC0CB;
}
.color_496{
    background-color: #6C3365;
}
.color_10{
    background-color: #FF0000;
}
.color_350853 {
    background-color: #CCCCCC;
}
.color_29 {
    background-color: #FFFFFF;
}
.color_366 {
    background-color: #FFFF00;
}
.color_200004889 {
    background-color: #7C8C30;
}
.color_1254 {
    background-color: #1EDDFF;
}
.color_200004890 {
    background-color: #666666;
}
.color_200004891 {
    background-color: #DDA0DD;
}


.bgcolor_gray{ background-color:#f0f0f4;}



.triangle-bottom{ width:0px; height:0px; border:10px solid; border-color:transparent transparent #339966 transparent; border-style:dashed dashed solid dashed; } /*绿色小三角*/
.triangle-top{ width:0px; height:0px; border:10px solid; border-color:#ff3300 transparent transparent transparent; border-style:solid dashed dashed dashed; } /*红色小三角*/

/*E ----------------------------- common ----------------------------- */

#pas_tab .active { font-weight:bold; font-size:14px;}
#pas_tab .active a{ font-weight:bold; font-size:14px;}
#pas_tab .active *{ font-weight:bold; font-size:14px;}


.footer_text{ font-size:12px; color:#333;}
.footer_text a:link, .footer_text a:visited {	color: #666;	text-decoration: none;}
.footer_text a:hover {	color:#FF6600;	text-decoration: none;	text-decoration: underline;}



#error{
	font-size:13px;
	line-height:180%;
	/*width: 600px;width: 473px;*/
	
	padding:15px;
}
#error a{
	color: #339933;
	text-decoration: underline;
}
#error li {
	line-height:180%;
	margin-bottom: 5px;
}
.font16Blue{
	font-size:16px;
	color:#004080;
	font-weight:bold;
}

.blank{margin:0px 10px;}
.showitem{
	margin-left:12px;
}
.showitem span{
	color:#fff;
	padding:0 2px;
	border:1px solid #fcd560;
	background-color:#F90;
	font-weight:bold;
}
.showitem a{
	padding:0 2px;
	background:#f3f3f3;
	border:1px solid #d5d5d5;
}


.share_icon i {
    background-size: 24px 24px;
    display: inline-block;
    float: left;
    height: 24px;
    margin: 5px;
    width: 24px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.5);
	margin-top:7px;
	border:solid 1px rgba(255, 255, 255, 1);
}
i.facebook {
    background-color: #3B5998;
    background-image: url(/static/prototype/sinobravo/css/images/icons/facebook/facebook-24.png);
    background-repeat: no-repeat;
}
i.twitter {
    background-color: #00ACED;
    background-image: url(/static/prototype/sinobravo/css/images/icons/twitter/twitter-24.png);
    background-repeat: no-repeat;
}
i.pinterest {
    background-color: #CB2027;
    background-image: url(/static/prototype/sinobravo/css/images/icons/pinterest/pinterest-24.png);
    background-repeat: no-repeat;
}
i.googleplus {
    background-color: #D14836;
    background-image: url(/static/prototype/sinobravo/css/images/icons/googleplus/googleplus-24.png);
    background-repeat: no-repeat;
}