@import url("reset.css");

/********************************************************************************************************************************************************************************************************************/
/*¡iºô­¶¬[ºc¡j*/
body{ background:#009fda; background:url(../images/bg_body.jpg) repeat;}
#Wrapper{ width:1000px; height:auto; margin:0 auto; overflow:hidden;}

/********************************************************************************************************************************************************************************************************************/
/*¡i­º­¶¡j*/
#Head_ix{ width:1000px; height:90px;}
.Logo_ix{ float:left;}
.Menu_ix{ display:block; width:530px; float:right; padding-top:50px;}
.Menu_ix ul{ float:right; padding-right:30px;}
.Menu_ix li{ float:left; margin:0 7px;}
.Menu_ix li.mix1 a{ display:block; width:98px; height:34px; background:url(../images/menu_mix1.jpg);}
.Menu_ix li.mix2 a{ display:block; width:98px; height:34px; background:url(../images/menu_mix2.jpg);}
.Menu_ix li.mix3 a{ display:block; width:98px; height:34px; background:url(../images/menu_mix3.jpg);}
.Menu_ix li.mix4 a{ display:block; width:98px; height:34px; background:url(../images/menu_mix4.jpg);}
.Menu_ix li.mix1 a:hover{ background:url(../images/menu_mix1.jpg) bottom;}
.Menu_ix li.mix2 a:hover{ background:url(../images/menu_mix2.jpg) bottom;}
.Menu_ix li.mix3 a:hover{ background:url(../images/menu_mix3.jpg) bottom;}
.Menu_ix li.mix4 a:hover{ background:url(../images/menu_mix4.jpg) bottom;}
#Flash{ width:886px; height:383px; background:url(../images/bg_flash.jpg); padding:21px; margin:0 auto;}
#Footer_ix{ width:900px; font:0.75em Verdana; color:#422b3a; line-height:20px; padding:10px 50px;}
#Footer_ix a{ color:#FFF;}
#Footer_ix a:hover{ color:#939;}

/********************************************************************************************************************************************************************************************************************/
/*¡i¤º­¶¡j*/
#Head_pg{ width:1000px; height:90px;}
.Logo_pg{ float:left;}
.Menu_pg{ display:block; width:530px; float:right; padding-top:50px;}
.Menu_pg ul{ float:right;}
.Menu_pg li{ float:left; margin:0 5px;}
.Menu_pg li.mpg1 a{ display:block; width:98px; height:34px; background:url(../images/menu_mpg1.jpg);}
.Menu_pg li.mpg2 a{ display:block; width:98px; height:34px; background:url(../images/menu_mpg2.jpg);}
.Menu_pg li.mpg3 a{ display:block; width:98px; height:34px; background:url(../images/menu_mpg3.jpg);}
.Menu_pg li.mpg4 a{ display:block; width:98px; height:34px; background:url(../images/menu_mpg4.jpg);}
.Menu_pg li.mpg5 a{ display:block; width:77px; height:34px; background:url(../images/menu_mpg5.jpg);}
.Menu_pg li.mpg1 a:hover{ background:url(../images/menu_mpg1.jpg) bottom;}
.Menu_pg li.mpg2 a:hover{ background:url(../images/menu_mpg2.jpg) bottom;}
.Menu_pg li.mpg3 a:hover{ background:url(../images/menu_mpg3.jpg) bottom;}
.Menu_pg li.mpg4 a:hover{ background:url(../images/menu_mpg4.jpg) bottom;}
.Menu_pg li.mpg5 a:hover{ background:url(../images/menu_mpg5.jpg) bottom;}
.Menu_pg li.mpg1on a{ display:block; width:98px; height:34px; background:url(../images/menu_mpg1.jpg) bottom;}
.Menu_pg li.mpg2on a{ display:block; width:98px; height:34px; background:url(../images/menu_mpg2.jpg) bottom;}
.Menu_pg li.mpg3on a{ display:block; width:98px; height:34px; background:url(../images/menu_mpg3.jpg) bottom;}
.Menu_pg li.mpg4on a{ display:block; width:98px; height:34px; background:url(../images/menu_mpg4.jpg) bottom;}
.Menu_pg li.mpg5on a{ display:block; width:77px; height:34px; background:url(../images/menu_mpg5.jpg) bottom;}
#Image_pg{ width:1000px; height:190px; background:url(../images/bg_image.jpg); padding:20px 0;}
#Content_pg{ width:1000px; height:auto; background:url(../images/bg_content_pg.jpg) top; overflow:hidden;}
.Slider{ float:left; display:block; width:205px; height:auto; background:url(../images/bg_slider_pg.jpg) top no-repeat; padding:50px 18px 20px 18px; overflow:hidden;}
.Slider li{ font:bold 0.8em Verdana; color:#473e43; line-height:20px; text-align:center; border-bottom:dashed #CCC 1px; padding:5px 0;}
.Slider li a{ color:#473e43;}
.Slider li a:hover{ color:#e4003b;}
.Slider li.Slider_image{ border:none;}
.Slider dl{ font:bold 0.75em Verdana; color:#473e43; line-height:20px; text-align:center; border-bottom:dashed #CCC 1px; padding:7px 0;}
.Slider dl dt a{}
.Slider dl dt a:hover{ color:#969;}
.Text{ float:right; display:block; width:729px; height:auto; padding:15px; overflow:hidden;}
.Text_item{}
.Text_text{ font:0.75em Verdana; color:#565458; line-height:20px; padding:5px 25px; overflow:hidden;}
.Text_mark{ font:bold 1.3em Verdana; padding:8px 0;}
#Footer_pg{ width:1000px; height:38px; background:url(../images/bg_footer_pg.jpg); font:0.7em Verdana; color:#eae8ea; line-height:38px; text-align:center; padding-top:6px;}
#Footer_pg > p{ transform: scale(0.9);width: 1100px;margin-left: -50px;font-size: 12px;}
#Footer_pg a{ color:#eae8ea;}
#Footer_pg a:hover{ color:#C9C;}

/********************************************************************************************************************************************************************************************************************/
/*¡i³sµ¸Äæ¦ì¡j*/
.Txt{ width:65px; color:#555; text-align:right; vertical-align:middle; padding:0 10px;}
.TxtStar{ color:#F06; line-height:20px; padding:0 5px;}
.TxtMark{ color:#FF2D0F;}
.TxtStandard{ width:160px; background:#FFF; border:solid #999 1px; font:1.1em Verdana; color:#666; padding:4px; margin:4px 0;}
.TxtLong{ width:550px; background:#FFF; border:solid #999 1px; font:1.1em Verdana; color:#666; padding:4px; margin:4px 0;}
.TxtShort{ width:30px; background:#FFF; border:solid #999 1px; font:1.1em Verdana; color:#666; padding:4px; margin:4px 0;}
.TxtText{ width:550px; height:110px; background:#FFF; border:solid #999 1px; font:1.1em Verdana; color:#666; padding:4px; margin:4px 0;}
.TxtMiddle{ width:60px; background:#FFF; border:solid #999 1px; font:1.1em Verdana; color:#666; padding:4px; margin:4px 0;}
.TxtOnly{ background:#FFF; border:solid #999 1px; font:1.1em Verdana; color:#666; padding:1px; margin:2px 0;}
.TxtCode{ margin:0 5px;}
.Send{ width:75px; height:22px; background:url(../images/bg_button.jpg); font:0.95em Verdana; color:#F2F2F2; text-align:center; border:none; margin:3px 5px 0 0; padding-bottom:2px;}
.Delete{ width:75px; height:22px; background:url(../images/bg_button.jpg); font:0.95em Verdana; color:#F2F2F2; text-align:center; border:none; margin:3px 5px 0 0; padding-bottom:2px;}

/* 20171025 - 公司簡介靜態頁面 */
.Text_text p{ color: #565458; font-size: 12px; line-height: 20px; text-align: justify; margin: 0;}
.Text_text .title{ color: #8d015c; font-size: 14px; font-weight: bold; margin-top: 5px; margin-bottom: 8px;}
.advantageArea{ margin-bottom: 30px; margin-top: 35px;}
.advantageArea:before, .advantageArea:after{ content: ''; display: block;}
.advantageArea:after{ clear: both;}
.advantageArea .advantage{ width: 33.33%; float: left; text-align: center; position: relative;}
.advantageArea .advantage:after{ content:''; display: block; position: absolute; top: 42px; right: -35px; width: 70px; height: 0px; border-top: solid 1px #d0d0d0; border-bottom: solid 1px #efefef;}
.advantageArea .advantage:last-child:after{ display: none; }
.advantageArea .advantage p{ padding: 0 10px; text-align: center;}
.history{margin-top: 30px; min-height: 200px;}
.history:after{ content:'';display: block; clear:both; }
.history ul{padding-left: 13px;float: left;}
.history ul > li{list-style-type: none; position: relative;}
.history ul > li:before{content:'❖'; display: block; position: absolute; top: 0; left: -13px;}
.history ul > li:after{content:'';display: block; clear:both;}
.history ul > li > span{width: 65px; font-weight: bold; color: #000; text-decoration: underline; float: left;}
.history ul > li > p{width: calc(100% - 65px); float: left;}
.history .history_img{float: right; margin-top: -5px;}

/* 20171025 - 廠商設備靜態頁面 */
.Text_text img{ max-width: 100%; }
.Text_text section:not(:first-child){ margin-top: 30px; }
.Text_text section:not(:last-child){ margin-bottom: 30px; }
.equFactory:after{ content:'';display: block; clear:both; }
.equFactory:not(:last-child){ margin-bottom: 15px; }
.equFactory .img_box{ width: 300px; float: left; }
.equFactory .factoryCtn{ width: calc(100% - 300px); margin-top: 15px; float: left; }
.equFactory .factoryCtn > p{ border-left: solid 2px #c98ab9; padding: 0 10px; }
.equFactory .factoryCtn > p.year{ color: #8d015c; font-size: 16px; font-weight: bold; }
.equFactory .factoryCtn > p.year span{ font-size: 12px; font-weight: normal; }
.equFactory .factoryCtn > p.year span{ font-size: 12px; font-weight: normal; }
.proEquArea{ margin: 10px 0 15px;}
.proEquArea:after{ content:'';display: block; clear:both; }
.proEquArea .proEqu{width: 33.33%; border-right: dotted 1px #c98ab9; padding: 5px 10px;float: left; min-height: 70px; box-sizing: border-box;}
.proEquArea .proEqu:last-child{border-right: none;}
.proEquArea .proEqu p, .detectionArea .detectionCtn p{margin-left: 13px; position: relative;}
.proEquArea .proEqu p:before, .detectionArea .detectionCtn p:before { content:'❖'; display: block; position: absolute; top: 0; left: -13px; }
.detectionArea:after{ content:'';display: block; clear:both; }
.detectionArea .img_box{ width: 300px;float: left; }
.detectionArea .detectionCtn{ width: calc(100% - 300px - 20px); margin-left: 20px;float: left; }



/********************************************************************************************************************************************************************************************************************/
/*¡i²£«~List³]©w¡j*/
.Box{ display:block; width:140px; height:auto; margin:5px 8px; float:left;}
.BoxPic a{ display:block; width:140px; height:105px; border:solid #5e565b 1px; background:#FFF;}
.BoxPic a:hover{ border:solid #969 1px;}
.BoxTxt a{ display:block; width:140px; font:Verdana; color:#4f474c; line-height:25px; text-align:center; letter-spacing:0.05em;}
.BoxTxt a:hover{ color:#969;}
.Page{ float:right;}
.Page li{ float:left;}
.Page li a{ background:url(../images/bg_button.jpg); font:bold 0.75em Verdana; color:#FFF; text-align:center; margin:0 3px; padding:0.3em 0.7em;}
.Page li a:hover{ background:#969; color:#FFF;}

/********************************************************************************************************************************************************************************************************************/
/*¡i²£«~Detail³]©w¡j*/
.Pic{ display:block; width:420px; float:left; overflow:hidden;}
/*.PicMax{ display:block; width:400px; height:300px; border:solid #656361 1px; background:#FFF;}*/
.PicMax{ display:block;}
.PicMax img{max-width: 100%}
.PicMini{ display:block; width:400px; margin-top:10px;}
.PicMini li{ float:left; margin-right:10px;}
.PicMini li a{ display:block; width:100px; height:75px; border:solid #656361 1px; background:#FFF;}
.PicMini li a:hover{ display:block; width:100px; height:75px; border:solid #FFF 1px;}
.Data_item{ display:block; width:250px; font:bold 1.25em Verdana; color:#C36; line-height:22px; letter-spacing:0.2em; float:right;}
.Data_text{ display:block; width:250px; float:right;}
.Data_text li{ float:left; width:240px; border-bottom:dashed #FFF 1px; padding:5px 0; margin:0 5px;}
.Data_name{ font:bold 1em Verdana; padding-right:10px;}
.Data_note{ display:block; width:250px; padding:10px 0; float:right;}
.Previous a{ display:block; width:75px; height:22px; background:url(../images/bg_button.jpg); font:0.9em Verdana; color:#efecec; line-height:22px; text-align:center; float:right;}
.Previous a:hover{ color:#FFF;}

/********************************************************************************************************************************************************************************************************************/
/*¡i¨ä¥L³]©w¡j*/
.Strong{ font-family:Verdana; font-weight:bold;}
.Normal{ font-weight:normal;}
.ImageL{ float:left; margin-right:10px;}
.ImageR{ float:right; margin-left:10px;}

.Hr{ border:dotted #D1CDC9 1px; border-bottom:dashed #fff 1px; clear:both;}

.Clear{ clear:both; font-size:1px; height:0; line-height:0;}

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

.IWARE_FOOTER{ display:block; width:1000px; margin:0 auto; font:0.55em Verdana; line-height:20px; color:#ddc3d7; text-align:right; clear:both;}
.IWARE_FOOTER a{ color:#ddc3d7; text-decoration:none;}