@charset "UTF-8";

/*
 Program: Everywhere Net Cenetr
 URL:    www.everywhere.com.tw
 E-Mail: service@everywhere.com.tw
 Date:   Oct 2007
---------------------------------------------------- */


/* 整體結構
---------------------------------------------------- */
*{
  margin: 0;
  padding: 0;
}

body {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	background: #eee;
}

#wrapper { 
  clear: both;
  height: auto;
  width: 780px;
  text-align: left;
}

html>body #wrapper {
	height: auto;
}

ul, li {
	list-style:none;
}


/*首頁
---------------------------------------------------- */
#indexbody {
    width:100%;
	height:auto;
	background: url(../_ind_img/bg.gif) repeat-x;
	color:#06c;
}

#indexheader {
    width:780px;
	height:95px;
	background:url(../_ind_img/bg_header.gif) no-repeat;
}

#indexcontent {
    width:780px;
	height:380px;
	background:url(../_ind_img/bg_content.gif) no-repeat;
	clear:both;
}

#mainnews {
    width:780px;
	height:80px;
	font-size:12px;
	line-height:80px;
}

#footer {
    width:100%;
	height:80px;
	background: url(../_ind_img/bg_footer.gif) repeat-x;
	clear:both;
}

#footer b {
	margin:0 0 0 22px;
	clear:both;
	font-size:11px;
	font-weight:normal;
	color:#999;
}


#footer #content {
    width:780px;
	height:80px;
}

#footer #content #left {
    float:left;
	width:500px;
}

#footer #content #left #add {
    width:500px;
	margin:10px 0 0 15px;
	color:#666;
	font-size:11px;
}


#footer #content #left #add b {
	margin:0 0 0 7px;
	font-weight:normal;
	color:#666;
}

#footer #content #left #add a {
	color:#666;
	text-decoration:none;
}

#footer #content #left #add a:hover {
	color:#0066cc;
}

#footer #content #right h1 a{
    width:180px;
	height:80px;
	text-indent:-9999px;
	display:block;
	background-image:url(../_ind_img/logo_footer.gif) no-repeat;
	float:right;
}

#mainnav { 
  width: 490px;
  height: 18px;
}

#mainnav li {
    display: inline;
	padding:0 7px;
	border-right: 1px solid #666;
}

#mainnav li.last {
  border-right: none;
}

#mainnav li a {
    color:#666;
	text-decoration:none;
}

#mainnav li a:hover {
    color:#333;
	text-decoration:none;
}
    
/*內頁
---------------------------------------------------- */
#pagebody {
    background-image:url(../_images/bg.gif);
	background-repeat:repeat-y;
}

#header {
    width:780px;
	height:96px;
	background:url(../_images/bg_header.gif);
}

#header h1 a{
    width:200px;
	height:96px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(../_images/logo.gif) no-repeat;
}

#header #right {
    width:480px;
	height:96px;
	float:right;
}

#header #right #nav {
    width:476px;
	height:77px;
	margin:18px 0 0 0;
}

#center {
    width:780px;
	height:119px;
}

#center #left {
    width:187px;
	height:auto;
	float:left;
}

#center #left #top {
    width:187px;
	height:86px;
	background:url(../_images/pic_sidebar_top.jpg) no-repeat;
}

#center #left #title {
    width:187px;
	height:33px;
}

#center #right {
    width:593px;
	height:119px;
	float:right;
	background:url(../_images/bg_flash.gif);
}

#center #right #flash {
    width:580px;
	height:100px;
	margin:6px auto 0 auto;
}

#container {
    width:780px;
	height:auto;
	background-image:url(../_images/bg_content.gif) repeat-y;
	overflow:hidden;
	clear:both;
}

#container #sidebar {
    float:left;
	width:178px;
	height:auto;
	background:#ececec;
}

#container #sidebar ul {
    margin:5px 0 10px 0;
	list-style:none;
}

#container #sidebar li {
	border-bottom-width: 1px solid #CCC;
	background:url(../_images/icon_arrow_02.gif) no-repeat;
	width:178px;
	height:22px;	
}

#container #sidebar li a {
    color:#06c;
	text-decoration:none;
	margin:0 0 0 29px;
	line-height:22px;
}

#container #sidebar li a:hover {
    color:#000000;
}

#container #sidebar img{
    margin:0 0 10px 5px;
}

#container #content {
    float:right;
	width:585px;
	height:auto;
	background:#fff;
}

#container #content #title {
    width:580px;
	height:32px;
	margin:0 0 5px 0;
}

#container #content #word {
    width:580px;
	height:auto;
	margin:0 0 50px 0;
}

#container #content #word p {
	margin:5px 0;
}

#container #content #word a {
	color:#09c;
	text-decoration:none;
}

#container #content #word a:hover {
	color:#000;
}

#container #content #word .orange {
	margin:5px 0;
	color:#ff9900;
	font-weight:bold;
	font-size:12px;
}

#container #content #word .crimson {
	margin:5px 0;
	color:#c00;
	font-weight:bold;
	font-size:12px;
}

#container #content #word .black {
	margin:5px 0;
	color:#000;
	font-weight:bold;
	font-size:12px;
}

#container #content #word #abouttable{
	width:775;
	height:auto;
}

#container #content #word #abouttable li {
    margin:3px 0;
}

#container #content #word #abouttable li b {
    margin:0 10px 0 0;
	font-weight:normal;
	color:#0cc;
}

#container #content #word_02 {
    width:580px;
	height:auto;
}

#container #content #word_02 img{
	margin:0 0 10px 10px;
	float:right;
}

#container #content #word_02 #pic_all {
    width:100%;
	height:210px;
	text-align:center;
	clear:both;
}

#container #content #word_02 #pic_all #pic {
    width:250px;
	margin:0 0 0 10px;
	float:left;
	text-align:center;
}


/*網頁設計
---------------------------------------------------- */
#container #content #word #designtable {
	width:150px;
	height:90px;
	margin:5px 60px 10px 0;
	padding:0 0 10px 0;
	float:left;
	border-bottom-width: 1px solid #CCC;
}

#container #content #word #designtable_02 {
	width:150px;
	height:90px;
	margin:5px 0 10px 0;
	padding:0 0 10px 0;
	float:left;
	border-bottom-width: 1px solid #CCC;
}

#container #content #word #designtable a img, #container #content #word #designtable_02 a img {
	padding:1px;
	border:2px solid #999;
}

#container #content #word #designtable a:hover img, #container #content #word #designtable_02 a:hover img {
	padding:1px;
	border:2px solid #09c;
}

#container #content #word #designtable a:hover, #container #content #word #designtable_02 a:hover{
	border-color: transparent;
}

/*線上詢價
---------------------------------------------------- */
#table_inquiry {
    margin:10px 0 10px 0;
	width:100%;
}

#table_inquiry th {
	padding:5px 3px;
	text-align:right;
	background:#333;
	color:#fff;
}

#table_inquiry td {
	padding:5px 3px;
	background:#F2F3DE;
}

#table_inquiry td input{
	font-size:12px;
	border: 1px;
	height:18px;
}

#table_inquiry td textarea{
	font-size:12px;
	border: 1px solid #CCC;
}

#table_inquiry_button {
    margin:10px auto;
	width:200px;
}

#table_inquiry_02 {
    margin:10px 0 10px 0;
	width:100%;
}

#table_inquiry_02 th {
	padding:5px 3px;
	text-align:center;
	background:#333;
	color:#fff;
}

#table_inquiry_02 td {
	padding:5px 3px;
	background:#e9ead9;
}

#table_inquiry_02 td input{
	font-size:12px;
	border: 1px;
	height:18px;
}

#table_inquiry_02 td textarea{
	font-size:12px;
	border: 1px solid #CCC;
}




/*會員專區
---------------------------------------------------- */
#table_member {
    margin:50px auto 150px auto;
	width:480px;
	height:50px;
}

#table_member p {
	width:430px;
	height:25px;
	text-indent:-9999px;
	display:block;
	background:url(../_images/pic_member.gif)no-repeat;
}

#table_member span img {
	float:left;
}

#table_member span input {
	float:left;
	border:1px solid #ccc;
	height:18px;
}


/* 常見問題
---------------------------------------------------- */
#table_question {
    color:#666;
	margin:0 0 30px 0;
	width:580px;
	height:auto;
}

#table_question li {
	margin:5px 0;
	height:18px;
}

#table_question h1{
	font-size:12px;
	font-weight:bold;
	color:#0085cc!important;
	text-align:left;
}

#table_question h2{
	font-size:12px;
	font-weight:normal;
	color:#c00!important;
}

#table_question li a{
	color:#09c;
	text-decoration:none;
}

#table_question li a:hover{
	color:#06c;
	text-decoration:none;
}

#table_question img{
	float:left!important;
	border:0;
}

#table_question_02 {
	color:#666666;
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	width:580px;
	height:auto;
	border-bottom-width: 1px solid #CCC;
}

#table_question_02 li {
	margin:5px 0 5px 0;
}

#table_question_02 li.top {
	margin:5px 0 0 0;
	text-align:right;
	float:right;
}

#table_question_02 p{
	margin:0 0 6px 0!important;
}

#table_question_02 .title{
	font-size:12px;
	font-weight:bold;
	color:#0085cc!important;
	text-align:left;
}

#table_question_02 h2{
	font-size:12px;
	font-weight:normal!important;
	color:#666!important;
	text-align:left;
}

#table_question_02 li a{
	color:#0099cc;
	text-decoration:none;
}

#table_question_02 li a:hover{
	color:#06c;
	text-decoration:none;
}

#table_question_02 img{
	float:left!important;
	border:0;
}


/*字型樣式
---------------------------------------------------- */
.word_white {
    color:#fff;
	font-weight:bold;
}

.word_red {
    color:#c00;
}

.word_orange {
    color:#f60;
	font-weight:bold;
}

.word_blue {
    color:#06c;
}