@charset "big5";
* {
	margin: 0px;
	padding: 0px;
}
a {
 outline: none;   /*for Firefox*/
 hlbr:expression(this.onFocus=this.blur());   /*for IE*/
}

body {
	background-color: #B4A79C;
	font-size: 13px;
	line-height: 1.3em;
	letter-spacing: 1px;
}

#wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#logo  {
	background-color: #993;
	height: 303px;
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
}
#lineBTN {
	background-image: url(../images/layout1/line.gif);
	height: 145px;
	width: 40px;
	position: absolute;
	top: 0px;
	right: -40px;
	text-indent: -9999px;
	cursor: pointer;
}

#logo a  {
	height: 303px;
	width: 200px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/layout1/logo.jpg);
	z-index: 999;
}
#blogo  {
	background-color: #993;
	height: 303px;
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
}
#blogo a  {
	height: 303px;
	width: 200px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/layout1/logo01.jpg);
	z-index: 999;
}
#top {
	height: 393px;
	position: relative;
	background-color: #FFF;
	width: 950px;
}
#top #topTEXT {
	height: 49px;
	width: 688px;
	position: absolute;
	top: 0px;
	background-image: url(../images/layout1/topTEXT.jpg);
	right: 0px;
	text-indent: -9999px;
}

#top #topTel {
	background-image: url(../images/layout1/tel.png);
	height: 57px;
	width: 332px;
	position: absolute;
	z-index: 999;
	right: 20px;
	bottom: 45px;
}



#top #adText {
	background-image: url(../images/layout1/top_adText.gif);
	height: 44px;
	width: 643px;
	position: absolute;
	top: 49px;
	display: block;
	right: 45px;
	text-indent: -9999px;
}
#top #homeIcon {
	background-image: url(../images/layout1/home_icon.jpg);
	height: 44px;
	width: 45px;
	position: absolute;
	top: 49px;
	display: block;
	right: 0px;
	text-indent: -9999px;
}

#top #banner {
	height: 260px;
	width: 950px;
	position: absolute;
	z-index: 990;
	left: 0px;
	top: 93px;
}
#top #myColor {
	background-color: #333333;
	height: 40px;
	width: 950px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 999;
}
#menuA {
	height: 40px;
	width: 950px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #333;
}
#menuA li {
	height: 40px;
	width: 121px;
	float: left;
	list-style-type: none;
	margin-right: 17px;
	margin-left: 17px;
}
#menuA li a {
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 121px;
	float: left;
	background-image: url(../images/layout1/menu_rev1101.jpg);
	margin-right: 17px;
	margin-left: 17px;
	}
#menuA li a:hover {
	background-image: url(../images/layout1/menu_rev1101_hover.jpg);
}

#menuA li #m1 {
	background-position: -28px 0px;
}
#menuA li #m2 {
	background-position: -183px 0px;
}
#menuA li #m3 {
	background-position: -337px 0px;
}
#menuA li #m4 {
	background-position: -492px 0px;
}
#menuA li #m5 {
	background-position: -646px 0px;
}
#menuA li #m6 {
	background-position: -801px 0px;
}


#main1 {
	background-color: #E2D6CA;
	height: 200px;
	width: 928px;
	padding-right: 11px;
	padding-left: 11px;
	padding-top: 14px;
	/* [disabled]background-image: url(../images/layout1/main1_bg.jpg); */
	background-repeat: no-repeat;
	letter-spacing: 0px;
}


#main1 li {
	float: left;
	width: 210px;
	height: 200px;
	margin-right: 11px;
	margin-left: 11px;
	list-style-type: none;
}
#main1 li a  {
	background-image: url(../images/layout1/main1_1.jpg);
	display: block;
	width: 190px;
	height: 61px;
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
	padding-top: 125px;
	padding-right: 10px;
	padding-left: 10px;
}

#main1 #mainA {
	background-image: url(../images/layout1/main1_1.jpg);
}

#main1 #mainB {
	background-image: url(../images/layout1/main1_2a.jpg);
}

#main1 #mainC {
	background-image: url(../images/layout1/main1_3a.jpg);
}

#main1 #mainD {
	background-image: url(../images/layout1/main1_4a.jpg);
}
#main1 #mainA:hover, #main1 #mainB:hover, #main1 #mainC:hover, #main1 #mainD:hover{
	opacity: 0.9;
	filter: Alpha(opacity=95);
}


#main1 li .myMore  {
	background-color: #F68B2D;
	color: #FFF;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
#main2 {
	background-color: #FEF2E4;
	width: 910px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	float: left;
}
#main2 #left {
	width: 660px;
	float: left;
}
#left #case1 {
	background-image: url(../images/layout1/main2_case1.gif);
	height: 218px;
	width: 660px;
	padding-top: 34px;
}
#leftFocus {
	padding-top: 18px;
}

#leftFocus div {
	background-color: #C6C;
	float: left;
	height: 139px;
	width: 322px;
	background-image: url(../images/layout1/leftFocus.jpg);
	margin-bottom: 18px;
	position: relative;
}
#leftFocus #focus1 {
	background-image: url(../images/layout1/leftFocus.jpg);
	background-position: 0px 0px;
	margin-right: 16px;
}
#leftFocus #focus2 {
	background-position: -338px 0px;
}
#leftFocus #focus3 {
	background-position: 0px -157px;
	margin-right: 16px;
}
#leftFocus #focus4 {
	background-position: -338px -157px;
}
#leftFocus .myArrow {
	color: #FFF;
	background-image: url(../images/layout1/leftFocus_arrow.png);
	display: block;
	height: 30px;
	width: 180px;
	text-decoration: none;
	position: absolute;
	left: 13px;
	bottom: 2px;
	font-size: 13px;
	font-weight: bold;
	text-indent: 5px;
	line-height: 30px;
	background-repeat: no-repeat;
}


#leftFocus .myArrow:hover {
	color: #FFFF60;
	display: block;
	text-decoration: none;
	position: absolute;
	left: 13px;
	bottom: 2px;
	text-indent: 5px;
}
#left #leftH2 h2 {
	background-image: url(../images/layout1/focus_h2.jpg);
	height: 266px;
	width: 162px;
	text-indent: -9999px;
	display: block;
	background-position: 0px 0px;
	float: left;
	position: relative;
}
#left #leftH2 #h201 {
	background-position: 0px 0px;
	margin-right: 4px;
}
#left #leftH2 #h202 {
	background-position: -167px 0px;
	margin-right: 4px;
}
#left #leftH2 #h203 {
	background-position: -333px 0px;
	margin-right: 4px;
}
#left #leftH2 #h204 {
	background-position: -500px 0px;
}
#left #leftH2 a  {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #FFFFFF;
	float: left;
	height: 111px;
	width: 118px;
	text-align: center;
	text-indent: 0;
	font-size: 13px;
	text-decoration: none;
	padding-right: 22px;
	padding-left: 22px;
	font-weight: normal;
	padding-top: 155px;
	letter-spacing: 0px;
}
#left #leftH2 a:hover {
	background-color: #3A322F;
	opacity: 0.6;
	filter: Alpha(opacity=60);
	color: #FFF;
	}
#h204 #contactNow {
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 998;
	background-image: url(../images/layout1/focus_h2.jpg);
	background-position: -500px 0px;
}


#main2 #right {
	float: right;
	width: 220px;
}

#right #consultantBTN li {
	height: 103px;
	width: 71px;
	list-style-type: none;
	float: left;
	margin-right: 2px;
	background-image: url(../images/layout1/law_consultant.png);
	text-indent: -9999px;
	cursor: pointer;
}
#right #consultantBTN li:hover {
	/* [disabled]opacity: 0.9; */
	/* [disabled]filter: Alpha(opacity=95); */;
}
#right #consultantBTN #btn2 {
	background-position: -78px 0px;
	}
#right #consultantBTN #btn3 {
	background-position: -154px 0px;
	}	
#right #lawReservation {
	background-image: url(../images/layout1/law_reservation.png);
	height: 310px;
	width: 220px;
	float: left;
	position: relative;
}
#right #lawReservation li {
	background-image: url(../images/layout1/law_reservation.png);
	height: 62px;
	width: 62px;
	position: relative;
	text-indent: -9999px;
	list-style-type: none;
	cursor: pointer;
}
#right #lawReservation li:hover {
	background-image: url(../images/layout1/law_reservation_hover.png);
}


#right #lawReservation #res1 {
	background-position: -10px -78px;
	left: 10px;
	top: 78px;
	position: absolute;
}

#right #lawReservation #res2 {
	background-position: -79px -78px;
	left: 79px;
	top: 78px;
	position: absolute;
}
#right #lawReservation #res3 {
	background-position: -148px -78px;
	left: 148px;
	top: 78px;
	position: absolute;
}
#right #lawReservation #res4 {
	background-position: -10px -156px;
	left: 10px;
	top: 156px;
	position: absolute;
}
#right #lawReservation #res5 {
	background-position: -79px -156px;
	left: 79px;
	top: 156px;
	position: absolute;
}
#right #lawReservation #res6 {
	background-position: -148px -156px;
	left: 148px;
	top: 156px;
	position: absolute;
}

#right #lawReservation #res7 {
	background-position: -10px -234px;
	left: 10px;
	top: 234px;
	position: absolute;
}

#right #lawReservation #res8 {
	background-position: -79px -234px;
	left: 79px;
	top: 234px;
	position: absolute;
}

#right #lawReservation #res9 {
	background-position: -148px -234px;
	left: 148px;
	top: 234px;
	position: absolute;
}

#right #reservationForm {
	/*background-image: url(../images/layout1/reservation_form_0627.png);*/
	background-image: url(../images/layout1/reservation_form_2017.png); 
	float: left;
	height: 300px; /*243*/
	width: 220px;
	margin-top: 8px; /*15*/
	padding-top: 67px; /*67*/
}
#reservationForm form table {
	margin-right: auto;
	margin-left: auto;
}

#reservationForm table th {
	width: 45px;
	padding: 5px;
	font-weight: normal;
	font-size: 15px;
	text-align: left;
}
#reservationForm form table tr td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5F5148;
	padding-bottom: 5px;
	padding-top: 5px;
}
#reservationForm form table th.myCenter{
	text-align: center;
}



#right #charity {
	background-image: url(../images/layout1/charity.png);
	display: block;
	height: 83px;
	width: 220px;
	float: left;
	margin-top: 5px;/*10px*/
	text-indent: -9999px;
}
#right #charity:hover {
	background-color: #FFF;
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

#right #myLink {
	background-image: url(../images/layout1/myLinks.png);
	display: block;
	height: 39px;
	width: 220px;
	float: left;
	margin-top: 10px;
	text-indent: -9999px;
}
#right #myLink:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}
#online {
	height: 87px;
	width: 910px;
	background-color: #FFF;
	background-image: url(../images/layout1/onLine.png);
	padding-right: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 15px;
	padding-top: 55px;
	position: relative;
}
#online h2 {
	color: #ECD23A;
	font-weight: normal;
	font-size: 13px;
	position: absolute;
	top: 14px;
	display: block;
	left: 330px;
}
#online table {
	margin-right: auto;
	margin-left: auto;
}


.myStress {
	font-weight: bold;
	color: #A91212;
}
.myStress2 {
	font-weight: bold;
	color: #000000;
}

.myStress1 {
	font-weight: normal;
	color: #000F91;
	font-size: 12px;
}

#bottom {
	background-image: url(../images/layout1/bottom_bg.jpg);
	height: 115px;
	width: 950px;
	position: relative;
}
#bottomRES li {
	cursor: pointer;
	background-image: url(../images/layout1/bottom_res.png);
	height: 12px;
	width: 51px;
	position: absolute;
	list-style-type: none;
	text-indent: -9999px;
}

#bottomRES01 {
	left: 332px;
	top: 58px;
}
#bottomRES02 {
	left: 458px;
	top: 58px;
}
#bottomRES03 {
	left: 582px;
	top: 58px;
}
#bottomRES04 {
	left: 707px;
	top: 58px;
}
#bottomRES05 {
	left: 831px;
	top: 58px;
}
#bottomMap li {
	background-image: url(../images/layout1/bottom_res.png);
	height: 12px;
	width: 51px;
	position: absolute;
	list-style-type: none;
	background-position: 0px -25px;
}

#bottomMap01 {
	left: 332px;
	top: 84px;
}
#bottomMap02 {
	left: 457px;
	top: 84px;
}#bottomMap03 {
	left: 582px;
	top: 84px;
}#bottomMap04 {
	left: 707px;
	top: 84px;
}
#bottomMap05 {
	left: 831px;
	top: 84px;
}
#bottomMap li a {
	display: block;
	height: 12px;
	width: 51px;
	text-indent: -9999px;
}




#footer {
	background-color: #281F14;
	line-height: 48px;
	height: 48px;
	width: 950px;
	color: #FFF;
	text-align: center;
	letter-spacing: 3px;
}

ul#link {
	display: none;
	width: 780px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	line-height: 18px;
	padding-right: 85px;
	padding-left: 85px;
	background-color: #1B140A;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul#link li {
	list-style-type: none;
	float: left;
	line-height: 1em;
}
#link li a {
	display: block;
	float: left;
	width: 128px;
	height: 20px;
	text-decoration: none;
	color: #C28F25;
	line-height: 20px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	text-align: center;
}

#linkblogo{
	height: 20px;
	width: 200px;
	position: absolute;
	left: 1px;
	top: 274px;
	z-index: 999;
	}
#linkblogo a  {
	height: 20px;
	width: 200px;
	display: block;
	text-indent: -9999px;
	z-index: 999;
}