@charset "utf-8";

#wrap {
	background:transparent url(../images/contact/wrap-bg.png) 9px 0 repeat-y
}

#header {
	margin-bottom:0;
	padding-bottom:12px
}

#header .guild {
	bottom:28px
}

#contactForm {
	width:694px;
	margin:13px auto 37px
}

#contactForm thead td {
	height:59px;
	padding-top:4px;
	background:transparent url(../images/contact/header-note-bg.png) 0 0 no-repeat;
	color:#397ebb;
	font-size:11px;
	line-height:20px;
	text-align:center;
	vertical-align:top
}

#contactForm tfoot td {
	padding:15px 144px 0 0;
	text-align:right
}

#contactForm tfoot li {
	display:inline
}

#contactForm tbody th,
#contactForm tbody td {
	line-height:2.4;
	padding-top:8px;
	vertical-align:top
}

#contactForm tbody th {
	width:248px;
	padding-right:8px;
	font-weight:normal;
	text-align:right
}

#contactForm input[type="text"],
#contactForm textarea {
	padding:4px;
	border:1px solid #397ebb;
	color:#1f94d8;
	font-size:1em
}

#contactForm input[type="text"] {
	margin-left:3px;
	padding-top:0;
	border-width:0 0 1px
}

#contactForm input[type="text"]:first-child {
	margin-left:0
}

#contactForm input[type="text"][size="24"] {
	width:280px
}

#contactForm input[type="text"][size="7"] {
	width:72px
}

#contactForm input[type="text"][size="5"] {
	width:56px
}

#contactForm input[type="text"][size="11"] {
	width:122px
}

#contactForm input[type="text"][size="20"] {
	width:242px
}

#contactForm input[type="text"].checknum {
	border:1px solid #397ebb;
	width:30px
}

#contactForm textarea {
	width:282px;
	height:74px
}

#contactForm select option {
	padding-right:60px;
	color:#000
}

#contactForm .required:before {
	color:#df0024;
	content:"* "
}

#contactForm .tel td {
	padding-bottom:24px
}

#contactForm .countryCode,
#contactForm .areaCode {
	position:absolute;
	margin-top:20px
}

#contactForm .countryCode {
	margin-left:4px
}

#contactForm .areaCode {
	margin-left:8px
}

/* local navigation */

#main .localNav {
	top:15px
}

.localNav li {
	float:left;
}

.localNav li.item1 {
	width:97px
}

.localNav li.item2 {
	width:120px
}

.localNav a {
	display:block;
	position:relative;
	overflow:hidden;
	height:29px
}

.localNav img {
	position:absolute;
}

.localNav li:hover img,
.localNav li.current img {
	top:-29px
}

.localNav li.item2 img {
	right:0;
}

/*-- location --*/

#main #contents .article {
	width:680px;
	margin:auto;
	padding-bottom:16px;
	color:#747474
}

#main #contents .article:first-child {
	padding-top:10px
}

#main #contents .article h3.title {
	margin-bottom:6px
}

#main #contents .article p,
#main #contents .article address {
	line-height:2
}

/* traffic location */

#trafficLocation address .title {
	font-weight:bolder
}

#trafficLocation address .tel + .tel {
	margin-left:14px
}

#trafficLocation a {
	color:#2278c3;
	text-decoration:underline
}

/* traffic information */

#trafficInfo p .note {
	color:#df742d
}

#trafficInfo p .note:before {
	content:"** "
}

#gmap {
	margin-top:6px
}

#gmap .section.item1 {
	float:right;
	width:211px
}

#gmap .section.item1 .nav {
	position:relative;
	height:102px;
	background:transparent url(../images/contact/mapNav-bg.png)
}

#gmap .section.item1 .nav a {
	display:block;
	position:absolute;
	text-indent:-999em
}

#gmap .section.item1 .nav .taiwan a {
	top:68px;
	left:68px;
	width:56px;
	height:14px
}

#gmap .section.item1 .nav .china a {
	top:43px;
	left:34px;
	width:35px;
	height:25px
}

#gmap .section.item1 .nav .usa a {
	top:36px;
	right:44px;
	width:31px;
	height:25px
}

#gmap .section.item1 dl.content {
	margin:3px 0 0 11px;
	background:#edf2fb;
	color:#707a82;
	text-transform:capitalize
}

#gmap .section.item1 dl.content dt,
#gmap .section.item1 dl.content dd {
	padding:8px
}

#gmap .section.item1 dl.content dt {
	background:#cdd8ed;
	color:#3784c4;
	font-weight:bolder
}

#gmap .section.item1 dl.content dd {
	border-top:1px solid #82aed2
}

#gmap .section.item1 dl.content dd .busStop {
	display:block;
	color:#3784c4;
	font-size:10px;
	text-transform:uppercase
}

#gmap .section.item2 {
	float:left;
	width:468px
}

/* company information */

#company-info {
	padding-bottom:38px;

	color:#767676
}

#company-info dt {
	height:24px;
	padding:10px 0 0 18px;
	border-top:1px dotted #787878;
	background:transparent url(../images/contact/gblue.png) 0 0 no-repeat;
}

#company-info dd {
	padding:0 0 10px 10px;
	font-size:11px;
	line-height:18px
}

#company-info dt:first-child {
	border:0;
}

#company-info a {
	color:#7d3907
}