@charset "UTF-8";body,h1,h2,h3,h4,h5,h6,p,blockquote,th,td,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea{margin:0;padding:0}body,td,th{font: 100%/1 Verdana, Geneva, sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}img,fieldset{border:0}ol,ul{list-style:none outside none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}a,ins{text-decoration:none}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}abbr,acronym{border:0;font-variant:normal}sup,sub{font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}code,kbd,samp,tt{font-size:100%}

body {

	background-image: url(../img/body_bg.gif);

	background-repeat: repeat;

	font-size: 100%;

	background-attachment: fixed;

}

#wrapper {

	width: 800px;

	margin-right: auto;

	margin-left: auto;

}

#head {

	height: 145px;

	width: 800px;

	float: left;

}

#top {

	height: 200px;

	width: 800px;

	float: left;

	background-image: url(../img/top_bg.jpg);

	background-repeat: no-repeat;
	
	background-position-y: -50px;

}
.fb-page.fb_iframe_widget {
    margin-left: 10px;
	margin-top:15px;
}
.main_menu a {
    font-size: 14px;
    color: #fff;
}
.detail_1,.detail_2,.detail_3,.detail_4,.detail_5,.detail_6{display:none}
.main_menu a:hover {
    color: orange;
}
.btn_1,.btn_2,.btn_3,.btn_4,.btn_5,.btn_6 {
    cursor: pointer;
}
.main_menu {
    width: 199px;
    margin: 0 auto;
    padding: 10px 0;
    margin-top: 25px;
}
.main_menu li {
    border-bottom: 1px dashed #4f4f4f;
    padding-left: 10px;
}
#head #logo {

	float: left;

	height: 145px;

	width: 375px;

}

#content_left {

	float: left;

	width: 220px;

	/* [disabled]padding-left: 50px; */

	padding-bottom: 50px;

}

#content_right {

	float: left;

	width: 535px;

	margin-right: 25px;

	background-color: #FFF;

	margin-top: 20px;

	margin-bottom: 25px;

	border-radius: 10px;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 30px;

	padding-left: 10px;

}



#content_right .top {

	color: #09F;

	font-weight: bold;

	padding: 2px;

	background-image: url(../img/top.jpg);

	background-repeat: no-repeat;

	background-position: 30px 2px;

	display: block;

	height: 25px;

	width: 50px;

	float: right;

}



#content {

	float: left;

	width: 800px;

	background-color: #0A1030;

	color: #000;

	font-size: 1em;

	line-height: 1.8em;

	font-family:"微軟正黑體", "華康中圓體", "標楷體","sans-serif";

}



#content_right img {

	padding: 2px;

	border: 1px solid #999;

	margin-top: 2px;

	margin-right: 10px;

	margin-bottom: 5px;

	box-shadow: 1px 3px 3px #C5C3C3;

	margin-left: 1px;

}



#content_right h1.about {

	font-weight: bold;

	color: #0A1030;

	font-size: 2em;

	margin-bottom: 15px;

	margin-top: 15px;

	background-image: url(../img/about_h1.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	padding: 10px;

	text-indent: -9999px;

}



#content_right h1.price {

	font-weight: bold;

	color: #0A1030;

	font-size: 2em;

	margin-bottom: 15px;

	margin-top: 15px;

	background-image: url(../img/price_h1.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	padding: 10px;

	text-indent: -9999px;

}



#content_right h1.question {

	font-weight: bold;

	color: #0A1030;

	font-size: 2em;

	margin-bottom: 15px;

	margin-top: 15px;

	background-image: url(../img/question_h1.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	padding: 10px;

	text-indent: -9999px;

}



#content_right h1.patent {

	font-weight: bold;

	color: #0A1030;

	font-size: 2em;

	margin-bottom: 15px;

	margin-top: 15px;

	background-image: url(../img/patent_h1.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	padding: 10px;

	text-indent: -9999px;

}



#content_right h1.law{

	font-weight: bold;

	color: #0A1030;

	font-size: 2em;

	margin-bottom: 15px;

	margin-top: 15px;

	background-image: url(../img/law_h1.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	padding: 10px;

	text-indent: -9999px;

}



#content_right h1.trans{

	font-weight: bold;

	color: #0A1030;

	font-size: 2em;

	margin-bottom: 15px;

	margin-top: 15px;

	background-image: url(../img/trans_h1.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	padding: 10px;

	text-indent: -9999px;

}



#content_right h1.contact{

	font-weight: bold;

	color: #0A1030;

	font-size: 2em;

	margin-bottom: 15px;

	margin-top: 15px;

	background-image: url(../img/contact_h1.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	padding: 10px;

	text-indent: -9999px;

}

#form1 .send_btn {

	display: block;

	width: 520px;

	text-align: right;

	padding: 5px;

}

legend {

	color: #C00;

	font-size: 1.2em;

	padding-top: 10px;

}

.input_atn {

	font-weight: normal;

	color: #F00;

	font-size: 0.9em;

}



#form1 fieldset p {

	line-height: 2em;

}







#content_right ol li {

	list-style-type: square;

	margin-left: 50px;

	color: #333;

}

#content_right #form1 table tr td .message {

	font-size: 2em;

}



#content_right ol li strong {

	font-size: 1.2em;

	font-weight: bold;

	color: #C30;

}







#content_right h2 {

	font-size: 1.2em;

	font-weight: bold;

	padding-left: 10px;

	border-bottom-width: 3px;

	border-bottom-style: double;

	border-bottom-color: #999;

	margin-top: 30px;

	margin-bottom: 15px;

}

#content_right table thead {

	font-size: 1.2em;

	font-family: "微軟正黑體", "華康中圓體", "標楷體";

	font-weight: bolder;

	padding: 5px;

}

#content_right p strong {

	font-weight: bold;

	color: #930;

}

#content_right .no_border_img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	box-shadow: none;

}

#content_right .center_img {

	text-align: center;

}

#content_right .service_call {

	width: 510px;

	padding-top: 5px;

	padding-right: 15px;

	padding-bottom: 5px;

	padding-left: 5px;

	border: 3px dotted #CCC;

}



#content_right .service_call:hover {

	border-top-color: #39C;

	border-right-color: #39C;

	border-bottom-color: #39C;

	border-left-color: #39C;	

}



.note {

	font-weight: bold;

	color: #360;

	/* [disabled]font-size: 1em; */

}

.telfor {

	font-size: 1.6em;

	color: #069;

	font-weight: bold;

	line-height: 1.5em;

}



.tel {

	color: #C36;

	font-weight: bold;

	font-size: 1.2em;

	background-image: url(../img/phone.png);

	background-repeat: no-repeat;

	background-position: 0px 3px;

	padding-left: 25px;

}

.mail {

	font-size: 1.2em;

	color: #06C;

	background-image: url(../img/mail.png);

	background-repeat: no-repeat;

	background-position: 0px 3px;

	padding-left: 25px;

}

.mail a {

	color: #036;

}

.mail a:hover {

	color: #09F;

}











.ans {

	padding-left: 30px;

	color: #333;

}









#nav {

	height: 237px;

	width: 800px;

	float: left;

	padding-top: 10px;
	display:none;

}



#nav .btn {

	float: left;

	width: 260px;

}



#nav li {

	height: 27px;

	width: 260px;

	/* [disabled]text-indent: -9999px; */

}

#nav .btn1 {

	background-image: url(../img/btn/btn_1a.gif);

	background-repeat: no-repeat;

	text-indent: -9999px;

	display: block;

	height: 27px;

	width: 260px;

}

#nav .btn1:hover {

	background-image: url(../img/btn/btn_1b.gif);

	background-repeat: no-repeat;

}

#nav .btn2 {

	background-image: url(../img/btn/btn_2a.gif);

	background-repeat: no-repeat;

		text-indent: -9999px;

	display: block;

	height: 27px;

	width: 260px;

}

#nav .btn2:hover {

	background-image: url(../img/btn/btn_2b.gif);

	background-repeat: no-repeat;

}

#nav .btn3 {

	background-image: url(../img/btn/btn_3a.gif);

	background-repeat: no-repeat;

		text-indent: -9999px;

	display: block;

	height: 27px;

	width: 260px;

}

#nav .btn3:hover {

	background-image: url(../img/btn/btn_3b.gif);

	background-repeat: no-repeat;

}

#nav .btn4 {

	background-image: url(../img/btn/btn_4a.gif);

	background-repeat: no-repeat;

		text-indent: -9999px;

	display: block;

	height: 27px;

	width: 260px;

}

#nav .btn4:hover {

	background-image: url(../img/btn/btn_4b.gif);

	background-repeat: no-repeat;

}

#nav .btn5 {

	background-image: url(../img/btn/btn_5a.gif);

	background-repeat: no-repeat;

		text-indent: -9999px;

	display: block;

	height: 27px;

	width: 260px;

}

#nav .btn5:hover {

	background-image: url(../img/btn/btn_5b.gif);

	background-repeat: no-repeat;

}

#nav .btn6 {

	background-image: url(../img/btn/btn_6a.gif);

	background-repeat: no-repeat;

		text-indent: -9999px;

	display: block;

	height: 27px;

	width: 260px;

}

#nav .btn6:hover {

	background-image: url(../img/btn/btn_6b.gif);

	background-repeat: no-repeat;

}

#nav .btn7 {

	background-image: url(../img/btn/btn_7a.gif);

	background-repeat: no-repeat;

		text-indent: -9999px;

	display: block;

	height: 27px;

	width: 260px;

}

#nav .btn7:hover {

	background-image: url(../img/btn/btn_7b.gif);

	background-repeat: no-repeat;

}

#footer {

	height: 50px;

	width: 800px;

	float: left;

	background-color: #221817;

	font-size: 0.8em;

	color: #FFF;

	text-align: center;

	padding-top: 10px;

	line-height: 1.5em;

}

#site_stat {

	height: 33px;

	width: 800px;

	margin-right: auto;

	margin-left: auto;

	float: left;

	background-color: #221817;

	text-align: center;

}

#site_stat .tag {

	height: 30px;

	width: 50px;

	margin-left: 10px;

}





/*表格美化*/

table {

	background:#D3E4E5;

	border:1px solid gray;

	border-collapse:collapse;

	color:#fff;

	font-family: "微軟正黑體", "華康中圓體", "標楷體";

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

}

caption { border:1px solid #5C443A;

 color:#5C443A;

 font-weight:bold;

 letter-spacing:20px;

 padding:6px 4px 8px 0px;

 text-align:center;

 text-transform:uppercase;

}

td, th {

	color:#363636;

	padding:5px;

}

tr { border:1px dotted gray;

}

/*thead th, tfoot th {

	background:#5C443A;

	color:#FFFFFF;

	text-align:left;

	text-transform:uppercase;

	padding-top: 8px;

	padding-right: 10px;

	padding-bottom: 8px;

	padding-left: 10px;

}*/

table td p {

	line-height: 1.5em;

}



tbody td a { color:#363636;

 text-decoration:none;

}

tbody td a:visited { color:gray;

 text-decoration:line-through;

}

tbody td a:hover { text-decoration:underline;

}

tbody th a { color:#363636;

 font-weight:normal;

 text-decoration:none;

}

tbody th a:hover { color:#363636;

}

tbody td+td+td+td a {

	background-image:url('bullet_blue.png');

	background-position:left center;

	background-repeat:no-repeat;

	color:#94BEC0;

	padding-left:15px;

}

tbody td+td+td+td a:visited { background-image:url('bullet_white.png');

 background-position:left center;

 background-repeat:no-repeat;

}

tbody th, tbody td {

	text-align:left;

	vertical-align:central;

}

tfoot td { background:#5C443A;

 color:#FFFFFF;

 padding-top:3px;

}

.odd { background:#fff;

}

tbody tr:hover { background:#99BCBF;

 border:1px solid #03476F;

 color:#000000;}



#form1 tbody tr:hover { background:#B9E0CC;

 border:0px solid #03476F;

 color:#000000;}

#form1 table tr {

border: 1px solid #FAF5F5;

}

#content_right li {

	margin-top: 1em;

	margin-bottom: 1em;

}



/*表單相關*/



#send {

border: 1px solid transparent;

color: white;

padding: 5px;

border-radius: 3px;

background-color: #4D90FE;

background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));

background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);

background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);

background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);

background-image: -o-linear-gradient(top,#4D90FE,#4787ED);

background-image: linear-gradient(top,#4D90FE,#4787ED);

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');

border: 1px solid #3079ED;



/*text-shadow: 0 1px rgba(0, 0, 0, 0.1);

text-transform: uppercase;

background-color: #D14836;

background-image: -webkit-gradient(linear,left top,left bottom,from(#DD4B39),to(#D14836));

background-image: -webkit-linear-gradient(top,#DD4B39,#D14836);

background-image: -moz-linear-gradient(top,#DD4B39,#D14836);

background-image: -ms-linear-gradient(top,#DD4B39,#D14836);

background-image: -o-linear-gradient(top,#DD4B39,#D14836);

background-image: linear-gradient(top,#DD4B39,#D14836);*/



}



#send:hover {

background-image: -webkit-linear-gradient(top,#2088E7,#0E76C9);

}



#reset{

border: 1px solid transparent;

color: white;

padding: 5px;

border-radius: 3px;

background-color: #4D90FE;

background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));

background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);

background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);

background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);

background-image: -o-linear-gradient(top,#4D90FE,#4787ED);

background-image: linear-gradient(top,#4D90FE,#4787ED);

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');

border: 1px solid #3079ED;

}



#reset:hover {

background-image: -webkit-linear-gradient(top,#2088E7,#0E76C9);

}



fieldset {

border-bottom-width: 1px;

border-bottom-style: dashed;

border-bottom-color: #F60;

padding: 15px;

}



#tel {

color: #E2A175;

}



.tb_head th{

background: #5C443A;

color: white;

text-align: left;

text-transform: uppercase;

padding-top: 8px;

padding-right: 10px;

padding-bottom: 8px;

padding-left: 10px;

}



#form1 td {

background-color: white;

}



#form1 table {

border: 5px solid #CCC;

}

#googlemap {

	height: 350px;

	width: 535px;

	margin-bottom:60px;

}

#googlemap img {

border: 0;

box-shadow: none;

}

#content_left .link {

	width: 198px;

	margin-left: 10px;

	margin-top: 20px;

	background-image: url(../img/block1.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	

}

#content_left .link ul li 

{

display: block;

height: 32px;

width: 192px;

padding-left: 4px;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #E6E6E6;

padding-top: 3px;

}

#content_left .link ul li a {

	color: #333;

	font-size: 0.9em;

	font-weight: bold;

}





#content_left .link ul li a:hover {

	color: #930;

}

#content_left .link ul {

	padding-bottom: 2px;

}



.link {

padding-top: 40px;

padding-left:2px;

border-radius: 7px;

}