@charset "utf-8";

*:focus { outline: none; }
body{
/*--網頁內容設定-----------------------------------------------------*/
	/*scrollbar-3dlight-color:    #fdce23; /*左上外框邊緣*/
	/*scrollbar-highlight-color:  #ffedaa; /*左上外框內綠*/
	/*scrollbar-arrow-color:      #ffffff; /*箭頭*/
	/*scrollbar-base-color:       #fdce23; /*不知作用*/
	/*scrollbar-darkshadow-color: #fdce23; /*右下外框邊緣*/
	/*scrollbar-shadow-color:     #d7a800; /*右下外框內綠*/
	/*scrollbar-face-color:       #fdce23; /*面板*/
	/*scrollbar-track-color:      #fdce23; /*面板底色*/
	background-color: #c4112f;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	}
td{
    color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:16pt;
}
div{margin:0;padding:0;}
ul{list-style:none;margin:0;padding:0;}
li{float:left;}


/*--底圖背景---------------------------------------------------------------------------------------*/
.bg_00      {background-position:0 0;      background-repeat:no-repeat;}/*底圖不重覆靠左置上*/
.bg_050     {background-position:0 50%;    background-repeat:no-repeat;}/*底圖不重覆靠左置中*/
.bg_0100    {background-position:0 100%;   background-repeat:no-repeat;}/*底圖不重覆靠左置下*/
.bg_1000    {background-position:100% 0;   background-repeat:no-repeat;}/*底圖不重覆靠右置上*/
.bg_10050   {background-position:100% 50%; background-repeat:no-repeat;}/*底圖不重覆靠右置中*/
.bg_100100  {background-position:100% 100%;background-repeat:no-repeat;}/*底圖不重覆靠右置下*/
.bg_500     {background-position:50% 0;    background-repeat:no-repeat;}/*底圖不重覆靠中置上*/
.bg_5050    {background-position:50% 50%;  background-repeat:no-repeat;}/*底圖不重覆靠中置中*/
.bg_50100   {background-position:50% 100%; background-repeat:no-repeat;}/*底圖不重覆靠中置下*/
.bg_x00     {background-position:0 0;      background-repeat:repeat-x;}/*底圖水平重覆靠左置上*/
.bg_x050    {background-position:0 50%;    background-repeat:repeat-x;}/*底圖水平重覆靠左置中*/
.bg_x0100   {background-position:0 100%;   background-repeat:repeat-x;}/*底圖水平重覆靠左置下*/
.bg_x1000   {background-position:100% 0;   background-repeat:repeat-x;}/*底圖水平重覆靠右置上*/
.bg_x10050  {background-position:100% 50%; background-repeat:repeat-x;}/*底圖水平重覆靠右置中*/
.bg_x100100 {background-position:100% 100%;background-repeat:repeat-x;}/*底圖水平重覆靠右置下*/
.bg_y00     {background-position:0 0;      background-repeat:repeat-y;}/*底圖垂直重覆靠左置上*/
.bg_y500    {background-position:50% 0;    background-repeat:repeat-y;}/*底圖垂直重覆靠中置上*/
.bg_y1000   {background-position:100% 0;   background-repeat:repeat-y;}/*底圖垂直重覆靠右置上*/
.bg_y0100   {background-position:0 100%;   background-repeat:repeat-y;}/*底圖垂直重覆靠左置下*/
.bg_y50100  {background-position:50% 100;% background-repeat:repeat-y;}/*底圖垂直重覆靠中置下*/
.bg_y100100 {background-position:100% 100%;background-repeat:repeat-y;}/*底圖垂直重覆靠右置下*/

/*--佈局-----------------------------------------------------------------------------------------*/
.container1 { width:100%; background:url(../images/inside/inside.jpg) 50% 0 no-repeat;}
.inside1 { width:1000px; height:1800px; margin:0 auto; border:0;}

/*------------------------- 頂層項目 ------------------------*/
.container,.header_bg,.main_bg,.footer_bg{ width:100%;}
.header,.main,.footer{ width:1000px; margin:0 auto; position:relative;}

.header_bg {
	background-color:transparent;
	background:url(../images/all/header_bg.jpg) 50% 0 no-repeat;
}
.header {
	background-color:transparent;
    height: 485px;
}
.main_bg{
	background-color:transparent;
	background:url(../images/all/main_ybg.jpg) 50% 0 repeat-y;
}

.main{
	background-color:transparent;
	height:auto;
}

.side1 {
    background: none repeat scroll 0 0 transparent;
    float: left;
    width: 266px;
}
.side2 {
    display: none;
    float: left;
}
.content {
    float: left;
    margin: 0;
	height:auto;
    width: 750px;
    z-index: 77;
}

.footer_bg{
	background-color:transparent;
    color: #FFF;
	background:url(../images/all/footer_bg.jpg) 50% 0 no-repeat;
}
.footer{
	height:155px;
}
.clearall{ clear:both;}

/*------------------------- 次級項目 ------------------------*/
/*==Header========================================================================================*/
/*header只留banner, 用flash做*/
.header h1.title,
.header ul#nav1, 
.header ul#nav2, 
.header div.breadcrumb,
.header div.banner, 
.header div.ex1, 
.header div.ex2{
	position:absolute;
} 
.header ul#nav2,
.header div.ex2{
	display:none;
}

.header h1.title{/*左上角LOGO*/
	margin:0;
	width:327px;
	height:98px;
	top:24px;
	left:5px;
	z-index:88;
}
.header ul.nav_h{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.header ul#nav1{ /*Menu選單背景*/
	top:54px;
	left:343px;
	/*width:651px;
	height:68px;--原size*/
	width:586px;
	height:52px;
	z-index:88;
	background:url(../images/all/menu_bg.png) 0 0 no-repeat;
	padding:15px 0 0 65px;
}
.header ul#nav1 li{ /*選單各單位*/
	float:left;
	width:144px;
	height:38px;
	text-indent:-99999px;
	margin:0;
}
.header ul#nav1 li a.b1-1{
	background:url(../images/all/menuT.png) 0 0 no-repeat;
	display:block;
	width:144px;
	height:38px;
}
.header ul#nav1 li a:hover.b1-1{
	background:url(../images/all/menuT.png) 0 100% no-repeat;
	display:block;
	width:144px;
	height:38px;
}
.header ul#nav1 li a.b1-2{
	background:url(../images/all/menuT.png) 35% 0 no-repeat;
	display:block;
	width:144px;
	height:38px;
}
.header ul#nav1 li a:hover.b1-2{
	background:url(../images/all/menuT.png) 35% 100% no-repeat;
	display:block;
	width:144px;
	height:38px;
}
.header ul#nav1 li a.b1-3{
	background:url(../images/all/menuT.png) 65% 0 no-repeat;
	display:block;
	width:144px;
	height:38px;
}
.header ul#nav1 li a:hover.b1-3{
	background:url(../images/all/menuT.png) 65% 100% no-repeat;
	display:block;
	width:144px;
	height:38px;
}
.header ul#nav1 li a.b1-4{
	background:url(../images/all/menuT.png) 100% 0 no-repeat;
	display:block;
	width:144px;
	height:38px;
}
.header ul#nav1 li a:hover.b1-4{
	background:url(../images/all/menuT.png) 100% 100% no-repeat;
	display:block;
	width:144px;
	height:38px;
}
/*-------------↓Banner開始↓-----------*/
.header div.banner{
	width:724px;
	height:266px;
	top:150px;
	left:258px;
	z-index:88px
}
/*-------------↑Banner結束↑-----------*/

/*-------------↓語系開始↓-----------*/
.header ul#nav2 li a.b2_1{
	width:60px;
	height:13px;
	text-decoration:none;
	padding-left:22px;
	color:#666;
	text-transform:uppercase;
	display:block;
	background:url(../webc/images/all/fleg.png) 0 0 no-repeat;
}
.header ul#nav2 li a.b2_1:hover{
	width:60px;
	height:13px;
	text-decoration:none;
	padding-left:22px;
	color:#000;
	text-transform:uppercase;
	display:block;
	background:url(../webc/images/all/fleg.png) 100% 0 no-repeat;
}
/*-------------↑語系結束↑-----------*/

/*-------------↓麵包屑開始↓-----------*/
.header div.breadcrumb {
	position:absolute;
	bottom:15px;
	*bottom:35px;
	right:20px;
	z-index:200;
}
.header div.breadcrumb ul{ list-style-type:none;}
.header div.breadcrumb ul li{ display:inline; margin:0 3px;}
.header div.breadcrumb ul li a{ text-decoration:none; color:#000; font-size:12px;}
.header div.breadcrumb ul li a:hover{ text-decoration:none; color:#000;  font-size:12px;}
/*-------------↑麵包屑結束↑-----------*/

/*-------------↓右上部社群分享區 - 開始↓-----------*/
.header div.ex1{ 
	width:150px;
	height:24px;
	top:21px;
	right:15px;
	z-index:99;
	background:url(../images/all/share_bg.png) 0 0 no-repeat;
	padding-left:15px;
	padding-top:2px;
}
.header div.ex1 ul{
	list-style:none;
	display:inline;
	width:140px;
	height:22px;
}
.header div.ex1 ul li{
	float:left;
}
.header div.ex1 ul li.btn1 a{ 
    background:url(../images/all/share_btn_fb.png) 0 0 no-repeat;
	width:85px;
	height:22px;
	display:block;
	text-indent:-99999px;
}
.header div.ex1 ul li.btn1 a:hover{ 
    background:url(../images/all/share_btn_fb.png) 0 100% no-repeat;
	width:85px;
	height:22px;
	display:block;
	text-indent:-99999px;
}
.header div.ex1 ul li.btn2 a{ 
    background:url(../images/all/share_btn_yt.png) 0 0 no-repeat;
	width:55px;
	height:22px;
	display:block;
	text-indent:-99999px;
}
.header div.ex1 ul li.btn2 a:hover{ 
    background:url(../images/all/share_btn_yt.png) 0 100% no-repeat;
	width:55px;
	height:22px;
	display:block;
	text-indent:-99999px;
}
/*-------------↑右上部社群分享區 - 結束↑-----------*/


/*==Main=======================================================================================*/
.main div.side1{/*中間左側選單內容*/
    width:250px;
	height:auto;
	float:left;
	display:block;
	margin:-185px 0 0 0;
	padding:0 8px 0 16px;
}
.main div.side2{ display:none;}
.main div.content{/*中間右側內容區塊*/
	width:750px;
	height:auto;
	background-color::transparent;
	float:right;
	padding-top:70px;
	margin-top:-346px;
	*margin-top:-306px;
	margin-right:20px;
}
.main div.side1 ul.nav{
	list-style-type:none;
	width:226px;
	height:auto;
	/*background-color:#39F;--TestUse*/
}
.main div.side1 ul.nav li a.subA{ /*主分類*/
	/*width:226px;
	height:28px;--原size*/
	width:216px;
	height:23px;
	display:block;
	text-decoration:none;
	font-size:15px;
	font-weight:600;
	color:#FFF;
	letter-spacing:1px;
	background:url(../images/all/Lmenu_sub_bg1.png) 0 0 no-repeat;
	padding:5px 5px 0 5px;
	margin-bottom:2px;
}
.main div.side1 ul.nav li a.subA:hover{
	width:216px;
	height:23px;
	display:block;
	text-decoration:none;
	font-size:15px;
	font-weight:600;
	color:#666;
	letter-spacing:1px;
	background:url(../images/all/Lmenu_sub_bg1.png) 0 100% no-repeat;
	padding:5px 5px 0 5px;
	margin-bottom:2px;
}
.main div.side1 ul.nav li a.subB{ /*次分類*/
	/*width:226px;
	height:28px;--原size*/
	width:178px;
	height:21px;
	display:block;
	text-decoration:none;
	font-size:13px;
	color:#666;
	letter-spacing:1.5px;
	background:url(../images/all/Lmenu_sub_bg2.png) 0 0 no-repeat;
	padding:7px 5px 0 43px;
}
.main div.side1 ul.nav li a.subB:hover{
	width:178px;
	height:21px;
	display:block;
	text-decoration:none;
	font-size:13px;
	color:#c51632;
	letter-spacing:1.5px;
	background:url(../images/all/Lmenu_sub_bg2.png) 0 100% no-repeat;
	padding:7px 5px 0 43px;
}
.main div.side1 ul.nav li a.subC{ /*細分類*/
	/*width:226px;
	height:28px;--原size*/
	width:174px;
	height:21px;
	display:block;
	text-decoration:none;
	font-size:13px;
	color:#FFF;
	letter-spacing:1.5px;
	background:url(../images/all/Lmenu_sub_bg3.png) 0 0 no-repeat;
	padding:7px 5px 0 47px;
}
.main div.side1 ul.nav li a.subC:hover{
	width:166px;
	height:21px;
	display:block;
	text-decoration:none;
	font-size:13px;
	color:#fac9d1;
	letter-spacing:1.5px;
	background:url(../images/all/Lmenu_sub_bg3.png) 0 100% no-repeat;
	padding:7px 5px 0 55px;
}


.main div.side1 ul.nav li.subtop{
	width:266px;
	height:23px;
	background:url(../images/all/side1_top.jpg) 0 0 no-repeat;
	margin-left:-46px;
}
.main div.side1 ul.nav li.subbottom{
	width:266px;
	height:61px;
	background:url(../images/all/side1_bottom.jpg) 0 0 no-repeat;
	margin-left:-46px;
}
.main div.ex1{/*-------------↓SerchBar - 開始↓-----------*/
  width:250px;
  height:150px;
  position:absolute;
  top:-345px;
  left:10px;
}
.main div.ex1 .serchbox{
	background:url(../images/all/SerchArea_bg.png) 0 0 no-repeat;
	width:228px;
	height:91px;
	position:relative;
	margin-left:6px;
	margin-top:46px;
}
.main div.ex1 .serchbox div.in1,
.main div.ex1 .serchbox div.in2,
.main div.ex1 .serchbox div.btn_go{
	position:absolute;
}
.main div.ex1 .serchbox div.in1{
	width:104px;
	height:20px;
	top:11px;
	left:115px;
}
.main div.ex1 .serchbox div.in2{
	width:190px;
	height:22px;
	top:36px;
	left:30px;
}
.main div.ex1 .serchbox div.btn_go{
	width:40px;
	height:20px;
	top:63px;
	right:12px;
}
.main div.ex1 .serchbox div.btn_go a{ 
    background:url(../images/all/GO.png) 0 0 no-repeat;
	text-indent:-99999px;
	width:40px;
	height:20px;
	display:block;
}
.main div.ex1 .serchbox div.btn_go a:hover{ 
    background:url(../images/all/GO.png) 0 100% no-repeat;
	text-indent:-99999px;
	width:40px;
	height:20px;
	display:block;
}


.main div.side1 .ex2{
	background:url(../images/all/side1_bottomG.png) 0 0 no-repeat;
	width:266px;
	height:202px;
}
body.P01 .main .ex3{
	background:url(../images/all/side1_down_style_s3.png) 0 0 no-repeat;
	width:237px;
	height:532px;
	position:absolute;
	left:10px;
	bottom:0;
}
body.P02 .main .ex3{
	background:url(../images/all/side1_down_style_s.png) 0 0 no-repeat;
	width:237px;
	height:332px;
	position:absolute;
	left:10px;
	bottom:0;
}
body.P02 .main .ex4{
	background:url(../images/all/proLogoMark.png) 0 0 no-repeat;
	width:237px;
	height:79px;
	position:absolute;
	left:10px;
	top:-60px;
}
body.P02.show .main .ex4{
	background:none;
}
body.P02.show .main .ex3{
	background:url(../images/all/side1_down_style_sb.png) 0 0 no-repeat;
}
body.P03 .main .ex3{
	background:url(../images/all/side1_down_style_s2.png) 0 0 no-repeat;
	width:237px;
	height:332px;
	position:absolute;
	left:10px;
	bottom:0;
}
body.P04 .main .ex3{
	background:url(../images/all/side1_down_style_s.png) 0 0 no-repeat;
	width:237px;
	height:332px;
	position:absolute;
	left:10px;
	bottom:0;
}
body.P04 .main .ex4{
	background:url(../images/all/proLogoMark.png) 0 0 no-repeat;
	width:237px;
	height:79px;
	position:absolute;
	left:10px;
	top:-60px;
}

/*-------------↑SerchBar - 結束↑-----------*/
.main div.ex2{
	/*width:166px;
	height:22px;--原size*/
	width:140px;
	height:16px;
	position:absolute;
	left:800px;
	top:105px;
	background:url(../images/all/number_bg.jpg) 0 0 no-repeat;
	padding:6px 3px 0 23px;
	color:#666;
	font-size:12px;
	display:none;
}
.main div.ex2 a{ text-decoration:none; color:#666;}
.main div.ex2 a:hover{ text-decoration:none; color:#3e8102; padding-bottom:1px; border-bottom:1px solid #3e8102; font-weight:600;}

/*-------------↓Quick(回頂層) - 開始↓-----------*/
.main div.quickline{
	width:20px;
	heigth:auto;
	position:absolute;
	top:90px;
	right:50px;
}
.main div.quickline .quick a{ background:url(../images/all/quick.png) 0 0 no-repeat; width:20px; height:111px; display:block; text-indent:-99999px;}
.main div.quickline .quick a:hover{ background:url(../images/all/quick.png) 100% 0 no-repeat; width:20px; height:111px; display:block; text-indent:-99999px;}
/*-------------↑Quick(回頂層) - 結束↑-----------*/

/*==Footer========================================*/
.footer .sitemap{
	position:absolute;
	top:15px;
	left:330px;
	letter-spacing:1.5px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif "新細明體-ExtB";
	color:#f1f1f1;
}
.footer .sitemap a{ color:#f1f1f1; text-decoration:none;}
.footer .sitemap a:hover{ color:#f1f1f1; text-decoration:none; border-bottom:2px #FFF solid; padding-bottom:2px;}
.footer .copyright {
	color: #f1f1f1f;
	font-family:"Times New Roman";
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:1px;
	position:absolute;
	top:108px;
	left:350px;
}
.footer .siteinfo{
	width:160px;
	color:#FFF;
	font-size:12px;
	position:absolute;
	top:152px;
	right:28px;
}
.footer .siteinfo ul{
	list-style-type:none;
}
.footer .siteinfo ul li{
	float:left;
	margin:0 10px;
}
.footer .siteinfo a{
    color: #5C3710;
	text-decoration:none;
}
.footer .siteinfo a:hover{
	text-decoration:underline;
	color:#824F27;
}
.footer .FBlink{
	position:absolute;
	top:75px;
	left:232px;
	width:25px;
	height:25px;
}
.footer .address1{
	width:1000px;
	height:45px;
	position:absolute;
	top:40px;
	left:25px;
	font-size:14px;
	color:#f1f1f1;
	letter-spacing:0.5px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif "新細明體-ExtB";
	text-align:center;
}
.footer .address1 a{ text-decoration:none; color:#f1f1f1;}
.footer .address1 a:hover{ text-decoration:none; color:#FFF;}
.footer .powered{ color:#6c6c6c; display:none;}
.footer .powered a{ color:#6c6c6c; text-decoration:none;}
.footer .powered a:hover{ color:#413f3f; text-decoration:none;}
.footer .sec1{
	position:absolute;
	top:-32px;
	right:-65px;
	width:138px;
	height:83px;
	background:url(../webc/images/all/footer_logo_s.png) 0 0 no-repeat;
}

/*------------------------- 內文項目 -------------------------*/
.content h1 {/*內容標題位置*/
	margin:30px 0 0 20px;
	text-indent:-99999px;
} 
.content div.born{
	margin:10px 30px 20px 20px ;
	width:710px;
	height:auto;
	/*background:#FC6;--testUse*/
}
.content .sec1{
	
}
.content .sec2{
	
}
.content .sec3{
	
}
/*------------------------- 表單 -------------------------*/
.sr_in1{ width:100px; height:20px; border:1px #dedede solid; color:#000; font-size:12px;}
.sr_in2{ width:170px; height:18px; border:1px #dedede solid; color:#000; font-size:12px; padding:0 5px;}
.sr_in3{ width:170px; height:18px; border:1px #dedede solid; color:#000; font-size:12px; padding:0 5px;}
.sr_in4{ width:170px; height:18px; border:1px #dedede solid; color:#000; font-size:12px; }



/*↓↓↓↓↓↓↓↓↓↓↓↓-----------各單元內容-----------↓↓↓↓↓↓↓↓↓↓↓↓*/

/*================== 通用項目 ALL ===============================*/
.main div.content .born{
	width:700px;
	height:auto;
	margin-left:50px;
	margin-top:10px;
	padding-top:175px;
}

/*================== 關於我們 About Us (P01) ====================*/
body.P01 .main div.ex1{
	background:url(../images/all/Ltbar.png) 0 0 no-repeat;
	width:250px;
    height:150px;
    position:absolute;
    top:20;
    left:10px;
}
body.P01 .main div.content{ margin-top:-160px;}
body.P01 .main div.content h1{
	background:url(../images/all/Rtbar.png) 0 0 no-repeat;
	width:750px;
	height:64px;
	text-indent:-99999px;
}
body.P01 .main div.content .born{
	width:711px;
	height:1160px;
	min-height:600px;
	margin-left:48px;
	margin-top:10px;
	position:relative;
	background:url(../images/about/about_ctbg.gif) 0 0 no-repeat;
	margin-bottom:-170px;
}
body.P01 .main div.content .born #ab1,
body.P01 .main div.content .born #ab2,
body.P01 .main div.content .born #ab3,
body.P01 .main div.content .born #ab4{ position:absolute;}
body.P01 .main div.content .born #ab1{ top:5px;}
body.P01 .main div.content .born #ab2{ top:240px;}
body.P01 .main div.content .born #ab3{ top:610px;}
body.P01 .main div.content .born #ab4{ top:845px;}

/*================== 產品系列 Products (P02) ====================*/
body.P02 .main div.ex1{
	background:url(../images/all/Ltbar.png) 0 35% no-repeat;
	width:250px;
    height:150px;
    position:absolute;
    top:20;
    left:10px;
}
body.P02 .main div.content h1{
	background:url(../images/all/Rtbar.png) 0 35% no-repeat;
	width:750px;
	height:64px;
	text-indent:-99999px;
}
body.P02 .main div.content .subindex{
	width:700px;
	height:30px;
	margin-left:40px;
	margin-top:10px;
}
body.P02 .main div.content .subindex ul{
	list-style:none;
}
body.P02 .main div.content .subindex ul li{
	display:inline;
	padding:0 5px;
	margin-right:5px;
	color:#666;
	letter-spacing:1px;
	font-size:15px
}
body.P02 .main div.content .subindex ul li a{ color:#666; text-decoration:none;}
body.P02 .main div.content .subindex ul li a:hover{ color:#c0112e; text-decoration:none;}
body.P02 .main div.content .pro_bg1{
	width:700px;
	height:auto;
	margin-left:40px;
	margin-top:10px;
	position:relative;
}

body.P02 .main div.content .pro_bg1 .pro_bar1{
	width:700px;
	height:auto;
	background:url(../images/pro/pro_bar1.png)0 0 no-repeat;
	padding-top:47px;
}
body.P02 .main div.content .pro_bg1 .pro_bar2{
	width:700px;
	height:auto;
	background:url(../images/pro/pro_bar2.png)0 0 no-repeat;
	padding-top:47px;
	margin-top:15px;
}

.main div.content .pro_bg1 .proBox{
	float:left;
	width:219px;
	height:210px;
	margin:0 11px 14px 0;
	text-align:center;
	background:url(../images/pro/pro_box_bg.jpg) 0 0 no-repeat;
}
.main div.content .pro_bg1 .proBox img{ /*width:195px; height:142px;*/ margin-top:12px; margin-bottom:20px;}
.main div.content .pro_bg1 .proBox a:hover img{ border:2px solid #c0112e;}

.main div.content .pro_bg1 .proBox span.pro_t1{
	text-align:left;
	color:#c0112e;
	font-size:12px;
	font-weight:600;
	letter-spacing:0.5px;
	width:188px;
	height:34px;
	margin:0 auto;
	overflow:hidden;
	display:block;
	padding:0 5px;
	text-align:center;
	overflow:hidden;
}
.main div.content .pro_bg1 .proBox span.pro_t2,
.main div.content .pro_bg1 .proBox span.pro_t3{
	text-align:left;
	color:#000;
	font-size:12px;
	letter-spacing:1px;
	width:188px;
	height:20px;
	margin:0 auto;
	overflow:hidden;
	display:block;
	padding:0 5px;
	text-align:center;
}
.main div.content .pro_bg1 .proBox span.pro_t1 a{ color:#e34e67; font-size:13px; text-decoration:none; letter-spacing:1px; line-height:16px;}
.main div.content .pro_bg1 .proBox span.pro_t1 a:hover{ color:#c0112e; font-size:13px; text-decoration:none; letter-spacing:1px; line-height:16px;}

.main div.content .proBox2{
	width:652px;
	height:295px;
	display:block;
	margin:10px 5px 25px 55px;
	position:relative;
	background:url(../images/pro/proBox_bg2.png) 0 0 no-repeat;
}
.main div.content .proBox2 .proPhotob,
.main div.content .proBox2 .proT1b,
.main div.content .proBox2 .proT2b,
.main div.content .proBox2 .proT3b,
.main div.content .proBox2 .proT4b{
	position:absolute;
}
.main div.content .proBox2 .proPhotob{
	/*width:269px;
	height:191px;*/
	width:229px;
	height:190px;
	top:23px;
	left:20px;
	z-index:80;
	text-align:center;
	vertical-align:middle;
	padding-top:1px;
	padding-left:40px;
}
.main div.content .proBox2 .proPhotob a img.plink{
	/*border:1px solid #dedede;
	margin:0 auto;*/
}
.main div.content .proBox2 .proPhotob a:hover img.plink{
	/*border:1px solid #c0112e;*/
}
.main div.content .proBox2 .proT1b{
	width:250px;
	height:40px;
	top:27px;
	left:382px;
	font-size:16px;
	font-weight:600;
	color:#c0112e;
	overflow:hidden;
	z-index:88;
}
.main div.content .proBox2 .proT2b{
	width:160px;
	height:25px;
	top:72px;
	left:476px;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	color:#333;
	overflow:hidden;
	z-index:88;
}
.main div.content .proBox2 .proT3b{
	width:160px;
	height:25px;
	top:102px;
	left:476px;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	color:#333;
	overflow:hidden;
	z-index:88;
	font-family:Arial, Helvetica, sans-serif;
}
.main div.content .proBox2 .proT4b{
	width:230px;
	height:90px;
	top:125px;
	left:390px;
	font-size:14px;
	line-height:18px;
	letter-spacing:1px;
	/*color:#333;*/
	color:#000;
	overflow:hidden;
	z-index:88;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
}
.main div.content .proBar1,
.main div.content .proBar2,
.main div.content .proBar3{
	width:630px;
	height:auto;
	padding:48px 10px 10px 10px;
	margin:10px 5px 35px 55px;
	line-height:20px;
	letter-spacing:1px;
	font-size:12px;
	/*color:#666;*/
	color:#000;
}
.main div.content .proBar1{
	background:url(../images/pro/proBox_bar1.png) 0 0 no-repeat;
}
.main div.content .proBar2{
	background:url(../images/pro/proBox_bar2.png) 0 0 no-repeat;
}
.main div.content .proBar3{
	background:url(../images/pro/proBox_bar3.png) 0 0 no-repeat;
}
.main div.content .proBar3 .aboutpro{
	width:116px;
	/*height:110px;*/
	height:180px;
	background-color:#fde2e7;
	float:left;
	margin:10px 10px 10px 0;
	position:relative;
}
.main div.content .proBar3 .aboutpro .abp_1,
.main div.content .proBar3 .aboutpro .abp_2{
	position:absolute;
	width:100px;
}
.main div.content .proBar3 .aboutpro .abp_1{
	width:100px;
	height:80px;
	top:5px;
	left:8px;
}
.main div.content .proBar3 .aboutpro .abp_1 a img.plink{
	border:1px solid #fa5f79;
}
.main div.content .proBar3 .aboutpro .abp_1 a:hover img.plink{
	border:1px solid #c0112e;
}
.main div.content .proBar3 .aboutpro .abp_2{
	width:100px;
	height:120px;
	padding-bottom:10px;
	top:80px;
	left:8px;
	text-align:left;
	overflow:hidden;
}
.main div.content .proBar3 .aboutpro .abp_2 a{
	text-decoration:none;
	color:#000;
}
.main div.content .proBar3 .aboutpro .abp_2 a:hover{
	text-decoration:none;
	color:#000;
}
/*================== 最新訊息 News (P03) ====================*/
body.P03 .main div.ex1{
	background:url(../images/all/Ltbar.png) 0 65% no-repeat;
	width:250px;
    height:150px;
    position:absolute;
    top:20;
    left:10px;
}
body.P03 .main div.content h1{
	background:url(../images/all/Rtbar.png) 0 65% no-repeat;
	width:750px;
	height:64px;
	text-indent:-99999px;
}
.main div.content .news_bg1{
	width:700px;
	height:auto;
	margin-left:50px;
	margin-top:10px;
	background:url(../images/news/news_bg1.jpg) 0 0 no-repeat;
	padding-top:175px;
}
.main div.content .news_bg2{
	width:700px;
	height:auto;
	margin-left:50px;
	margin-top:10px;
	background:url(../images/news/news_bg2.jpg) 0 0 no-repeat;
	padding-top:175px;
}
.main div.content .news_bg2 span.t2{
	font-size:12px;
	color:#c4112f;
	letter-spacing:1px;
	line-height:32px;
	position:absolute;
	top:155px;
	*top:165px;
	left:310px;
	width:300px;
	height:32px;
}
.main div.content .news_bg3 .bar{
	font-size:15px;
	font-weight:600;
	/*color:#c4112f;*/
	color:#000;
	letter-spacing:1px;
	line-height:32px;
	background:url(../images/news/news_icon.png) 0 0 no-repeat;
	padding-left:32px;
	width:668px;
	height:32px;
	margin-left:50px;
	overflow:hidden;
}
.main div.content .news_bg3 .news_info{
	/*color:#666;
	color:#333;*/
	color:#000;
	letter-spacing:1px;
	line-height:28px;
	width:680px;
	height:auto;
	margin-bottom:20px;
	margin-left:50px;
	padding: 10px 5px 0 15px;
}
.main div.content .news_bg3b{
	width:678px;
	height:auto;
	margin-left:50px;
	padding:10px;
	background-color:#b00e29;
	color:#FFF;
	line-height:20px;
	letter-spacing:1px;
	border: 1px dashed #F69;
}
.main div.content .news_bg4{
	margin-left:660px;
}
.main div.content .news_bg4 .back_btn{
	position:absolute;
	right:5px;
	top:20px;
}
.main div.content .news_bg4 .back_btn a{
	width:72px;
	height:22px;
	display:block;
	background:url(../images/news/back_page.png) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-99999px;
}
.main div.content .news_bg4 .back_btn a:hover{
	width:72px;
	height:22px;
	display:block;
	background:url(../images/news/back_page.png) 0 100% no-repeat;
	text-decoration:none;
	text-indent:-99999px;
}
.news_t1{ /*color:#7b7b7b;*/ color:#000; font-size:12px; line-height:32px;}
.news_t2{ /*color:#666;*/ color:#000; font-size:14px; line-height:32px;}
.news_t2 a{ /*color:#666;*/ color:#000; font-size:14px; line-height:32px; text-decoration:none;}
.news_t2 a:hover{ color:#c4112f; font-size:14px; line-height:32px; text-decoration:none;}
.news_t3{ color:#c4112f; font-size:12px; letter-spacing:1px;}

.news_i1{ color:#000; font-size:11px; border:1px #abadb3 solid; width:40px; height:25px;}

/*================== 聯絡我們 Contact Us (P04) ====================*/
body.P04 .main div.ex1{
	background:url(../images/all/Ltbar.png) 0 100% no-repeat;
	width:250px;
    height:150px;
    position:absolute;
    top:20;
    left:10px;
}
body.P04 .main div.content h1{
	background:url(../images/all/Rtbar.png) 0 100% no-repeat;
	width:750px;
	height:64px;
	text-indent:-99999px;
}
body.P04 .main div.content .born{
	width:700px;
	height:824px;
	margin-left:40px;
	margin-top:10px;
	padding-top:175px;
	background:url(../images/cus/cus_bg1.png) 0 0 no-repeat;
	position:relative;
}

body.P04 .main div.content .born .box1a,
body.P04 .main div.content .born .box1b,
body.P04 .main div.content .born .box2,
body.P04 .main div.content .born .box3{
	position:absolute;
	color:#000;
	letter-spacing:1.5px;
	font-size:12px;
	font-family:Arial;
}
body.P04 .main div.content .born .box1a{
	top:185px;
	left:180px;
	width:180px;
	height:14px;
}
body.P04 .main div.content .born .box1a a{
	display:block;
	width:180px;
	height:14px;
	background:url(../images/all/mailT.png) 0 0 no-repeat;
	text-indent:-99999px;
}
body.P04 .main div.content .born .box1a a:hover{
	display:block;
	width:180px;
	height:14px;
	background:url(../images/all/mailT.png) 0 100% no-repeat;
	text-indent:-99999px;
}
body.P04 .main div.content .born .box1b{
	top:215px;
	left:155px;
	width:300px;
	height:20px;
}
body.P04 .main div.content .born .box2{
	top: 452px;
	left: 162px;
	width:300px;
	height:20px;
}
body.P04 .main div.content .born .box2 .in_t1,
body.P04 .main div.content .born .box2 .in_t2,
body.P04 .main div.content .born .box2 .in_t3{
	/*background-color:#5f87cc;
	color:#FFF;--原*/
	background-color:#FFF;
	color:#000;
	font-size:12px;
	letter-spacing:1px;
	border:1px solid #c0112e;
	padding:0 5px;
	margin-right:5px;
}
body.P04 .main div.content .born .box2 .in_t1{
	width:300px;
	height:20px;
}
body.P04 .main div.content .born .box2 .in_t2{
	width:120px;
	height:20px;
}
body.P04 .main div.content .born .box2 .in_t3{
	width:450px;
	height:85px;
	margin-top:10px;
	padding:5px;
}
body.P04 .main div.content .born .box2 .in_t4{
	width:120px;
	height:20px;
	background-color:#c0112e;
	color:#FFF;
	font-size:12px;
	letter-spacing:1px;
	border:1px solid #dd4861;
}
body.P04 .main div.content .born .box3{
	width:200px;
	height:32px;
	top:832px;
	left:274px;
}
body.P04 .main div.content .born .box3a,
body.P04 .main div.content .born .box3b{
	float:left;
	width:99px;
	height:32px;
}
body.P04 .main div.content .born .box3a a{
	width:99px;
	height:32px;
	display:block;
	background:url(../images/all/btn1.png) 0 0 no-repeat;
	text-indent:-99999px;
}
body.P04 .main div.content .born .box3a a:hover{
	width:99px;
	height:32px;
	display:block;
	background:url(../images/all/btn1.png) 0 100% no-repeat;
	text-indent:-99999px;
}
body.P04 .main div.content .born .box3b a{
	width:99px;
	height:32px;
	display:block;
	background:url(../images/all/btn1.png) 100% 0 no-repeat;
	text-indent:-99999px;
}
body.P04 .main div.content .born .box3b a:hover{
	width:99px;
	height:32px;
	display:block;
	background:url(../images/all/btn1.png) 100% 100% no-repeat;
	text-indent:-99999px;
}

/*================== 頁次選項 pageArea ======================*/
.bg_n1 { background-position: left center; background-repeat:no-repeat; padding-left:4px;}
.bg_n1 a:link,
.bg_n1 a:active,
.bg_n1 a:visited { color:#666; font-size:12px; text-decoration: none;}
.bg_n1 a:hover { font-size:12px; color:#000; text-decoration: none; }

/*================== 首頁HOME ======================*/
body.home{
	background:url(../images/index/header_bg.jpg) 50% 0 no-repeat;
	background-color:#FFF;
}
body.home .header_bg{
	background:none;
}
body.home .header{
	height:552px;
}
body.home .header div.banner{
	width:974px;
	height:370px;
	top:131px;
	left:13px;
	z-index:88px
}
body.home .main_bg{
	background:none;
}
body.home .main div.ex1{/*-------------↓SerchBar - 開始↓-----------*/
  width:639px;
  height:42px;
  top:-50px;
  left:35px;
}
body.home .main div.ex1 .serchbox{
	background:url(../images/index/SerchArea_bg.png) 0 0 no-repeat;
	width:639px;
	height:42px;
	margin-left:0px;
	margin-top:0px;
}
body.home .main div.ex1 .serchbox div.in1{
	width:104px;
	height:20px;
	top:11px;
	left:140px;
}
body.home .main div.ex1 .serchbox div.in2{
	width:270px;
	height:22px;
	top:11px;
	left:255px;
}
body.home .main div.ex1 .serchbox div.btn_go{
	width:40px;
	height:20px;
	top:11px;
	right:30px;
}
body.home .main div.ex1 .serchbox div.btn_go a{ 
    background:url(../images/all/GO.png) 0 0 no-repeat;
	text-indent:-99999px;
	width:40px;
	height:20px;
	display:block;
}
body.home .main div.ex1 .serchbox div.btn_go a:hover{ 
    background:url(../images/all/GO.png) 0 100% no-repeat;
	text-indent:-99999px;
	width:40px;
	height:20px;
	display:block;
}
/*-------------↑SerchBar - 結束↑-----------*/
/*-------------↓右上部社群分享區 - 開始↓-----------*/
body.home .header div.ex1{ 
	width:293px;
	height:42px;
	top:500px;
	right:33px;
	background:none;
	paddingt:0;
}
body.home .header div.ex1 ul{
	list-style:none;
	display:inline;
	width:293px;
	height:42px;
}
body.home .header div.ex1 ul li{
	float:left;
}
body.home .header div.ex1 ul li.btn1 a{ 
    background:url(../images/index/fb+yt.png) 0 0 no-repeat;
	width:178px;
	height:42px;
}
body.home .header div.ex1 ul li.btn1 a:hover{ 
    background:url(../images/index/fb+yt.png) 0 -42px no-repeat;
	width:178px;
	height:42px;
}
body.home .header div.ex1 ul li.btn2 a{ 
    background:url(../images/index/fb+yt.png) -178px 0 no-repeat;
	width:115px;
	height:42px;
}
body.home .header div.ex1 ul li.btn2 a:hover{ 
    background:url(../images/index/fb+yt.png) -178px -42px no-repeat;
	width:115px;
	height:42px;
}
/*-------------↑右上部社群分享區 - 結束↑-----------*/
body.home .main div.content{/*中間內容區塊*/
	width:1000px;
	height:200px;
	float:none;
	padding-top:0px;
	margin-top:0px;
	margin-right:0px;
	background:url(../images/index/content.jpg) no-repeat 0 -10px;
}
body.home .main div.content .news{/*中間news*/
	float:left;
	width:415px;
	margin:75px 0 0 30px;
	font-size:12px;
	line-height:16px;
	padding-top:35px;
}
body.home .main div.content .news li{
	clear:both;
	margin-bottom:4px;
	font-size:13px;
}
body.home .main div.content .news li .date{
	float:left;
	width:80px;
	/*color:#7b7b7b;*/
	color:#000;
	background:url(../images/index/icon.jpg) no-repeat 0 2px;
	padding-left:20px;
}
body.home .main div.content .news li.n1 .txt{
	margin-left:100px;
	margin-top:20px;
	height:16px;
}
body.home .main div.content .news li .txt{
	float:left;
	width:305px;
	/*color:#7b7b7b;*/
	color:#000;
}
body.home .main div.content .news li .txt a{
	/*color:#7b7b7b;*/
	color:#000;
	text-decoration:none;
}
body.home .main div.content .news li .txt a:hover{
	color:#C4112F;
}
body.home .main div.content .pro{/*中間product*/
	float:left;
	margin:55px 0 0 25px;
	width:510px;
}
body.home .main div.content .pro li{
	width:135px;
	line-height:2.5em;
	margin-left:18px;
}
body.home .main div.content .pro li a{
	display:block;
	text-align:center;
	color:#333;
	font-size:13px;
	text-decoration:none;
}
body.home .main div.content .pro li a img{
	border:1px solid #CCC;
	/*width:124px;*/
	padding:0 2px;
}
body.home .main div.content .pro li a:hover{
	color:#C0112E;
}
body.home .main div.content .pro li a:hover img{
	border:1px solid #C0112E;
}

body.home .footer_bg{
	background:url(../images/index/footer.jpg) no-repeat center top;
	height:118px;
}
body.home .footer .sitemap{
	top:6px;
	left:352px;
}
body.home .footer .address1{
	left:0;
	top:32px;
}
body.home .footer .copyright{
	top:95px;
	left:340px;
}

.slideshow { height: 370px; width: 974px; margin: auto; background-color:transparent; }
.slideshow img { border: none;}