@charset "utf-8";
/* CSS Document */

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
        {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	color: #000;
           
        }
        body
        {
            line-height: 1;
        }
        ol, ul
        {
            list-style: none;
        }
        blockquote, q
        {
            quotes: none;
        }
        blockquote:before, blockquote:after, q:before, q:after
        {
            content: '';
            content: none;
        }
        
        /* remember to define focus styles! */
        :focus
        {
            outline: 0;
        }
        
        /* remember to highlight inserts somehow! */
        ins
        {
            text-decoration: none;
        }
        del
        {
            text-decoration: line-through;
        }
        
        /* tables still need 'cellspacing="0"' in the markup */
        table
        {
            border-collapse: collapse;
            border-spacing: 0;
        }
		

body{
	background-color:#f1f1f1;
}

#upA{
	background-image:url(../images/up1_bg.png);
	background-repeat:repeat-x;
}

#upA01{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:100px;	
}

#upA-logo{
	width:450px;
	height:76px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

#upA-phone{
	background-image:url(../images/up_phone.png);
	background-repeat:no-repeat;
	width:241px;
	height:43px;
	float:right;
	margin-top:40px;
}

#upB{
	background-image:url(../images/up2_bg.png);
	background-repeat:repeat-x;

}

#upB01{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:50px;	
}

#upB02{
	float:left;
	width:1000px;
	height:50px;
	margin-left:10px;
}

#upB02 ul{
}

#upB02 li{
	background-image:url(../images/up1_bg_li.png);
	background-repeat:no-repeat;
	background-position:100% 0;
	height:45px;
	list-style:none;
	display:block;
	float:left;
}

#upB02 li a{
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	width:auto;
	height:45px;
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-size:12px;
	font-weight:thin;
	line-height:20px;
	color:#f7d8d8;
	text-decoration:none;
	display:block;
}

#upB02 li a:hover{
	background-color: #003399;
	background-image: url(../images/up1_bg_li.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#upB02 li.Contrary a{
	background-color: #09C;
	background-image: url(../images/up1_bg_li.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#upB02 h1{
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

#upC{
	background-color: #ffffff;
}

#upC01{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 450px;
}

#upC02-pic{
	margin-top:10px;
	width:900px;
	height:450px;
	background-image:url(../images/up_pic2.png);
	background-repeat:no-repeat;
	float:left;
}

#upC03-Shadow{
	width:900px;
	height:50px;
	float:left;
	background-image:url(../images/up_pic_shadow.png);
	background-repeat:no-repeat;
}



/*shared change middA01*/

#middA01{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:445px;
}

#middA01_shared{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:auto;
}

/*shared change middA01*/

#middB{
	float:left;
	width:350px;
	height:auto;
}

#middB01{
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-weight:bold;
	color:#333333;
	font-size:18px;
	padding-left:10px;
	padding-top:15px;
	background-image:url(../images/title_bg_350.png);
	background-repeat:no-repeat;
	width:350px;
	height:35px;
	float:left;
}

#middB01 span{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#999999;
	font-size:15px;
	padding-left:5px;
}

/*shared change middB02*/

#middB02{
	float:left;
	background-image:url(../images/midd_bg_350.png);
	background-repeat:repeat-y;
	padding-top:5px;
	width:360px;
	height:130px;	
}

#middB02_shared{
	float:left;
	background-image:url(../images/midd_bg_350.png);
	background-repeat:repeat-y;
	padding-top:10px;
	width:360px;
	height:120px;	
}

/*shared change middB02*/

#middB03{
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-weight:bold;
	color:#333333;
	font-size:18px;
	padding-left:10px;
	padding-top:15px;
	background-image:url(../images/title2_bg_350.png);
	background-repeat:no-repeat;
	width:350px;
	height:35px;
	float:left;
}

#middB03 span{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#999999;
	font-size:15px;
	padding-left:5px;
}



#middB04{
	float:left;
	background-image:url(../images/midd_bg_350.png);
	background-repeat:repeat-y;
	padding-top:10px;
	width:360px;
	height:190px;	
}



#middC{
	float:right;
	width:540px;
	height:auto;
}

#middC01{
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-weight:bold;
	color:#333333;
	font-size:18px;
	padding-left:10px;
	padding-top:15px;
	background-image:url(../images/title_bg_640.png);
	background-repeat:no-repeat;
	width:500px;
	height:35px;
	float:left;
}

#middC01 span{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#999999;
	font-size:15px;
	padding-left:5px;
}

#middC02{
	float:left;
	padding-top:10px;
	width:510px;
	height:125px;	
}

#middC03{
	float:left;
	width:510px;
	height:auto;
	padding-top:10px;
	font-family:"微軟正黑體", "標楷體", Arial, sans-serif;
	font-weight:100;
	color:#333333;
	font-size:13px;
	line-height:25px;
	text-align:justify;
	text-indent:26px;
	letter-spacing:1px;
}

#middC03 p{
	color:#555555;
	margin-bottom:10px;
}


#downA{
	clear:both;
	background-image:url(../images/down_bg.png);
	background-repeat:repeat-x;
}

#downA01{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:110px;
}

#downB{
	background-image:url(../images/white_logo.png);
	background-repeat:no-repeat;
	width:161px;
	height:71px;
	float:left;
	margin-top:20px;
}

#downC{
	float:right;
	width:720px;
	height:65px;
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-size:13px;
	font-weight:100;
	color:#333333;
	line-height:20px;
	text-decoration:none;
	letter-spacing:1px;

}

#downC a{
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-size:13px;
	font-weight:100;
	color:#666666;
	line-height:20px;
	text-decoration:none;
	letter-spacing:1px;
}

#downC a:hover{
	color:#999999;
}

#downC a.rr{
	color:#999999;
}

#downC a.rr:hover{
	color:#999999;
}


/*=======all_shared===開始====*/

#shared_left_top_title{
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-weight:bold;
	color:#333333;
	font-size:18px;
	padding-left:10px;
	padding-top:15px;
	background-image:url(../images/title2_bg_350.png);
	background-repeat:no-repeat;
	width:350px;
	height:35px;
	float:left;
}

#shared_left_top_title span{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#999999;
	font-size:15px;
	padding-left:5px;
}

#shared_left_second_title{
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-weight:bold;
	color:#333333;
	font-size:18px;
	padding-left:10px;
	padding-top:15px;
	background-image:url(../images/title2_bg_350.png);
	background-repeat:no-repeat;
	width:350px;
	height:35px;
	float:left;
}

#shared_left_second_title span{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#999999;
	font-size:15px;
	padding-left:5px;
}

#shared_left_down_bg{
	background:no-repeat url(../images/title3_bg.png);
	width:350px;
	height:35px;
	float:left;
}

#shared_service-center{
	float:left;
	background-image:url(../images/midd_bg_350.png);
	background-repeat:repeat-y;
	padding-top:10px;
	width:360px;
	height:200px;	
}

#shared_distribution{
	padding-top:10px;
	width:360px;
	height:130px;
	float:left;
	background-image:url(../images/midd_bg_350.png);
	background-repeat:repeat-y
}

#shared_midd{
	float:left;
	width:510px;
	height:auto;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#333333;
	font-size:13px;
	line-height:25px;
	text-align:justify;
	letter-spacing:1px;
}

#shared_midd h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	font-size:20px;
	line-height:35px;
	text-align:justify;
	letter-spacing:1px;
}

#shared_midd_ul{
	float:left;
}

#shared_midd_ul ul{
	margin-top:15px;
	margin-left:20px;
	margin-bottom:80px;	
}

#shared_midd_ul li{ 
	width:350px;
	border-bottom-color:#CCC;
	border-bottom-style:dashed;
	border-bottom-width:thin;
}

#shared_midd_ul li a{
	padding-left:15px;
	font-weight:100;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	color:#333;
	line-height:30px;
	display:block;
	text-align:justify;
	text-decoration:none;
	background-image:url(../images/gray-symbol.png);
	background-repeat:no-repeat;
	background-position:0 10px;
}

#shared_midd_ul li a:hover{
	color:#7e0001;
	background-image:url(../images/red-symbol.png);
	background-repeat:no-repeat;
	background-position:5px 10px;
}

/*=======all_shared===結束====*/

#shared_location{
	margin-bottom:20px;
	width:500px;
	height:auto;
	float:left;
	padding-left:10px;
	margin-top:10px;
	font-family:Arial, sans-serif, "微軟正黑體", "新細明體";
	font-size:13px;
	font-weight:100;
	color:#666;
	line-height:26px;
	letter-spacing:2px;
}

#shared_location h1{
	font-family:Arial, sans-serif, "微軟正黑體", "新細明體";
	font-size:15px;
	font-weight:bold;
	color:#7e0001;
	margin-bottom:10px;
	margin-top:10px;
}