@import url("reset.css");
* {
	padding: 0;
	margin: 0;
}
/*-------------- header --------------*/
#wrap {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}
/**html #wrap, #container{height:1%;}*/
/**+html #wrap, #container{height:1%;}*/
#header {
	width: inherit;
	background: #fff;
	/*height: 70px;*/
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
	position: relative;
	clear: both;
}
/*-------------- footer --------------*/
#footer {
	width: 900px;
	margin: 0 auto;
	background: #fff;
}
/*-------------- 大包 --------------*/
#WRAPPER {
	width: 900px;
	margin: 0 auto;
	margin-top: 8px;
	overflow: hidden;
	padding-bottom: 50px;
}
/*-------------- 左選單 --------------*/
#NAV {
	width: 180px;
	background: #CC99FF;
	float: left;
	margin-left: 14px;
	padding-top: 48px;
	background: url(../images/nav-title.gif) no-repeat;
}
#NAV h2 {
	font-size: 14px;
	text-indent: -9999px;
	line-height: 0;
}
#NAV ul {
	border: 1px solid #CCCCCC;
}
#NAV ul li {
}
#NAV ul li a {
	display: block;
	width: 176px;
	height: 40px;
	font-size: 16px;
	color: #810026;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none;
	text-indent: 55px;
	background-image: url(../images/li-bg1.jpg);
	background-position: -24px;
	outline: none;
}
#NAV ul li a:hover {
	color: #F60;
}
.turnon {
	background-image: url(../images/li-bg1.jpg);
	background-position: right;
}

/*---------輪播廣告--------*/
#slides {
	position:relative;
	height:185px;}

.slides_container {
	width:680px;
	height:170px;
	display:none;
	border: 2px solid #CCCCCC;}

.slides_container div {
	width:680px;
	height:170px;
	display:block;
	color:white;}

.prev {
	position:absolute;
	top:203px;
	left:420px;
	width:13px;
	height:13px;
	display:block;
	z-index:101;
	background:url(../images/arrow-prev.png) center 0 no-repeat;
	border:1px solid blue;}

.next {
	position:absolute;
	top:203px;
	left:435px;
	width:13px;
	height:13px;
	display:block;
	z-index:101;
	background:url(../images/arrow-next.png) center 0 no-repeat;
	border:1px solid blue;}

.next:hover, .prev:hover {
	background-position:center -13px;}

.pagination {
	position:absolute;
	width:70px;
	text-align:center;
	left:326px;
	top:180px;
	z-index:90;}

.pagination li {
	float:left;
	display:inline-block;
	margin-left:5px;}

.pagination li a {
	display:block;
	width:11px;
	height:11px;
	/*padding-top:12px;*/
	text-indent:-99px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	/*float:left;*/
	overflow:hidden;}

.pagination li.current a {
	background-position:0 -11px;}

/*-------------- 右大區塊 --------------*/
#CONTAINER {
	float: left;
	margin-left: 10px;
}
/*--------------- 大廣告 ---------------*/
#BANNER {  /*未改輪播時的ID*/
	width: 680px;
	height: 170px;
	border: 2px solid #CCCCCC;
}
/*---------------- 門市資訊外框 ----------------*/
#INFO {
	width: 680px;
	margin: 0 auto;
	margin-top: 15px;
}
#INFO .BRAND {
	margin-bottom: 5px;
}
/*#BRAND_1,#BRAND_2,#BRAND_3,#BRAND_4{ margin-bottom:5px;}*/

.NOTICE {
	width:680px;
	height:50px;
	background:url(../images/notice.gif) no-repeat;}

.AREA {
	width: 680px;
	height: 40px;
	background-image: url(../images/area-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
.AREAID {
	width: 110px;
	height: 38px;
	float:left;
	font-size: 16px;
	color: #810026;
	font-weight: bold;
	line-height: 38px;
	text-indent: 20px;
	letter-spacing: 1px;
	background-image: url(../images/area-bg.jpg);
}
/*---------------- 門市資訊標題 ----------------*/
.SERVICE {   /*服務項目、營業時間的區塊*/
	float: right;
	width: 520px;
	font-family:Verdana, Geneva, sans-serif;
	color: #ff006a;
	font-size:10px;
	letter-spacing:0.1em;
	line-height: 40px;
	}


.HILIGHT {
	/*color: #CC0000;*/
	font-weight:bold;
	}
	
#INFO .open {
	background-image: url(../images/info-title-bg.gif);
	background-position: bottom;
	}
#INFO .LOGO {
	float: left;
	width: 192px;
	height: 65px;
	text-align: center;/*border:1px solid red;*/
}
#logosonet {
	background: url(../images/logo-sonet.gif) center center no-repeat;
}
#logosinya {
	background: url(../images/logo-sinya.gif) center center no-repeat;
}
#logophs {
	background: url(../images/logo-phs.gif) center center no-repeat;
}
#logo100 {
	background: url(../images/logo-100.gif) center center no-repeat;
}
#logoagency {
	background: url(../images/logo-agency.gif) center center no-repeat;
}
#test {
	border: 1px solid red;
}
#INFO .INFOTITLE img {
	border: 1px solid red;
	vertical-align: middle;
}
.BOLD {
	color: #CC0000;
	/*text-decoration:underline;*/
	font-weight: bold;
}
#INFO .INFOTITLE .SERVICE h3 {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 42px;
}
.yellow {
	color: #FFCC00;
}
/*---------------- 門市資訊表格 ----------------*/
#INFO .BOX {
	clear: both;
	width: 680px;
}
#INFO .BOX table {
	color: #333;
	font-size: 13px;
}
#INFO td.LEFT {
	text-align: left;
	color: #990000;
	padding-left: 15px;
}
#INFO td.LEFT2 {
	text-align: left;
	padding-left: 24px;
}
#INFO td.ADD {
	text-align: left;
	padding-left: 20px;
}
#INFO tr.tablebg {
	/*font-size: 14px;*/
	font-weight: bold;
	color: #810026;
	line-height: 25px;
	text-align: center;
	/*background: url(../images/table-title-bg.jpg) repeat-x;*/
}

#INFO tr.tablebg td {
	border-bottom:2px solid #ffbcd1;
	border-right:5px solid #fff;
	/*background:#ffe3e3;*/}

#INFO td {
	text-align: center;
}
#INFO .desh {
	width: 98%;
	margin: 0 auto;
	height: 5px;
	clear: both;
	background: url(../images/dotted1.gif) bottom repeat-x;
}

/*.BOX{ display:none;}*/
/*#BOX_1,#BOX_2, #BOX_3, #BOX_4{ display:none;}*/

/*---------------- XX資訊 ----------------*/

table{
    width:initial;
}