@charset "UTF-8";

/*
 Program: Everywhere Net Cenetr
 URL:    www.everywhere.com.tw
 E-Mail: everywhere@everywhere.com.tw
 Date:   Jun 2007
---------------------------------------------------- */


/* 鵲c
---------------------------------------------------- */
html, body, h1, h2, h3, h4, h5{
    margin: 0;
    padding: 0;
}

body {
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	background-color:#d2dadc;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
	clear: both;
	height: 100%;
	width: 780px;
	margin:0;
	padding:0;
	text-align: left;
}

html>body #wrapper {
	height: auto;
}




/* 
---------------------------------------------------- */
#indexbody {
    width:100%;
	margin:0;
	padding:2px 0 0 0;
	background-image:url(../_ind_img/bground.gif);
	background-repeat:repeat-x;
}

#indexflash {
    width:780px;
	height:418px;
	margin:0;
	padding:0;
	float:center;
}

#message {
	width:300PX;
	height:150px;
	border: 1px solid #7298a1;
	color:#333333;
	background-color:#e9f7fa;
}

#message #content{
	margin:5px;
	padding:0;
}

#message h1{
	color:#000000;
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px 0;
}

#indexfooter {
	width:100%;
	height:80px;
	margin:0;
	padding:10px 0 0 0;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #888888;
	color:#464646;
	font-size:11px;
	background-color:#e7ebec;
	clear:both;
}

#indexfooter b {
    margin:0 0 0 20px;
	padding:0;
}

#indexfooter p {
    margin:0 0 0 20px;
	padding:0;
}

#indexfooter a {
    margin:0;
	padding:0;
	color:#464646;
	text-decoration:none;
}

#indexfooter a:hover {
    margin:0;
	padding:0;
	color:#000000;
	text-decoration:none;
}




/* 
---------------------------------------------------- */
#top_line {
    width:780px;
	height:2px;
	margin:0;
	padding:0;
	background-color:#5c949c;
}

#flash {
    width:780px;
	height:138px;
	margin:0;
	padding:0;
	background-image:url(../_images/flash.jpg);
	background-repeat:no-repeat;
}

#flash h1 a{
    width:140px;
	height:138px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	display:block;
	background-image:url(../_images/logo.gif);
	background-repeat:no-repeat;
}

#flash #topnav {
    width:122px;
	height:18px;
	margin:5px 10px 0 0;
	padding:0;
	float:right;
}

#flash #topnav h2 a {
    float:right;
	margin:0;
	padding:0;
	width:61px;
	height:18px;
	text-indent:-9999px;
	display:block;
	background-image:url(../_images/topnav_cht.gif);
	background-repeat:no-repeat;
}

#flash #topnav h2 a:hover {
    float:right;
	margin:0;
	padding:0;
	width:61px;
	height:18px;
	text-indent:-9999px;
	display:block;
	background-image:url(../_images/topnav_cht_01.gif);
	background-repeat:no-repeat;
}

#flash #topnav h3 a {
    float:right;
	margin:0;
	padding:0;
	width:61px;
	height:18px;
	text-indent:-9999px;
	display:block;
	background-image:url(../_images/topnav_eng.gif);
	background-repeat:no-repeat;
}

#flash #topnav h3 a:hover {
    float:right;
	margin:0;
	padding:0;
	width:61px;
	height:18px;
	text-indent:-9999px;
	display:block;
	background-image:url(../_images/topnav_eng_01.gif);
	background-repeat:no-repeat;
}

#mainnav {
	width:780px;
	height:26px;
	margin:0;
	padding:0;
	text-align:right;
	background-image:url(../_images/bg_mainnav.gif);
	background-repeat:repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

#mainnav ul {
    list-style:none;
	margin:0 5px 0 0;
	padding:0;
	line-height:26px;
}

#mainnav li {
    display:inline;
	margin:0 20px 0 0;
	padding:0;
}

#mainnav li a {
    color:#000000;
	text-decoration:none;
}

#mainnav li a:hover {
    color:#237f8a;
}

#container {
    width:780px;
	height:auto;
	margin:0;
	padding:0;
	background-image:url(../_images/bg_content.gif);
	background-repeat:repeat-y;
	clear:both;
	overflow:hidden;
}

#container #sidebar {
	width:200px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

#container #sidebar #member {
	width:200px;
	height:115px;
	margin:0;
	padding:0;
}

#container #sidebar #member #title {
    width:200px;
	height:29px;
	margin:0;
	padding:0;
	background-image:url(../_images/left_title_member.gif);
	background-repeat:no-repeat;
}

#container #sidebar #member #text {
    width:185px;
	height:48px;
	margin:8px auto 3px auto;
	*margin:8px auto 0 auto;
	padding:0;
}

#container #sidebar #member #text #left {
    width:125px;
	height:48px;
	margin:0;
	padding:0;
	float:left;
}

#container #sidebar #member #text #left img {
	margin:0;
	padding:0;
	float:left;
}

#container #sidebar #member #text #left h1 {
    width:127px;
	height:20px;
	margin:0 0 8px 0;
	*margin:0 0 5px 0;
	padding:0;
}

#container #sidebar #member #text #left h2 {
    width:127px;
	height:20px;
	margin:0;
	padding:0;
}

#container #sidebar #member #text #left h1 input, #container #sidebar #member #text #left h2 input{
    height:18px;
	width:90px;
	margin:0;
	padding:0;
	border:1px solid #bfdbdf;
}

#container #sidebar #member #text #right {
    width:52px;
	height:48px;
	margin:0;
	padding:0;
	float:right;
}

#container #sidebar #member #text #right h1 a{
    width:52px;
	height:48px;
	text-indent:-9999px;
	display:block;
	margin:0;
	padding:0;
	background-image:url(../_images/button_login.gif);
	background-repeat:no-repeat;
}

#container #sidebar #member #button {
    width:200px;
	height:18px;
	margin:0;
	padding:0;
	text-align:right;
}

#container #sidebar #member #button a {
    margin:0 15px 0 0;
	padding:0;
	color:#666666; 
}

#container #sidebar #member #button a:hover {
	color:#000000; 
}







#container #sidebar #member_logout {
	width:200px;
	height:80px;
	margin:0;
	padding:0;
	clear:both;
}

#container #sidebar #member_logout #title {
    width:200px;
	height:29px;
	margin:0;
	padding:0;
	background-image:url(../_images/left_title_member_logout.gif);
	background-repeat:no-repeat;
}

#container #sidebar #member_logout #text {
    width:180px;
	height:auto;
	margin:3px auto;
	padding:0;
}

#container #sidebar #member_logout #text #button {
    width:200px;
	height:18px;
	margin:0;
	padding:0;
}

#container #sidebar #member_logout #text #button a {
    margin:0 15px 0 0!important;
	padding:0;
	color:#666666; 
}

#container #sidebar #member_logout #text a:hover {
	color:#000000; 
}







#container #sidebar #menu {
	width:200px;
	height:auto;
	margin:0;
	padding:0;
}

#container #sidebar #menu #title {
    width:200px;
	height:29px;
	margin:0;
	padding:0;
	background-image:url(../_images/left_title_show.gif);
	background-repeat:no-repeat;
}

#container #sidebar #menu ul{
    list-style:none;
	margin:0 0 10px 0;
	padding:0;
}

#container #sidebar #menu li{
	margin:0;
	padding:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight:bold;
	color:#1d6983;
	width:200px;
}

#container #sidebar #menu li a{
    color:#1d6983;
	text-decoration:none;
	margin:0 0 0 15px;
	padding:0;
	line-height:22px;
}

#container #sidebar #menu li a:hover{
    color:#000000;
	text-decoration:none;
}

#container #sidebar #menu li.menu2 {
    color:#666666;
	text-decoration:none;
	margin:0 0 0 18px;
	padding:0;
	font-weight:normal;
	border:0;
	width:170px;
}

#container #sidebar #menu li.menu2 a{
	color:#666666;
	text-decoration:none;
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:16px;
	word-spacing: -2px;
}

#container #sidebar #menu li.menu2 a:hover{
    color:#000000;
}

#container #sidebar #menu li.menu2 img {
    margin:0;
	padding:0;
	border:0;
}

#container #sidebar #ad {
    width:200px;
	height:auto;
	margin:0 0 30px 0;
	padding:0;
}

#container #sidebar #ad img {
    margin:0 0 5px 3px;
	padding:0;
	border:0;
}

#container #content {
	width:580px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}

#container #content #text {
	width:560px;
	height:auto;
	margin:0 auto;
	padding:0;
}

#container #content #text h5 {
	margin:5px 0 10px 5px;
	padding:0;
	color:#999999;
	font-size:11px;
	font-weight:normal;
}

#container #content #text h5 a {
	color:#999999;
	text-decoration:none;
}

#container #content #text h5 a:hover {
	text-decoration:underline;
}

#container #content #text #centerad{
    width:560px;
	height:130px;
	margin:5px 0 15px 0;
	padding:0;
}

#container #content #text #company{
    width:560px;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	color:#333333;
	text-align:left;
}

#container #content #text #company h1 {
    width:210px;
	height:20px;
	margin:0 0 10px 0;
	padding:0;
	text-indent:-9999px;
	display:block;
	background-image:url(../_images/title_company.gif);
	background-repeat:no-repeat;
}

#container #content #text #product{
    width:550px;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	color:#417f88;
	text-align:left;
}

#container #content #text #product h1 {
    width:210px;
	height:20px;
	margin:0 0 10px 0;
	padding:0;
}

#container #content #text #product #pic {
    width:105px;
	height:200px;
	margin:0 40px 0 0;
	padding:0;
	text-align:center;
	float:left;
}

#container #content #text #product #pic_02 {
    width:105px;
	height:200px;
	margin:0;
	padding:0;
	text-align:center;
	float:left;
}

#container #content #text #product #pic img, #container #content #text #product #pic_02 img{
    margin:0;
	padding:0;
	border:1px solid #999999;
}

#container #content #text #product #pic h2, #container #content #text #product #pic_02 h2{
    font-size:12px;
	font-weight:normal;
	margin:3px 0;
	padding:0;
}

#container #content #text #product #pic h2 a,#container #content #text #product #pic_02 h2 a {
    color:#0066cc;
}

#container #content #text #product #pic h2 a:hover,#container #content #text #product #pic_02 h2 a:hover {
    text-decoration:none;
}

#container #content #text #word{
    width:560px;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	color:#333333;
	text-align:left;
}

#container #content #text #word h1 {
    width:210px;
	height:20px;
	margin:0 0 10px 0;
	padding:0;
}

#container #content #text #word h2 {
	margin:0 0 10px 0;
	padding:0;
	color:#0066cc;
	font-size:18px;
}

#container #content #text #word h3 {
	margin:0 0 10px 0;
	padding:0;
	color:#0066cc;
	font-size:12px;
}

#container #content #text #word h4 {
	margin:0 0 10px 0;
	padding:0;
	color:#cc0000;
	font-size:12px;
}

#container #content #text #word p {
	margin:12px 0;
	padding:0;
}

#container #content #text #word #under {
	margin:20px 0;
	padding:0;
	color:#0099cc;
	text-align:right;
	width:560px;
	height:18px;
	clear:both;
}

#container #content #text #word #under h5 {
	margin:0;
	padding:0;
	font-size:12px;
	float:right;
	font-weight:bold;
}

#container #content #text #word #under h5 a {
	margin:0;
	padding:0;
	color:#0099cc;
	text-decoration:none;
}

#container #content #text #word #under h5 a:hover {
	text-decoration:underline;
}

#container #content #text #word #button {
	margin:12px 0;
	padding:0;
	width:560px;
	height:20px;
	text-align:center;
}

#container #content #text #word #button input{
	margin:0 20px;
	padding:0;
	width:80px;
	height:18px;
	background-color:#333333;
	color:#ffffff;
	font-size:12px;
}

#container #content #text #word #table {
	margin:0;
	padding:0;
	width:560px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #d7e7ef;
	border-left-color: #d7e7ef;
}

#container #content #text #word #table th {
    margin:0;
	padding:3px;
	text-align:center;
}

#container #content #text #word #table td {
	margin:0;
	padding:3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #d7e7ef;
	border-bottom-color: #d7e7ef;
}

#container #content #text #word #table td input{
	margin:0;
	padding:0;
	border:1px solid #cccccc;
}

#container #content #text #word #table td textarea{
	margin:0;
	padding:0;
	border:1px solid #cccccc;
}

#container #content #text #word #table td p{
	margin:0;
	padding:0;
}

#container #content #text #word #news {
	margin:0 0 20px 0;
	padding:0;
	width:100%;
	height:auto;
}

#container #content #text #word #news ul {
    list-style:none;
	margin:0;
	padding:0;
}

#container #content #text #word #news li {
	margin:5px 0;
	padding:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#container #content #text #word #news li b{
    margin:0 10px 0 0;
	padding:0;
	color:#cc0000;
	font-weight:normal;
}

#container #content #text #word #news li a{
    margin:0;
	padding:0;
	color:#0099cc;
	text-decoration:none;
}

#container #content #text #word #news li a:hover{
	color:#0066cc;
}

#container #content #text #word #c_member {
	width:560px;
	height:120px;
	margin:0;
	padding:0;
	
}

#container #content #text #word #c_member #text {
    width:270px;
	height:100px;
	margin:10px auto;
	padding:0;
	text-align:left;
}

#container #content #text #word #c_member #text #left {
    width:190px;
	height:48px;
	margin:0;
	padding:0;
	float:left;
}

#container #content #text #word #c_member #text #left img {
	margin:0;
	padding:0;
	float:left;
}

#container #content #text #word #c_member #text #left h1 {
	margin:0 0 8px 0;
	*margin:0 0 5px 0;
	padding:0;
}

#container #content #text #word #c_member #text #left h2 {
	margin:0;
	padding:0;
}

#container #content #text #word #c_member #text #left h1 input, #container #content #text #word #c_member #text #left h2 input{
    height:18px;
	width:155px;
	margin:0;
	padding:0;
	border:1px solid #bfdbdf;
}

#container #content #text #word #c_member #text #right {
    width:60px;
	height:48px;
	margin:0;
	padding:0;
	float:right;
}

#container #content #text #word #c_member #text #right h3 a{
    width:52px;
	height:48px;
	text-indent:-9999px;
	display:block;
	margin:0;
	padding:0;
	background-image:url(../_images/button_login.gif);
	background-repeat:no-repeat;
}

#container #content #text #word #c_member #text #button {
    width:270px;
	height:18px;
	margin:5px 0 0 0;
	padding:0;
	text-align:right!important;
}

#container #content #text #word #c_member #text #button a {
    margin:0 10px 0 0;
	padding:0;
	color:#666666; 
}

#container #content #text #word #c_member #text #button a:hover {
	color:#000000; 
}

#container #content #text #word #f_member {
	width:560px;
	height:120px;
	margin:0;
	padding:0;
	
}

#container #content #text #word #f_member #text {
	width:310px;
	height:100px;
	margin:30px auto;
	padding:0;
	text-align:left;
}

#container #content #text #word #f_member #text img {
	margin:0;
	padding:0;
	float:left;
	border:0;
}

#container #content #text #word #f_member #text input {
	height:18px;
	width:170px;
	margin:0;
	padding:0;
	border:1px solid #bfdbdf;
	float:left;
}


#container #content #text #product_01{
    width:560px;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	color:#333333;
	text-align:left;
}

#container #content #text #product_01 h1 {
    width:210px;
	height:20px;
	margin:0 0 10px 0;
	padding:0;
	border:0;
}

#container #content #text #product_01 h2 {
	margin:0 0 10px 0;
	padding:0;
	color:#0066cc;
	font-size:18px;
}

#container #content #text #product_01 #under {
	margin:20px 0;
	padding:0;
	color:#0099cc;
	text-align:right;
	width:560px;
	height:18px;
	clear:both;
}

#container #content #text #product_01 #under h1 {
	margin:0;
	padding:0;
	font-size:12px;
	float:right;
}

#container #content #text #product_01 #under h1 a {
	margin:0;
	padding:0;
	color:#0099cc;
	text-decoration:none;
}

#container #content #text #product_01 #under h1 a:hover {
	text-decoration:underline;
}

#container #content #text #product_01 #left {
    width:255px;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
	float:left;
}

#container #content #text #product_01 #left input {
    width:80px;
	height:18px;
	margin:5px 3px;
	padding:1px;
	font-size:12px;
	background-color:#333333;
	color:#ffffff;
}

#container #content #text #product_01 #left img {
	margin:10px 0 0 0;
	padding:0;
	border:1px solid #999999;
}

#container #content #text #product_01 #left a img {
	margin:10px 5px 0 5px;
	padding:0;
	border:0;
}

#container #content #text #product_01 #right{
    width:290px;
	height:auto;
	margin:0;
	padding:0;
	color:#333333;
	float:right;
	font-size:11px;
}

#container #content #text #product_01 #right h1 {
	margin:0;
	padding:0;
	color:#0066cc;
	font-size:12px;
}

#container #content #text #product_01 #right ul {
    list-style:none;
	margin:0;
	padding:0;
}

#container #content #text #product_01 #right li {
	margin:0 0 3px 0;
	padding:0;
}

#footer {
	width:780px;
	height:80px;
	margin:0;
	padding:10px 0 0 0;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #888888;
	color:#464646;
	font-size:11px;
	background-color:#e7ebec;
	clear:both;
}

#footer b {
    margin:0 0 0 20px;
	padding:0;
}

#footer p {
    margin:0 0 0 20px;
	padding:0;
}

#footer a {
    margin:0;
	padding:0;
	color:#0066cc;
	text-decoration:none;
}

#footer a:hover {
    margin:0;
	padding:0;
	color:#000000;
	text-decoration:none;
}



/* r˦
---------------------------------------------------- */
.word_red {
    font-size:12px;
	color:#cc0000;
	font-weight:normal;
}
