html, body {margin: 0 ;height: auto;overflow-x: hidden;background: #F3F3F3 url('../images/bg.jpg') ;}#Wrapper { width:100%; height:auto; background: url('../images/wapperBG.png') top repeat-x;float:left;}::selection { background:#E8E4BE; color:#000;}::-moz-selection { background:#E8E4BE; color:#000;}::-webkit-selection { background:#E8E4BE; color:#000;}.IndexNavBox{ width:auto;height:auto; float:none;margin-left:auto;margin-right:auto;margin-top:21px;}.RightSubMenu{width:77%;float:right;height:auto;display:block;cursor:pointer;z-index:9999;}ul.SubList{width:100%;height:auto;color:#727272;font-family: Open Sans, sans-serif, sans-serif,"微軟正黑體";font-size: 12px;float:left; list-style-position: outside; list-style-type: none;margin:0;padding:29px 0 29px 0;color:#909090;}ul.SubList a span.one, a:hover span.two {display: inline;}ul.SubList a:hover span.one, a span.two {display: none;}ul.SubList a:link {color:#909090;text-decoration: none;} ul.SubList a:visited {color:#909090;text-decoration: none;} ul.SubList a:hover { color:#909090; text-decoration:underline;}ul.SubList li{width:auto;float:left;margin:0 9px 0 9px;text-align:left;line-height:32px;}h1 ,h2{ padding:0; margin:0;}.IndexItem{width:66%;height:auto;margin-left:auto;margin-right:auto;}.LogoMenu{width:30%;height:771px;float:left;text-align:center;}.LargeBanner{min-width:351px;width:430px;height:685px;padding:86px 0 0 0;float:left;text-align:center;overflow-y: hidden;display:block;}.LargeBannerSmall{width:351px;height:685px;padding:86px 0 0 0;float:left;text-align:center;overflow-y: hidden;display:none;}.LargeBannerPhone{width:351px;height:240px;padding:58px 0 0 0;margin:0 0 0 80px;float:left;text-align:center;overflow-y: hidden;display:none;}.IndexNews{width:31%;height:771px;float:left;text-align:center;overflow: hidden;}.PicImg{width:100%;}.NewsEvent{width:235px;height:auto;margin-top:0;margin-left:auto;margin-right:auto;float:none;text-align:center;}.NewsH3title{width:100%;height:auto;font-size:13px;color:#707070;font-weight:normal;text-decoration:underline;margin:0;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}.NewsList {padding:15px 0 17px 0;margin:-1px 0 20px 0;float:left;width:235px;font-size:13px;line-height:140%;text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif;border-top:1px dashed #D2D1D2;color: #AEAAA3;overflow: hidden;white-space: normal;height: 2.9em;text-overflow: -o-ellipsis-lastline;}.NewsList div.first{ border-top:0;}.NewsList a:link {color: #AEAAA3;text-decoration: none;} .NewsList a:visited {color: #AEAAA3;text-decoration: none;} .NewsList a:hover {color: #AEAAA3;text-decoration: underline;}.NewsList div.last{ border:0}.FooterCopyright{width:100%;height:auto;float:left;}.FootInfo{width:84%;font-size:12px;height:75px;line-height:140%;text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif;color:#AEAAA3;padding:20px 0 0 20px;margin:10px 0 0 60px;}.FootInfo a:link {color: #AEAAA3;text-decoration: underline;} .FootInfo a:visited {color: #AEAAA3;text-decoration: none;} .FootInfo a:hover {color: #000;text-decoration: underline;}.HsLogo { float:right;}  
 @media screen and (max-width: 3100px) {.IndexNews{	width:19%;}} @media screen and (max-width: 2265px) {.IndexNews{	width:24%;}} @media screen and (max-width: 1980px) {.IndexNews{	width:31%;}} @media screen and (max-width: 1690px) {.RightSubMenu{width:80%;}.IndexItem{width:65%; }.LogoMenu{width:27%;height:771px;}.LargeBanner{max-width:430px;width:433px;height:auto;}.IndexNews{width:340px;height:771px;}}  @media screen and (max-width: 1646px) {.RightSubMenu{width:80%;}.IndexItem{width:70%; }.LogoMenu{ width:30%;height:auto;}.LargeBanner{ display:none;}.LargeBannerSmall{ display:block;}.IndexNews{width:31%;height:760px;}}  @media screen and (max-width: 1516px) {.RightSubMenu{width:85%;}}  @media screen and (max-width: 1400px) {.RightSubMenu{width:77%;}.IndexItem{width:90%; }.LargeBanner{ display:block;width:40%;max-width:470px;height:685px;}.LargeBannerSmall{ display:none;}.LogoMenu{width:28%;}.IndexNews{width:32%;}}  @media screen and (max-width: 1280px) {.IndexItem{width:100%; }.RightSubMenu{width:80%;}}  @media screen and (max-width: 1080px) {.RightSubMenu{width:82%;}.LargeBannerSmall{width:351px;height:685px;}.LargeBanner{ display:none;}.LargeBannerSmall{ display:block;width:36%;max-width:400px;height:685px;}.LogoMenu{width:28%;}.IndexNews{width:34%;}}  @media screen and (max-width: 1024px) {.RightSubMenu{width:85%;}.LogoMenu{width:30.5%;}.IndexNews{width:32.5%; }}  @media screen and (max-width: 980px) {.RightSubMenu{width:85%;}.LogoMenu{width:29%;}.IndexNews{width:35%; height:auto;}.LargeBannerSmall{width:35.7%;height:auto;}}  @media screen and (max-width: 870px) {.RightSubMenu{width:90%;}}  @media screen and (max-width: 770px) {.LogoMenu{width:29%;}.IndexNews{width:65%; height:410px;}.LargeBannerSmall{ display:none; }.LargeBannerPhone{display:block;}.RightSubMenu{width:82%;}.slogan{ display:none;}ul.SubList li{margin:0 15px 0 15px;}.FooterCopyright{margin:50px 0 0 0;border-top:1px solid #EEEEEE;}.HsLogo { display:none;} }  @media screen and (max-width: 700px) {.LogoMenu{width:41%;} .IndexNews{width:48%; height:410px;} .LargeBannerPhone{width:351px;margin:0;}.RightSubMenu{width:91%;}ul.SubList li{margin:0 10px 0 10px;} }  @media screen and (max-width: 640px) {.LogoMenu{width:100%;}.RightSubMenu{width:60%;}.IndexNews{width:100%;}.LargeBannerPhone{width:351px;margin-left:auto;margin-right:auto;float:none;text-align:center;}.RightSubMenu{width:340px;height:auto; text-align:center;float:none;margin-left:auto;margin-right:auto;}ul.SubList li{margin:0 5px 0 25px;} .IndexNews{width:100%;}.FooterCopyright{margin:80px 0 0 0;border-top:1px solid #EEEEEE;background-color:#FFFFFF;}}  @media screen and (max-width: 480px) {.LargeBannerPhone{width:100%; height:auto;}.FootInfo{margin:10px 0 0 25px;}.RightSubMenu{width:75%;}}  @media screen and (max-width: 430px) {.RightSubMenu{width:90%;}ul.SubList li{margin:0 5px 0 10px; } .IndexNews{height:405px; }.FootInfo{margin:10px 0 0 10px;}}