@charset "utf-8";
/* CSS Document */
table{ border-collapse:0; border-spacing:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.cl{ clear:both; height:1px; line-height:1px; overflow:hidden; font-size:0px;}
.made_card{ background-color:#fff; border:1px solid #ccc; border-radius:5px; box-shadow: 0 1px 2px #ccc; margin-bottom:25px;}
.made_card h2,.made_number h3{ font-size:20px; display:block; text-align:center; padding-top:15px; color:#000;}
/*  */
.made_img{ height:270px; background:url(../images/made_xika/banner.jpg) no-repeat; }
.sp_made_img{ height:270px; background:url(../images/bg111.png?v=22) no-repeat;border-bottom: 1px solid goldenrod; }
/*¶¨ÖÆ¿¨Ñ¡Ôñ*/
.chose_img{ width:363px; height:150px; float:left; margin-top:57px; margin-left:112px;position:relative;_margin-left:56px;}
.chose_img ul{ width:243px; height:151px; display:block; left:59px; position:absolute; overflow:hidden; top:-2px;}
.chose_img ul li{ display:block;width:243px; height:151px; float:left; z-index:1;}
.chose_img .btnleft,.chose_img .btnright{ width:25px; height:37px; position:absolute; top:50px; z-index:99; cursor:pointer;}
.made_card .chose_img .btnright{background-position:-394px -503px; right:0;}
.made_card .chose_img .btnleft{background-position:-371px -503px;}
.btn_img{ position:relative; margin-top:57px; width:260px; height:150px; float:left; margin-left:10px;}
.btn_img h3{ font-size:22px; margin-bottom:10px; text-shadow:0px 1px 2px #333;}
.btn_img p{ font-size:15px; margin-bottom:20px;color:#fff;}
.btn_img button{background:url(../images/made_xika/btn_img.jpg); width:148px; height:42px; border:0 none; color:#333; font-size:16px; line-height:35px;text-shadow:0px 1px 1px #fff;}
.btn_radio{ position: absolute;top: 170px;left:100px;width:240px;height: 40px;}
.btn_radio label{ margin: 0 30px 0 10px;font-size: 14px;color: #000;font-weight: bold;}

.made_number{ width:956px; margin:15px auto;height:380px; border-radius:5px; border:1px solid #d9d9d9; background:url(../images/made_xika/choose_bg.jpg) repeat;}
.made_number p{ display:block; border-bottom:1px solid #d9d9d9; text-align:center; padding:12px; font-size:16px;}
.made_number .choose_num ul, .choose_num h4 b, .made_number .choose_oth ul, .made_number .choose_oth ul li input,.check_num a, .choose_oth ul li a:hover, .choose_oth ul li a.add:hover, .check_num a:hover,.choose_math .cm01 b, .choose_math .cm02 b, .zoom_img dd.s,.zoom_img dd.b,.zoom_img dd.line,.zoom_img dd.line div,.choose_btn a,.choose_name input, .cn_btn a,.made_number .choose_num ul li input,.made_number .btn_box,.chose_img .btnleft,.chose_img .btnright{ display:block; float:left; background:url(../images/made_xika/made_card_img.png) no-repeat ;}
.made_number .choose_box{ border-top: 1px solid #fff; border-bottom:1px solid #d9d9d9; height:180px; }
.made_number .choose_num ul{ background-position: 0 -29px; width:166px; height:31px; padding:11px 5px 10px 27px; overflow:hidden; margin-bottom:8px;}
.made_number .choose_num ul li{ width:31px; height:31px; line-height:31px; text-align:center; float:left; margin-right:8px; font-size:18px; position:relative;}
.made_number .btn_box{ float:left; width:46px; height:52px; background-position:  -193px -29px;position: relative;}
.made_number .choose_num .up{ width:42px; height:21px; position: absolute; right:4px; top:4px; display:block;}
.made_number .choose_num .down{width:42px; height:21px; position: absolute; right:4px; top:25px;display:block; }
.made_number .choose_num ul li input{ width:31px; height:31px; line-height:31px; border:0 none; background-position:-26px -39px; position:absolute; top:-1px; left:-1px; text-align:center; font-size:18px; color:#333;}
.made_number .choose_num span{ color:#666; padding-left:5px; clear:both; display:block;}
.choose_num{ width:250px; padding:35px 25px 0 100px; float:left; }
.choose_num h4{ font-size:14px; color:#333; margin-left:-55px; height:30px;}
.choose_num h4 b{ background-position:0 0; width:34px; height:29px; margin-right:15px;}
.made_number .choose_oth{ float:left;padding:30px 0 0 30px; width:416px; border-left:1px dotted #ccc;}

.made_number .btn_cno{ display:block; background:url(../images/made_xika/btn_cn.jpg) no-repeat; width:76px; height:86px;overflow:hidden;float:left; margin-top:60px; border:0 none;}
.made_number .choose_oth h4{font-size:14px; color:#d73429; height:30px;}
.made_number .choose_oth ul{ width:188px; _height:73px;height:74px; background-position:0 -81px; padding:5px; overflow:hidden; padding-right:0; margin-right:15px;}
.made_number .choose_oth ul li{width:42px; height:76px; line-height:31px; text-align:center; float:left; position:relative; margin-right:5px;}
.made_number .choose_oth ul li a{ display:block; height:18px; width:42px;}
.made_number .choose_oth ul li a:hover{ background-position:-232px -86px;}
.made_number .choose_oth ul li a.down{ margin-top:38px;}
.made_number .choose_oth ul li a.down:hover{ background-position:-232px -142px;}
.made_number .choose_oth ul li input{ width:31px; height:31px; line-height:31px; border:0 none; background-position:-26px -39px; position:absolute; top:21px; left:5px; text-align:center; font-size:18px; color:#333;}
.check_num{ padding:30px 0; border-top:1px solid #fff; clear:both;}
.check_num a{display:block; width:207px; height:45px; background-position:0 -165px; text-indent:-999px;}
.check_num a:hover{background-position:-210px -165px;}
.check_num .can_use, .check_num .cant_use{ width:280px; height:37px;line-height:37px; position:relative; font-size:12px; padding-left:40px; margin:0 auto;}
.check_num .can_use b, .check_num .cant_use b{ width:15px; height:15px;  background:url(../images/made_xika/made_card_img.png) no-repeat; display:block; position:absolute; top:12px; left:15px;}
.check_num .can_use b{background-position:-56px 0;}
.check_num .cant_use b{background-position:-70px 0;}
.check_num .can_use{ background:#fddbdb; color:#c83f3f; border:1px solid #faa2a2; box-shadow: 0 1px 2px #999;}
.check_num .cant_use{ background:#dce8c9; color:#577628; border:1px solid #a0c26c;box-shadow: 0 1px 2px #999;}

.made_name{float:left; height:350px; width:322px; padding:10px 75px;}
.made_bg h3, .made_name h3, .card_eg_box h3{ font-size:20px; color:#000;}
.made_bg p, .made_name p,.card_eg_box p{ font-size:14px; color:#666; height:50px; margin:8px 0;}
.made_name .choose_name{border-radius:5px; border:1px solid #c2c1c1;width:322px; height:225px;}
.made_bg .choose_img{}
.made_bg .choose_img h4{ background:url(../images/made_xika/img_h4_bg.jpg) repeat-x; height:42px; line-height:42px; text-align:center; border-radius:5px; font-size:14px; color:#000; }
.made_bg .choose_area{ width:322px; height:215px;text-align:center;position:0; position:relative;overflow:hidden;}
.made_bg .choose_alp{width:644px; height:430px;position:absolute; top:0; z-index:2; left:0; vertical-align:middle; overflow:hidden;background:url(../images/made_xika/pngimg_bg.png) no-repeat;}
.upload_img{width:322px; height:215px;position:absolute; top:0; z-index:1; left:0;overflow:hidden;}
.choose_img{border:1px solid #7B7B7B;height:253px; float:left;}
.made_bg{background:url(../images/made_xika/bg02.jpg) repeat-x; clear:both;float:left; height:460px; width:828px; padding:10px 75px;}
.made_img_box{ width:749px; height:313px; margin:0 auto; border:1px solid #c2c1c1; border-radius:5px; background-color:#FFF;}
.made_img_eg{border:1px solid #7B7B7B;width:322px; height:253px; float:left; margin:0 8px 50px 8px; display:inline;}
.made_img_eg .eg{ height:215px; background:url(../images/made_xika/xika_white.png) no-repeat; width:292px; height:184px; margin:15px auto; position:relative; border-radius:8px; box-shadow:0 1px 2px #999;}
.made_img_eg .eg img{ position:absolute; right:10px; top:10px;}
.made_img_info{ height:50px; line-height:50px; padding-left:50px; font-size:14px;}
.made_img_eg a{ display:block; line-height:37px; line-height:37px; text-align:center; text-decoration:none; border-top:1px solid #7B7B7B; background-color:#F5F3F3; color:#333;}
.choose_btn{height:50px;border-top:1px solid #c2c1c1; border-bottom:1px solid #7b7b7b;padding:10px 280px 0 280px;}
.made_bg h3{ text-align:center; margin-top:20px;}
.made_bg p{ text-align:center;}

.upload_edi{display:block; line-height:37px; height:37px; text-align:center; text-decoration:none; border-top:1px solid #7B7B7B; background-color:#F5F3F3; color:#333; position: relative;}
.upload_edi span.browse_btn{background: url("../images/made_xika/made_card_img.png") no-repeat scroll -239px -24px transparent;cursor:pointer;display: block;height: 24px; line-height:22px;overflow: hidden; width: 86px; color:#000; position:absolute; top:8px; left:60px;border: 0;}
.upload_edi .upload_in{cursor: pointer;direction: rtl; font-size: 24px;opacity: 0;position:absolute; top:8px;left: 60px; opacity:0; filter:alpha(opacity=0);width: 85px;height: 24px;}
.upload_btn{background: url("../images/made_xika/made_card_img.png") no-repeat scroll -239px -24px transparent; border:0 none; width:86px; height:24px; line-height:20px; position:absolute; top:8px; left:180px; cursor:pointer; }

.zoom_img, .choose_math{ height:37px;border-top:1px solid #7b7b7b; border-bottom:1px solid #7b7b7b;background-color:#f5f3f3;}
.choose_btn{ border-radius:0 0 5px 5px;}
.choose_math .cm01, .choose_math .cm02{ display:block; float:left; height:38px; line-height:38px; width:144px; text-align:center;color:#000; font-size:14px; position:relative; padding-left:15px}
.choose_math .cm01{ border-right:1px  solid #c2c2c2;}
.choose_math .cm02{ border-left:1px solid #fff;}
.choose_math .cm01 b{ width:16px; height:13px; background-position: -239px -48px;  position:absolute; left:25px; top:13px;}
.choose_math .cm02 b{width:16px; height:13px; background-position: -256px -48px; position:absolute;left:30px; top:13px;}
.zoom_img dd{ float:left; display:inline-block}
.zoom_img dd.s{ width:9px; height:7px; background-position: -273px -54px; margin:15px 10px 0 54px;_margin:15px 10px 0 27px; cursor:pointer;  }
.zoom_img dd.b{ width:16px; height:13px; background-position: -239px -48px; margin:12px 0 0 10px; cursor:pointer; }
.zoom_img dd.line{ width:176px; height:5px; background-position:-17px -478px; margin:16px 0px; position:relative;}
.zoom_img dd.line div{ width:17px; height:17px; background-position:0 -478px; position: absolute; top:-6px;}
.choose_btn a, .cn_btn a{ display:block; width:86px; height:24px; text-align:center; line-height:22px; color:#333; margin:8px;}
.choose_btn a.cancle, .cn_btn a.cancle{ background-position:-239px -24px; float:left;}
.choose_btn a.ok, .cn_btn a.ok{ background-position:-239px 0; float:right;}
.choose_name{ background-color:#f6f6f6;}
.choose_name h4{ font-size:18px; margin:15px;}
.choose_name input{ background-position:0 -495px; border:none 0; width:288px; height:32px; line-height:32px; padding:3px; margin-left:15px;_margin-left:7px;}
.choose_name span{ display:block; color:#666; clear:both;  padding:10px 15px; font-size:14px; border-bottom:1px solid #d2d2d2;}
.choose_name div.eg{ border-top:1px solid #fff; height:198px; border-bottom:1px solid #d2d2d2;}
.cn_btn{ padding:15px 10px;_padding:7px 10px;}

.edit_money{ padding:20px 20px 0 100px; height:40px; border-top:1px solid#d9d9d9; margin-top:15px;}
.edit_money label{ float:left; width:90px; height:32px; line-height:32px; color:#000; font-size:14px;}
.edit_money input{ border:1px solid #d9d9d9; width:110px; height:26px; line-height:26px; padding:3px; margin-left:15px;_margin-left:7px; float:left; margin-right:10px; background-color:#f9f9f9; color:#C00; font-size:14px;}
.edit_money span{ float:left; line-height:32px; margin-right:15px; font-size:13px;}
.edit_money span.b{ color:#000;}

.made_btn{ border-top:1px solid #ccc; padding:25px 0;}
.made_btn a, .made_btn a:hover{ width:208px; height:45px; text-indent:-999px; display:block; background:url(../images/made_xika/made_btn.jpg) no-repeat; margin:0 auto;}
.made_btn a:hover{ background-position:0 -45px;}


/* order detail */
.order_box{ padding:15px; border-top:1px solid #ccc; margin-top:15px;}
.order_box h3{ font-size:18px; color:#333; }
.order_user{ border:1px solid #dbdbdb; height:230px; background:#fcfcfc;margin:15px 0; padding:15px;}
.order_user table{ width:85%; margin:0 auto;}
.order_user table td{ height:45px; color:#000;}
.order_user .user_info input{ height:20px; line-height:20px; padding:1px;}
.order_user table td.ui_01{ width:100px; text-align:right;}
.order_user table td span.mg_01{ margin-left:15px; color:#666;}
.order_user .in01{ width:240px; margin-left:10px;}
.order_user .in02{ width:300px; margin-left:10px; }
.order_user select{ margin-left:10px;}
.order_list{ margin:15px 0;}
.order_table{ width:100%; border-collapse:0; border-spacing:0;}
.order_table thead th{ border-bottom:1px solid #999; border-top:2px solid #999; background:#f9f9f9; text-align:center; height:35px; color:#000; font-weight:normal;}
.order_table .ob_01 td{ border-bottom:1px solid #dbdbdb; height:35px;text-align:center; color:#666;}
.order_table .ob_01 td b{ color:#000; font-weight: normal; padding-left:10px;}
.ot_price { width:150px;}.ot_amount, .ot_fees, .ot_total, .ot_del{ width:100px;}
.order_table thead tr .ot_title,.order_table tbody tr .ot_title{ text-align:left;}
.order_table thead tr .ot_price,.order_table tbody tr .ot_price{ text-align:left; padding-left:15px;}
.order_table .ot_del a{ margin-right:15px;color:#999;}
.order_table .ot_del a:hover{ color:#C00;}
.order_total{ color:#C00; font-weight:bold; font-size:14px; text-align:right; line-height:35px; padding-right:20px; background-color:#f9f9f9;}
.order_box h4{ font-size:14px; color:#000; margin:15px;}
.order_box  li{ margin:0 0 10px 15px;}
.order_box  li label{ margin:0 10px;}
.order_box  li span{ margin-left:10px;}
.order_box .unline{ border-bottom:1px solid #ccc; padding-bottom:15px;}

/* order cart */
.made_card h2.t01{ padding-top:50px;}
.card_info{ width:480px; margin:15px auto;}
.card_info ul{ border:1px solid #ccc; }
.card_info li{line-height:35px; height:35px; padding-left:20px; background:#f9f9f9; color:#000; font-size:14px;}
.card_info li.uline{ border-bottom:1px solid #ccc; }
.card_info li.photo{line-height:80px; height:90px;padding-top: 5px;}  
.card_info li.photo img{ height: 80px;}

.card_btn{ height:200px; padding-left:360px;}
.btn_next,.btn_buy1{ background:url(../images/made_xika/or_btn.jpg) no-repeat; display:block; width:130px; height:37px; line-height:37px; color:#FFF; font-size:16px; text-align:center; float:left; margin-right:10px;}
.btn_next2{ background:url(../images/made_xika/or_btn.jpg) no-repeat; display:inline-block; width:130px; height:37px; line-height:37px; color:#FFF; font-size:16px; text-align:center; margin-right:10px;}
.btn_buy1{ background-position:-130px 0; color:#000; font-size:16px;}
.btn_buy1:hover{ background-position:-130px -40px; text-decoration:none;}
.btn_next,.btn_next2{ background-position:0 0;}
.btn_next:hover,.btn_next2:hover{ background-position:0 -40px;text-decoration:none;}
.order_ok{ text-align:center;}
.order_ok p{ margin-bottom:30px;}
.order_ok b{ font-size:18px; color:#000; margin-bottom:100px; display:block; font-weight:normal;}
.card_eg_box{float:left; height:350px; width:322px; margin:10px 75px;_margin:10px 37px 10px 37px;}
.card_eg{ border-radius:5px; border:1px solid #c2c1c1;width:292px; height:195px; padding:15px; background-color:#f6f6f6; overflow:hidden;}
.card_eg li{ width:292px; height:180px;border-radius: 6px; box-shadow:#999 1px 2px 0;}
.card_eg .number{ color:#fff; text-shadow:#000 0 1px 0; font-size:25px; padding:15px 10px 10px 15px; height:125px;}
.card_eg .name{color:#fff; text-shadow:#000 0 1px 0; font-size:18px; margin-left:15px;}


.card_eg .img01 .number {color: #ffe9a2;font-size: 20px; height: 28px; padding: 125px 10px 0 70px; text-shadow: 0 1px 0 #000000;}

.card_eg .img01 .name {color: #ffe9a2;font-size: 14px; margin-top: 0px; text-shadow: 0 1px 0 #000000;}




.card_eg .img02 .name {color: #BA9E6A;font-size: 14px;margin-top: 0px;padding: 0;text-shadow: 0 1px 0 #000000;}
.card_eg .img02 .number {color: #BA9E6A;font-size: 20px;height: 28px;padding: 125px 10px 0 70px;text-shadow: 0 1px 0 #000000;}
 
 
 
.card_eg .img03 .name {color: #BA9E6A;font-size: 14px;margin-top: 0px;padding: 0;text-shadow: 0 1px 0 #000000;}
.card_eg .img03 .number {color: #BA9E6A;font-size: 20px;height: 28px;padding: 125px 10px 0 70px;text-shadow: 0 1px 0 #000000;}
  
.card_eg .img04 .number {color: #fff;text-shadow: #000 0 1px 0;font-size: 20px;padding: 3px 10px 10px 15px;height: 28px;}
.card_eg .img04 .name{color: #fff;text-shadow: #000 0 1px 0;font-size: 22px;padding: 110px 0 0 15px;}

.card_eg .img05 .number {color: #fff;text-shadow: #000 0 1px 0;font-size: 20px;padding: 3px 10px 10px 15px;height: 28px;}
.card_eg .img05 .name{color: #fff;text-shadow: #000 0 1px 0;font-size: 22px;padding: 110px 0 0 15px;}

.card_eg .img06 .number {color: #fff;text-shadow: #000 0 1px 0;font-size: 20px;padding: 3px 10px 10px 15px;height: 28px;}
.card_eg .img06 .name{color: #fff;text-shadow: #000 0 1px 0;font-size: 22px;padding: 110px 0 0 15px;}

 
.card_eg span{margin-right: 10px;}


.sale_point{display: none; border: solid 1px #bababf; height: auto; margin-left: 10px; padding-left: 5px;margin-bottom: 10px; background-color: #eFF5F8}
.sale_point div.title{color: #663300;line-height: 45px;font-weight: bold;}
.sale_point td.point_rad{width: 170px; text-align: left; height: 30px;}
.sale_point td.point_address{padding-left: 10px; text-align: left;}

 


.transBg{ width: 322px;height: 215px;text-align: center;overflow: hidden;}

 #container
{

 
	 
}


.jquery-bitmapcutter-cl, .jquery-bitmapcutter-cr
{
	float: left;  
	-moz-user-select: none;
}
.jquery-bitmapcutter-holder
{
	 
	position: relative;
	overflow: hidden;
}
.jquery-bitmapcutter-holder img
{
	position: relative;
	left: 0;
	top: 0; 
}
.jquery-bitmapcutter-cutter
{
	position: absolute;
	border: 1px dashed #000;
	z-index: 200;
	background: #EEF3F7 url(../images/made_xika/pointer.png) no-repeat center center;
	cursor: move;
	overflow: hidden;
}
.jquery-bitmapcutter-cutter .jquery-bitmapcutter-resize
{
	background: url(../images/made_xika/resize.gif) no-repeat center center;
	width: 11px;
	height: 11px;
	cursor: nw-resize;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
.jquery-bitmapcutter-opts
{
	height: 48px; 
	position: relative;
}
.jquery-bitmapcutter-opts div
{
	height: 16px;
	display: block;
	margin-top: 2px;
}
.jquery-bitmapcutter-opts a
{
	text-decoration: none;
	display: block;
	height: 15px;
	width: 15px;
	margin-right: 5px;
	position: relative;
	border: 1px outset Transparent;
	background: url(../images/made_xika/opts.png) no-repeat center center;
}
.jquery-bitmapcutter-opts .r1c1 a, .jquery-bitmapcutter-opts .r3c1 a
{
	margin: auto;
}
.jquery-bitmapcutter-opts .r2c1 a
{
	float: left;
}
.jquery-bitmapcutter-opts a:hover
{
	border: 1px outset #a5b6c8;
}
.jquery-bitmapcutter-opts a:active
{
	border: 1px inset #a5b6c8;
}
.jquery-bitmapcutter-opts a.zoomout
{
	background-position: 0 0;
}
.jquery-bitmapcutter-opts a.zoomin
{
	background-position: -16px 0;
}
.jquery-bitmapcutter-opts a.clockwise
{
	background-position: -65px 0;
}
.jquery-bitmapcutter-opts a.original
{
	background-position: -48px 0;
}
.jquery-bitmapcutter-opts a.counterclockwise
{
	background-position: -32px 0;
}
.jquery-bitmapcutter-opts a.up
{
	background-position: -81px 0;
}
.jquery-bitmapcutter-opts a.down
{
	background-position: -96px 0;
}
.jquery-bitmapcutter-opts a.left
{
	background-position: -113px 0;
}
.jquery-bitmapcutter-opts a.right
{
	background-position: -128px 0;
}
.jquery-bitmapcutter-info
{
	text-align: center;
	font-family: Verdana;
	font-size: 10px;
	margin-top: 15px;display: none;
}
.jquery-loader
{
	background: url(../images/made_xika/indicator.gif) no-repeat center center;
}
.jquery-bitmapcutter-thumbnail
{
	width: 50px;
	height: 50px;
	border: outset 1px #7d9edb;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
.jquery-bitmapcutter-thumbnail img
{
	position: relative;
	left: 0;
	top: 0;
}
.jquery-bitmapcutter-cr .generate
{
	background: url("../images/made_xika/made_card_img.png") no-repeat scroll -239px -24px transparent;
cursor: pointer;
display: block;
height: 24px;
line-height: 22px;
overflow: hidden;
width: 86px;
color: #000; 
border: 0;
	text-align: center;
	margin: 5px 9px 0px 5px;
}

.jquery-bitmapcutter-cr .process
{
	font-family: Verdana;
	font-size: 10px;
	width: 150px;
	margin-top: 10px;
	background: url(../images/made_xika/indicator.gif) no-repeat left top;
	text-indent: 20px;
	line-height: 18px;
}
.jquery-bitmapcutter-newimg
{
	border: outset 1px #7d9edb;
	margin-top: 20px;
}