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

body {
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  font-family: Verdana, "微軟正黑體", "新細明體";
}

a {
  transition: color .4s;
  color: #265C83;
}

a:link,
a:visited { color: #265C83; }
a:hover   { color: #7FDBFF; }
a:active  {
  transition: color .3s;
  color: #007BE6;
}

.link { text-decoration: none; }

img a {
  border: none;
}

#header {
  width: 100%;
  background-image: url(../img/top_bg.png);
  background-repeat: repeat-x;
}

.head {
  width: 1000px;
  margin: 0 auto;
  background-image: url(../img/logo_bg.png);
  background-repeat: no-repeat;
  height:336px;
}

.head_logo {
  width:47%;
  margin: 0 auto;
  text-align: center;
  padding-top: 0px;
}

#content {
  width: 100%;
  background-image: url(../img/content_bg.png);
  background-position: bottom center;
  background-repeat: repeat-x;
  padding-bottom: 20px;
  overflow: hidden;

}

.content {
  width: 1000px;
  margin: 0 auto;
  background-image: url(../img/middle_content.png);
  background-position: bottom center;
  background-repeat: repeat-x;
  padding-bottom: 40px;
  overflow: hidden;

}

.title {
  clear: both;
  text-align: left;
  margin-top: 15px;
  padding-left: 80px;
  box-sizing: border-box;
}

#login_block {
  float: left;
  width: 65%;
  margin-left: 10px;
  overflow: hidden;
  padding-left: 28px;
  box-sizing: border-box;
  margin-bottom: 20px;
  text-align: left;
}

#login_rblock {
  float: left;
  width: 25%;
  margin-left: 10px;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.login_text {
  box-sizing: border-box;
  clear: both;
  color: #696969;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
  padding-top: 32px;
}

.login_text > .item_name {
  margin-right: 5px;
  color: #2b99df;
  float: left;
  text-align: left;
  font-weight: bold;
  width: 115px;
}

.login_text > input {
  width: 57%;
  height: 42px;
  margin-bottom: 22px;
  padding: 0px 5px;
  box-sizing: border-box;
}

.sinput {
  width: 118px !important;
}

.minput {
  width: 225px !important;
}

.small-link {
  position: relative;
  display: inline-block;
  top: 18px;
}

/*
.simg {
  display: inline-block;
  margin-bottom: -18px;
}
*/

.login_img {
  padding-left: 52px;
  clear: both;
  color: #696969;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  box-sizing: border-box;
}

.hintblock {
  float: right;
  margin-right: 20px;
}

.hint {
  font-size: 16px;
  font-weight: normal;
}

.hint a {
  color: #696969;
  text-decoration: underline;
}

.submit {
  width: 290px;
  margin: 0 auto;
}

.describe {
  line-height: 24px;
  margin: 0 auto;
  width: 805px;
}

#footer {
  width: 100%;
  background-image: url(../img/footer_bg.png);
  background-repeat: repeat-x;
  overflow: hidden;
}

.foot {
  margin: 0 auto;
  width: 1000px;
  font-size: 13px;
  color: #FFF;
  padding: 20px 0px;
  box-sizing: border-box;
}

.footimg {
  float: left;
  width: 158px;
}

.foottext {
  float: right;
  margin-bottom: 10px;
}

.foottext a {
  background-color:skyblue;
  color: #fff;
  text-decoration: none;
  padding: 0px 2px;
}

/**內頁**/
.red {
  color: #ff0000;
}

/**註冊**/
#pagect {
  width: 90%;
  margin: 0 auto;
  /*overflow:hidden;*/
  line-height: 30px;
  min-height: 245px;
  color: #666;
}

.item_name {
  margin-right: 5px;
  color: #2b99df;
  float: left;
  text-align: right;
  font-weight: bold;
}

.textinput {
  box-sizing: border-box;
  width: 48%;
  float: left;
  margin-right: 10px;
  padding: 30px 10px 30px 10px;
  color: #666;
  border-bottom: 1px dotted #ccc;
  position: relative;
}

.textinput .item_name {
  width: 48%;
  float: left;
  text-align: left;
  line-height: 28px;
}

.textinput input {
  height: 28px;
}

.textinput_l {
  box-sizing: border-box;
  color: #666;
  width: 97%;
  float: left;
  padding: 30px 10px 30px 10px;
  border-bottom: 1px dotted #ccc;
  position: relative;
}

.textinput_l .item_name {
  width: 23%;
  float: left;
  text-align: left;
}

.textinput_l select {
  height: 35px;
  padding: 8px 5px;
  line-height: 35px;
  background-color: white;
}

.textinput_l input {
  height: 28px;
}

.textinput_l input[type="radio"] {
  vertical-align: middle;
}

.textinput_l input[type="checkbox"] {
  vertical-align: middle;
}

.note {
  box-sizing: border-box;
  clear: both;
  color: #666;
  font-size: 13px;
  width: 90%;
  padding: 20px;
  margin: 0 auto;
}

.note2 {
  box-sizing: border-box;
  clear: both;
  color: darkgray;
  font-size: 13px;
  width: 100%;
  padding: 5px 0 0 10px;
  margin: 0 auto;
}

/**登入後頁面**/
.login_ed_left {
  float: left;
  /* [disabled]overflow:hidden; */
  width: 245px;
}

.bluelogin {
  color: #2b99df;
  text-align: left;
  width: 245px;
  font-size: 108%;
  line-height: 24px;
  font-weight: bold;
}

.bluelogin a {
  color: #2b99df;
  text-decoration: underline;
}

.query_block {
  margin-top: 10px;
  text-align: left;
  float: left;
  background-color:#E5F6FF;
  /*	border:1px solid #c2c2c2;
  */
  padding: 5px 0px 5px 10px;
  box-sizing: border-box;
  width: 235px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}


.query_block ul {
  margin: 0;
  padding: 0px;
  list-style: none;
}

.query_block ul li {
  margin: 0;
  padding: 0px;
  list-style: none;
  float: left;
  width: 50%;
  text-align: left;
  padding-left: 20px;
  padding-bottom: 5px;
  box-sizing: border-box;
}

.query_block ul li a {
  color: #696969;
  text-decoration: none;
}

.query_block ul li:before {
  content: ".";
}

.query_title {
  margin-top: 8px;
  margin-left: -10px;
  padding: 8px 8px;
  text-align: left;
  background-color: #C0E7FE;
  clear: both;
  color: #696969;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}

.query_title img {
  margin-bottom: -3px;
}

.query_block input {
  margin-bottom: 10px;
  padding: 5px;
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  width: 90%;
  border: none;
  color: #696969;
}

.login_ed_right {
  float: left;
  /*padding-left: 40px;*/
  box-sizing: border-box;
  width: 70%;
}

.login_ed_right_title {
  clear: both;
  margin: 30px 0px;
  border: 2px solid #c2c2c2;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #696969;
  font-weight: bold;
  text-align: center;
  width: 180px;
  line-height: 34px;
  font-size: 22px;padding: 2px 15px;
}

.login_ed_right_title_inline {
  clear: both;
  margin: 30px 0px;
  border: 2px solid #c2c2c2;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #696969;
  font-weight: bold;
  text-align: center;
  width: 180px;
  line-height: 34px;
  font-size: 22px;padding: 2px 15px;
  display: inline-block;
}

.login_ed_right_title_light {
  clear: both;
  margin: 30px 0px;
  color: #696969;
  text-align: center;
  width: 180px;
  line-height: 34px;
  font-size: 22px;padding: 2px 15px;
  display: inline-block;
}

.login_ed_right_title img {
  margin-bottom: -5px;
}

.root {
  font-size: 90%;
  color: #666;
  text-align: left !important;
}

.root a {
  color: #666;
  text-decoration: none;
}

.block_info {
  line-height: 24px;
  width: 48%;
  float: left;
  margin-right: 10px;
  color: #757575;
  margin-bottom: 24px;
  font-size: 90%;
}

.block_info img {
  float: left;
  margin-right: 5px;
}

.block_info_title {
  line-height: 20px;
  color: #2b99df;
  font-weight: bold;
  font-size: 120%;
}

.orange {
  color: #ff5400;
}
.orange a{
  color: #ff5400;
  text-decoration:none;
}
.middlef_blcok {
	clear:both;
  width: 241px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
}

.middle_footer {
  font-size: 13px;
  background-color: #6dc6fe;
  padding: 5px;
  color: #fff;
  float: right;
  margin-left: 5px;
}

.middle_footer a {
  color: #fff;
  text-decoration: none;
}

.large_font {
  font-weight: bold;
  font-size: 18px;
}

.bold_font {
  font-weight: bold;
}

/* error message */
label.error {
  display: inline-block;
  color: darkred;
  position: absolute;
  top: 60px;
  left: 0;
  font-size: small;
}
div.note label.error {
  top: 130px;
}

.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
.textinput p {
    text-align: right;
    color: #ccc;
    font-size: 13px;
    margin: -5px 0px;
    padding-right: 11px;
}
.textinput_l input#streetAddress {
  width: 43%;
}
.textinput_l input#mstreetAddress {
  width: 38%;
}
/*我的案件*/
.outblock{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	overflow:hidden;
	}
.my_block{
	clear:both;
	width:100%;
	overflow:hidden;}
.myitem_title{
	width:33%;
	float:left;
	text-align:center;
	font-weight:bold;
	background-color:#E7F6FF;padding:5px 2px;
	box-sizing:border-box;}
.myitem_title4{
  width:25%;
  float:left;
  text-align:center;
  font-weight:bold;
  background-color:#E7F6FF;padding:5px 2px;
  box-sizing:border-box;}
.myitem_list{
	width:33%;
	float:left;
	text-align:left;
	padding:5px 5px;
	box-sizing:border-box;
	border-bottom:dotted 1px #ccc;    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; 
	font-family:"微軟正黑體 Light", "新細明體-ExtB", Verdana, Arial;}
.myitem_list a{
	text-decoration:none;color:#666;}
.detail_tb_title{
	font-weight:bold;
	background-color:#FFF9E2;
	padding:3px 5px;
	margin:2px;
	display:inline-block;
	}
.detail_tb_content{
	font-weight:normal;
	padding:3px 5px;
	margin:2px;display:inline-block;
	
	}
.secitem_bg{
	clear:both;
	width:100%;
	overflow:hidden;
	background-color:#FFFFEF;}
.fifty_block{
	width:49%;
	float:left;
	padding:5px 2px;
	box-sizing:border-box;
	    color: #666;
}
.fifty_block a{
	text-decoration:none;
	    color: #666;
}

.full_block {
  width: 98%;
  float: left;
  padding: 5px 2px;
  box-sizing: border-box;
  color: #666;
}

.full_block a {
  text-decoration:none;
  color: #666;
}

.card_bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ee8fa+0,d6f9ff+100 */
  background: #9ee8fa; /* Old browsers */
  background: -moz-linear-gradient(top,  #9ee8fa 0%, #d6f9ff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #9ee8fa 0%,#d6f9ff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #9ee8fa 0%,#d6f9ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ee8fa', endColorstr='#d6f9ff',GradientType=0 ); /* IE6-9 */
  padding:5px;
  background-color:#DDF2FF;
  border:solid 1px #a1e4f4;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
  width:320px;
  height:180px;
  -moz-box-shadow: 2px 2px 8px #383838;
  -webkit-box-shadow: 2px 2px 8px #383838;
  box-shadow: 2px 2px 8px #383838;
  overflow:hidden;
  background-image:url(../img/logo_bg.png);
  background-position:bottom center;}
.card_title{
  display:inline-block;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
  background-color:#3AC1E1;
  color:#fff;
  padding:5px 7px;box-sizing:border-box;
  font-weight:bold;
  font-size:105%;
}
.fff_bg{
  margin:6px 2px;
  background-color:#fff;
  box-sizing:border-box;
  width:70%;
  float:left;
  filter:alpha(opacity=80);
  opacity: 0.8;}
.card_name{
  margin:5px 5px;
  clear:both;
  color:#333;
  box-sizing:border-box;
  padding:7px 5px;
  border-bottom:1px dashed #09C;}
.card_name:before{
  content:"◢";}
.qrcode{
  float: right;
  width: 88px;
  height: 88px;
  padding: 6px 2px;}
.barcode{
  clear:both;
  width:100%;
  height:60px;filter:alpha(opacity=80);
  opacity: 0.8;
}

table.simple {
  color: #333; /* Lighten up font color */
  font-family: Helvetica, Arial, sans-serif; /* Nicer font */
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table.simple td, table.simple th {
  border: 1px solid #CCC;
  height: 30px;
  padding: 5px;
} /* Make cells a bit taller */

table.simple th {
  background: #E7F6FF; /* Light blue background */
  font-weight: bold; /* Make sure they're bold */
  text-align: center; /* Center our text */
}

table.simple td {
  background: #FAFAFA; /* Lighter grey background */
  text-align: left; /* Left our text */
}