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

#edit_check {
	width: 786px;
	margin: 0 auto;
	padding: 65px 45px 100px 0;
	overflow: hidden;
}
#edit_check li {
	float: left;
	width: 320px;
	text-align: right;
}
#edit_check li p{
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 1.7;
	font-weight: bold;
	text-align: center;
	color: #528db0;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
	width: 320px;
	padding-bottom: 10px;
}
#foreword {
	background-image: url(../images/foreword_bg.png);
	margin: 50px auto 80px auto;
	max-width: 700px;
	border-top-left-radius:15px;
	border-bottom-right-radius:15px;
	border: solid 4px #fff;
	min-width: 330px;
	width:90%;
}
#foreword_cont {
	padding: 50px 0;
	margin: 10%;
	background-color: #FFF;
	position: relative;
	z-index: 1;
	min-width: 320px;
	border-radius:15px;
}
#foreword_cont h1 {
	position: absolute;
	top: -18px;
	left: -18px;
	background-image: url(../images/icon_attention.png);
	height: 50px;
	background-repeat: no-repeat;
	padding: 8px 0 0 55px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #9e9b9b;
}
.foreword_txt {
	background-image: url(../images/round_dot.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	margin: 0 10%;
	padding: 0 0 30px 0;
}
.foreword_btn {
	margin: 20px auto -67px auto;
	text-decoration: none;
	z-index: 10;
	text-align: center;



}
#post_cont_border {
	width: 1120px;
	background-color: #FFF;
	padding: 4px;
	margin: 10px auto 35px auto;
	position: relative;
	border-radius:15px;
	-moz-box-shadow: 3px 3px 5px #999;
	-webkit-box-shadow: 3px 3px 5px #999;
	box-shadow: 3px 3px 5px #999;



	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999')";
/*	-moz-border-image: url(../image/post_cont_border.png) 15; 
    -webkit-border-image: url(../image/post_cont_border.png) 15; 
    border-style: solid; border-width:15px; 
	border-color: orange;
*/
}
#post_cont_border_small {
	width: 94%;
	background-color: #FFF;
	padding: 4px;
	margin: 10px auto 35px auto;
	position: relative;
	max-width: 780px;
	border-radius:15px;
	-moz-box-shadow: 3px 3px 5px #999;
	-webkit-box-shadow: 3px 3px 5px #999;
	box-shadow: 3px 3px 5px #999;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999')";

/*	-moz-border-image: url(../image/post_cont_border.png) 15; 
    -webkit-border-image: url(../image/post_cont_border.png) 15; 
    border-style: solid; border-width:15px; 
	border-color: orange;
*/
}
.post_cont_title {
	margin: -15px -9px 0 3px;
	float: left;

}
.post_cont_title li{
	border: 4px solid #FFF;
	font-family: "微軟正黑體";
	display: block;
	float: left;
	font-weight: bold;
	font-size: 16px;
	color: #bdbdbd;
	position: relative;
	background-color: #eeedea;
	padding: 9px 22px 9px 25px;
	margin: 4px 0 2px -15px;
	line-height: 21px;
	border-top-left-radius:15px;
	border-bottom-right-radius:15px;
	-moz-box-shadow: 1px 1px 0px #e8e8e8;
	-webkit-box-shadow: 1px 1px 0px #e8e8e8;
	box-shadow: 1px 1px 0px #e8e8e8;



	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e8e8e8');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e8e8e8')";
	max-width: 336px;
}
.post_cont_title li div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-image: url(../images/step_deco_none.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 40px;
	text-align: right;
	background-position: right top;
	line-height: normal;
	position: absolute;
	right: 0px;
	top: 0px;
	letter-spacing: normal;
}
.post_cont_title li.step_here {
	font-size: 18px;
	padding: 10px 30px 10px 15px;
	color: #528db0;
	line-height: 25px;
	margin: 0 0 2px -15px;
	-moz-box-shadow: 2px 2px 3px #ccc;
	-webkit-box-shadow: 2px 2px 3px #ccc;
	box-shadow: 2px 2px 3px #ccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
}
.post_cont_title li.step_here span{
	font-family: "微軟正黑體";
	font-size: 18px;
	font-weight: bold;
	color: #818181;
	float: right;
}
.post_cont_title li.title_yellow {
	background-color: #fcf1d6;
}
.post_cont_title li.title_yellow div{
	background-image: url(../images/step_deco_yellow.png);
}
.post_cont_title li.title_green {
	background-color: #c6efe6;
}
.post_cont_title li.title_green div{
	background-image: url(../images/step_deco_green.png);
}
.post_cont_title li.title_blue {
	background-color: #d4e7f2;
}
.post_cont_title li.title_blue div{
	background-image: url(../images/step_deco_blue.png);
}

#post_cont {
	overflow: hidden;
	clear: both;
	padding: 10px 15px 15px 15px;
}
#post_cont_fancy {
	overflow: hidden;
	clear: both;
	padding: 10px 17px 0px 10px;
	width: 750px;
	margin: 0 auto;
	background-color: #FFF;
	-moz-box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	box-shadow: 0px 0px 8px #999;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#999999');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#999999')";
	height: 485px;
}
.post_text {
	width: 345px;
	padding: 5px;
	float: left;
	position: relative;
	z-index: 1;
}
.post_text h1 {
	line-height: 37px;
	vertical-align: middle;
	background-image: url(../images/post_title_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 2;
	position: relative;
}

.post_text h1 span {
	padding: 10px 0 10px 5px;
	display: inline-block;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #528db0;
	background-color: #FFF;
	vertical-align: top;
	line-height: 22px;
}
.post_text h1.found_h1 {
	position: relative;
	background: none;
	z-index: 2;
}
.found_h1_bg {
	position: absolute;
	top: 5px;
	right: -47px;
	z-index: -1;
}

.post_text_step3 {
	padding: 5px 10px 10px 5px;
	margin: 20px 25px 0 25px;
	border: dotted 3px #deecf5;
	overflow: hidden;
	border-radius:10px;
}
.post_text_step3  h1{
	background-image: url(../images/icon_attention.png);
	background-repeat: no-repeat;
	padding: 15px 0 30px 55px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #528db0;
	line-height: 22px;
}
.post_text_step3 ol{
	float: left;
	padding: 5px 0 0 80px;
	width: 230px;
	list-style-type: decimal;
	list-style-position: outside;
}
.post_text_step3 ol li{
	padding: 0 0 10px 0;
	font-family: "微軟正黑體";
	font-size: 13px;
	color: #666;
	line-height: 22px;
	font-weight: bold;
}
.post_text_step3 p{
	float: left;
	padding: 5px 0 10px 55px;
	width: 230px;
	font-family: "微軟正黑體";
	font-size: 13px;
	color: #666;
	line-height: 22px;
	font-weight: bold;
}


.post_tablebox  {
	border: 4px solid #fbebc5;
	background-color: #fdfaf4;
	position: relative;
	padding: 20px 10px;
	width: 280px;
	margin-left: 45px;
	z-index: 2;
}
.post_tablebox_step3  {
	border: 4px solid #fbebc5;
	background-color: #fdfaf4;
	position: relative;
	padding: 20px;
	float: right;
	width: 300px;
	line-height: normal;
}
//.post_table  {
//	border: 4px solid #fbebc5;
//	background-color: #fdfaf4;
//	position: relative;
//	padding: 10px 0 25px 0;
//}
.post_tablebox_forgot  {
	border: 4px solid #fbebc5;
	background-color: #fdfaf4;
	position: relative;
	padding: 20px 20px 25px 20px;
}



.table_deco {
	position: absolute;
	top: -4px;
	left: -4px;
}
.post_table {

}
.post_table tr th {
	font-family: "微軟正黑體";
	color: #666;
	width: 101px;
	text-align: right;
	letter-spacing: normal;
	vertical-align:top;
	padding-right: 4px;
	padding-top:7px;
}
.post_table tr td {
	padding: 4px 0 0 0;
	font-size: 12px;
	font-family: "微軟正黑體";
	color: #666;
}

.post_table_2 {
	width: 100%;
}
.post_table_2 tr td       {
	font-family: "微軟正黑體";
	font-size: 13px;
	color: #666;
	border: 2px solid #fbebc5;
	padding: 15px;
	background-color: #FFF;
	line-height: 28px;
	font-weight: bold;
}

.post_table_3 tr th {
	font-family: "微軟正黑體";
	color: #666;
	letter-spacing: normal;
	text-align: left;
	padding: 0 15px 4px 15px;
}
.post_table_3 tr td {
	padding: 4px 15px;
	text-align: justify;
	line-height: 1.5;
	vertical-align: middle;
	font-family: "微軟正黑體";
	color: #666;
	font-weight: bold;
	letter-spacing: normal;
}
.post_table_3 tr td span {
	vertical-align: middle;
	width: 40px;
	height: 30px;
	display: inline-block;
	text-align: center;
	padding: 0 8px;
}
.post_table_3 tr th textarea.law{
	line-height: 1.5;
	padding: 5px;
	height: 110px;
	width: 95%;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-left: 5px;
}


.post_table_step3 {
	height: auto;
	border: 2px solid #fbebc5;
	padding: 5px;
	background-color: #FFF;
}
.post_table_step3 tr th {
	font-family: "微軟正黑體";
	color: #666;
	width: 150px;
	text-align: right;
	letter-spacing: normal;
	vertical-align: top;
	padding: 12px 5px 5px 5px;
	white-space: nowrap;
}
.post_table_step3 tr td       {
	font-family: "微軟正黑體";
	font-size: 13px;
	color: #666;
	font-weight: bold;
	text-align: right;
	padding-bottom: 10px;
	padding: 10px 5px 10px 0;
}
.dog_type {
	font-family: "微軟正黑體";
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	line-height: normal;
	color: #528db0;
	display: inline-block;
	word-wrap: break-word;
	max-width: 100px;
}
.post_tablebox .btn_dogtype  {
	font-family: "微軟正黑體";
	font-size: 12px;
	color: #777;
	background-color: #fbebc5;
	font-weight: bold;
	border: 2px solid #ffe2c7;
	padding: 0 10px;
	cursor: pointer;
	line-height: 1.5;
	vertical-align: middle;
}
.post_tablebox .post_table_note   {
	font-family: "微軟正黑體";
	font-size: 12px;
	color: #ff3333;
	font-weight: bold;
}
.post_tablebox hr {
	margin: 8px 3px 7px 0;
	border: solid #eee;
	border-width: 1px 0 0 0;
}


.color_square {
	display: inline-block;
	height: 12px;
	width: 12px;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.post_pincode_box {
	font-family: "微軟正黑體";
	font-size: 14px;
	font-weight: bold;
	color: #528db0;
	clear: both;
	float: right;
	padding: 30px 0 10px 0;
	width: 320px;
	z-index: 2;
}
.post_pincode_box .btn_pincode{
	font-family: "微軟正黑體";
	font-size: 13px;
	color: #FFF;
	background-color: #7db2d1;
	font-weight: bold;
	border: 1px solid #078bd9;
	vertical-align: middle;
	padding: 3px 5px;
	cursor: pointer;
}




.arrow_deco {
	z-index: -1;
	height: 373px;
	margin-left: -45px;
}
.post_step_btn_area {
	height: 408px;
	position: absolute;
	top: 42px;
	left: 50px;
	z-index: -1;
}
.post_step_btn_area a.btn_margin {
	margin: 0 0 5px 0;
}
.post_step3_btn_area {
	text-align: right;
	clear: both;
}
.post_step3_btn_sent  {
	margin: 5px 38px 0 0;
	text-align: right;
}
#dogtype_container {
	width: 850px;
	background-color: #FFF;
	padding: 35px 25px 20px 25px;
}
#dog_size {
	padding: 10px 10px 10px 0;
	background-color: #fdfaf4;
	border: solid 4px #fbebc5;
	margin: 0 auto 25px auto;
	overflow: hidden;
	width: 816px;
}

.dogtype_title {
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	color: #43bcac;
	padding-left: 10px;
}
#dog_size_select  {
	float: left;
	vertical-align: text-bottom;
	line-height: 24px;
	font-family: "微軟正黑體";
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
#dog_size_select input {
	vertical-align: middle;
	margin: 0 2px;
}
.dogtype_serch {
	float: right;
	line-height: 1;
	vertical-align: middle;
}
#serch_icon  {
	background-image: url(../images/search_icon.png);
	height: 24px;
	width: 24px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	margin: 0;
	vertical-align: middle;
}
#clear_icon  {
	background-image: url(../images/clear_btn.png);
	height: 24px;
	width: 24px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	margin: 0;
	vertical-align: middle;
}

#dogtype_table {
	width: 850px;
	margin: 0 auto;
}
#dogtype_table a{
	height: 100%;
	display: block;
	text-decoration: none;
	padding: 8px 0;
}
#dogtype_table a:hover{
	background-color: #fcf6e6;

}
#dogtype_table td {
	border-bottom: solid 1px #f3f3f3;
	width: 20%;
	vertical-align: top;
}
#dogtype_table td:hover{
	background-color: #fcf6e6;

}
#dogtype_table tr td dl {
	width: 154px;
	margin: 0 auto;


}
#dogtype_table tr td dl div{
	width: 150px;
	text-align: center;
	border: solid 2px #fbebc5;
	height: 150px;
	overflow: hidden;
	margin: 0 auto;
}
#dogtype_table tr td dl dt{
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	color: #528db0;
	padding: 5px 2px 0 2px;

}
#dogtype_table tr td dl dd{
	padding: 2px 0px 2px 14px;
	font-size: 12px;
	color: #999;
	background-image: url(../images/icon_style1.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;

}
#dogtype_table tr td dl dd.dogtype_txt{
	padding: 2px;
	overflow: hidden;
	background: none;

}
#dogtype_table .btn_dogtype{
	font-family: "微軟正黑體";
	font-size: 12px;
	color: #777;
	background-color: #fbebc5;
	font-weight: bold;
	border: 2px solid #ffe2c7;
	padding: 0 10px;
	cursor: pointer;
	line-height: 1.5;
	float: right;
	margin: 2px 2px 0 2px;
}

.post_tablebox input, 
.post_tablebox select,
.post_tablebox textarea {
	font-family: "微軟正黑體";
	font-size: 12px;
	color: #999;
	background-color: #FFF;
	font-weight: bold;
	margin-bottom: 3px;
	vertical-align: middle;
}
.post_tablebox input[type=radio] {
	margin-right:3px;
}
.post_tablebox select option {
	font-family: "微軟正黑體";
	font-size: 12px;
	color: #999;
}
.input_orange input[type=text], 
.input_orange input[type=password], 
.input_orange input[type=file], 
.input_orange select,
.input_orange textarea {
	border: 2px solid #fbebc5;
	padding: 2px 0;
}
.input_blue input[type=text],
.input_blue input[type=password],
.input_blue input[type=file],
.input_blue select,
.input_blue textarea {
	border: 1px solid #b9d7e9;
	padding: 2px;
}
textarea {
	resize: none;
}
.post_table_note   {
	font-family: "微軟正黑體";
	font-size: 12px;
	color: #ff3333;
	font-weight: bold;
}
.width_100percent {
	width: 100%;
}
.width_60percent {
	width: 60%;
}
.width_45percent {
	width: 45%;
}
.width_30percent {
	width: 30%;
}
.btn_step {
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 29px;
	font-weight: bold;
	text-align: center;
	height: 29px;
	width: 314px;
	border: 3px solid;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc')";
}
.btn_step:hover {
	text-decoration: none;
}
.btn_step_blue {
	color: #284f66;
	background-color: #d0e7f5;
	border-color: #f2faff;
}
.btn_step_blue:hover {
	color: #528db0;
	background-color: #FFF;
	border-color: #79c1ec;
}
.btn_step_green {
	color: #284f66;
	background-color: #bbefe3;
	border-color: #f2faff;
}
.btn_step_green:hover {
	color: #FFF;
	background-color: #4ac9ac;
	border-color: #cef8ef;
}
.btn_step_red {
	color: #ff6666;
	background-color: #fee0db;
	border-color: #fff4f2;
}
.btn_step_red:hover {
	color: #ff7ca7;
	background-color: #FFF;
	border-color: #ff7ca7;
}