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%;float:left;margin:0 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;}.CoffeeItem{width:45%;height:auto;margin-left:auto;margin-right:auto;margin-top:230px;padding:0 0 0 40px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}.CofeeBox{width:100%;height:auto;float:right;}.CofeeLeft{width:42%;height:auto;float:right;}.CofeeRight{width:51%;padding:65px 0 0 40px;height:auto;float:right;}.LBpic{width:100%;max-width:352px;height:auto;}.RBpic{width:100%;max-width:407px;height:auto;}.CoffeeContent{width:100%;max-width:402px;font-size:13px;color:#555555;    font-family: Geneva, Arial, Helvetica, sans-serif;font-weight:normal;line-height:220%;margin:40px 0 0 0;padding:0;}.CoffeeBanner{width:100%;height:360px; overflow:hidden;float:left;margin:70px 0 0 0;}.PicImg{width:100%;}.PCBanner{ display:block;}.bxslider{ display:none;}  @media screen and (max-width: 1850px) { .ContentBox{ width:57%;} }  @media screen and (max-width: 1750px) { .ContentBox{ width:60%;} .CoffeeItem{ width:55%; padding:0 0 0 50px; } }  @media screen and (max-width: 1650px) { .ContentBox{ width:64%;} }  @media screen and (max-width: 1550px) { .ContentBox{ width:68%;} .CoffeeItem{ width:60%; padding:0 0 0 40px; } }  @media screen and (max-width: 1450px) { .ContentBox{ width:72%;} .CoffeeItem{ width:63%;} }  @media screen and (max-width: 1350px) { .ContentBox{ width:77%;} .CoffeeItem{ width:70%; } }  @media screen and (max-width: 1280px) { .ContentBox{ width:83%;} .CoffeeItem{ width:75%; } }  @media screen and (max-width: 1200px) { .ContentBox{ width:87%;} .CoffeeItem{ width:80%; } }  @media screen and (max-width: 1120px) {.ContentBox{ width:90%; padding:0;}.normallink{ padding:0 45px 0 0;}.CoffeeItem{ width:92%; }.CofeeRight{width:50%;padding:65px 0 0 0;}}  @media screen and (max-width: 1024px) {.ContentBox{ width:90%;}.normallink{ padding:0 30px 0 0;}.CoffeeItem{ width:98%; padding:0 0 0 30px;  }.CofeeLeft{width:41%; } }  @media screen and (max-width: 980px) {.normallink{ padding:0 20px 0 0;}.CoffeeItem{ width:100%; padding:0; }}  @media screen and (max-width: 923px) {.normallink{ padding:0 15px 0 0;}.CofeeLeft{width:43%; }.CofeeRight{ width:50%;}}  @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;}.CofeeLeft{width:48%; }.CofeeRight{ width:50%;}}  @media screen and (max-width: 770px) {#Header .PadBox{ display:none }.LogoMenu{display:block; }.CofeeLeft{width:100%;text-align:center;float:left;padding:60px 0 0 0;}.CofeeRight{width:100%;text-align:center;float:left;padding:20px 0 0 0;}.CoffeeContent{width:100%;max-width:402px;margin-top:30px;padding:0;text-align:left;margin-left:auto;margin-right:auto;}.CoffeeItem{margin-top:0px;}}  @media screen and (max-width: 700px) {a.RgoTop img{display:none;}.PCBanner{ display:none;}.bxslider{ display:block;}.CoffeeBanner{height:auto; margin:70px 0 0 0;}}  @media screen and (max-width: 480px) {.CoffeeItem{ width:90%; }}  @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;}.CoffeeItem{ width:85%; }}