@charset "utf-8";

/* supporting setting*/
img, div, li, ul, a{ behavior: url(../includes/pngfix/iepngfix.htc) }


.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

/* base /////////////////////////////////////////////////*/
html {
height:101%;
}

body { /* Internet Explorer */
	padding:30px;
	padding-top:25px;
	margin:auto;
	text-align: center;
	background:url(../../images/header/bg.jpg) no-repeat top center;
	background-color: #FFFFFF;
}


body /* Mozilla Firefox alignment */ {
	text-align: -moz-center;
}

.mainw{
width:1000px;
margin-left:auto;
margin-right:auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #656565;
}
/* base end/////////////////////////////////////////////////*/
/* a link ////////////////////////////////////////////*/
a:link, a:visited, a:active {
	color: #cf007f;
	text-decoration: none;
}

a:hover {
	color: #280018;
	text-decoration: none;
}


a.link_header:link, a.link_header:visited, a.link_header:active {
	color: #9a9a9a;
	text-decoration: none;
}
a.link_header:hover {
	color: #ed1c24;
	text-decoration: none;
}
a.link_footer:link, a.link_footer:visited, a.link_footer:active {
	color: #ffffff;
	text-decoration: none;
}
a.link_footer:hover {
	color: #c50082;
	text-decoration: none;
}
a.link_product:link, a.link_product:visited, a.link_product:active {
	color: #ed1c24;
	text-decoration: none;
}
a.link_product:hover {
	color: #8D0C12;
	text-decoration: none;
}

a.link_distributor:link ,a.link_distributor:visited, a.link_distributor:active {
	color: #999999;
	text-decoration: none;
}
a.link_distributor:hover {
	color: #280018;
	text-decoration: none;
}

/* a link end////////////////////////////////////////////*/

/* form ////////////////////////////////////////////*/
.field {
	text-align:left;
	padding-top:1px;
	padding-bottom:1px;
}
.contact_col {
	vertical-align:top;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
}
.fieldname {
	text-align:left;
	vertical-align:top;
	padding-top:2px;
}
.inputtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.inputtext_ch {
	font-family: "新細明體";
	font-size: 12px;
	color: #666600;
}
.contact_messagebox {
	width:98%;
	overflow:inherit;
}
.asterisk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
}
.asterisk2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009ac1;
}
/* form end////////////////////////////////////////////*/
/* header////////////////////////////////////////////*/
.searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border:solid 1px #CCCCCC;
	width:100px;
}
.advancesearch{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d422b;
}
.header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9a9a9a;
	padding-top:5px;
	padding-left:10px;
	border-left:1px solid #999999;
	text-transform:uppercase;
}


/* header end////////////////////////////////////////////*/
/* footer ///////////////////////////////////////////*/

.footer {
	background:url(../../images/footer/bg.jpg) center top no-repeat;
	height:160px;
	margin-left:auto;
	margin-right:auto;
}

.footer_content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7d7d7d;
}
.footer_nav {
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
}

.ss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #949494;
}

/* footer end////////////////////////////////////////////*/


/* inquiry ///////////////////////////////////////*/
.inq_bar {
	background-color:#ff0060;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-left:5px;
	padding-right:10px;
	text-align:left;
}
.inq_bar_left{
	background-color:#4f4f4f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffc9c9;
	padding-left:10px;
	padding-right:2px;
	
}
/* inquiry end///////////////////////////////////////*/
/* lang //////////////////////////////////////*/
.lang_hl{
	background:url(../../images/arrow_down.gif) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ed1c24;
	padding-top:5px;
	padding-right:10px;
	padding-left:10px;
}
.lang{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9a9a9a;
	padding-top:5px;
	padding-right:10px;
	padding-left:10px;
}

a.langlink:link, a.langlink:visited, a.langlink:active {
	text-decoration: none;
}
a.langlink:hover{
	text-decoration: none;
}
/* lang end//////////////////////////////////////*/


/* news ////////////////////////////////*/
.news_fieldtag{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8A5300;
	padding-right:5px;
	font-weight: bold;
}
.news_listdate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8A5300;
	padding:7px;
}
.news_list_even{
background-color:#ffffff;
}
.news_list_odd{
background-color:#FFFBE1;
}
.news_list_title, .news_list_link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
}
.news_list_link{
	text-align:right;
}
.news_list_link ul{
margin-bottom:0px; 
margin-top:0px;
padding-left:30px;
text-transform:uppercase;

}
.news_list_link li{
	padding-right:20px;
	padding-left:15px;
	display:inline-block;
	background:url(../../images/dotted2.gif) no-repeat left center;
}
.news_title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00679c;
	font-weight: bold;
}
a.newsa:link, a.newsa:visited, a.newsa:active {
	color: #666666;
	text-decoration: none;
}

a.newsa:hover {
	color: #000000;
	text-decoration: none;
}

.newstag{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00679c;
	padding-right:5px;
}
/* news style end////////////////////////////////*/

/* member /////////////////////////////////////////////////// */
.member_reg_tab{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	text-transform:uppercase;
	background-color:#EAEAEA;
}
/* member end///////////////////////////////////////////////////////// */

.border-bottomline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}

.search_break{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #15140F;
}


/* other ///////////*/

.about_tab{
padding-bottom:10px;
text-align:left;
vertical-align:top;
width:25%;
}
.about_tab div{
padding-right:25px;
}

.breakline{
	background:url(../../images/line.gif) bottom repeat-x ;
	padding-bottom:20px;
}

.remarktxt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #877200;
}
.breakline2{
	background:url(../../images/breakline.gif) no-repeat bottom ;
	padding-bottom:10px;
	padding-top:5px;
}
.breakline3{
border-bottom:1px dotted #8A005A;
	padding-bottom:10px;
	padding-top:5px;
}
.spec_field{
	font-family: "Century Gothic", Arial;
	font-size: 12px;
	color: #313131;
	font-weight:bold;
}

.feature_icon{
width:40px;
}
.feature_title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #969696;
	padding-bottom:5px;
}
.feature_des{
	padding-left:20px;
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #565656;
}
.sec_indicator{
	background:url(../../images/indicator.gif) no-repeat top left;
	height:20px;
}
.otherspan{
width:250px;
vertical-align:top;
padding-top:260px;
}

.quicklink_pan{
	background:url(../../images/quicklinkpan.jpg) no-repeat top center;
	text-align:center;
	vertical-align:top;
}

.faqlist ul{
margin:0px;
padding:0px;
}

.faqlist li{
vertical-align:top;
text-align:left;
width:350px;
display:inline-block;
padding-right:20px;
padding-bottom:5px;
padding-top:5px;
background:url(../../images/breakline.gif) no-repeat top left;

}

* html .faqlist li, * + html .faqlist li{
display:inline;
}

.faqlist a {
background:url(../../images/dotted.gif) no-repeat top left;
padding-left:20px;
display:inline-table;
}

.qno{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #cf007f;
	vertical-align:top;
	text-align:left;
	width:60px;
	padding-top:10px;
}

.border_dot_b{
border-bottom:1px dotted #CCCCCC;
padding-bottom:10px;
}

.qtitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #530033;
	vertical-align:top;
	text-align:left;
	padding-bottom:5px;
	padding-top:10px;
}

.backtop{
position:fixed;
text-align:right;
margin-right:100px;
}
.distributor_header{
	font-family: "Century Gothic", Arial;
	font-size: 16px;
	color: #aba100;
	width:300px;
}
.distributor_item_pad{
padding-bottom:3px;
}
.distributor_list ul{
list-style-type:none;
padding:0px;
margin:0px;
padding-left:20px;
}
.distributor_list li{
background:url(../../images/distributor/item_g.gif) no-repeat 0px 20px;;
padding:10px;
padding-left:20px;
padding-bottom:20px;
}
.distributor_region{
	font-family: "Century Gothic", Arial;
	font-size: 26px;
	color: #65003e
}
.distributor_adds{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #cf007f;
	padding-bottom:5px;
}
.distributor_company{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #007077;
	padding-bottom:5px;
}
.distributor_name{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00a0aa;
	padding-right:10px;
}
.register_header{
	font-family: "Century Gothic", Arial;
	font-size: 20px;
	color: #aba100;
	width:500px;
	padding-bottom:10px;
	padding-top:30px;
}
.register_subheader{
	font-family: "Century Gothic", Arial;
	font-size: 16px;
	color: #cd0480;
	width:500px;
}
.form_titlefield{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9B9B9B;
}

.contact_header{
	font-family: "Century Gothic", Arial;
	font-size: 26px;
	color: #aba100;
	width:200px;
	padding-bottom:10px;	
}
.contact_info{
padding:10px;
text-align:left;


}
.contact_info_title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #cf007f;
}
.contact_info_details{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3c3c3c;
}