﻿body {
	margin: 0px;
	padding: 0px;
	font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif,"微軟正黑體";
	font-size:13px;
	font-weight:bold;
	color:#595959;

	
	
}

/*pop_member
============================================================== */
.bcs{width:100%;height:100%;position:fixed;z-index:10;background:url(../images/bb.png);top:0;left:0;display:block;}
#wrap{width: 870px; height: 515px;top: 50%; left: 50%; margin-top:-260px; margin-left: -450px; position:absolute;z-index: 200;  opacity: 0; margin-top:-190px;}
.pop_member {width:710px; height:440px; overflow:hidden; position:absolute; padding:75px 55px 0;  background:url(../images/pop_member_bg.png) 0 0 no-repeat;  z-index: 200;  }
.pop_member div { /*height:25px; width:215px; */float:left; margin-right:10px;}
.pop_member div.name { width:265px; margin-top:10px;}
.pop_member div.mobile { width:265px; margin-top:10px;}
.pop_member div.babybirth { width:465px;margin-top:10px; }
.pop_member div.babyname,.pop_member div.babybirth,.pop_member div.address,.pop_member div.brand,.pop_member div.upload,.pop_member div.agree,.pop_member div.agree2,.pop_member div.btn { width:100%; margin-top:10px;}
.pop_member div.agree { height:115px;}
.pop_member div.agree p { float:left; font-size:12px; color:#b59424; line-height:18px; width:655px;}
.pop_member div.agree2 { height:30px;}
.pop_member div.agree2 p { float:left; font-size:12px; color:#b59424; line-height:18px; width:655px;}
.pop_member div label { font-size:14px; color:#b59424; margin-right:5px; float:left; line-height:22px;}
.pop_member div input { float:left;}
.pop_member div input[type="text"] { width:168px; height:18px; border:1px solid #b59424; padding:2px; line-height:22px; margin-right:5px;}
.pop_member div select { border: 1px solid #B59424; height: 24px; line-height: 22px; vertical-align: middle; width: 88px; float:left; margin-right:5px;}
.pop_member div input[type="file"] { border:1px solid #b59424; background-color:#fff;}
.pop_member div.address input[type="text"] { width:260px;}
.pop_member div.babyname input[type="text"] { width:142px;}
.pop_member div.brand input[type="text"] { width:95px;}
.pop_member div.brand ul { overflow:hidden;width:620px; float:left;}
.pop_member div.brand ul li { width:60px; float:left; height:25px; line-height:20px;color:#b59424;}
.pop_member div.brand ul li.other { width:100px; position:relative;}
.pop_member div.brand ul .otherinput { position:absolute; left:55px; top:0;}
.pop_member div.upload span { font-size:12px; color:#cc2e2e; line-height:25px; margin-left:3px;}
.pop_member p.note { font-size:12px;  color:#ff0000; float:left; width:100%; margin-top:10px; line-height:18px; margin-left:20px;}
.pop_member div.btnm {height:45px; margin-top:18px;}
.pop_member div.btnm a { background:url(../images/btn_send.png) no-repeat 0 0 ; width:155px; height:45px; display:block; margin-top:0px; margin-left: 260px;text-indent:-5000px;}
.pop_member div.btnm a:hover { background-position:0 -45px;}
#wrap a.close{width:50px; height:35px; position:absolute; right:0px; top:0px; background:url(../images/close.png) 0 0 no-repeat; display: block;}
#wrap a.close:hover{background-position: bottom;}
.pop_member .agree .scroll-pane2
		{
			width: 665px;
			height: 80px;
			overflow: auto;
	        overflow-x: hidden; float: left;
	        padding-right: 20px;

		}
/*.scroll-pane2 .jspDrag{height: 10px;}*/
/*pop_share
============================================================== */
#wrap2{width: 625px; height: 515px;top: 50%; left: 50%;  margin-left: -300px; position:absolute;z-index: 200; margin-top: -190px; opacity: 0;}
.pop_share { background:url(../images/pop_share_bg.png) no-repeat 0 0 ; width:230px; height:166px; overflow:hidden; position:relative; padding:200px 195px 0 150px;}
.pop_share input[type="text"] { width:100%; height:18px; border:1px solid #b59424; padding:0 0; line-height:22px; margin:4px 25px;}
.pop_share a { background:url(../images/btn_share.png) no-repeat 0 0 ; width:155px; height:45px; display:block; margin:10px 0 0 70px; text-indent:-5000px;}
.pop_share a:hover { background-position:0 -45px;}
#wrap2 a.close{width:50px; height:35px; position:absolute; right:0px; top:0px; background:url(../images/close.png) 0 0 no-repeat; display: block;}
#wrap2 a.close:hover{background-position: bottom;}

/*pop_error
============================================================== */
#wrap3{width: 486px; height: 282px;top: 50%; left: 50%; margin-left: -240px; position:absolute;z-index: 200; opacity: 0; margin-top:-150px; }
.pop_error { background:url(../images/pop_error.png) no-repeat 0 0 ; width:436px; height:282px; overflow:hidden; position:relative;}
#wrap3 a.close{width:50px; height:35px; position:absolute; right:0px; top:0px; background:url(../images/close.png) 0 0 no-repeat; display: block;}
#wrap3 a.close:hover{background-position: bottom;}

/*pop_rule
============================================================== */
#wrap4{width: 870px; height: 485px; position: absolute; left: 50%; margin-left: -425px; z-index: 200; top: 50%; margin-top: -250px; opacity: 0;}
.pop_rule { background:url(../images/pop_rule_bg.png) no-repeat 0 0 ; width:776px; height:485px; position:relative; padding:85px 22px 0; overflow: hidden;}
.pop_rule .rule1 { background:url(../images/rule.png) no-repeat 0 0; width:750px; height:1200px; text-indent:-9000px; display:block;}
.scroll-pane
		{
			width: 760px;
			height: 460px;
			overflow: auto;
	        overflow-x: hidden;

		}
#wrap4 a.close{width:50px; height:35px; position:absolute; right:0px; top:0px; background:url(../images/close.png) 0 0 no-repeat; display: block;}
#wrap4 a.close:hover{background-position: bottom;}		

