@charset "utf-8";
.clear {clear:both;}
.MemBlueSub {
	float: left;
	height: auto;
	width: 1000px;
	background-color: #FFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #315E85;
}
.MemBlueSub .Left {
	float: left;
	height: auto;
	width: 143px;	
	padding-top: 30px;
}
.MemBlueSub .Content {
	float: left;
	width: 853px;
	padding-top: 50px;
	height: auto;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #315E85;
	background-color: #315E85;
	background-image: url(../images/member/memberbg.jpg);
	background-repeat: no-repeat;
}
.TopInfo {
	float: left;
	width: 620px;
	padding-bottom: 10px;
}
.saerch {
	background-image: url(../images/know/searchbg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 23px;
	width: 201px;
}
.saerch input {
	float: left;
	width: 135px;
	height: 9px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 5px;
	_margin-right: 2px;
}
.saerch a {
	font-size: 75%;
	color: #FFF;
	line-height: 20px;
	*line-height: 22px;
}
.TopInfo .keywordblock {
	float: left;
	width: 400px;
	padding-left: 10px;
	font-size: 75%;
	line-height: 20px;
	color: #666;
}
.TopInfo .keywordblock a {
	color: #2A7CA1;
	margin-right: 5px;
}
.TopInfo .keywordblock a:hover {
	text-decoration:underline
}
.MemBlueSub .Content h2 {
	margin: 0px;
	float: left;
	width: 700px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 50px;
}

.MemBlueSub .Content .Matter {
	float: left;
	width: 700px;
	background-color: #FFF;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	min-height:400px;
}
.MemBlueSub .Content .Matter .FormA {
	width: 650px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #315E85;
}
.FormA table tr th {
	color: #315E85;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #315E85;
	border-bottom-color: #315E85;
	font-size: 75%;
}
.MemBlueSub .Content .Matter .FormA table tr .borderright {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d1d1d1;
}
.MemBlueSub .Content .Matter .FormA table tr td {
	font-size: 75%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1d1d1;
	min-height:10px;
	height:10px
}
.MemBlueSub .Content .Matter .FormA table tr td a {
	color: #000;
}
.MemBlueSub .Content .Matter .FormA table tr td a:hover {
	text-decoration:underline
}
.MemBlueSub .Content .Matter .FormB {
	width: 650px;
}
.FormB table tr th {
	color: #315E85;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #315E85;
	border-bottom-color: #315E85;
	font-size: 75%;
}.FormB table tr th span {
	font-size: 95%;
	font-weight: normal;
	margin-left: 10px;
}
.FormB table tr td {
	font-size: 75%;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 10px;
	color: #666;
	vertical-align: top;
}
.Blue {
	color: #315E85;
}
.BtnBlock {
	float: left;
	width: 650px;
	padding-top: 10px;
}
.BtnBlock a.BtnA {
	float: left;
	height: 20px;
	width: 60px;
	background-color: #FFF;
	/*border: 1px solid #999;*/
	border: 1px solid #315E85;
	font-size: 75%;
	/*color: #666;*/
	color: #315E85;
	text-align: center;
	line-height: 20px;
}
.BtnBlock a.BtnA:hover{
	background-color: #999;
	border: 1px solid #999;
	color: #000;
	}
.BtnBlock a {margin-right:5px}.MemBlueSub .Content .Matter .Rule {
	float: left;
	width: 610px;
	font-size: 75%;
	border: 1px solid #4F7697;
	padding: 20px;
	line-height: 20px;
	overflow: auto;
	height: 300px;
}
.MemBlueSub .Content .Matter .Success {
	font-size: 75%;
	line-height: 20px;
	float: left;
	width: 650px;
	padding-bottom: 20px;
}
.MemBlueSub .Content .Matter .FormC {
	float: left;
	width: 650px;
}
.MemBlueSub .Content .Matter .FormC table tr td {
	padding: 5px;
	font-size: 75%;
}
.MemBlueSub .Content .Matter .FormC table tr td a {
	color: #315E85;
}
.MemBlueSub .Content .Matter .FormC table tr td a:hover {
	text-decoration:underline
}
.pg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	float: left;
	width: 620px;
	margin: 10px 0 0 0;
}
.pg a {
	color: #4d4c4c;
	padding:3px;
}
.pg a:hover {
	color: #fff;
	background-color:#000;
}
.pg a img {
	float: right;
}
.KnowRight {
	float: right;
	width: 140px;
	margin: 0 20px 0 0;
	_margin: 0 10px 0 0;
}
.KnowRight .R1 {
	float: left;
	width: 140px;
	border-left: 1px solid #d1cac1;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
.KnowRight .R1 h1 {
	background-color: #A0A0A0;
	float: left;
	height: 22px;
	width: 130px;
	margin: 0;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	font-family: "Microsoft JhengHei", "New York", serif;
	line-height: 22px;
	padding: 0 0 0 10px;
}
.KnowRight .R1 ul {
	font-size: 12px;
	float: left;
	width: 124px;
	list-style-type: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.KnowRight .R1 ul li {
	color: #000;
	letter-spacing: 0em;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
}
.KnowRight .R1 ul li a {
	color: #000;
}
.KnowRight .R1 ul li a .learn {
	color: #bfd5e2;
}
.KnowRight .R1 .km {
	color: #000;
	float: right;
	font-size: 12px;
}
.Know {
	float: left;
	width: 630px;
}
.Know .knowtab {
	float: left;
	width: 620px;
	border: 1px solid #2a7ca1;
	font-size: 12px;
	margin: 0 0 20px 0;
}
.Know .knowtab table tr td {
	padding: 0px;
}
.Know .knowtab table tr .tit {
	border-bottom: 1px solid #ccc;
}
.Know .knowtab table tr td .cho {
	background-color: #CCC;
	float: left;
	width: 195px;
	height: 14px;
	padding: 5px;
	line-height: 14px;
	color: #2a7ca1;
}
.Know .knowtab table tr td .cho:hover {
	background-color: #2A7CA1;
	color: #fff;
}
.Know .KnowHow {
	float: left;
	width: 620px;
	margin: 0 0 20px 0;
}
.Know .KnowHow table tr th {
	background-color: #2D7B9F;
}
.Know .KnowHow table tr {

}
.Know .KnowHow table {
	float: left;
}
.Know .KnowHow table tr .mt {
	font-size: 13px;
	font-weight: bold;
	color: #6195c6;
	border-top: 1px solid #a7a7a7;
	margin: 5px 0 0 0;
	float: left;
	padding: 5px;
}
.Know .KnowHow table tr td {

}
.Know .KnowHow table tr .ud {
	border-bottom: 1px solid #ccc;
	padding: 5px;
	font-size: 12px;
}
.Know .KnowHow table tr .ud a {
	color: #000;
	float:left
}
.Know .KnowHow table tr .ud a:hover {
	text-decoration:underline;
}
.Know .KnowHow table tr td .sp1 {
	font-size: 13px;
	color: #333333;
	background-color: #efefef;
	float: left;
	width: 107px;
	height: 112px;
	padding: 5px;
	margin: 5px 5px 0 0;
}
.Know .KnowHow table tr td .sp2 {
	font-size: 13px;
	color: #333333;
	background-color: #bfd5e2;
	float: left;
	width: 107px;
	height: 112px;
	padding: 5px;
	margin: 5px 5px 0 0;
}
.Know .KnowHow table tr td .sp3 {
	font-size: 13px;
	color: #333333;
	background-color: #ebe2c8;
	float: left;
	width: 107px;
	height: 112px;
	padding: 5px;
	margin: 5px 5px 0 0;
}
.Know .KnowHow table tr td .sp4 {
	font-size: 13px;
	color: #333333;
	background-color: #dce0c8;
	float: left;
	width: 107px;
	height: 112px;
	padding: 5px;
	margin: 5px 5px 0 0;
}
.Know .KnowHow table tr td .sp5 {
	font-size: 13px;
	color: #333333;
	background-color: #f0e1e6;
	float: left;
	width: 107px;
	height: 112px;
	padding: 5px;
	margin: 5px 5px 0 0;
}
.Know .KnowHow table tr td .sp6 {
	font-size: 13px;
	color: #333333;
	background-color: #c4d5d1;
	float: left;
	width: 107px;
	height: 112px;
	padding: 5px;
	margin: 5px 5px 0 0;
}
.Know .KnowHow table tr td .sp7 {
	font-size: 13px;
	color: #333333;
	background-color: #dfdbe8;
	float: left;
	width: 107px;
	height: 112px;
	padding: 5px;
	margin: 5px 5px 0 0;
}
.Know .KnowHow table tr td .sp8 {
	font-size: 13px;
	color: #333333;
	background-color: #dac9c6;
	float: left;
	width: 107px;
	height: 112px;
	padding: 5px;
	margin: 5px 5px 0 0;
}
.Know .KnowHow table tr td .sp9 {
	font-size: 13px;
	color: #333333;
	background-color: #fbf8e1;
	float: left;
	width: 107px;
	height: 112px;
	padding: 5px;
	margin: 5px 5px 0 0;
}
.Know .KnowHow table tr td .sp10 {
	font-size: 13px;
	color: #333333;
	background-color: #d1cac1;
	float: left;
	width: 107px;
	height: 112px;
	padding: 5px;
	margin: 5px 5px 0 0;
}
.tabk {
	float: left;
	width: 620px;
	background-color: #D8D8D8;
	height: 27px;
}
.tabk a {
	float: left;
	height: 29px;
	width: 88px;
	background-image: url(../images/tabnot.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Microsoft JhengHei", "New York", serif;
	font-size: 12px;
	line-height: 27px;
	text-align: center;
	color:#1a1a1a;
}
.tabk a:hover {
	background-color: #2D7DA0;
	float: left;
	height: 27px;
	width: 90px;
	background-image: none;
	font-family: "Microsoft JhengHei", "New York", serif;
	font-size: 12px;
	line-height: 27px;
	text-align: center;
	color: #fff;
}
.tabk .Doing {
	background-color: #2D7DA0;
	float: left;
	height: 27px;
	width: 90px;
	background-image: none;
	font-family: "Microsoft JhengHei", "New York", serif;
	font-size: 12px;
	line-height: 27px;
	text-align: center;
	color: #fff;
}
.Know .KnowHow table tr td .tabk select {
	float: right;
	margin-right: 3px;
	margin-top: 4px;
	width: 80px;
	font-size: 75%;
	color: #666;
}.Know .KnowHow table tr td .tabk span {
	font-size: 11px;
	line-height: 25px;
	color: #666;
	padding-left: 3px;
	float: left;
}
.Know .Myfilm {
	float: left;
	width: 620px;
	padding-bottom: 20px;
}
.Know .Myfilm h3 {
	font-size: 95%;
	margin: 0px;
	float: left;
	width: 620px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #688AA6;
	padding-bottom: 5px;
	color: #315E85;
}

.Know .Myfilm h3 a {
	font-size: 80%;
	font-weight: normal;
	color: #666;
	float: right;
	*margin-top:-20px;
	_*margin-top:-15px;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
}
.Know .Myfilm h3 a:hover {
	color: #FFF;
	background-color: #315E85;
}
.Know .Myfilm .FormD {
	float: left;
	width: 620px;
	padding-top: 10px;
}
.Know .Myfilm .FormD table tr td {
	padding: 5px;
	font-size: 75%;
	vertical-align: top;
}
a.BtnA {
	font-size: 55%;
	float: left;
	font-weight: normal;
	color: #FFF;
	background-color: #2C7C9F;
	padding: 2px 20px;	
	border-top: 1px solid #79BBDB;
	border-left: 1px solid #79BBDB;
	border-right: 1px solid #287397;
	border-bottom: 1px solid #287397;	
	margin-left: 5px;
}
a.BtnA:hover {
	text-decoration:underline
	}
.Know h5 {
	margin: 0px;
	float: left;
	width: 620px;
	font-size: 75%;
	line-height: 23px;
	font-weight: normal;
	text-align: right;
}
.MemBlueSub .Content .Matter .Know .FormE {
	float: left;
	width: 620px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #4F7697;
}
.Know .FormE .BoxA {
	float: left;
	width: 620px;
	margin-top: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4F7697;
	padding-bottom: 10px;
}
.Know .FormE .BoxA p {
	font-size: 75%;
	float: left;
	width: 610px;
	line-height: 20px;
	margin: 0px;
	padding-left: 5px;
}
.Know .FormE .BoxA p span {
	float: right;
	color: #666;
	*margin-top:-20px
}
.Know .FormE .BoxA dl {
	float: left;
	width: 590px;
	background-color: #C0CEDA;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 5px;
}
.Know .FormE .BoxA .BtnSet { 
	float: left; 
	width: 610px;
	padding-top: 10px;
	font-size: 140%;
}
.Know .FormE .BoxA dl dd {
	font-size: 75%;
	line-height: 20px;
	color: #315E85;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 590px;
}
.Know .FormE .BoxA p a.report {
	color: #315E85;
	margin-left: 10px;
	text-decoration: underline;
}
.Know .FormE .BoxA p a.report:hover {
	color: #000;
	margin-left: 10px;
	text-decoration: underline;
}
.Know .FormE .BoxA dl dt {
	font-size: 75%;
	color: #333;
	line-height: 20px;
	text-align: right;
	float: left;
	width: 590px;
}
.Know .FormE .BoxA textarea {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 590px;
	height: 100px;
}
a.BtnB {
	float: left;
	background-color: #688AA6;
	border: 1px solid #315E85;
	font-size: 95%;
	color: #fff;
	text-align: center;
	margin:0 0 0 5px;
	padding:2px 5px
}
a.BtnB:hover{
	background-color: #315E85;
	border: 1px solid #315E85;
	color: #FFF;
	text-decoration:none
	}
.MemBlueSub .Content .Matter .FormB table tr th a {
	color: #315E85;
}
