html, body {margin: 0 ;height: auto;overflow-x: hidden;background: #F3F3F3 url('../images/bg.jpg') ;}::selection { background:#E8E4BE; color:#000;}::-moz-selection { background:#E8E4BE; color:#000;}::-webkit-selection { background:#E8E4BE; color:#000;}#Wrapper { width:100%; height:auto; background: url('../images/wapperBG.png') top repeat-x;float:left;}#Header{text-align: center; margin-right: auto; margin-left: auto;height:auto;}#Header .NavBox{ width: 100%; float:left;}#Header .PadBox{ width: 100%; float:left;display:none;}#Header .main_logo { width:auto;padding:0; text-align: center; }#Header .main_link { width: auto; text-align: center;}.normallink{ padding:0 60px 0 0;}.lastlink{ padding:0;}.NavBtnPic{ position:relative; bottom:30px; }.LogoMenu{width:100%;height:auto;float:left;text-align:left;display:none;}.IndexNavBox{ width:auto;height:auto; float:none;margin-left:auto;margin-right:auto;margin-top:21px;}#PhoneNavBox{ display:none; }.phoneLogoPadding{ padding:0 0 0 10px;}.PhoneBtns{width:auto;height:auto;cursor:pointer;top:0;right:0;position:absolute;margin:93px 25px 0 0;z-index:9999;}ul#PhoneNav {font-family: Open Sans, sans-serif, sans-serif,;list-style: none;width:100%;float:left;text-align:center;padding:0;margin:0;font-size:15px;background-color:#EFEFEF;letter-spacing:2px;text-shadow: 1px 1px 1px #FFFFFF;text-decoration: none;}ul#PhoneNav li {width:50%;border-bottom:1px solid #E5E5E5;border-left:1px solid #E5E5E5;float:left;height:auto;margin:0 0 0 -1px;}#PhoneNav li a {color:#000;display: block;padding: 15px;text-decoration: none;background-image: -moz-linear-gradient(top, #FFFFFF, #EFEFEF);background-image: -ms-linear-gradient(top, #FFFFFF, #EFEFEF);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EFEFEF));background-image: -webkit-linear-gradient(top, #FFFFFF, #EFEFEF);background-image: -o-linear-gradient(top, #FFFFFF, #EFEFEF);background-image: linear-gradient(top, #FFFFFF, #EFEFEF);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF', GradientType=0);}.SubMenu{width:auto;float:right;height:auto;display:block;cursor:pointer;z-index:9999;position:relative;right:25px;}ul.SubList{width:100%;height:auto;color:#ABABAB;font-family: Open Sans, sans-serif, sans-serif,"微軟正黑體";font-size: 13px;float:left; list-style-position: outside; list-style-type: none;margin:0;padding:0;color:#ABABAB;}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:#ABABAB;text-decoration: none;} ul.SubList a:visited {color:#ABABAB;text-decoration: none;} ul.SubList a:hover { color:#ABABAB; text-decoration:underline;}ul.SubList li{width:auto;float:left;margin:0 9px 0 9px;text-align:left;line-height:32px;}.FootLine{width:100%;border-top:1px solid #EEEEEE;float:left;margin:60px 0 0 0;}.ContentBox{width:54%;height:auto;margin-left:auto;margin-right:auto;}.FooterCopyright{width:100%;height:auto;}.FootInfo{width:80%;font-size:12px;height:auto;float:left;line-height:140%;text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif;color:#AEAAA3;padding:53px 0 40px 10px;}.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 a { float:right;padding:54px 0 0 0;}a.RgoTop{position:fixed; bottom:26%; right:2%;cursor:pointer;display:none;z-index:9999;}a.RgoTop img{border:0;}.LargeBanner{width:102%;height:auto;float:left;margin:60px 0 0 0;display:block;}.PicImg{ width:100%;}.AboutLogoImg{ width:100%;}.PadLogoImg{ width:100%;max-width:480px; margin-left:auto;margin-right:auto;padding-top:40px;text-align:center;height:auto; float:none;display:none;}.AboutContent{width:85%;max-width:823px;height:auto;margin-left:auto;margin-right:auto;}.TitlePic{width:100%; margin-top:73px;}.TitlePad{width:100%;max-width:700px;margin-top:26px;display:none;}.zhAbout{max-width:351px;font-size:13px;height:auto;float:left;line-height:220%; letter-spacing:1.3px;text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif;color:#000;padding:45px 0 0 0;}.zhPicPadding{ padding:45px 0 0 0; }h1 , h2 {font-size:13px;margin:0 4px 0 0;padding:0; float:left; font-weight:normal;}.AboutImg{ width:100%;max-width:345px;margin:40px 0 40px 0; } .enAbout{max-width:380px;font-size:13px;height:auto;float:left;line-height:200%; letter-spacing:0px;font-family: Verdana, Geneva, sans-serif;color:#6F6F6F;padding:45px 0 0 0;margin:0 0 0 88px;} .enAboutPadding{ padding:0;} .ItemImg{ width:100%;max-width:380px;margin:40px 0 40px 0; }.zhFeature{width:100%;font-size:13px;height:auto;float:left;line-height:220%; letter-spacing:1.3px;text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif;color:#000;padding:45px 0 0 0;}.enFeature{max-width:100%;font-size:13px;height:auto;float:left;line-height:200%; font-family: Verdana, Geneva, sans-serif;color:#6F6F6F;padding:15px 0 0 0;}.enPadding{padding:0;}.WorkImage{width:100%;height:auto;float:left;margin:70px 0 0 0;}.WorkBanner{width:36%;height:auto;float:left;}.workDrChu{width:63.1%;height:auto;float:left;}.shadow{width:100%;height:auto;float:left;box-shadow:-10px 20px 30px -10px rgba(20%,20%,20%,0.2);margin:0 0 30px 0;}.CompanyInfo{width:230px;height:auto;float:left;font-size:13px;line-height:276%; letter-spacing:1.3px;text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif;color:#000;padding:0 0 0 3px;margin:45px 0 30px 0;}.CompanyInfo a:link {color:#6BB5C1;text-decoration: underline;} .CompanyInfo a:visited {color:#6BB5C1;text-decoration: none;} .CompanyInfo a:hover { color:#6BB5C1; text-decoration:none;}.LocationMap{max-width:550px;width:65%;height:305px;float:right;margin:50px 0 30px 0;}#map-canvas {width: 100%;height: 305px;}.WallImage{width:100%;height:auto;max-height:300px;float:left;margin:120px 0 50px 0;box-shadow:-7px 30px 40px -7px rgba(30%,30%,30%,0.3);}  @media screen and (max-width: 1850px) { .ContentBox{ width:57%;} }  @media screen and (max-width: 1750px) { .ContentBox{ width:60%;} }  @media screen and (max-width: 1650px) { .ContentBox{ width:64%;} }  @media screen and (max-width: 1550px) { .ContentBox{ width:68%;} }  @media screen and (max-width: 1450px) { .ContentBox{ width:72%;} }  @media screen and (max-width: 1350px) { .ContentBox{ width:77%;} }  @media screen and (max-width: 1280px) { .ContentBox{ width:83%;}.LargeBanner{ width:101.5%;} }  @media screen and (max-width: 1200px) { .ContentBox{ width:87%;} } @media screen and (max-width: 1138px) { .zhAbout{max-width:351px;}.enAbout{max-width:380px;margin:0 0 0 78px;} }  @media screen and (max-width: 1120px) {.ContentBox{width:88%;} .normallink{ padding:0 45px 0 0;}.zhAbout{max-width:330px;}.enAbout{max-width:345px;}} @media screen and (max-width: 1024px) { .ContentBox{ width:90%;} .normallink{ padding:0 30px 0 0;}.zhAbout{witdh:30%;max-width:310px;}.enAbout{witdh:30%;max-width:330px;}.enAboutPadding{ padding:35px 0 0 0;}.WallImage{max-height:280px;}.WorkBanner{ width:35.9%;} } @media screen and (max-width: 980px) {.normallink{ padding:0 20px 0 0;}.zhAbout{max-width:100%;padding:45px 0 0 0;}.enAbout{max-width:100%;padding:45px 0 0 0;margin:0;}.AboutImg{ width:100%;max-width:100%; }.ItemImg{ width:100%;max-width:100%; }.AboutLogoImg{ display:none; }.PadLogoImg{ display:block; }.LocationMap{width:58%;}.WallImage{max-height:280px;margin:70px 0 10px 0;box-shadow:-13px 30px 40px -13px rgba(30%,30%,30%,0.3);}}  @media screen and (max-width: 923px) {.normallink{ padding:0 15px 0 0;}}  @media screen and (max-width: 910px) {#Header .NavBox{ display:none }#Header .PadBox{ display:block }}  @media screen and (max-width: 845px) {.normallink{ padding:0 12px 0 0;}.LocationMap{width:53%;}}  @media screen and (max-width: 770px) {#header{display:none;} #header #header_logo {display:none;}#header #header_logo #logo {display:none;}#logo2 {display:none;}#header #header_logo .right_logo {display:none;}.right_logo {display:none;}#header #menu {display:none;}#header #main_menu {display:none;}#header .main_link {display:none;}#header .main_link:hover {display:none;}#container {display:none;}#PhoneNavBox{display:block;}.LargeBanner{ margin:30px 0 0 0;}#Header .PadBox{ display:none }.LogoMenu{display:block; }.LocationMap{width:49%;height:350px;}#map-canvas {height: 350px;}.CompanyInfo{ line-height:320%; }.WorkBanner{ width:35.9%;}.PadLogoImg{ max-width:770px; padding:70px 0 60px 0;}.WallImage{max-height:210px;margin:70px 0 10px 0;box-shadow:-13px 30px 40px -13px rgba(30%,30%,30%,0.3);}}  @media screen and (max-width: 700px) {a.RgoTop img{ display:none;}.AboutContent{width:100%;}.TitlePic{ display:none;}.TitlePad{ display:block; }.enAbout{ padding:45px 0 45px 0; }.enPadding{padding:0 0 45px 0;}.enAboutPadding{ padding:0;}.PadLogoImg{ max-width:700px; padding:70px 0 70px 0;}.LocationMap{width:45%;height:370px;}#map-canvas {height: 370px;}.CompanyInfo{ width:210px;line-height:320%; letter-spacing:0;}.workDrChu{width:63.1%;}.WallImage{max-height:180px;margin:30px 0 125px 0;box-shadow:-13px 30px 40px -13px rgba(30%,30%,30%,0.3);}} @media screen and (max-width: 480px) {.AboutContent{width:100%;}.LocationMap{width:100%;height:370px;margin:10px 0 0 0;}#map-canvas {height: 370px;}.CompanyInfo{ width:100%;line-height:320%; letter-spacing:1.3px;}.PadLogoImg{ max-width:480px; padding:50px 0 50px 0;}.WorkImage{margin:30px 0 0 0; } .zhPicPadding{ padding:10px 0 0 0; }.WallImage{max-height:150px;margin:0px 0 60px 0;box-shadow:-15px 30px 40px -15px rgba(30%,30%,30%,0.3);}}  @media screen and (max-width: 400px) {.HsLogo a { display:none;} } @media screen and (max-width: 320px) {ul.SubList{font-size: 12px;}ul.SubList li{margin:0 3px 0 10px;} .PadLogoImg{ max-width:320px; padding:30px 0 30px 0;}}