/* CSS Document */
@import url("reset.css");
body{
   margin:0;
   padding:0;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#333;
   text-align:left;
   -webkit-text-size-adjust:none;}


/*Page BG Setup****************/
.bg-idx {
	background:#c85d00 url(../images/idx_bg.jpg) no-repeat top center ;
	background-attachment: fixed;}

.bg-news {
	background:#ecdcc5 url(../images/news_bg.jpg) no-repeat top center;
	background-attachment: fixed;}

.bg-aboutus {
	background:#f1e402 url(../images/aboutus_bg.jpg) no-repeat top center;
	background-attachment: fixed;}

.bg-contactus
{
    background: #f0f0f0 url(../images/contactus_bg.jpg) no-repeat top center;
    background-attachment: fixed;
}

.bg-buiness {
	background:#ededed url(../images/business_bg.jpg) no-repeat top center;
	background-attachment: fixed;}


/*index************************/
.main-idx {
	width:990px;
	margin:0 auto;
	overflow:hidden;}

.idx-logo {
	width:750px;
	margin:215px 0 0 135px;}

.idx-footer {
	font-family:Arial;
	font-size:13px;
	color:#a2a09f;
	text-align:right;
	padding:5px 0 0 0;}

.idx-menu {
	font-size:21px;
	font-family: Verdana;
	color:#898989;
	margin:35px 0 0 63px;}

.idx-menu ul {}

.idx-menu ul li {
	float:left;	}

.idx-menu ul li.idx-line{
	width:1px;
	height:18px;
	font-size:1px;
	background:#d5d5d5;
	margin:3px 35px 0 35px;}

.idx-menu ul li a:link, .idx-menu ul li a:visited  {
	color:#898989;
	text-decoration:none;}

.idx-menu ul li a:hover, .idx-menu ul li a:active  {
	color:#3488c9;
	text-decoration:none;}
/*****************************/


.all{
   	width:100%; 
	margin:0 auto;}

.header {
	width:100%;
	/*margin:0 auto;*/
	position:fixed;
	top:0px;
	z-index:99;
	background:url(../images/menu.jpg) repeat-x top;}

.menu {
	width:990px;
	margin:0 auto;
	padding:8px 0 10px 0;
	*padding:8px 0 2px 0;
	color:#fff;
	font-size:17px;}

.menu a:link, .menu a:visited {
	color:#bde49a;
	text-decoration:none;}

.menu a:hover {
	color:#fff;
	text-decoration:none;}

.menu a:active {
    background-image:url(../images/menu_in.png);
	text-decoration:none;}

.menu .area-1 {
	float:left;
	margin:0 0 0 55px;
	*display:inline;}

.menu .area-2 {
	float:right;
	margin:0 38px 0 0;
	width:570px;
	*display:inline;}

.menu ul {
	list-style-type:none;
	margin:0; 
	padding:0;}

.menu ul li {
	list-style-type:none;
	margin:0; 
	padding:0 28px 0 28px;
	float:left;
	text-align:center;
	position:relative;}

.menu ul li.line {
	margin:3px 0 0 0;
	padding:0;
	background:url(../images/menu_line.png) no-repeat;
	width:1px;
	height:14px;
	font-size:1px;}

.menu ul li .sp {
	position:absolute;
	top:25px;
	*top:27px;
	left:45%;
	z-index:100;
	*z-index:100;}

.logo{
	/*margin:20px 0 0 55px;
	*margin:0px 0 0 25px;*/
	margin:55px 0 0 55px;
	*margin:20px 0 0 25px;
	position:fixed;
	float:left;}

*+html body .logo{ 
    margin:55px 0 0 55px;}


.main-all{
   	width:100%; 
	/*margin:0 auto;*/
	}

.mainframe {
	width:990px;
	margin:0 auto;
	padding:0;  
	position:relative;}

.area-box {
	float:right;
	width:659px;
	position:relative;
	margin:35px 0 0 0;
	/*margin:35px 0 0 0;*/
	*margin:0 0 0 0;}

/*Business Area Use*/
.area-box2 {
	float:right;
	width:809px;
	position:relative;
	/*margin:50px 0 0 180px;*/
	margin:85px 0 0 180px;
	*margin:-50px 0 0 90px;}

/*ie7*/
*:first-child+html .area-box2{
	margin:50px 0 0 180px;
	/*margin:85px 0 0 180px;*/}

.area-content-line {
	float:right;
	width:9px;
	vertical-align:top;}

/*Business Area Use*/
.area-content2-line {
	float:right;
	width:9px;
	vertical-align:top;
	padding:35px 0 0 0;}


.area-content{
	width:650px; 
	float:right;
	background:#fff;
	color:#333;
	font-size:15px;
	font-family:Arial;}

/*Business Area Use*/
.area-content2{
	width:800px; 
	float:right;
	color:#333;
	font-size:15px;
	font-family:Arial;}


/*Content-News*/
.content-news {
	padding:30px 40px 30px 40px;
	font-family:Arial;
	color:#333;}

.content-news .news-area{
	margin:0 0 20px 0;
	padding:0 0 25px 0;
	border-bottom:1px #eee solid;}

.content-news .news-area .date{
	background:url(../images/icon_news.png) no-repeat left center;
	font-size:11px;
	color:#999;
	padding:0 0 0 8px;
	margin:0 0 8px 0;}

.content-news .news-area h1 {
	color:#507dc5;
	font-weight:bold;
	margin:15px 0 5px 0;}

.content-news .news-area p {
	line-height:22px;}

.content-news .news-area a:link, .content-news .news-area a:visited{
	color:#333;
	text-decoration:underline;}

.content-news .news-area a:hover, .content-news .news-area a:active{
	color:#333;
	text-decoration:none;}

/**/
.content-news .news-area-show{
	margin:0 0 20px 0;
	padding:0 0 25px 0;}

.content-news .news-area-show .date{
	background:url(../images/icon_news.png) no-repeat left center;
	font-size:11px;
	color:#999;
	padding:0 0 0 8px;
	margin:0 0 8px 0;}

.content-news .news-area-show h1 {
	color:#507dc5;
	font-weight:bold;
	margin:15px 0 10px 0;}

.content-news .news-area-show p {
	line-height:22px;
	margin:0 0 15px 0;}





/*Content-About Us*/
.content-about {
	padding:30px 40px 30px 40px;
	font-family:Arial;
	color:#333;
	line-height:27px;}

.content-about p {
	font-weight:bold;
	color:#1679c5;
	margin:30px 0 0 0;}


/*Content-Business***************************************/
.content-business {
	padding:74px 0 0 0;
	font-family:Arial;
	color:#333;
	line-height:27px;}

.business-title {
	position:absolute;
	right:0;
	top:0;}

.menu-business{
	position:absolute;
	width:572px;
	right:0;
	top:40px;
	height:39px;
	background: url(../images/buiness_menu_bg.png) repeat-x top;
	font-family:Calibri;
	font-size:15px;}

.menu-business .menu-bb{
	float:left; 
	width:142px;
	height:35px;
	line-height:32px;
      border-right:1px solid #fff;
	font-weight:bold;
	color:#3488c9;
	text-align:center;}

.menu-business .menu-bb a:link, .menu-business .menu-bb a:visited{
	color:#3488c9;
	text-decoration:none;}

.menu-business .menu-bb a:hover, .menu-business .menu-bb a:active{
	color:#3488c9;
	text-decoration:underline;}

.menu-business .menu-bb p{
	background:url(../images/buiness_menu_in_bg2.png) no-repeat top center;
	color:#fff;
	border-right:0;	
	text-align:center;
	height:39px;}


.business-area{
	border-top:1px #f3f3f3 solid;
	background:#fff;
	padding:40px 40px 0 40px;}

.business-area .area-2{
	margin:0 0 30px 0;
	color:#333;
	line-height:22px;}

.business-area .area-2 h1{
	background:url(../images/business_h1.png) no-repeat left;	
	font-weight:bold;
	padding:0 0 0 18px;
	margin:12px 0 0 0;}

.business-area .area-2 p {
	color:#3488c9;
	font-weight:bold;
	margin:10px 0 0 0;}


/*Business - A **************/
.business-area .area-2 .b-box1 {
	width:37%;
	float:left;}

.business-area .area-2 .b-box2 {
	width:63%;
	float:left;
	padding:12px 0 0 0;}

table.tab-1 {
	width:100%;
	line-height:20px;
	margin:5px 0 0 0;}

table.tab-1 tr th{
	font-weight:bold;
	background:#f3f4ed;
	color:#3488c9;
	border-bottom:3px #fff solid;
	width:50%;
	text-align:center;
	padding:4px 0 4px 0;}
	
table.tab-1 tr td.show1{
	background:#ebf4fa;
	padding:10px 0 0 18px;
	line-height:24px;
	vertical-align:top;}

table.tab-1 tr td.show-all{
	border-left:2px #fff solid;
	border-bottom:1px #fff solid;
	text-align:center;
	vertical-align:middle;}

table.tab-1 tr td.show2{
	background:#fbfbf9;	}

table.tab-1 tr td.show3{
	background:#f9f9f7;}
	
table.tab-1 tr td.show4{
	background:#f8f8f5;}	

table.tab-1 tr td.show5{
	background:#f6f6f3;}

table.tab-1 tr td.show6{
	background:#f5f5f1;}

/*Business - B **************/
.pro-num-box {
	margin:10px 0 30px 0;
	width:720x;}

.pro-num-box ul{
	width:720x;
	overflow-x:hidden;}

.pro-num-box ul li{
	float:left;}

.pro-num-box ul li.num{
	text-align:left;
	padding-right:5px;
	padding-top:5px\9;
	width:15px;}

*:first-child+html .pro-num-box ul li.num{
	padding-top:2px;}

.pro-num-box ul li.desc {
	width:700px;
	line-height:24px;}



/*Content-Contact Us************************************/
.content-contact {
	padding:30px 60px 0px 60px;
	font-family:Arial;
	color:#333;}

.content-contact .title1 {
	border-left:6px #eaeaea solid;
	padding:0 0 0 10px;
	/*font-family:Calibri;*/
	line-height:20px;	}

.content-contact .title2 {
	border-left:6px #eaeaea solid;
	padding:0 0 0 13px;
	font-family:Calibri;
	font-weight:bold;
	font-size:15px;
	color:#3488c9;}

.content-contact .form1 {
	margin:30px 0 40px 0;
	font-size:13px;
	text-align:left;}

.content-contact .form1 .f-box1{
	float:left;	
	width:45%;
	padding:0 0 10px 0;
	position:relative;}

/*move use*/
.content-contact .form1 .f-box1 span{
	position:absolute;
	top:5px;
	left:5px;
	color:#3488c9;
	cursor:text; }

.content-contact .form1 .f-box2{
	float:left;	
	width:54%;
	padding:0 0 10px 0;
	position:relative;}

/*move use*/
.content-contact .form1 .f-box2 span{
	position:absolute;
	top:5px;
	left:5px;
	color:#3488c9;
	cursor:text; }

.content-contact .form1 .f-box3{
	padding:0 0 10px 0;
	position:relative;}

/*move use*/
.content-contact .form1 .f-box3 span{
	position:absolute;
	top:5px;
	left:5px;
	color:#3488c9;
	cursor:text; }

.content-contact .form1 .f-box4{
	padding:0 0 15px 0;}

.content-contact .form2 {
	background:#f5f5f1;
	padding:15px 0 15px 20px;
	color:#333;
	font-family:Calibri;
	position:relative;
	margin:10px 0 0 0;
	font-size:15px;
	line-height:18px;}

.content-contact .form2 h1 {
	font-weight:bold;
	color:#555;
	margin:0 0 20px 0;}

.content-contact .form2 h2 {
	position:absolute;
	top:15px;
	right:35px;
	width:80px;
	text-align:right;
	font-size:13px;
	color:#555;}

.content-contact .form2 h3 {
	position:absolute;
	top:21px;
	right:15px;
	width:15px;}

.content-contact .form2 p {
	list-style-type: none;
	background:url(../images/point-g.png) no-repeat left ;
	padding:0px 0 0px 12px;
	margin:15px 0 5px 0;
	color:#555;}

/********************************************************/

.page {
	color:#fff;
	font-size:11px;
	text-align:center;}

.page span {
	background:#507dc5;
	padding:3px;}

.page a:link, .page a:visited {
	color:#fff;
	text-decoration:underline;}

.page a:hover, .page a:active {
	color:#fff;
	text-decoration:none;}



/*Footer*/
.footer {
	padding:15px 0 15px 0;
	text-align:center;
	font-family:Arial;
	font-size:13px;}



/*General*/
.clear {
	clear:both;}
	
.m-left20{
	margin:0 0 0 20px;}

.f-bb {
	font-weight:bold;
	color:#1679c5;}

.f-dgray{
	color:#333;}/*about us footer color*/

.f-gray {
	color:#a3a3a3;}/*contact us footer color*/

.f-blue {
	color:#3488c9;}

.width1 {
	width:215px;}
	
.width2 {
	width:280px;}	
	
.width3 {
	width:519px;}	
	
.height1 {
	height:175px;}	

.button1 {
	border:0;
	background:#507dc5;
	color:#fff;
	text-align:center;
	padding:2px 25px 2px 25px;
	*padding:2px 15px 2px 15px;
	font-family:Arial;
	font-size:12px;}

/*move use*/
.input_txt       {
	text-indent:2px;
	border:0;
	border:1px #eaeaea solid;
	color:#3488c9;
	padding:2px;
	font-size:13px;
	font-family:Arial;} 
.input_txt:focus {border:solid 1px #eaeaea;} 


/* Text Label*/
.Basic_12Gray{    font-family: '微軟正黑體,Aria';font-size: 12px;line-height: 13pt;letter-spacing: 1px;color: #666666;}
.Basic_12GrayBold{    font-family: 微軟正黑體,Arial, Verdana, Helvetica, Sans-Serif;font-size: 12px;font-weight: bold;line-height: 13pt;letter-spacing: 1px;color: #666666;}
.Basic_14GrayBold {  font-family:'微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif';font-size:14px; font-weight: bold; line-height:15pt; letter-spacing: 1px; color: #666666 }
.Basic_14Gray {  font-family:'微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif';font-size:14px; line-height:15pt; letter-spacing: 1px; color: #666666 }
.text_14Gray {  font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size:14px;line-height: 13pt; color: #666666; background-color: #DCDCDC}
.text_14Red {  font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size:14px;line-height: 13pt; color: #FF0000;}
.text_14white {	 font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size:14px;line-height: 13pt; color:#666666;}
.text_14yellow {	 font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size:14px;line-height: 13pt; color:#666666; background-color: #FFFFCC}
.text_14pink {	 font-family: 微軟正黑體,Arial, Verdana, Helvetica, Sans-Serif;	font-size: 14px;line-height: 15pt;letter-spacing: 1px; color:#FF00CC;}
.text_red {	 font-family: 微軟正黑體,Arial, Verdana, Helvetica, Sans-Serif;	line-height: 15pt;letter-spacing: 1px; color:#FF0000;}
.text_14blue {	 font-family: 微軟正黑體,Arial, Verdana, Helvetica, Sans-Serif;	font-size: 14px;line-height: 15pt;letter-spacing: 1px; color:blue;}
.text_16yellow {	 font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size:16px;font-weight: bold;line-height: 17pt; color:#666666; background-color: #fff67f}
.lbl_Titlebold    {  font-family:微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif; font-size: 14px; line-height:15pt; letter-spacing: 1px; font-weight: bold; color:#666666;background-color:#F2F7FC ;}
.lbl_Redbold    {  font-family: '微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif'; font-size: 14px; line-height:15pt; letter-spacing: 1px; font-weight: bold; color: Red}
.lbl_Graybold {	font-family: 微軟正黑體,Arial, Verdana, Helvetica, Sans-Serif;	font-size: 14px;line-height: 15pt;letter-spacing: 1px;font-weight: bold; color: #666666;text-align: left}
.lbl_Bluebold {	font-family: 微軟正黑體,Arial, Verdana, Helvetica, Sans-Serif;	font-size: 14px;line-height: 15pt;letter-spacing: 1px;color: blue;text-align: left;}
.text_Blue {	font-family: 微軟正黑體,Arial, Verdana, Helvetica, Sans-Serif;	color: blue;text-align: left;}
.ddl_14white {	 font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size:14px;line-height: 13pt; color:#666666;}
.ddl_14yellow {	 font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size:14px;line-height: 13pt; color:#666666; background-color: #FFFFCC}
.text_14BlueNoBorder{   border-style: none;font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size: 14px;line-height: 13pt;color: #666666;background-color: #99CCFF;}
.text_14GrayNoBorder{   border-style: none;font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size: 14px;line-height: 13pt;color: #666666;background-color: #CCCCCC;}
.text_14GrayNoBorder2{  border-style: none;font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size: 14px;line-height: 13pt;color: #666666;background-color: #EEEEEE;}
.text_14YellowNoBorder{   border-style: none;font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size: 14px;line-height: 13pt;color: #666666;background-color: #FFFF66;}
.text_14NoBorder{   border-style: none;font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size: 14px;line-height: 13pt;}


/**
* Grid view 
*/
.dgHeader_Graybold { font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size:14px;color:#666666; background-color:#CFF09E; }
.dgBody_12Gray  {	font-family: 微軟正黑體,Arial, Verdana, Helvetica, Sans-Serif;	font-size: 12px;line-height: 15pt;letter-spacing: 1px;color: #666666; background-color:#F2F7FC; border: 0.5px Solid #EEEEEE;}
.dgBody_12White  {	font-family: 微軟正黑體,Arial, Verdana, Helvetica, Sans-Serif;	font-size: 12px;line-height: 15pt;letter-spacing: 1px;color: #666666; }
.dgPage_11darked {  font-family:'微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif';font-size:11px; font-weight: bold; line-height:11pt; letter-spacing: 1px; color: #666666 }
.tbHeader_Graybold { font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size:14px;color:#666666; font-weight:bold; text-align:center; background-color:#CFF09E; border:0.5px Solid #EEEEEE; }
.dgHeader_Graybold2 { font-family: 微軟正黑體,Arial,Verdana,Helvetica,Sans-Serif;font-size:16px;color:#666666;font-weight:bold; background-color:#CFF09E; }
.dgFooter_12Gray  {	font-family: 微軟正黑體,Arial, Verdana, Helvetica, Sans-Serif;	font-size: 12px;line-height: 15pt;letter-spacing: 1px;color: #666666; }