@charset "utf-8";

/* 主框架 */
.Wrap {
	min-width: 960px;
	padding-top: 100px;
}

/* 20140401 by Grant */
.Wrap.minWidth1280 {
	min-width: 960px;
	width: auto;
}

.Header {
	background: url(../images/public/header_bg.png) repeat-x left bottom;
	position: fixed;
	    width: 100%;
		z-index: 100;
		top: 0px;
}
@media screen and (max-width: 801px) { 
.Header {
	background: url(../images/public/header_bg.png) repeat-x left bottom;
	position: absolute;
	    min-width: 1380px;
		z-index: 100;
		top: 0px;
}
}
.Header .headerBlk {
	height: 98px;
	min-width: 960px;
	width: auto;
	margin: 0;
	position: relative;
	text-align: right;
	z-index:1
}
.Header .headerBlk .logo {
	height: 40px;
	width: 150px;
	background: url(../images/public/logo.png) no-repeat;
	display: block;
	position: absolute;
	top: 7px;
	left: 10px;
}


.Header .headerBlk .topLink {
	position: fixed;
	right: 13px;
	top: 25px
}

@media screen and (max-width: 801px) { 
.Header .headerBlk .topLink {
	position: absolute;
	left: 250px;
	top: 25px
}

} 
.Header .headerBlk .topLink li {
	display: inline-block;
	 *display:inline;
	 *zoom:1;
	float: left;
	background: url(../images/public/white_line.gif) no-repeat left center;
	padding: 0 0 0 10px;
	margin-left: 10px
}
.Header .headerBlk .topLink li:first-child {
	background: none
}
.Header .headerBlk .topLink li a {
	color: #ffffff;
	text-decoration: none
}
.Header .headerBlk .topLink li a:hover {
	text-decoration: underline;
}
/* 上方主選單開始 */
.Nav {
	position: absolute;
	left: 13px;
	bottom: 2px;
	height: 45px;
	width: 100%;
}
 
.Nav .NavLister {
	position: fixed;
	top: 55px;
	right: 10px;
	font-size: 14px;
	height:38px;
}

@media screen and (max-width: 801px) { 
.Nav .NavLister {
	position: absolute;
	top: 5px;
	left: 200px;
	font-size: 14px;

}}


.Nav .NavLister li {
	display: inline-block;
	 *display:inline;
	 *zoom:1;
	vertical-align: middle;
	position: relative;
	font-weight: bold;
	text-align: center;
	float: left;
}

.Nav .NavLister li.act a,
.Nav .NavLister li:hover {
	color: #FFFFFF !important;
	background: url(../images/public/nav_tab_over.png) no-repeat left bottom
}
.Nav .NavLister li a {
	text-decoration: none;
	padding: 10px 0;
	width: 118px;
	display: block;
	font: 15px/1.231 Arial,   "PMingLiU", Verdana, Helvetica, sans-serif ,  "微軟正黑體",  "新細明體";
	color: #027c7d !important;
}
.Nav .NavLister li:hover > a {
	color: #fff !important;
}
.Nav .NavLister li:after {
	content: "";
	width: 2px;
	height: 16px;
	position: absolute;
	left: -1px;
	top: 11px;
	background: url(../images/public/nav_line.png)
}
.Nav .NavLister li:first-child:after {
	display:none
}
.Nav .NavLister li:hover > .topSubMenu{
	display:block
}
.Nav .NavLister li .topSubMenu{
	display:none;
	background:#FFF;
	position:absolute;
	z-index:99;
	top:37px;
	left:0;
	border-top: 1px solid #d4d4d4;
	box-shadow: 2px 2px 3px 0 #666;
	-webkit-box-shadow: 2px 2px 3px 0 #666;
	-moz-box-shadow: 2px 2px 3px 0 #666;
	border-top:1px solid #d4d4d4;
}
.Nav .NavLister .topSubMenu li{
	display:block;
	float:none;
}
.Nav .NavLister .topSubMenu li:after{
	display:none
}
.Nav .NavLister .topSubMenu li:hover{
	background: url(../images/public/rules_over.png) left bottom repeat-x !important;
}
.Nav .NavLister .topSubMenu li a{
	padding:0;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	padding:10px;
	border:1px solid #d4d4d4;
	border-top:0;
	display:block;
	width:200px;
	background:none;
	color:#027c7d !important
}
.Nav .NavLister .topSubMenu li a:hover{
	color:#fff !important
}


.Nav .language {
	position: relative;
	margin: 10px 0 0 10px;
	border: 1px solid #a6a6a6;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.Nav .language li {
	display: inline-block;
	 *display:inline;
	 *zoom:1;
	float: left;
	border-left: 1px solid #a6a6a6;
	overflow: hidden;
}
.Nav .language li:first-child {
	border-left: 0;
}
.Nav .language a {
	position: relative;
	padding: 3px 5px 0 5px;
	display: block;
	color: #666666;
	text-decoration: none;
	height: 16px;
}
.Nav .language a:hover {
	background: url(../images/public/lang_bg_off.png) repeat-x left top;
	color: #003300;
	text-decoration: none
}
.Nav .language .act {
	position: relative;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 0 3px 3px;
	background: url(../images/public/lang_bg_off.png) repeat-x left top;
	color: #003300
}
.Main {
	min-width: 960px;
	margin: 0 10px
}
.TableWrap {
}
.TableWrap .lCol {
	vertical-align: top;
	width: 270px;
}
.TableWrap .rCol {
	vertical-align: top;
	width:100%
}
.Content {
	padding: 0 0 40px;
	width: 100%;
	/*overflow:hidden;*/
	height:auto;
	letter-spacing:0px;
}
.Content .Left_Col {
	width: 270px;
	z-index: 99;
	position: relative;
	letter-spacing:0px;
	
}
.Content .Left_Col .LeftNavHeader {
	border: 1px solid #d3d3d3;
	background: url(../images/public/nav_header.png) no-repeat left top;
	color: #226b60;
	font-size: 11.5pt;
	font-weight: bold;
	height: 42px;
	//margin-top:20px;
	position:relative;
}

.Content .Left_Col .LeftNavHeader:after,
.Content .Left_Col .LeftNavHeader:before{
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	background-image: url(../images/public/corner.png);
	background-repeat: no-repeat;
	z-index: 1
}
.Content .Left_Col .LeftNavHeader:after {
	left: -1px;
	top: -1px;
	background-position: 0 0;
}
.Content .Left_Col .LeftNavHeader:before {
	right: -1px;
	top: -1px;
	background-position: right 0;
}

.Content .Left_Col .LeftNavHeader .pgIcon{
	width:36px;
	height:36px;
	display:inline-block;
	vertical-align:middle;
	margin:0px 5px 0 20px
}

.Content .Left_Col .LeftNavHeader .titleTxt{
	line-height:36px;
	display:inline-block;
	vertical-align:middle;
	margin-top:5px;

}

/* 左側選單開始 */
.LeftNav {
	background: #fff;
	margin-top: -1px;
	margin-bottom: 10px;
}

/* 第二層、第三層下拉區塊樣式設定 */
.LeftNav ul{
	background: #fff;
	position: absolute;
	top: -1px;
	width: 240px;
	border-top: 1px solid #d4d4d4;
	box-shadow: 2px 2px 4px 0 #666;
	-webkit-box-shadow: 2px 2px 4px 0 #666;
	-moz-box-shadow: 2px 2px 4px 0 #666;
	display:none
}
.LeftNav li {
	position: relative;
	list-style:none;
}
.LeftNav li:hover {
	position: relative;
	background:#177978 url(../images/public/rules_over.png) left bottom repeat-x;
}
.LeftNav li a {
	display: block;
	color: #027c7d;
	font-size: 13px;
	font-weight: bold;
	color: #027c7d;
	text-decoration: none;
	padding: 8px 20px;
	border: 1px solid #d4d4d4;
	border-top:0
}
.LeftNav li a:hover {
	color:#FFF
}

/* 屬於當下項目效果 */
.LeftNav .navItem.current {
	background: url(../images/public/rules_over.png) left bottom repeat-x;
}

.LeftNav .navItem.current a {
	color: #FFFFFF
}
/* 第二層選單*/
.LeftNav .navItem > .LeftSubNav {
	left: 269px;
}

/* 第三層選 單*/
.LeftNav .navItem > .LeftSubNav .sItem > .ThirdNav {
	left: 239px;
}

/* 選單箭頭設定 */
.LeftNav .navItem.subMenu > a,
.LeftNav .navItem.subMenu .sItem.subMenu > a{
	background:url(../images/public/vdrop.png) 95% center no-repeat;
}
.LeftNav .navItem.subMenu:hover > a,
.LeftNav .navItem.subMenu .sItem.subMenu:hover > a{
	background:url(../images/public/vdrop-over.png) 95% center no-repeat;
	color:#FFF
}

.LeftNav .navItem.subMenu:hover > .LeftSubNav,
.LeftNav .navItem.subMenu .sItem.subMenu:hover > .ThirdNav {
	display:block;
	}

.Content .Left_Col .CustomerBlk {
	padding: 5px 0;
	color: #000;
	font-size: 12px;
	background: #FFF;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 10px;
}
.Content .Left_Col .CustomerBlk .times,
.Content .Left_Col .CustomerBlk .week {
	color: #000;
	font-size: 12px
}
.Content .Left_Col .CustomerBlk h2 {
	padding: 5px 10px 0;
}
.Content .Left_Col .CustomerBlk .itemListBlk {
	overflow: hidden;
	padding: 5px 0 5px 10px;
	margin: 0;
}
.Content .Left_Col .CustomerBlk .itemListBlk a.mail {
	width: 15px;
	height: 10px;
	display: inline-block;
 *display:inline;
 *zoom:1;
 *vertical-align:middle;
	background: url(../images/public/symbol_01.png) no-repeat;
	background-position: -8px -130px;
 *background-position: -8px -130px;
	margin-right: 5px;
}
.Content .Left_Col .CustomerBlk .itemListBlk a.mail:hover {
	background-position: -8px -210px;
}
.Content .Left_Col .CustomerBlk .itemListBlk li {
	padding: 4px 0 4px 0;
	clear: both;
	display: block;
}
.Content .Left_Col .CustomerBlk .itemListBlk li strong {
	float: left;
	padding-top: 5px;
	font-weight: normal;
}
.Content .Left_Col .CustomerBlk .itemListBlk li p {
	overflow: hidden;
	float: left;
	padding-left: 0;
	padding-top: 5px;
	width: 160px;
}
.Content .Left_Col .CustomerBlk .itemListBlk li p em {
	font-style: normal;
	padding-top: 2px;
	display: inline-block
}
.Content .Right_Col {
	line-height: 130%;
	letter-spacing:0px;
}
.Content .Right_Col .Right_Col_Top {
	/* display: flex;
	justify-content: flex-start; */
	position: relative;
	width: 1100px;
	height: 600px;
	background-color: rgb(234,242,242);
}
#Right_inf h1{
	font-size: 36px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 900;
	font-family:"Noto Sans TC"!important;
}
#Right_inf h2{
	font-size: 22px;
	padding-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	font-family:"Noto Sans TC"!important;
}
#Right_inf p{
	font-size: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
	font-family:"Noto Sans TC"!important;
	color:#666C6C;
	font-weight:bold;
}
#Right_inf p strong {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 5px;
	font-family:"Noto Sans TC"!important;
	color:black;
	font-weight:bold;
}

#Right_inf button {
	color: black;
	font-size: 22px;
	border-radius: 45px;
	font-weight: bold;
	margin: 15px 0px 15px 15px;
	font-family:"Noto Sans TC"!important;
	height: 48px;
	line-height: 48px;
    background: linear-gradient(90deg,#ffc229, #ffa42a);
}

#Right_inf button img {
	vertical-align: middle;
}

#Right_inf {
	width: 350px;
	/* height: 500px; */
	position: absolute;
	top: 20px;
	left: 10px;
	/* padding-top: 20px;
	padding-left: 20px; */
	float: left;
	/* display: inline-block; */
	/* position: absolute;
	top:0px;
	left:0px; */
}

.Right_img {
	display: inline-block;
	width: 350px;
	margin-left: 30px; 
	position: absolute;
	left: 500px;
}

.Right_img img {
	width: 300px;
	margin-top: 60px;
	margin-left: -120px;
}

.Played {

	width: 300px;
	/*height: 430px;*/
	height: 250px;
	/*border-radius: 50px;*/
	background-color: rgb(234,242,242);
	/* float: right; */
	/* position: relative;
	/* left: 330px; */
	/* margin-left: 60px; */
}

#Auto_Played_Info {
	margin-top: 20px;
	
}

#Auto_Played_Info h1 {
	font-size: 1.8em;
	font-weight:900;
	font-family:"Noto Sans TC"!important;
}

.Auto_Played {
	display: inline-block;
	position: absolute;
	left: 900px;
	/* display: flex;
	flex-direction: column; */
	margin-left: -115px;
}
/* tr {
	border-radius: 25px;
} */
#rolllinkk1 tr>td {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	background: #B9D7D7;
	border-radius: 20px;
	margin: 5px;
	height: 80px;
	width: 260px;
}
#rolllinkk1 tr>td:hover {
	height:100px;
	color: white;
	font-size: 18px;
	background: #007B7B;
	font-family:"Noto Sans TC"!important;
}
#rolllinkk1 tr>td:hover>div:nth-child(1) {
	width:64px;
	height:64px;
	background-repeat: no-repeat;
	background-size: 64px 64px;
}
#rolllinkk1 tr>td:hover>div:nth-child(2)>div:nth-child(2) {
	font-size: 15px;
	font-family:"Noto Sans TC"!important;
	margin-top:5px;
}
#rolllinkk1 tr>td:hover>div:last-child>button {
	background: linear-gradient(90deg,#ffc229, #ffa42a);
	border: 1px solid #F9BE26;
}
#rolllinkk1 tr>td>div {
	margin: 5px;
}
#rolllinkk1 tr>td>div:nth-child(2) {
	width: 150px;
}
#rolllinkk1 tr>td>div:last-child>button {
	width: 20px;
	height: 20px;
	background: white;
	border: 1px solid white;
	border-radius: 15px;
}
#rolllinkk1 tr>td>div:nth-child(1){
	width:50px;
	height:50px;
	background-repeat: no-repeat;
	background-size: 50px 50px;
}
#rolllinkk1 tr>td>div:nth-child(2)>div:nth-child(1) {
	font-size: 18px;
	font-weight: bold;
	font-family:"Noto Sans TC"!important;
}
#rolllinkk1 tr>td>div:nth-child(2)>div:nth-child(2) {
	font-size: 14px;
	font-family:"Noto Sans TC"!important;
	margin-top:5px;
}
#rolllinkk2 tr>td {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	background: #B9D7D7;
	border-radius: 20px;
	margin: 5px;
	height: 80px;
	width: 260px;
}
#rolllinkk2 tr>td:hover {
	height:100px;
	color: white;
	font-size: 18px;
	background: #007B7B;
	font-family:"Noto Sans TC"!important;
}
#rolllinkk2 tr>td:hover>div:nth-child(1) {
	width:64px;
	height:64px;
	background-repeat: no-repeat;
	background-size: 64px 64px;
}
#rolllinkk2 tr>td:hover>div:nth-child(2)>div:nth-child(2) {
	font-size: 15px;
	font-family:"Noto Sans TC"!important;
	margin-top:5px;
}
#rolllinkk2 tr>td:hover>div:last-child>button {
	background: linear-gradient(90deg,#ffc229, #ffa42a);
	border: 1px solid #F9BE26;
}
#rolllinkk2 tr>td>div {
	margin: 5px;
}
#rolllinkk2 tr>td>div:nth-child(2) {
	width: 150px;
}
#rolllinkk2 tr>td>div:last-child>button {
	width: 20px;
	height: 20px;
	background: white;
	border: 1px solid white;
	border-radius: 15px;
}
#rolllinkk2 tr>td>div:nth-child(1){
	width:50px;
	height:50px;
	background-repeat: no-repeat;
	background-size: 50px 50px;
}
#rolllinkk2 tr>td>div:nth-child(2)>div:nth-child(1) {
	font-size: 18px;
	font-weight: bold;
	font-family:"Noto Sans TC"!important;
}
#rolllinkk2 tr>td>div:nth-child(2)>div:nth-child(2) {
	font-size: 14px;
	font-family:"Noto Sans TC"!important;
	margin-top:5px;
}

#rolllinkk {
	border-radius: 25px;
	margin-top: 20px;
	right: 0;
}
.Content .Right_Col .content {
	line-height:150%;
	letter-spacing:0px;
}
#backLink{ font-size: 18px; font-weight: bold; }

.Content .Right_Col.w675 {
	width: 675px;
}
.Content .Right_Col .kvShow {
	background: #fbfdfd;
	width:auto ;
	height: 140px;
	position: relative;
	text-align:right	
}
.Content .Right_Col .kvShow .slogan{
	position:absolute;
	left:5%;
	top:45%
}
.Content .Right_Col .kvShow:before {
	content: "";
	width: 8px;
	height: 140px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/public/kv_l_brd.png) no-repeat left top;
}
.Content .Right_Col .kvShow:after {
	content: "";
	width: 100%;
	height: 8px;
	position: absolute;
	bottom: -8px;
	right: 0;
	background: url(../images/public/idx_kvbox_shadow.png) no-repeat top center;
}
.Content .Right_Col .ServiceBlk {
	background: #FFF;
	/*height: 185px;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 10px 0 0 0;
	padding-bottom: 8px;
}
/*.Content .Right_Col .ServiceBlk:after {
	content:"";
	clear:both;
	height:0px;
	display:block;
}*/
.Content .Right_Col .ServiceBlk .ServiceitemBlk {
	float: left;
	background: url(../images/public/block_bg.jpg) repeat-y left top;
	padding: 10px 0;
}


.Content .Right_Col .ServiceBlk .ServiceitemBlk .title {
	background: url(../images/public/tab_btn_off.png) repeat-x 0 0;
	font-weight: bold;
	color: #007d7d;
	font-size: 15px;
	letter-spacing:0px;
}

.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t01:before,
.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t02:before,
.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t03:before {
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	position:relative;
	top:-1px;
	margin:0 5px;
	letter-spacing:0px;
}

.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t01:before {
	background: url(../images/public/symbol_01.png) no-repeat -6px -6px;
}

.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t02:before {
	background: url(../images/public/symbol_01.png) no-repeat -5px -46px;
}
.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t03:before {
	background: url(../images/public/symbol_01.png) no-repeat -5px -86px;
}
.Content .Right_Col .ServiceBlk .ServiceitemBlk {
	float: left;
	width: 31.2%;
	background: url(../images/public/block_bg.jpg) repeat-y left top;
	padding: 20px 1% 10px;
}
.Content .Right_Col .ServiceBlk .ServiceitemBlk:first-child {
}.Content .Right_Col .ServiceBlk {
	background: #FFF;
	height: 185px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 10px 0 0 0;
	padding-bottom: 8px;
}
.Content .Right_Col .ServiceBlk:after {
	content:"";
	clear:both;
	height:0px;
	display:block;
}
.Content .Right_Col .ServiceBlk .ServiceitemBlk {
	float: left;
	background: url(../images/public/block_bg.jpg) repeat-y left top;
	padding: 10px 0;
}


.Content .Right_Col .ServiceBlk .ServiceitemBlk .title {
	background: url(../images/public/tab_btn_off.png) repeat-x 0 0;
	font-weight: bold;
	color: #007d7d;
	font-size: 15px;
	letter-spacing:0px;
}

.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t01:before,
.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t02:before,
.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t03:before {
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	position:relative;
	top:-1px;
	margin:0 5px;
	letter-spacing:0px;
}

.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t01:before {
	background: url(../images/public/symbol_01.png) no-repeat -6px -6px;
}

.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t02:before {
	background: url(../images/public/symbol_01.png) no-repeat -5px -46px;
}
.Content .Right_Col .ServiceBlk .ServiceitemBlk .title.t03:before {
	background: url(../images/public/symbol_01.png) no-repeat -5px -86px;
}
.Content .Right_Col .ServiceBlk .ServiceitemBlk {
	float: left;
	width: 31.2%;
	background: url(../images/public/block_bg.jpg) repeat-y left top;
	padding: 20px 1% 10px;
}
.Content .Right_Col .ServiceBlk .ServiceitemBlk:first-child {
}
.Content .Right_Col .bulletin {
	margin: 10px 0 0 0;
	background: #FFF;
	padding: 10px 15px 0;
	position: relative;
	border: 1px solid #e2e2e2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.Content .Right_Col .bulletin:after{
	content:"";
	clear:both;
	height:0px;
	display:block;
}
.Content .Right_Col .bulletin h2.font15 {
	float: left;
	width: 160px;
	color: #007d7d;
	background:url(../images/public/tab_btn_off.png) repeat-x 0 0;
}

.Content .Right_Col .bulletin h2.font15:before {
	background: url(../images/public/symbol_01.png) no-repeat -5px -246px;
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	position:relative;
	top:-1px;
	margin:0 5px
}


.Content .Right_Col .bulletin .BlackDotLister {
	margin-left:100px
}
.Content .Right_Col .bulletin .BlackDotLister li {
	float: left;
	width:45%;
	padding-left:20px
}
.Content .Right_Col .bulletin .button01 {
	width: 40px;
	position: absolute;
	right: 17px;
	bottom: 15px
}
.Content .Right_Col .rightContent {
	min-width:1000px;
	min-height:545px;
	margin-top: 10px;
	position: relative;
	background:#fff;
	border:1px solid #d4d4d4;
	width:99.8%;
	*float:left;
	z-index:0;
}
.Content .Right_Col .rightContent.cleanHeight{
	height:inherit !important;
}
.Content .Right_Col .rightContent:after,
.Content .Right_Col .rightContent:before{
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	background-image: url(../images/public/corner.png);
	background-repeat: no-repeat;
	z-index: 1;
	bottom: -1px;
}
.Content .Right_Col .rightContent:after {
	right: -1px;
	background-position: right -5px;
}
.Content .Right_Col .rightContent:before {
	left: -1px;
	background-position: 0 -5px;
}

.Content .Right_Col .rightContent01 {
	min-width: 1000px;
	
	margin-top: 10px;
	position: relative;
	background:#fff;
	border:1px solid #d4d4d4;
	width:99.8%;
	*float:left;
	z-index:0;
}
.Content .Right_Col .rightContent01.cleanHeight{
	height:inherit !important;
}
.Content .Right_Col .rightContent01:after,
.Content .Right_Col .rightContent01:before{
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	background-image: url(../images/public/corner.png);
	background-repeat: no-repeat;
	z-index: 1;
	bottom: -1px;
}
.Content .Right_Col .rightContent01:after {
	right: -1px;
	background-position: right -5px;
}
.Content .Right_Col .rightContent01:before {
	left: -1px;
	background-position: 0 -5px;
}
.Content .Right_Col .bottomBrd {
	position: relative;
}

.Content .Right_Col .bottomBrd:after,
.Content .Right_Col .bottomBrd:before {
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	background-image: url(../images/public/corner.png);
	background-repeat: no-repeat;
	z-index: 1;
	top:-1px;
}
.Content .Right_Col .bottomBrd:after {
	right: -1px;
	background-position: right 0;
}
.Content .Right_Col .bottomBrd:before {
	left: -1px;
	background-position: left 0;
}
.Content .Right_Col .rightContent:first-child {
	margin-top: 0
}
.Content .Right_Col .rightContent .productBlk {
	width: 33%;
	min-height: 480px;
	float: left;
	background: url(../images/public/v_shadow.png) repeat-y ;
	position: relative;
}
.Content .Right_Col .rightContent .productBlk:after {
	
	content: "";
	width: 218px;
	height: 10px;
	position: absolute;
	top: 68px;
	left:0px;
	
	background: url(../images/public/h_shadow.png) no-repeat;
	
}
.Content .Right_Col .rightContent .productBlk:first-child {
	background: none
}
.Content .Right_Col .rightContent .productBlk .prtTitle {
	margin: 5px 15px;
}
.Content .Right_Col .rightContent .productBlk .prtPic{
	margin:10px 15px;	
	display:block
}
.Content .Right_Col .rightContent .productBlk .BlackDotLister {
	margin:0 15px
}
.Content .Right_Col .rightContent .productBlk .BlackDotLister li {
	padding-top: 5px;
	padding-bottom: 5px;
	letter-spacing: -1px
}

.ContBlk {
	padding: 25px;
	height: auto;
	letter-spacing: 0px;
}

.ContBlk.w625 {
	width: 625px;
	
}
.ContBlk p {
	line-height: 24px;
	margin-bottom: 15px;
	
}
.ContBlk.Info {
	padding: 25px
}
.ContBlk.Info ul {
	list-style: decimal;
	padding: 0 0 0 15px;
 	*padding:0 0 0 22px;
}
.ContBlk.Info ul li {
	list-style: decimal;
}
.ContBlk.Info .nbrLister {
	padding-left: 25px;
	position: relative;
	display: block
}
.ContBlk.Info .nbrLister.pg2 {
	margin-left: 25px
}
.ContBlk.Info .nbrLister em {
	font-style: normal;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	*top: -5px;
}

.rulesNav {
	text-align: center;
	padding: 36px 0 35px
}

.rulesNav li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 10px
}

.rulesNav li:first-child {
	margin-left: 0
}


.rulesNav li .rulesBtn_en {
	width: 174px;
	height: 42px;
	background: url(../images/public/rule_btn_En.png) no-repeat left top;
	display: block;
}

.rulesNav li .rulesBtn_en.btn01 {
	background-position: left top;
}
.rulesNav li .rulesBtn_en.btn01:hover {
	background-position: right top
}
.rulesNav li .rulesBtn_en.btn02 {
	background-position: left -42px
}
.rulesNav li .rulesBtn_en.btn02:hover {
	background-position: right -42px
}
.rulesNav li .rulesBtn_en.btn03 {
	background-position: left -84px
}
.rulesNav li .rulesBtn_en.btn03:hover {
	background-position: right -84px
}
.rulesNav li .rulesBtn_en.btn04 {
	background-position: left -126px
}
.rulesNav li .rulesBtn_en.btn04:hover {
	background-position: right -126px
}
.rulesNav li .rulesBtn_en.btn05 {
	background-position: left -168px
}
.rulesNav li .rulesBtn_en.btn05:hover {
	background-position: right -168px
}

.rulesNav li .rulesBtn_en.btn06 {
	background-position: left -210px
}

.rulesNav li .rulesBtn_en.btn06:hover {
	background-position: right -210px
}

.rulesNav li .rulesBtn_en.btn07 {
	background-position: left -252px
}

.rulesNav li .rulesBtn_en.btn07:hover {
	background-position: right -252px
}

.rulesNav li .rulesBtn_en.btn08 {
	background-position: left -294px
}

.rulesNav li .rulesBtn_en.btn08:hover {
	background-position: right -294px
}

.rulesNav li .rulesBtn_en.btn09 {
	background-position: left -336px
}

.rulesNav li .rulesBtn_en.btn09:hover {
	background-position: right -336px
}

.rulesNav li .rulesBtn_en.btn10 {
	background-position: left -378px
}

.rulesNav li .rulesBtn_en.btn10:hover {
	background-position: right -378px
}

.rulesNav li .rulesBtn_en.btn11 {
	background-position: left -420px
}

.rulesNav li .rulesBtn_en.btn11:hover {
	background-position: right -420px
}

.rulesNav li .rulesBtn_en.btn12 {
	background-position: left -462px
}

.rulesNav li .rulesBtn_en.btn12:hover {
	background-position: right -462px
}

.rulesNav li .rulesBtn_en.btn13 {
	background-position: left -504px
}

.rulesNav li .rulesBtn_en.btn13:hover {
	background-position: right -504px
}

.rulesNav li .rulesBtn_en.btn14 {
	background-position: left -546px
}

.rulesNav li .rulesBtn_en.btn14:hover {
	background-position: right -546px
}

.rulesNav li .rulesBtn_en.btn15 {
	background-position: left -588px
}

.rulesNav li .rulesBtn_en.btn15:hover {
	background-position: right -588px
}

.rulesNav li .rulesBtn_en.btn16 {
	background-position: left -630px
}

.rulesNav li .rulesBtn_en.btn16:hover {
	background-position: right -630px
}

.rulesNav li .rulesBtn_en.btn17 {
	background-position: left -672px
}

.rulesNav li .rulesBtn_en.btn17:hover {
	background-position: right -672px
}

.rulesNav li .rulesBtn_en.btn18 {
	background-position: left -714px
}

.rulesNav li .rulesBtn_en.btn18:hover {
	background-position: right -714px
}

.rulesNav li .rulesBtn_en.btn19 {
	background-position: left -756px
}

.rulesNav li .rulesBtn_en.btn19:hover {
	background-position: right -756px
}

.rulesNav li .rulesBtn_en.btn20 {
	background-position: left -798px
}

.rulesNav li .rulesBtn_en.btn20:hover {
	background-position: right -798px
}

.rulesNav li .rulesBtn_en.btn21 {
	background-position: left -840px
}

.rulesNav li .rulesBtn_en.btn21:hover {
	background-position: right -840px
}

.rulesNav li .rulesBtn_en.btn22 {
	background-position: left -882px
}

.rulesNav li .rulesBtn_en.btn22:hover {
	background-position: right -882px
}



.rulesNav li .rulesBtn {
	width: 174px;
	height: 42px;
	background: url(../images/public/rule_btn.png) no-repeat left top;
	display: block;
}
.rulesNav li .rulesBtn.btn01 {
	background-position: left top;
}
.rulesNav li .rulesBtn.btn01:hover {
	background-position: right top
}
.rulesNav li .rulesBtn.btn02 {
	background-position: left -42px
}
.rulesNav li .rulesBtn.btn02:hover {
	background-position: right -42px
}
.rulesNav li .rulesBtn.btn03 {
	background-position: left -84px
}
.rulesNav li .rulesBtn.btn03:hover {
	background-position: right -84px
}
.rulesNav li .rulesBtn.btn04 {
	background-position: left -126px
}
.rulesNav li .rulesBtn.btn04:hover {
	background-position: right -126px
}
.rulesNav li .rulesBtn.btn05 {
	background-position: left -168px
}
.rulesNav li .rulesBtn.btn05:hover {
	background-position: right -168px
}

.rulesNav li .rulesBtn.btn06 {
	background-position: left -210px
}

.rulesNav li .rulesBtn.btn06:hover {
	background-position: right -210px
}

.rulesNav li .rulesBtn.btn07 {
	background-position: left -252px
}

.rulesNav li .rulesBtn.btn07:hover {
	background-position: right -252px
}

.rulesNav li .rulesBtn.btn08 {
	background-position: left -294px
}

.rulesNav li .rulesBtn.btn08:hover {
	background-position: right -294px
}

.rulesNav li .rulesBtn.btn09 {
	background-position: left -336px
}

.rulesNav li .rulesBtn.btn09:hover {
	background-position: right -336px
}

.rulesNav li .rulesBtn.btn10 {
	background-position: left -378px
}

.rulesNav li .rulesBtn.btn10:hover {
	background-position: right -378px
}

.rulesNav li .rulesBtn.btn11 {
	background-position: left -420px
}

.rulesNav li .rulesBtn.btn11:hover {
	background-position: right -420px
}

.rulesNav li .rulesBtn.btn12 {
	background-position: left -462px
}

.rulesNav li .rulesBtn.btn12:hover {
	background-position: right -462px
}

.rulesNav li .rulesBtn.btn13 {
	background-position: left -504px
}

.rulesNav li .rulesBtn.btn13:hover {
	background-position: right -504px
}

.rulesNav li .rulesBtn.btn14 {
	background-position: left -546px
}

.rulesNav li .rulesBtn.btn14:hover {
	background-position: right -546px
}

.rulesNav li .rulesBtn.btn15 {
	background-position: left -588px
}

.rulesNav li .rulesBtn.btn15:hover {
	background-position: right -588px
}

.rulesNav li .rulesBtn.btn16 {
	background-position: left -630px
}

.rulesNav li .rulesBtn.btn16:hover {
	background-position: right -630px
}
 

.rulesNav li .rulesBtn.btn17 {
	background-position: left -672px
}

.rulesNav li .rulesBtn.btn17:hover {
	background-position: right -672px
}

.rulesNav li .rulesBtn.btn18 {
	background-position: left -714px
}

.rulesNav li .rulesBtn.btn18:hover {
	background-position: right -714px
}

.rulesNav li .rulesBtn.btn19 {
	background-position: left -756px
}

.rulesNav li .rulesBtn.btn19:hover {
	background-position: right -756px
}

.rulesNav li .rulesBtn.btn20 {
	background-position: left -798px
}

.rulesNav li .rulesBtn.btn20:hover {
	background-position: right -798px
}

.rulesNav li .rulesBtn.btn21 {
	background-position: left -840px
}

.rulesNav li .rulesBtn.btn21:hover {
	background-position: right -840px
}

.rulesNav li .rulesBtn.btn22 {
	background-position: left -882px
}

.rulesNav li .rulesBtn.btn22:hover {
	background-position: right -882px
}

.branchMap {
	width: 310px;
	position: relative;
	float: left
}
.branchMap:first-child:after {
	content: "";
	width: 300px;
	height: 8px;
	position: absolute;
	left: 0;
	bottom: -5px;
	background: url(../images/public/h_shadow.png) no-repeat center top;
}
.branchMap.mapInfo {
	margin-left: 180px;
	margin-top: 70px;
	width: 300px;
}
.branchMap.mapInfo .ecorpTableBlk {
	display: inline-block;
 *display:inline;
 *zoom:1;
	width: auto;
	line-height: 24px;
	font-size: 13px;
	letter-spacing: -1px
}
/* IE6 hack */
.branchMap.mapInfo span {
	height: 100%;
	display: inline-block;
}
/* 讓table-cell下的所有元素都居中 */
.branchMap.mapInfo * {
	vertical-align: middle;
}
.loginHome {
	/*height: 481px;*/
	background: #f8f8f8 url(../images/public/login_home_bg.png) no-repeat right bottom !important;
	position: relative;
	height:545px;
}
.loginHome .WellcomeTitle{
	position: absolute;
	left: 46px;
	top: 30px;
	width: 325px;
	height: 95px;
	background-image: url(../images/public/login_title01.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.loginHome .WellcomeTxt {
	position: absolute;
	left: 46px;
	top: 180px;
	line-height: 26px;
	font-size: 15px
}
.loginHome .WellcomeTxt a {
	color: #008a77
}
.announceNav {
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 10px;
	height: 49px;
	overflow: hidden;
	width: 100%
}
.announceNav li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 25%;
	text-align: center;
	position: relative;
	float: left;
}

.announceNav li:after {
	content: "";
	display: block;
	width: 10px;
	height: 49px;
	background: url(../images/public/announce_btn_shadow.png) no-repeat left center;
	position: absolute;
	left: 0;
	top: 0
}
.announceNav li:first-child:after {
	display: none
}
.announceNav li:hover {
	background: #007d7d
}
.announceNav li .annBtn.Btn01.act {
	background:#007d7d url(../images/public/annbtn.png) no-repeat center -43px;
}
.announceNav li .annBtn.Btn02.act {
	background:#007d7d url(../images/public/annbtn.png) no-repeat center -130px;
}
.announceNav li .annBtn.Btn03.act {
	background: #007d7d url(../images/public/annbtn.png) no-repeat center
		-220px;
}
.announceNav li .annBtn.Btn04.act {
	background: #007d7d url(../images/public/annbtn.png) no-repeat center
		-310px;
}
.announceNav li .annBtn {
	background: url(../images/public/annbtn.png) no-repeat;
	height: 49px;
	display:block;
	margin:0 auto;
}
.announceNav li .annBtn.Btn01 {
	background-position: center -3px;
}
.announceNav li .annBtn.Btn01:hover {
	background-position: center -43px;
}
.announceNav li .annBtn.Btn01on {
	background-position: center -43px;
}
.announceNav li .annBtn.Btn02 {
	background-position: center -90px
}
.announceNav li .annBtn.Btn02:hover {
	background-position: center -130px
}
.announceNav li .annBtn.Btn02on{
	background-position: center -130px
}
.announceNav li .annBtn.Btn03 {
	background-position: center -180px
}
.announceNav li .annBtn.Btn03:hover {
	background-position: center -220px
}
.announceNav li .annBtn.Btn03on{
	background-position: center -220px
}
.announceNav li .annBtn.Btn04 {
	background-position: center -270px
}

.announceNav li .annBtn.Btn04:hover {
	background-position: center -310px
}
.announceNav li .annBtn.Btn04on{
	background-position: center -310px
}

.announceCont .ContBlk {
	padding: 5px;
}
.operatingBtn a {
	width: 270px;
	height: 52px;
	background: url(../images/public/operating_btn.png) repeat-x left top;
	margin-top: 10px;
	display: block
}
.operatingBtn a:hover {
	background-position: left bottom;
}
a.contactusBtn {
	height: 32px;
	width: 270px;
	background: url(../images/public/contact.png) no-repeat left top;
	margin-top: 10px;
	display: block;
	text-indent: -9999px;
}
a.contactusBtn:hover {
	background-position: left bottom;
}
.systemLogin,
.systemLogout {
	height: 52px;
	margin-bottom: 10px;
	margin-top: -1px
}
.systemLogin a,
.systemLogout a {
	display: block;
	width: 270px;
	height: 52px;
}
.systemLogin a {
	background: url(../images/public/login_btn.png) no-repeat left top;
}
.systemLogout a {
	background: url(../images/public/logout_btn.png) no-repeat left top;
}
.systemLogin a:hover,
.systemLogout a:hover {
	background-position: left bottom;
}

.systemLoginEn,
.systemLogoutEn {
	height: 52px;
	margin-bottom: 10px;
	margin-top: -1px
}
.systemLoginEn a,
.systemLogoutEn a {
	display: block;
	width: 270px;
	height: 52px;
}
.systemLoginEn a {
	background: url(../images/public/login_btn_en.png) no-repeat left top;
}
.systemLogoutEn a {
	background: url(../images/public/logout_btn_en.png) no-repeat left top;
}
.systemLoginEn a:hover,
.systemLogoutEn a:hover {
	background-position: left bottom;
}

.systemLoginCn,
.systemLogoutCn {
	height: 52px;
	margin-bottom: 10px;
	margin-top: -1px
}
.systemLoginCn a,
.systemLogoutCn a {
	display: block;
	width: 270px;
	height: 52px;
}
.systemLoginCn a {
	background: url(../images/public/login_btn_cn.png) no-repeat left top;
}
.systemLogoutCn a {
	background: url(../images/public/logout_btn_cn.png) no-repeat left top;
}
.systemLoginCn a:hover,
.systemLogoutCn a:hover {
	background-position: left bottom;
}

.Footer {
	min-width: 960px;
	border-top: 1px solid #a1a1a1;
	height: 40px;
	padding: 5px 0 25px;
	clear: both;
	font-size: 12px;
	color: #000;
	clear:both;
}
.Footer .footerBlk {
	margin: 0 10px
}
/* ACCORDION BASIC STYLE*/
.accordion_list {
	text-align: right;
}
.accordion_list .open_all {
	height: 18px;	
	position: relative;
	top: -35px;
	right: -8px;
}
.accordion_list .qaBrd {
	text-align: left;
	border-left: 4px solid #06584d;
	border-right: 1px solid #d6d6d6;
	margin-bottom: 5px;
	position: relative;
	width: 619px;
}
/*新手上路列表標題*/
.accordion_list .qaBrd2 {
	text-align: left;
	border-left: 4px solid #06584d;
	border-right: 1px solid #d6d6d6;
	margin-bottom: 5px;
	position: relative;
	width: 619px;
}

.accordion_list .qaBrd.Link .question {
	background: none;
	padding-left: 10px;
}
.accordion_list .qaBrd.Link .switcherarrow {
	background: url(../images/public/symbol_02.png) no-repeat -5px -245px;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 17px;
	top: 8px
}
.accordion_list .qaBrd.Link .text a {
	display: block;
	width: 590px;
	position: absolute;
	padding: 13px;
	left: 0;
	top: -3px;
}
.accordion_list .qabgWrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24px;
}
.accordion_list .qabgWrap img {
	width: 100%;
	height: 100%;
	z-index: 2;
}
/*常見問題題目框上方框線*/
.accordion_list .qaBrd:after {
	content: "";
	position: absolute;
	top: -4px;
	left: -4px;
/*	background: url(../images/public/accord_topbrd.png) no-repeat 0 -1px; */
	width: 624px;
	height: 5px;
	z-index: 5
}
/*常見問題題目框下方框線*/
.accordion_list .qaBrd:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: -4px;
/*	background: url(../images/public/accord_botbrd.png) no-repeat 0 0; */
	width: 624px;
	height: 5px;
	z-index: 5 ;
}

.accordion_list .qaBrd2:after {
	content: "";
	position: absolute;
	top: -4px;
	left: -4px;
/*	background: url(../images/public/accord_topbrd.png) no-repeat 0 -1px; */
	width: 304px;
	height: 5px;
	z-index: 5
}
.accordion_list .qaBrd2:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: -4px;
/*	background: url(../images/public/accord_botbrd.png) no-repeat 0 0;  */
	width: 304px;
	height: 5px;
	z-index: 5
}

.accordion_list h3.question_line {
	margin : 0;
	cursor : pointer;
	*zoom : 1;
	position: relative;
	z-index: 10;

}
.accordion_list h3.question_line .question {
	display : inline-block;
	*display : inline;
	*zoom : 1;
	background : url(../images/public/q_icon.png) 10px 9px no-repeat;
	padding: 8px 0 10px 40px;
}

.accordion_list h3.question_line .question2 {
	display : inline-block;
	*display : inline;
	*zoom : 1;
/*	background : url(../images/public/q_icon.png) 10px 9px no-repeat; */
	padding: 8px 0 10px 30px;
}

.accordion_list h3.question_line .question .text {
/*	color : #128a79; */
	color : #000000;
	font-size : 13px;
	margin-right: 40px;
	display: block;
	min-height: 15px;
}
.accordion_list h3.question_line .question2 .text {
	color : #000000;
	font-size : 13px;
	margin-right: 40px;
	display: block;
	min-height: 15px;
}

.accordion_list h3.question_line .question .text:hover {
	text-decoration: underline
}
.accordion_list h3.question_line .question .text > a {
	color : #128a79;
}

.accordion_list h3.question_line .question2 .text:hover {
	text-decoration: underline
}
.accordion_list h3.question_line .question2 .text > a {
	color : #128a79;
}

.accordion_list h3.question_line .switcher {
	background: url(../images/public/symbol_02.png) -7px -206px no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 15px;
	top: 8px
}
.accordion_list h3.question_line .switcher.active {
	background-position : -7px -166px;
}



.accordion_list .answer_block {
	display : none;
	padding: 5px 40px 5px 40px;
	position: relative;
	z-index: 9;
	line-height: 24px;
	color: #128a79;
	font-size:12px;
}

.accordion_list .answer_block > a{
	color: #128a79;
}

.accordion_list .answer_block .a_head {
	display : inline-block;
 *display : inline;
 *zoom : 1;
	width : 100%;
	height : 4px;
	_font-size : 1px;
}
.accordion_list .answer_block .answer {
	text-align : left;
	padding : 10px 20px;
}

.accordion_list .sort {
	text-align:right;
	margin-bottom:0;
	font-size:11px
}
/*  +/- SWITCHER   */
.switcher {
	display : inline-block;
 *display : inline;
 *zoom : 1;
	width : 92px;
	height : 32px;
	background : url(../images/public/accordionBtn.png) 0 0 no-repeat;
}
.switcher.active {
	background-position : -91px 0;
}
/****************index Login Tab Function Start  ********************/

.loginBlk {
	height: 320px;
	background: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 10px;
	*padding-bottom:10px;
	position: relative
}
.loginBlk:after {
	content: "";
	width: 8px;
	height: 251px;
	position: absolute;
	top: 0;
	right: -8px;
	background: url(../images/public/login_shadow.png) no-repeat;
}
.loginBlk .tabContent ul {
	padding: 0 10px 5px 10px;
}
.loginBlk .tabContent li {
	padding: 2px 0;
}
.loginBlk .tabContent input {
	width: 160px;
}
.loginBlk .tabContent select {
	width: 167px;
}

.loginBlk .tabContent button {
	width: 167px;
	background: #cd0209;
	border: 1px solid #a60000;
	line-height: 24px;
	color: #ffffff;
	vertical-align: middle;
	display: inline-block;
	 *display:inline;
	 *zoom:1;
	cursor: pointer;
	padding-top:0;
	margin-left:0
}
.loginBlk .tabContent button:hover {
	background: url(../images/public/tab_btn_on.png) repeat-x left bottom;
	border: 1px solid #007d7d
}

.loginBlk .tabContent label {
	display: inline-block;
 *display:inline;
 *zoom:1;
	vertical-align: middle;
	line-height: 24px;
	width: 80px;
}
.loginBlk .tabBlk {
}
.loginBlk .tabBlk .tabLister {
	display: block;
	height: 31px;
	border-bottom: 2px solid #007d7d;
	width: 270px;
}
.loginBlk .tabBlk .tabLister:after {
	content: "";
	width: 30px;
	height: 31px;
	position: absolute;
	top: 0;
	right: 120px;
	background: url(../images/public/tab_shadow.png) no-repeat;
	z-index: 0;
}
.loginBlk .tabBlk .tabLister li.tabItem {
	float: left;
	margin-right: 0;
	position: relative;
	font: 15px/1.231 Arial,   "PMingLiU", Verdana, Helvetica, sans-serif ,  "微軟正黑體",  "新細明體";
}
.loginBlk .tabBlk .tabLister li.tabItem a.link {
	display: block;
	min-width: 135px;
	height: 31px;
	line-height: 28px;
	border-bottom: 0px;
	text-align: center;
	color: #494949;
	background: url(../images/public/tab_btn_off.png) repeat-x left bottom;
}
.loginBlk .tabBlk .tabLister li.tabItem a.link em {
	color: #5e5e5e;
	font-style: normal
}
.loginBlk .tabBlk .tabLister li.tabItem a.link:hover,
.loginBlk .tabBlk .tabLister li.tabItem.ui-tabs-active a.link,
.loginBlk .tabBlk .tabLister li.tabItem.ui-state-active a.link {
	border-bottom: 0px;
	background-color: #FFF;
	height: 31px;
	line-height: 28px;
	color: #fff;
	text-decoration: none;
	background: url(../images/public/tab_btn_on.png) repeat-x left bottom;
	position: relative;
	z-index: 10;
}
.loginBlk .tabBlk .tabLister li.tabItem a.link:hover:after,
.loginBlk .tabLister li.tabItem.ui-tabs-active a.link:after {
	content: "";
	width: 9px;
	height: 7px;
	position: absolute;
	left: 48%;
	bottom: -2px;
	background: url(../images/public/tab_arrow.png);
}
.loginBlk .tabBlk .tabLister.reverse {
	border : 0;
	border-top: 1px solid #d4d4d4;
}
.loginBlk .tabBlk .tabLister.reverse li.tabItem a.link {
	border-top : 0px;
	border-bottom: 1px solid #d4d4d4;
}
.loginBlk .tabBlk .tabLister.reverse li.tabItem a.link:hover,
.loginBlk .tabBlk .tabLister.reverse li.tabItem.ui-tabs-active a.link,
.loginBlk .tabBlk .tabLister.reverse li.tabItem.ui-state-active a.link {
	border-bottom: 3px solid #ffc01b;
	border-top : 0px;
	margin-top : -1px;
}
.loginBlk .tabBlk .tabContent {
	display: none;
	padding-top: 5px;
}
/****************index Login Tab Function End  ********************/




.announceSlide {
	overflow: hidden;
	margin-top:10px
	
}
.announceSlide .BlackDotLister {
	float: left;
	margin:0 10px;
	width: 100%;
	display: block;
	background: #fff;
}
/********** 單元頁籤效果 **********/	
.UnitBlk .tabBlk {
}
.UnitBlk .tabBlk .tabLister {
	height: 31px;
	width: 100%;
	margin-bottom: 15px;
}
.UnitBlk .tabBlk .tabLister li.tabItem {
	margin-right: 5px;
}
.UnitBlk .tabBlk .tabLister li.tabItem:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	width: 5px;
	height: 5px;
	background: url(../images/public/coner.png) left top no-repeat;
}
.UnitBlk .tabBlk .tabLister li.tabItem:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	z-index: 11;
	width: 5px;
	height: 5px;
	background: url(../images/public/coner.png) right top no-repeat;
}

.UnitBlk .tabBlk .contTitle { /* 20140401 by Grant 新增內容區塊標題 */
	color: #226c5f;
	font-weight: bold;
	margin-bottom: 20px;
	display: inline-block;
	font-size:11pt;
	padding-top:20px
}
/* 20140401 by Grant 新增報表列表表格 start*/
.reportBlk {}
.reportBlk:after{
	content:"";
	height:0;
	clear:both;
	display:block
}

.reportBlk ul.reportLister{}

.reportBlk .reportLister li.listItem{
	width:50%;
	float:left;
}
.reportBlk .reportLister li.listItem .itemTitle.cleanMargin{
	margin-left:0;
}
.reportBlk .reportLister li.listItem .itemTitle{
	background:url(../images/public/nav_header.png) left bottom repeat-x;
	padding:10px 5px 6px ;
	display:block;
	color:#007d7d;
	font-weight:bold;
	text-align:center;
	margin-left: 10px
}

.reportBlk .reportLister li.listItem:first-child .itemTitle,
.reportBlk .reportLister li.listItem:first-child .rpBlk{
/*	margin-left:0*/
}

.reportBlk .reportLister li.listItem .rpBlk{
	margin-left: 10px
}
.reportBlk .reportLister li.listItem .rpBlk:after{
	content:"";
	height:0;
	clear:both;
	display:block;
}

.reportBlk .reportLister li.listItem .rpLink{
		width:20%;
	float:left;
	padding:10px 0
}

.reportBlk .reportLister li.listItem .rpLink a{
	color:#000;
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
}

.reportBlk .reportLister li.listItem .rpLink a:hover{
	text-decoration:underline;
}

.reportBlk .reportLister li.listItem li.dwnItem{
	background:url(../images/public/nav_header.png) left bottom repeat-x;
	padding:5px;
	color:#007d7d;
	font-weight:bold
}
/* 20140401 by Grant End */

.ecorpTableBlk01 {
	position: relative;
	color: #000;
	
}
.ecorpTableBlk01 .gray02{
	clear:none
}
.ecorpTableBlk01 .txtyellow {
	color: #226c5f;
	line-height: 24px
}
.ecorpTableBlk01 .txtyellow.txtRight{
	color:#000000
}
.ecorpTableBlk01 .txt-yellow {
	color: #000;
	line-height: 24px
}
.ecorpTableBlk01 .tradeSdate,
.ecorpTableBlk01 .cal {
	display: inline-block;
	vertical-align: middle;
}
.ecorpTableBlk01 #timetable {
	/*position:absolute;*/
	right: 0;
	top: 0;
	color: #000;
}
.ecorpTableBlk01 .deepblue {
	background: #bddfdf
}
.ecorpTableBlk01 .lightblue {
	background: #e4f4fc;
}
.ecorpTableBlk01 .green_summary {
	background: #CCFFCC
}
.ecorpTableBlk01 .txt-white {
	color: #FFF;
}
.ecorpTableBlk01 .txt-white .txtyellow {
	color: #FFF;
}
.ecorpTableBlk01 .txt-white td,
.ecorpTableBlk01 .deepblue td,
.ecorpTableBlk01 .lightblue td,
.ecorpTableBlk01 .green_summary td,
.ecorpTableBlk01 .txt-gary td {
	padding: 5px
}
.ecorpTableBlk01 #main_content a,
.ecorpTableBlk01 #main_content strong font{
	color: #000;
	line-height: 24px
}
.ecorpTableBlk01 .margin10px a {
	color: #000;
	line-height: 24px
}
.ecorpTableBlk01 .txtwhite {
	color: #000000;
}
.ecorpTableBlk01 .btitle,
.ecorpTableBlk01 .title-black {
	color: #226c5f;
	font-weight: bold;
	margin-bottom: 20px;
	display: inline-block
}
.ecorpTableBlk01 .bg2 .title table {
	height: inherit;
}
.ecorpTableBlk01 .bg2 .title {
	position: absolute;
	right: 0;
	top: 0
}
.ecorpTableBlk01 ol li {
	color: #707579;
	padding: 3px 0
}
.ecorpTableBlk01.tableStyle01 table th {
	color: #000;
	font-weight: normal;
	padding: 5px;
	border: 1px solid #fff;
	background: #D9EDEC;
}
.ecorpTableBlk01.tableStyle01 table {
	border-collapse: collapse;
	background: #D0E1F3;

}
.ecorpTableBlk01.tableStyle01 #info .txtwhite,
.ecorpTableBlk01 .txtdarkBG {
	display: block;
	padding-bottom: 10px
}
.ecorpTableBlk01 table th {
	color: #000;
	font-weight: normal;
	padding: 5px;
	background: #3b9a9b;
	color: #fdf493
}
.ecorpTableBlk01 table {
	/*border-collapse: collapse;*/
}
.ecorpTableBlk01 #divResult td {
	padding: 8px 5px
}
.ecorpTableBlk01 #divResult td a,
.ecorpTableBlk01 #divResult td a > font {
	color: #000000
}
.ecorpTableBlk01 .even {
	background: #D9EDEC;
	padding: 10px;
	line-height: 16pt
}
.ecorpTableBlk01 .even img {
	vertical-align: middle
}
.ecorpTableBlk01 .titleorange {
	padding: 5px;
}
.ecorpTableBlk01 input.textgy-12 {
	background: url(../images/public/tab_btn_off.png) repeat-x left bottom;
	color: #000;
	margin: 5px
}
.ecorpTableBlk01 button.textgy-12 {
	background: url(../images/public/tab_btn_off.png) repeat-x left bottom;
	color: #000;
	margin: 5px;
}
.ecorpTableBlk01 .textgy-12 td {
	padding: 5px;
	
}
.ecorpTableBlk01 .stepBlk {
	display: block;
	overflow: hidden;
/* 	min-width:802px */
	min-width:687px;
}
.ecorpTableBlk01 .stepBlk li {
	display: block;
/*	font-family: Arial, "微軟正黑體",   "新細明體", "PMingLiU", Verdana, Helvetica, sans-serif; */
	font: 15px/1.231 Arial,   "PMingLiU", Verdana, Helvetica, sans-serif ,  "微軟正黑體",  "新細明體";
	font-size: 8pt;
	width: 15.38%;
/* 	min-width:130px; */
	min-width:110px;
	height: 71px;
	background: url(../images/public/step_bg.png) no-repeat right -71px;
	float: left;
	color: #2dac9b;
	position:relative;
	z-index:3;
	margin-left:-18px;
	
}
.ecorpTableBlk01 .stepBlk li .stepText {
	width:100%;
	margin:0px auto;
	padding:10px 0 0 5px;
	
}
.ecorpTableBlk01 .stepBlk li:first-child {
	margin-left: 0;
	background-position: right bottom;
}
.ecorpTableBlk01 .stepBlk li.current {
	color: #FFF;
	background-position: right -142px;
	position:relative;
	z-index:2
}
.ecorpTableBlk01 .stepBlk li.current:first-child {
	background-position: right top;
}

.ecorpTableBlk01 .stepBlk li.current:first-child strong,
.ecorpTableBlk01 .stepBlk li.current:first-child em{
	margin-left:5px;
}
.ecorpTableBlk01 .stepBlk li.current strong,
.ecorpTableBlk01 .stepBlk li.current em {
	color: #FFF;
	
}
.ecorpTableBlk01 .stepBlk li em {
	margin:0 0 0 15%;
	display: block;
	font-style: normal;
}
.ecorpTableBlk01 .stepBlk li strong {
	margin:0 10px 0 15%;
	color: #0f5750;
	display: block;
	font-weight: normal;
	
}

/*福儲step*/
.ecorpTableBlk01 .stepBlk2 {
	display: block;
	overflow: hidden;
/* 	min-width:802px */
	min-width:687px;
}
.ecorpTableBlk01 .stepBlk2 li {
	display: block;
/*	font-family: Arial, "微軟正黑體",   "新細明體", "PMingLiU", Verdana, Helvetica, sans-serif; */
	font: 15px/1.231 Arial,   "PMingLiU", Verdana, Helvetica, sans-serif ,  "微軟正黑體",  "新細明體";
	font-size: 8pt;
	width: 17.5%;
/* 	min-width:130px; */
	min-width:110px;
	height: 71px;
	background: url(../images/public/step_bg.png) no-repeat right -71px;
	float: left;
	color: #2dac9b;
	position:relative;
	z-index:3;
	margin-left:-18px;
	
}
.ecorpTableBlk01 .stepBlk2 li .stepText {
	width:100%;
	margin:0px auto;
	padding:10px 0 0 5px;
	
}
.ecorpTableBlk01 .stepBlk2 li:first-child {
	margin-left: 0;
	background-position: right bottom;
}
.ecorpTableBlk01 .stepBlk2 li.current {
	color: #FFF;
	background-position: right -142px;
	position:relative;
	z-index:2
}
.ecorpTableBlk01 .stepBlk2 li.current:first-child {
	background-position: right top;
}

.ecorpTableBlk01 .stepBlk2 li.current:first-child strong,
.ecorpTableBlk01 .stepBlk2 li.current:first-child em{
	margin-left:0px;
}
.ecorpTableBlk01 .stepBlk2 li.current strong,
.ecorpTableBlk01 .stepBlk2 li.current em {
	color: #FFF;
	
}
.ecorpTableBlk01 .stepBlk2 li em {
	margin:0 0 0 15%;
	display: block;
	font-style: normal;
}
.ecorpTableBlk01 .stepBlk2 li strong {
	margin:0 10px 0 15%;
	color: #0f5750;
	display: block;
	font-weight: normal;
	
}


.ecorpTableBlk01 .eventgraybox03 {
	background: none;
	border: 0
}
.ecorpTableBlk01 .homebuttonbox01,
.ecorpTableBlk01 .homebuttonbox01 td {
	padding: 0;
	margin: 0
}
.ecorpTableBlk01 .mainmiddlebox {
	width: 670px;
}

.ecorpTableBlk01 .greydowncontent p {
	margin-bottom: 0
}
.ecorpTableBlk01 .gray02 {
	padding: 0;
	background: none
}

.ecorpTableBlk01 td {
	padding:5px;
}
.ecorpTableBlk01 .txtwhite table {
	border: 0
}
.ecorpTableBlk01 .txtwhite p {
	margin: 0;
	border:1px solid red
}
.ecorpTableBlk01 .txtwhite a{
	color:#000000;
	text-decoration: none;
}
.ecorpTableBlk01 .style21 {
	font-size: 14px;
	display: block
}
/*
.ecorpTableBlk01.tableStyle03 .blkTitle01 {
	margin-bottom: 10px;
	padding: 0
}

.ecorpTableBlk01.tableStyle03 .btitle.style21 {
	margin-bottom: 0;
	font-weight:normal;
	font-size:12px;
	color:#cc0000
}
*/
.ecorpTableBlk01 .txtwhite td{
	padding:5px;
}
.tdHeader{
	height: 2em;
}
.tableForm01 .tdHeader .txtwhite{
	color:#fdf493 ;
	background:#3b9a9b;
	
}
.tableForm01 .tdHeader td{
	color:#fdf493 !important;
	background:#3b9a9b
}
.tableForm01 .tdHeader th{
	color:#fdf493 !important;
	background:#3b9a9b !important
}
.tableForm01 .tdHeader .txtblack{
	color:#000 !important
}
.tableForm01 .textgy-12 a.link{
	color:#000000 !important
}

.titleLister{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:700px;
	list-style:none;
	letter-spacing:0px;
	}
.titleLister li.listItem{
	float:left;
	padding-bottom:0;
	line-height:normal;
	padding-left:15px;
	margin-left:10px;
	background:url(../images/public/black_srrow.png) no-repeat left center;
	color:#333;
	padding-top:2px;
	*padding-top:4px;
	font-weight:normal
	}
.titleLister li.listItem:first-child{
	margin:0;
	padding-top:2px;	
	*padding-top:4px;
	padding-left:0;
	background:none
	}
.titleLister li.listItem.act{
	color:#027c7d;
	font-weight:bold
	}
/*
add by keanu
*/
.funTitle{
	font-size:15px;
	font-weight: normal;
	font-align:left;
}
.funIM{
	
}
.notice-head1{
	text-align:left;
	float:left;
	white-space:nowrap; 
	
}
/* 備註 */
.notice .list1{
	font-weight: bold;
	width:30px;
	text-align:right;
	vertical-align:top;
	line-height: 150%;
	font-size:12px;

}
.notice .list2{
	font-size:12px;
}
.point .title{
	font-size:15px;
	color:#FE9A2E;
	font-weight: bold;
	line-height: 200%
}
.point .body{
	
}
.point .list1{
	width:30px;
	text-align:right;

}
.point .list2{

}
.impNote {
	background: none repeat scroll 0 0 #F2F2F2;
	border: 1px solid #E6E6E6;
	color: #CC0000;
	font-size: 16pt;
	font-weight: bold;
	line-height: 24px;
	padding: 20px;
}
.impNote1 {
	background: none repeat scroll 0 0 #F2F2F2;
	border: 1px solid #E6E6E6;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	padding: 20px;
}


.eventgraybox03{
	background-color:#F4F4F4; 
	padding:10px; 
	border-top-width:1px; 
	border-top-style:solid; 
	border-top-color:#DBDBDB
}

.myform {
	
}
.myform th{
	text-align: right;
	font-weight: normal;
}
.myform input[type=checkbox], .myform input[type=radio]{
	
}
.myform input[type=text], .myform input[type=password]{
	//border: 1px solid #898989;
	//height: 24px;
	//line-height: 24px;
	//vertical-align: middle;
	//padding: 0 2px;
	//font-weight:normal
}
.myform select{
	//border: 1px solid #898989;
	//padding: 2px;
	//vertical-align: middle;
}

.mydataGrid{
	table-layout:auto;
	overflow: hidden;
	border:0px; 
	border-collapse: collapse;
}

.mydataGrid > thead > tr > td , .mydataGrid >  thead > tr > th, .mydataGrid > tbody > tr > td , .mydataGrid > tbody > tr > th{
	border:2px solid #fff;
	border-collpase:collpase;
}
.mydataGrid tfoot td ,.mydataGrid tfoot th{ border:0px;}

.mydataGrid thead{
	color: #FFFFFF;
	background: #3b9a9b;
	height: 30px;
}
.mydataGrid thead > tr > th{
	color:#fff;
	font-weight:bold;
	background:#3b9a9b;
	padding:5px 1em; 
	
}
.mydataGrid .top_th th { background-color:#006d6d;}
.mydataGrid .top1_th th { background-color:#fff; color:#6d0000;}
.mydataGrid tbody th{
	color:#fff;
	background:#3b9a9b;
	
	text-align: left;
	padding:5px 1em;
}
.mydataGrid tbody .tbodyBold{
	font-weight: bold;
}
.mydataGrid .tbodyOdd{
	background:#D9EDEC;
	height:30px;
	color:#000;
}
.mydataGrid .tbodyEven{
	background:#D0E1F3;
	height:30px;
	color:#000;
}
.mydataGrid tfoot{
	color:#fff;
	background:#3b9a9b;
	height:30px;
	font-weight: bold;
}
.mydataGrid tfoot th{
	color: #FFFFFF;
	background: #3b9a9b;
	height: 30px;
}
.mydataGrid tfoot th a{
	color: #FFFFFF;
	
}
.mydataGrid .pageno td a,.mydataGrid .pageno th a
{color: #FFFFFF;}


input[type=checkbox],
input[type=radio] {
	-webkit-transform: scale(1.2, 1.2);
	position: relative;
	top: 2px;
	margin-right: 5px;
}
input[type=text],input[type=password] {
	border: 1px solid #d4d4d4;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	padding: 0 2px;
	font-weight:normal;
/*	min-width: 150px;   */
}
select {
	border: 1px solid #d4d4d4;
	padding: 2px;
	vertical-align: middle;
	font: 12px Verdana;
}

/*
.gridTbodyOdd{
	background:#D9EDEC;
}
.gridTbodyEven{
	background:#D0E1F3;
}
*/


.conList{
	padding:25px 0 0 25px;
	letter-spacing:0px;
}
.conList li{
	list-style:none;
}
.investNote_KYC{
	padding:25px;
	margin: 0 0 25px 25px;
	border:1px solid #a9a9a9;
}
.investNote_KYCT{
	padding:25px;
	border:1px solid #a9a9a9;
}
.red{
	color:#f00;
}
.gold{
	color: #FDF493;
}
#content_top {
	text-align: center;
	font-size: 18px;

	font-weight: bold;
	line-height: 25px;
}
.content_boder {
	background: none repeat scroll 0% 0% #FFF;
	border: 1px solid #D4D4D4;
	padding: 25px;
}
#content_bottom {
	width: 100%;
}

.tda {
	color: #808080;
	padding-left: 10px;
}
.tba{
	margin-right: auto;
	margin-left: auto;
}
.tba tr{ height:40px;}
.f1{
	font-weight: bold;
	color: #006464;
}
.f2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #007D7D;
	display: block;
	margin-bottom:10px;
	
}
.tbac thead tr {
	color: #3b9a9b;
	background-image: url(../images/tac9.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-right: 1em;
	padding-bottom: 5px;
	padding-left: 1em;
	background-color: #EAFFE1;
}
.tbac thead tr:first-child {
	background: none;
	color: #900;
}
.tbac {
	height: 30px;
	table-layout: auto;
	overflow: hidden;
	font-size: 12px;
	border: 0px;/*border-collapse: collapse;*/
}
.tbac > thead > tr > td, .tbac > tbody > tr > td {
	border-collpase: collpase;
}
.tbac tfoot td, .tbac tfoot th {
	border: 0px;
}
.tbac thead {
	height: 30px;
}
.tbac thead > tr > th {
	padding: 5px 1em;
	font-size: 12px;
}

.tbac .top1_th th {
	background-color: #fff;
	color: #6d0000;
}
.tbac tbody th {
	height: 30px;
	text-align: left;
	padding: 5px 1em;
}
.tbac tbody .tbodyBold {
	font-weight: bold;
}
.tbac .tbodyOdd {
	background: #D9EDEC;
	height: 30px;
}
.tbac .tbodyEven {
	background: #D0E1F3;
	height: 30px;
}
/*簡體歡迎頁圖*/
.WellcomeTitle02 {
    position: absolute;
    left: 46px;
    top: 30px;
    width: 325px;
    height: 95px;
    background-image: url('../images/public/login_title02.png');
    background-repeat: no-repeat;
    background-position: right top;
}
/*英文歡迎頁圖*/
.WellcomeTitle03 {
    position: absolute;
    left: 46px;
    top: 30px;
    width: 500px;
    height: 95px;
    background-image: url('../images/public/login_title03.png');
    background-repeat: no-repeat;
    background-position: right top;
}
/*新手上路簡體*/
.switcher01 {
    display: inline-block;
    width: 92px;
    height: 32px;
    background: url('../images/public/accordionBtn01.png') no-repeat scroll 0px 0px transparent;
}
/*新手上路英文*/
.switcher02 {
    display: inline-block;
    width: 92px;
    height: 32px;
    background: url('../images/public/accordionBtn02.png') no-repeat scroll 0px 0px transparent;
}
.switcher02.active {
	background-position : -91px 0;
}

/*簡體公告訊息*/
.announceNav li .annBtn01.Btn011.act {
	background:#007d7d url(../images/public/annbtn01.png) no-repeat center -43px;
}
.announceNav li .annBtn01.Btn022.act {
	background:#007d7d url(../images/public/annbtn01.png) no-repeat center -130px;
}
.announceNav li .annBtn01.Btn033.act {
	background: #007d7d url(../images/public/annbtn01.png) no-repeat center
		-220px;
}
.announceNav li .annBtn01.Btn044.act {
	background-color: #007d7d;
	background-image: url(../images/public/annbtn01.png);
	background-repeat: no-repeat;
	background-position: center -310px;
}
.announceNav li .annBtn01.Btn011 {
	background-position: center -3px;
}
.announceNav li .annBtn01.Btn011:hover {
	background-position: center -43px;
}
.announceNav li .annBtn01.Btn022 {
	background-position: center -90px
}
.announceNav li .annBtn01.Btn022:hover {
	background-position: center -130px
}
.announceNav li .annBtn01.Btn033 {
	background-position: center -180px
}
.announceNav li .annBtn01.Btn033:hover {
	background-position: center -220px
}
.announceNav li .annBtn01.Btn044 {
	background-position: center -270px
}

.announceNav li .annBtn01.Btn044:hover {
	background-position: center -310px
}
.announceNav li .annBtn01 {
	background: url(../images/public/annbtn01.png) no-repeat;
	height: 49px;
	display:block;
	margin:0 auto;
}

/*英文公告訊息*/
.announceNav li .annBtn02.Btn01En.act {
	background:#007d7d url(../images/public/annbtn02.png) no-repeat center -43px;
}
.announceNav li .annBtn02.Btn02En.act {
	background:#007d7d url(../images/public/annbtn02.png) no-repeat center -130px;
}
.announceNav li .annBtn02.Btn03En.act {
	background: #007d7d url(../images/public/annbtn02.png) no-repeat center
		-220px;
}
.announceNav li .annBtn02.Btn04En.act {
	background-color: #007d7d;
	background-image: url(../images/public/annbtn02.png);
	background-repeat: no-repeat;
	background-position: center -310px;
}
.announceNav li .annBtn02.Btn01En {
	background-position: center -3px;
}
.announceNav li .annBtn02.Btn01En:hover {
	background-position: center -43px;
}
.announceNav li .annBtn02.Btn02En {
	background-position: center -90px
}
.announceNav li .annBtn02.Btn02En:hover {
	background-position: center -130px
}
.announceNav li .annBtn02.Btn03En {
	background-position: center -180px
}
.announceNav li .annBtn02.Btn03En:hover {
	background-position: center -220px
}
.announceNav li .annBtn02.Btn04En {
	background-position: center -270px
}

.announceNav li .annBtn02.Btn04En:hover {
	background-position: center -310px
}
.announceNav li .annBtn02 {
	background: url(../images/public/annbtn02.png) no-repeat;
	height: 49px;
	display:block;
	margin:0 auto;
}


/*簡體法人信託圖*/
.operatingBtn01 a:hover {
    background-position: left bottom;
}
.operatingBtn01 a:hover {
    background-position: left bottom;
}
.operatingBtn01 a {
    width: 270px;
    height: 52px;
    background: url('../images/public/operating_btn01.png') repeat-x scroll left top transparent;
    margin-top: 10px;
    display: block;
}

/*英文法人信託圖*/
.operatingBtnEn a:hover {
    background-position: left bottom;
}
.operatingBtnEn a:hover {
    background-position: left bottom;
}
.operatingBtnEn a {
    width: 270px;
    height: 52px;
    background: url('../images/public/operating_btn_en.png') repeat-x scroll left top transparent;
    margin-top: 10px;
    display: block;
}

/*簡體聯絡我們*/
a.contactusBtn1:hover {
    background-position: left bottom;
}
a.contactusBtn1 {
    height: 32px;
    width: 270px;
    background: url('../images/public/contact1.png') no-repeat scroll left top transparent;
    margin-top: 10px;
    display: block;
    text-indent: -9999px;
}
/*英文聯絡我們*/
a.contactusBtnEn:hover {
    background-position: left bottom;
}
a.contactusBtnEn {
    height: 32px;
    width: 270px;
    background: url('../images/public/contact_en.png') no-repeat scroll left top transparent;
    margin-top: 10px;
    display: block;
    text-indent: -9999px;
}

.mydataGrid_1 .tbodyOdd{
	background: #D9EDEC;
	height: 30px;
}
.mydataGrid_1 a{
	display: block;
	text-decoration: none;
}
.mydataGrid_1 .tbodyOdd:hover{
	background:#FEFDDA;
	height:30px;

}
.mydataGrid_1 .tbodyEven{
	background:#D0E1F3;
	height:30px;
}
.mydataGrid_1 .tbodyEven:hover{
	height: 30px;
	background-color:#FEFDDA;
}

.mydataGrid_2 a{
	display: block;
	text-decoration: none;
}
.mydataGrid_2 .tbodyOdd td:hover{
	background:#FEFDDA;
	

}
.mydataGrid_2 .tbodyEven{
	background:#D0E1F3;
	
}
.mydataGrid_2 .tbodyEven td:hover{
	
	background-color:#FEFDDA;
}





.password{position:fixed; bottom:55px; right:45px; z-index:1;}

/*---------------------------首頁使用--------------------------------------------*/

.Content .Right_Col .ServiceBlk01 {
	background-color:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 10px 0 0 0;
	padding-bottom: 8px;
}

.Content .Right_Col .ServiceBlk01.ServiceitemBlk01 {
	float: left;
	background: url(../images/public/block_bg.jpg) repeat-y left top;
	padding: 10px 0;
}


.Content .Right_Col .ServiceBlk01 .ServiceitemBlk01 .title {
	background: url(../images/public/tab_btn_off.png) repeat-x 0 0;
	font-weight: bold;
	color: #007d7d;
	font-size: 15px;
	letter-spacing:0px;
}


.Content .Right_Col .ServiceBlk01 .ServiceitemBlk01 .title.t01:before {
	background: url(../images/public/symbol_01.png) no-repeat -3px -6px;
}

.Content .Right_Col .ServiceBlk01 .ServiceitemBlk01 .title.t02:before {
	background: url(../images/public/symbol_01.png) no-repeat -5px -46px;
}
.Content .Right_Col .ServiceBlk01 .ServiceitemBlk01 .title.t03:before {
	background: url(../images/public/symbol_01.png) no-repeat -5px -86px;
}
.Content .Right_Col .ServiceBlk01 .ServiceitemBlk01 {
	float: left;
	width: 31.2%;
	background: url(../images/public/block_bg.jpg) repeat-y left top;
	padding: 20px 1% 10px;
}



.Content .Right_Col .ServiceBlk01 .ServiceitemBlk01 .title.t01:before,
.Content .Right_Col .ServiceBlk01 .ServiceitemBlk01 .title.t02:before,
.Content .Right_Col .ServiceBlk01 .ServiceitemBlk01 .title.t03:before {
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	position:relative;
	top:-1px;
	margin:0 5px;
	letter-spacing:0px;
}

/* new css add by liz start*/
.small_view .title {
	position: absolute; left: 15px; bottom: 15px;
	font-size: 18px; font-weight: bold;
	color: #027c7d;
}
.form_list table td {
	padding-right: 20px;
	padding-bottom: 5px;
}
.form_list table td.center {
	padding-right: 0;
	text-align: center;
}
.form_list ul li {
	padding-bottom: 5px;
}

.Right_Col_Down {
	/* width: 1350px; */
	/* height: 320px; */
	position: relative;
	background-color: #ebf2f2;
	position: absolute;
	top: 480px;
}

.Right_Col_Down span {
	font-weight: bolder;
	padding-left: 10px;
	font-size: 22px;
	font-family:"Noto Sans TC"!important

}

.Right_Col_Down_In {
	display: flex;
	padding-left: 10px;
	padding-top: 10px;
}

.Right_Col_Down_In_Items {
	background-color: #357b7c;
	/* height: 240px;
	width: 300px; */
	margin-right: 25px;
	border-radius: 20px;
}

.Right_Col_Down_In_Items img {
	height: 150px;
	width: 220px;
	margin: 10px 10px 10px 10px;
}

.Right_Col_Down_In_Items p {
	color: white;
	font-size: 16px;
	margin-left: 20px;
	line-height: 25px;
	font-family:"Noto Sans TC"!important
}

.Right_Col_Down_In_Items p strong {
	color: white;
	font-size: 18px;
	font-weight:bold;
	line-height: 20px;
	font-family:"Noto Sans TC"!important
}

.items {
	position: absolute;
	top: 60px;
}

.Right_Col_Down_In_Items button {
	font-size: 1.2em;
	border-radius: 15px;
	padding: 5px 15px 5px 15px;
	/* margin-left: 160px; */
	
	font-weight: bold;
	height: 30px;
	color: black;
	background: linear-gradient(90deg,#ffc229, #ffa42a)!important
}

.btnO {
	position: absolute;
	left: 140px;
	top: 150px;
}

.btnT {
	position: absolute;
	left: 405px;
	top: 150px;
}

.btnR {
	position: absolute;
	left: 670px;
	top: 150px;
}

.btnF {
	position: absolute;
	left: 935px;
	top: 150px;
}

/* new css add by liz end*/