﻿/* CSS Document */
*{ margin:0 auto; padding:0; border:0; }
img{ border:0; }
input{ border:1px solid #ccc; }
textarea{ border:1px solid #ccc; }
body {
	font-size: 12px;
	font-family:Arial, 新細明體, Helvetica, sans-serif;
	color:#000000;
	background-color: #A7A461;
}
a{ color:#8C6E26; }
a:hover{ color:#8C6E26; position:relative; top:1px; left:1px; }
/* Clear Fix */
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix
{
	display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */

.hui{ color:#8C6E26; }
.xing{ color:#ff6600; margin-right:3px; }

#head{ width:1004px; height:138px; background:#fff url(../images/top_bg.jpg) repeat-x; position:relative; }
#logo{ position:absolute; top:30px; left:30px; }
#lang{ position:absolute; top:10px; right:20px; }
#lang a{ float:left; margin:5px; text-align:center; width:80px; height:20px; line-height:20px; color:#fff; background-color:#847B37; }
#menu{ position:absolute; top:68px; right:0; }
#menu a{ float:left; display:block;margin:0 4px; }
#menu a:hover{ position:relative; top:0; left:0; }
#weather{ position:absolute; top:114px; width:100%; height:25px; line-height:25px; text-align:right; background-color:#DED89E; }
#count{ margin-top:20px; font-weight:bold; text-align:center; }
#location{ height:28px; line-height:28px; }

.main{ width:1004px; background:#fff url(../images/left_bg.jpg) repeat-y; }
.main .left{ float:left; width:293px; }
.main .right{ float:left; width:710px; }
.main .right h4{ color:#8C6E26; text-align:center; }
.main .right .content{ color:#000; margin:10px 10px; line-height:25px; text-align:justify; text-justify:inter-ideograph; }
.main .right .content p{ text-indent:2em; font-size:13px; color:#333; line-height:25px; margin:0px 0px; text-align:justify; text-justify:inter-ideograph; }
.main .right .subcontent{ color:#000; margin:10px 10px; line-height:25px; }
.main .right .subcontent p{ text-indent:2em; font-size:13px; color:#333; line-height:25px; margin:0px 0px; }

#leftmenu{ }
#leftmenu .title{ }
#leftmenu .list{ float:right; padding:20px 0; margin-right:10px; width:212px; background:url(../images/left_bg2.jpg) no-repeat -63px 1px; }
#leftmenu .list h3{ font-size:14px; color:#7D7608; border-bottom:1px solid #C6C1AD; }
#leftmenu .list ul{ list-style-type:none; }
#leftmenu .list ul li{ padding:5px; padding-left:15px; line-height:20px; overflow:visible; border-bottom:1px solid #fff; background:url(../images/ico_jia.gif) no-repeat 0 8px; }
#leftmenu img{ vertical-align:middle; }
#leftmenu a{ color:#000; text-decoration:none; }
#leftmenu a:hover{ color:#8C6E26; }

#link{ clear:both; width:1004px; background-color:#fff; }
#link table{ margin:8px auto; width:98%; text-align:center; border:1px solid #ccc; }
#link table td{ width:16%; }

#copyright{ clear:both; padding-bottom:20px; width:1004px; background-color:#fff; }
#copyright .left{ float:left; letter-spacing:1px; text-align:right; padding:0 5px; height:25px; line-height:25px; width:580px; background-color:#ccc; }
#copyright .left img{ margin-top:5px; vertical-align:middle; top:10px; }
#copyright .right{ color:#8D6E26; float:left; padding:0 5px; line-height:25px; margin-left:10px; width:360px; background-color:#DED89E; }
#copyright .right a{ float:left; width:110px; color:#8C6E26; text-decoration:none; }

#profile h4{ text-align:left; color:#8C6E26; font-size:12px; height:35px; line-height:35px; border-bottom:1px solid #ccc; }
#profile h4 span{ float:left; width:auto; height:24px; margin-right:10px; text-align:center; line-height:24px; background:url(../images/button_bg_02.gif); }
#profile h4 span a{ float:left; margin:auto 8px; }
#profile h4 span .left{ margin:0; width:3px; height:24px; background:url(../images/button_bg_01.gif); }
#profile h4 span .right{ margin:0; width:3px; height:24px; background:url(../images/button_bg_03.gif); }
#profile p{ margin-top:15px; line-height:25px; letter-spacing:0px; text-indent:2em; }

/*Contact Page*/
#contact{ color:#666666; padding:10px 0; }
#contact .submit{ width:118px; height:25px; background:url(../Images/submit.gif); border:0; }
#contact h3{ height:50px; font-size:16px; color:#8D6E26; font-weight:bold; border-bottom:1px solid #7F7F7F; }
#ct_form{ margin:20px 0 20px 20px; }
#ct_form p{ margin:10px; }
#ct_form table{ float:left; }
#ct_form table td{ line-height:30px; text-align:left; }
#ct_form .title{ text-align:right; }
#ct_tel{ margin-top:20px; }
#ct_tel p{ margin:20px 0 20px 20px; letter-spacing:1px; }
