@charset "utf-8";
@import url("shire_fb.css");
/* CSS Document */
body  {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #FFF;
	font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#wrapper {
	width: 1200px;
	height: auto;
	text-align: center;
	padding-top:0px;
	margin: 0 auto;
	overflow:hidden;
}
#header{ height:140px; width:1200px; display:block;}
.top{ height:24px; width:1095px; background-color:#7D5D9E; border-radius:0px 0px 6px 6px; color:#EEEBF2; font-size:12px; text-align: left; padding:8px 15px 0px 90px; margin-bottom:15px;}
.socail{ width:175px; float:right;color:#EEEBF2; font-size:13px;}
.socail a:hover{opacity:0.8;filter:alpha(opacity=80);}
.socail_icon a,.socail_icon a:visited{ width:16px; height:16px; display:block; margin-right:14px; float:left;}
.socail_icon a:hover{ width:16px; height:16px;opacity:0.8;filter:alpha(opacity=80); display:block;}
.logo{ width:370px; height:77px; float:left; margin-left:25px;}
.tel{ width:auto; height:auto; float:right; font-size:20px; font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; color:#7D5D9E; font-weight:bold; margin-right:15px;}
.menubox{ width:auto; height:auto; margin-top:40px; float:right; margin-left:200px;}
.menu a,.menu a:visited{width:auto; height:auto;font-size:15px; font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; color:#7D5D9E;margin-right:15px;text-decoration:none;}
.menu a:hover{ color:#E95C3F;}
.banner{ width:1180px; height:355px; border:8px #EFEBF3 solid; border-radius:6px; margin-top:5px;}
#tabarea{
	padding-top:20px;
	clear:both;
	width:1190px;
	height:auto;
	display:block;
	}
#fastsearch{ width:300px; height:24px; float:right; background:url(../images/search.png) 0px 10px no-repeat; padding-left:30px; padding-top:5px; text-align:left; font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:15px; font-weight:bold; color:#7D5D9E; margin-right:10px; padding-top:10px; margin-top:-8px;}
.searchinfo{
	width:150px;
	height:16px;
	border:1px #A9A9A9 solid;
	font-size:12px;
	color:#333; padding:3px;
	margin:0px 3px 3px 3px; float: right;
}
.buttonw70{ width:70px; height:24px; background-color:#7D5D9E; border-radius:4px;color:#FFF; font-size:12px;}
.items{ width:1175px; height:330px; display:block;}
.itembox{ width:270px; height:315px; margin:0px 10px 10px 10px; float:left;}
.casename a,.casename a:visited{ width:270px; height:25px;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;display: inline-block;text-align:center; font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:16px; font-weight:bold; color:#7D5D9E; margin-top:8px; text-decoration:none;}
.casename a:hover{ color:#E95C3F;}
.caseadd a, .caseadd a:visited{ width:270px; height:25px;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; display: inline-block;text-align:center; font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:13px; color:#646361; margin-top:8px; text-decoration:none; }
.caseadd a:hover{ color:#E95C3F;}
.cost { width:270px; height:25px;text-align:center; font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:16px; font-weight:bold; color:#EB7156; margin-top:8px; margin-bottom:10px; text-decoration:none;}
.caseinfo a, .caseinfo a:visited{width:270px; height:25px;text-align:center; font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:15px; color: #FFF; margin-bottom:5px;border-radius:4px; padding-top:3px;background-color:#7D5D9E; text-decoration:none; display:block;}
.caseinfo a:hover{opacity:0.8;filter:alpha(opacity=80);}
.linesss{ width:1135px; height:16px; margin-top:25px; margin-bottom:30px; background:url(../images/lines_repeat.jpg) repeat-x;  clear:both; display:block; margin-left:25px;}
.utb{margin-left:15px; float:left;}
.newsbox{ width:490px; height:315px; margin-left:15px;border:8px #EFEBF3 solid; border-radius:8px; padding:12px 20px 0px 20px; float:left; margin-bottom:30px;}
.more a, .more a:visited{font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:12px; color:#7D5D9E; font-weight:bold; float:right; margin:10px 10px 0px 0px; text-decoration:none;}
.more a:hover{ color:#E95C3F;}
.newslist ul{
	list-style: none;
	margin:0;
}
.newslist li{
	background-image: url(../images/star.png);
	background-repeat:no-repeat;
	background-position: left;
	padding:6px 0px 8px 25px;
	margin:0px 0px 10px 7px;
	width:450px;
	font-size:15px;
	text-align:left;
	float:left;
	display:block;
	height:15px;
	border-bottom:1px #EE846C dotted;
}
.newslist li a{
	color:#646360;
	text-decoration:none;
}
.newslist li a:hover{
	color:#E95C3F;
	text-decoration:none;
}
#footer{ width:1200px; height:368px; display:block; background:url(../images/footerBG_repeat.jpg) repeat-x; text-align:center; clear:both;}
.infobox{ width:1190px; height:368px; display:block;}
.info_left{ width:620px;height:368px; display:block; float: left; margin-right:20px; margin-left:30px;}
.info_rate{font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:18px; color:#7D5D9E; font-weight:bold; text-align:left; margin:10px 0px 0px 30px;}
.textfield-w100xh30 {
	margin:2px 0px 5px 5px;
	padding-left:3px;
	font-family:"微軟正黑體", "Adobe 繁黑體 Std B",'Microsoft YaHei', "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666;
	height: 20px;
	width: 100px;
	border: 1px solid #A9A9A9;
}
.textfield-w120xh30 {
	margin:2px 0px 5px 5px;
	padding-left:3px;
	font-family:"微軟正黑體", "Adobe 繁黑體 Std B",'Microsoft YaHei', "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666;
	height: 20px;
	width: 120px;
	border: 1px solid #A9A9A9;
}
.textfield-w200xh30 {
	margin:2px 0px 5px 5px;
	padding-left:3px;
	font-family:"微軟正黑體", "Adobe 繁黑體 Std B",'Microsoft YaHei', "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666;
	height: 25px;
	width:200px;
	border: 1px solid #A9A9A9;
}
.textfield-w90xh30 {
	margin:2px 0px 5px 5px;
	padding-left:3px;
	font-family:"微軟正黑體", "Adobe 繁黑體 Std B",'Microsoft YaHei', "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666;
	height: 25px;
	width:90px;
	border: 1px solid #A9A9A9;
}
.companyinfo{ width:335px; height:auto; display:block; float:left;font-family:"微軟正黑體", "Adobe 繁黑體 Std B",'Microsoft YaHei', "Arial", "Helvetica", "sans-serif"; color:#949494; margin-left:10px;}
.searchrule{ width:460px; height:auto; display:block; float:left; padding:6px 0px 40px 20px; color:#646360; font-size:15px; border-left:1px #FFFFFF solid; text-align:left;}
.searchrule_left{ width:220px; height:auto; float:left; display:block;}
.searchrule_right{ width:220px; height:auto; float:left; display:block; margin-left:10px;}
.searchrulebutton a, .searchrulebutton a:visited{width:200px; height:50px; background:url(../images/footerBottom.jpg) no-repeat;text-align:center; font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:18px; font-weight:bold; color: #FFF;margin:5px 0px 5px 3px;;border-radius:4px; padding-top:20px;background-color:#7D5D9E; text-decoration:none; display:block;}
.searchrulebutton a:hover{opacity:0.8;filter:alpha(opacity=80);}
/*0501*/
.pagesbanner{ width:1180px; height:240px; border:8px #EFEBF3 solid; border-radius:6px; margin-top:5px; background-color:#EFEBF3; text-align:left; display:block;}
.pathbox{ width:1180px; height:32px; margin-bottom:8px; display:block;}
.path{ width:750px; height:24px; font-size:13px; color:#999999; padding-left:32px; padding-top:6px; margin-left:15px; background:url(../images/icon_home.png) left top no-repeat; display:block; float:left; }
.path a, .path a:visited{color:#999999;text-decoration:none;}
.path a:hover{color:#E95C3F;text-decoration: underline;}
.leftpanel{ width:290px; height:auto; min-height:800px; margin:15px 15px 0px 5px; display:block; float: left;}
.maincontent{ width:870px; height:auto; min-height:800px; margin-top:15px;display:block; float:left; text-align:left; text-align:left;font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:15px; color:#64635F; line-height:25px;}
.itemboxline{ width:290px; height:390px; display:block; border:1px #BBA9CC solid; border-radius:6px;}
.itemtitled{ width:280px; height:24px; padding:5px 5px 10px 5px;}
.itemmore a, .itemmore a:visited{font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:12px; color:#949494; font-weight:bold; text-decoration:none;}
.itemmore a:hover{ color:#E95C3F;}
.utubeboxline{ width:290px; height:300px; margin-top:10px; padding-top:10px; display:block; border:1px #BBA9CC solid; border-radius:6px;}
.pagestitled{ width: auto; height:35px; padding:5px 0px 0px 3px;font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:28px; color:#333333; font-weight: bold; border-bottom:1px solid #E7ECF5; margin-left:25px;}
.content{ width:90%; height:auto; padding-left:45px; background: url(../images/arr.png) 30px 10px no-repeat; margin-top:10px; text-decoration:none;}
.content a, .content a:visited{ text-decoration:none;}
.content a:hover{color:#E95C3F;text-decoration: underline;}
.star ul{list-style:none;	margin:0;	padding:0;}
.star li{background: url(../images/star.png) 0px 0px no-repeat;	padding:0px 0px 0px 25px;}
.buttonbox{ width:auto; height:50px; padding:20px 0px 80px 40px; border-top:1px dotted #EE846C; margin-top:45px; display:block; }
.buttonw120 a,.buttonw120 a:visited{ width:120px; height:26px; text-align:center; padding-top:2px; background-color:#7D5D9E; border-radius:4px;color:#FFF; font-size:15px; display:block; text-decoration:none; margin-right:5px;float:left;}
.buttonw120 a:hover{opacity:0.8;filter:alpha(opacity=80);}
.linesss{ width: auto; clear:both;}
.content_formbox{ width:90%; height:30px; padding-left:45px; margin-bottom:30px;}
.formtitled{ width:130px; height:auto; margin-right:5px;font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:15px;line-height:18px; color:#64635F; display:block; float:left;}
.txtfield_w450{ width:450px; height:25px; padding:5px; border:1px solid #A9A9A9; float:left; color:#CCC; font-size:13px;}
.txtarea_w450xh120{ width:450px; height:120px; padding:5px; border:1px solid #A9A9A9; float:left; color:#CCC; font-size:13px;}
#footer{position: relative; left: 50%; margin-left: -600px;}
.map{ width:400px; height:300px; padding:10px; margin:10px 40px 25px 0px; border:1px solid #A9A9A9;float:right;}
.q ul{list-style:none;	margin:15px;	padding:0;}
.q li{ width:675px; height:30px;background: url(../images/Q.png) 0px 0px no-repeat;	padding:0px 0px 0px 35px; border-bottom:1px dotted #BCAACC; margin-bottom:10px;}
.q li a, .q li a:visited{ color:#64635F; text-decoration:none;} 
.q li a:hover{color:#E95C3F;text-decoration:none;}
.a ul{list-style:none;	margin:15px; margin-top:45px;padding:0;}
.a li{ width:675px; height:30px;background: url(../images/A.png) 0px 0px no-repeat;	padding:0px 0px 0px 35px; border-bottom:1px dotted #BCAACC; margin-bottom:10px;}
.content_redarr{ width:90%; height:auto; padding-left:45px; background: url(../images/arr_red.png) 30px 10px no-repeat; margin-top:10px; text-decoration:none;}
.content_redarr a, .content_redarr a:visited{ text-decoration:none;}
.content_redarr a:hover{color:#E95C3F;text-decoration: underline;}
.newslistbox{ width: auto; height:auto; min-height:175px; background-color:#FBFAFC; padding-left:25px;margin-top:10px; text-decoration:none; margin-bottom:15px;}
.newstitled{ width: auto; height:30px;background: url(../images/arr.png) 15px 20px no-repeat;	padding:10px 0px 0px 30px; border-bottom:1px dotted #BCAACC; margin-bottom:10px; color:#727272; font-size:18px;}
.newstitled a, .newstitled a:visited{ color:#727272;text-decoration:none;}
.newstitled a:hover{color:#E95C3F;text-decoration:none;}
.newsnote{ width:90%; height:75px;margin-left:30px;}
.newsinfo{ width:90%; height: auto;margin-left:30px; padding-bottom:20px; display:block;}
.newsmore a, .newsmore a:visited{margin-left:30px; color:#9320A3; text-decoration:none;}
.newsmore a:hover{color:#E95C3F;text-decoration:none;}
.pages{ width: auto; height:40px; margin-bottom:3px;}
.pages a, .pages a:visited{display:inline-block;  position: relative;
  vertical-align: bottom;color:#64635F; text-decoration:none;}
.pages a:hover{ color:#E95C3F; text-decoration:none;}
.pages ul{list-style:none;	margin-left:40px;	padding:0;}
.pages li a, .pages li a:visited{ padding:5px 10px 5px 10px; display:block; border:1px #BBA9CC solid; border-radius:6px; margin-right:5px; font-size:12px; letter-spacing:1px; font-weight:bold; color:#64635F; text-decoration:none; float:left;}
.pages li a:hover{ width: auto; height:auto; background-color:#EEE;color:#E95C3F;text-decoration:none;}
.n ul{list-style:none;	margin:15px;	padding:0;}
.n li{ width:675px; height:30px;background: url(../images/N.png) 0px 0px no-repeat;	padding:0px 0px 0px 35px; border-bottom:1px dotted #BCAACC; margin-bottom:10px;}
.n li a, .n li a:visited{ color:#64635F; text-decoration:none;} 
.n li a:hover{color:#E95C3F;text-decoration:none;}
/*0518*/
.arr ul{list-style:none;margin:0px 3px 0px 10x;	padding:0; float:left;}
.arr li a{ width:12px; height:10px; background:url(../images/arr_up.png) 0 0 no-repeat; display:block;}
.arr li a:hover{ width:12px; height:10px; background:url(../images/arr_up_hover.png) 0 0 no-repeat; display:block;}
.arr_d ul{list-style:none;margin:15px 3px 0px -12px;	padding:0; float:left;}
.arr_d li a{ width:12px; height:10px; background:url(../images/arr_down.png) 0 0 no-repeat; display:block;}
.arr_d li a:hover{ width:12px; height:10px; background:url(../images/arr_down_hover.png) 0 0 no-repeat; display:block;}
.items2imgbox{ width:270px; height:370px; float:left; margin-right:25px; margin-top:10px; display:block;}
.txt28{font-weight:bold;color:#E95A3F; font-size:28px; margin-top:10px;}
.hr1{ height:3px;border:0px;border-top:3px solid  #EFEBF3;}
.iteminfobox{ text-align:center; width: auto; height:450px; margin-left:25px; display:block;}
.itemsimgsbox{ width:auto; min-height:120px; width:auto; margin-left:25px; display:block;}
.itemsimgs{ width:95px; height:95px; display:block; float:left; margin:5px;}
table.dataTable th{padding: 8px 10px;
  border-bottom: #d8dde6 1px solid;
  border-right: #d8dde6 1px solid;
  text-align:left;
}
table.dataTable td {padding: 8px 10px;
  border-bottom: #d8dde6 1px solid;
  border-right: #d8dde6 1px solid;
  vertical-align: top;
}
.Gbutton a, .Gbutton a:visited{width:275px; height:50px;text-align:center; font-family:"微軟正黑體", "新細明體", "Adobe 繁黑體 Std B", Arial, Verdana, sans-serif; font-size:18px; font-weight:bold; color: #FFF;margin:5px 0px 5px 3px;;border-radius:4px; padding-top:20px;background-color:#7D5D9E; text-decoration:none; display:block;}
.Gbutton a:hover{opacity:0.8;filter:alpha(opacity=80);}
#tabarea_page{
	padding-top:20px;
	clear:both;
	width:870px;
	height:auto;
	display:block;
	}
.itembox_page{ width:270px; height:315px; margin:0px 0px 5px 10px; float:left;}
/*0529*/
.textfield-w90xh30 {
	margin:2px 0px 5px 5px;
	padding-left:3px;
	font-family:"微軟正黑體", "Adobe 繁黑體 Std B",'Microsoft YaHei', "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666;
	height: 20px;
	width: 90px;
	border: 1px solid #A9A9A9;
}