@charset "utf-8";

/*------ about page & news page ------*/

.about-page #main,
.news-page #main {
	padding-top:30px
}

.about-page #main .article,
.news-page #main .article .description {
	width:796px;
	margin:auto;
	color:#808080;
	font-size:12px;
	line-height:1.666;
	text-align:justify;
	text-justify:inter-ideograph
}

.about-page #main .article p,
.news-page #main .article .description p {
	margin-top:26px
}

/*---- news page ----*/

.news-page #main .vevent {
	padding-top:24px
}

.news-page #main .vevent h3.title {
	position:static;
	width:781px;
	margin:auto;
	padding-left:10px;
	padding-bottom:12px;
	border-left:5px solid #185fab;
	font-size:1em
}

* html .news-page #main .vevent h3.title {
	margin-bottom:0
}

*+html .news-page #main .vevent h3.title {
	margin-bottom:0
}

.news-page #main .vevent .summary {
	color:#185fab;
	font-weight:bolder;
	font-size:1.5em
}

.news-page #main .vevent .dtstart {
	position:absolute;
	top:14px;
	left:152px;
	z-index:3;
	color:#fff;
	font-size:1.4em;
	font-family:Tahoma,verdana,arial
}

/*------ product page ----*/

.product-page #main h2.title img {
	margin-left:41px
}

.product-info {
	position:relative;
	overflow:hidden;
	width:579px;
	height:125px;
	margin-top:11px;
	padding:16px 16px 26px 26px;
	background:transparent url(../images/product/product-info-bg.png);
	color:#808080
}

.product-info .photo {
	float:right;
	margin:0 18px 0 40px;
}

.product-info .content h4 {
	color:#db0770;
	font-weight:bolder;
	font-size:1.4em;
	line-height:2
}

.product-info .content p {
	margin-top:20px;
	font-size:1.2em
}

.product-info .nav {
	position:absolute;
	left:7px;
	bottom:0
}

* html .product-info .nav {
	left:-5px
}

.product-info .nav li {
	float:left;
	height:12px;
	margin-left:9px;
	padding-left:11px;
	background:transparent url(../images/icon/blue-line.png) 0 0 repeat-y
}

.product-info .nav li:first-child {
	background:none
}

.product-info .nav a {
	display:block;
	height:12px;
	background:transparent url(../images/product/product-info-nav.png) 0 0 no-repeat;
	text-indent:-999em
}

.product-info .nav .item1 a {
	width:76px
}

.product-info .nav .item1 a:hover,
.product-info .nav .item1 a.selected {
	background-position:0 bottom
}

.product-info .nav .item2 a {
	width:55px;
	background-position:-76px 0
}

.product-info .nav .item2 a:hover,
.product-info .nav .item2 a.selected {
	background-position:-76px bottom
}

.product-info .nav .item3 a {
	width:89px;
	background-position:-131px 0
}

.product-info .nav .item3 a:hover,
.product-info .nav .item3 a.selected {
	background-position:-131px bottom
}

.product-info .nav .item4 a {
	width:25px;
	background-position:-220px 0
}

.product-info .nav .item4 a:hover,
.product-info .nav .item4 a.selected {
	background-position:-220px bottom
}

.product-info .nav .item5 a {
	width:33px;
	background-position:-245px 0
}

.product-info .nav .item5 a:hover,
.product-info .nav .item5 a.selected {
	background-position:-245px bottom
}

.product-page #main .article {
	width:621px
}

/*-- feature --*/

#goodFeature {
	margin-top:-2px;
	padding-top:2px;
	font-size:1.2em;
	line-height:1.666;
	text-align:justify;
	text-justify:inter-ideograph
}

#goodFeature p {
	margin:24px 4px 0
}

/*-- download --*/

.product-page #main .article.dl-box {
	width:571px;
	margin-top:14px;
	color:#808080
}

/*-- in the box --*/

#goodInbox .list {
	margin-left:-16px;
	padding-top:4px;
	color:#6e6e6e;
	font-size:1.2em
}

#goodInbox .list li {
	display:inline-block;
	width:192px;
	margin:10px 0 0 18px;
	text-align:center;
	vertical-align:top
}

*+html #goodInbox .list li {
	display:inline
}

#goodInbox .list .photo {
	display:block;
	margin-bottom:14px;
	border:1px solid #6e6e6e;
	border-top-color:#c6c6c6;
	border-left-color:#c6c6c6
}

/*-- faq --*/

#goodFaq {
	margin-top:14px
}

/*-- video --*/

#goodvideo {
	position:relative;
	width:621px;
	height:395px;
	margin-top:14px;
	background:transparent url(../images/product/video-bg.png)
}

#goodvideo .video {
	position:absolute;
	top:50%;
	left:50%;
	width:503px;
	margin-top:-180px;
	margin-left:-252px
}

/*------ support page ------*/

.support-page #main h2.title img {
	margin-left:45px;
}

/*---- download ----*/

.support-page #main .dl-list {
	padding-top:1px
}

*+html .support-page #main .dl-list {
	margin-top:11px
}

.support-page #main .dl-box {
	margin-top:13px
}

/*---- faq ----*/

.support-page #main .faq-box {
	margin-top:7px
}

/*------ contact us ------*/

.contact-page #main .company-info {
	position:absolute;
	top:0;
	right:73px;
	width:248px;
	padding-top:34px
}

.contact-page #main .company-info .article {
	margin-top:12px;
	padding-bottom:13px;
	background:transparent url(../images/contact/company-info-bottom.png) 0 bottom no-repeat;
	color:#737373;
	font-size:1.1em
}

.contact-page #main .company-info a {
	color:#f08200
}

.contact-page #main .company-info .article .fn {
	overflow:hidden;
	width:248px;
	height:15px;
	margin-left:0;
	background-color:transparent;
	text-indent:-999em
}

#gs-taiwan .fn {
	background-image:url(../images/contact/title-gs.png)
}

#gs-us .fn {
	background-image:url(../images/contact/title-us.png)
}

#gs-china .fn {
	background-image:url(../images/contact/title-gs-china.png)
}

.contact-page #main .company-info .article .section {
	padding:10px 10px 11px 16px;
	background:transparent url(../images/contact/company-info-bg.png) 0 0 repeat-y;
	line-height:1.818
}

.contact-page #main .company-info .article .adr,
.contact-page #main .company-info .article .email,
.contact-page #main .company-info .article .website,
#gs-china .tel {
	display:block
}

/*-- form box --*/

.contact-page #main .form-box {
	width:531px;
	margin-left:74px;
	padding:50px 0 30px;
	background:transparent url(../images/contact/note-bg.png) 0 50px no-repeat
}

.contact-page #main .form-box legend {
	display:none
}

.contact-page #main .form-box .note {
	margin:14px 0 0 34px;
	color:#787878;
	font-weight:bolder;
	font-size:1.2em;
	line-height:1.666
}

.contact-page #main .form-box .list {
	width:100%;
	margin-top:16px;
	border-collapse:separate;
	border-spacing:8px;
	font-size:1.2em
}

.contact-page #main .form-box .list tbody th {
	width:182px;
	font-weight:normal;
	text-align:right
}

.contact-page #main .form-box .list .multiple th {
	padding-top:6px;
	vertical-align:top
}

.contact-page #main .form-box .list tbody td {
	color:#d1a3a3
}

.contact-page #main .form-box .list tbody input,
.contact-page #main .form-box .list tbody textarea {
	color:#808080;
}

.contact-page #main .form-box .list input[type="text"] {
	width:280px;
	margin-right:2px;
	padding:0 4px;
	border:0;
	border-bottom:1px solid #d1a3a3;
}

.contact-page #main .form-box .list .country-code + input[type="text"] {
	width:74px
}

.contact-page #main .form-box .list .area-code + input[type="text"] {
	width:56px
}

.contact-page #main .form-box .list input[type="text"].tel-no {
	width:124px
}

.contact-page #main .form-box .list .others + input[type="text"] {
	width:230px
}

.contact-page #main .form-box .list input[type="text"].checknum {
	border:1px solid #336699;
	width:35px
}

.contact-page #main .form-box .list textarea {
	overflow-y:scroll;
	width:288px;
	height:72px;
	padding:5px;
	border:1px solid #369;
	font-size:1em
}

.contact-page #main .form-box .list .required {
	color:#e75700
}

.contact-page #main .form-box .list .country-code,
.contact-page #main .form-box .list .area-code {
	position:absolute;
	margin:28px 0 0 4px;
}

.contact-page #main .form-box .list .others {
	margin:0 0 0 7px
}

.contact-page #main .form-box .list .contact-tel th,
.contact-page #main .form-box .list .contact-tel td {
	padding-bottom:34px
}

.contact-page #main .form-box .list #relatedModel {
	display:block;
	margin-bottom:12px
}

.contact-page #main .form-box .list tfoot td {
	padding:8px 26px 0 0;
	text-align:right
}

.contact-page #main .form-box .list tfoot input {
	margin-right:6px
}