@charset "utf-8";


body {margin:0; padding:0; font-size:15px; line-height:160%; font-family:Arial, Helvetica, sans-serif,'微軟正黑體';  line-height: 1;}
a{text-decoration:none; color:#3E494D; cursor:pointer}
#header, #footer, #defaultimg, .content, #topimg{width:100%; height:auto; float:left;}
.page{height:auto; position:relative; margin:auto auto; padding:auto auto;}
.block{height:auto; float:left;}
.block_default{height:auto; float:left;}
.rwdimg{width:100%; height:auto;}
*{box-sizing:border-box;}

/*header*/
#header{border-bottom:1px solid #bd1e22; position:fixed; top:0; z-index:100; background:#fff;}
.logo{ height:auto; float:left;}
.logo img{max-width:100%; height:auto;}
.topdolor{float:right;}
.topdolor p{float:left; margin:2% 0;}

/*nav*/
.nav{float:right; height:auto; margin-top:0.5em;}
.nav a{display:block;  float:right; color:#fff; font-size:13px;}
.nav a span{color:#999; font-size:15px;}
.nav a:hover{ color: #CCC;}
.nav-m{width:100%; height:auto; float:left; display:none;}
.nav-m a{width:100%; height:auto; float:left; display:block; text-align:center; border-top:1px dotted #efefef; background:#fff; line-height:250%;}
.nav-m span{color:#999;}
.nav-m a:hover{background:#efefef;}
/*subnav*/
.subnav ul{margin:0; padding:0; list-style:none;  font-size:16px; font-weight:bold}
.subnav ul li a{ line-height:240%;}
.subnav ul li ul li a{padding-left:1.3em; border:none; font-size:15px; color:#666;}
.subnav a:hover{color:#069; background:#f6f6f6; }
.subnav a{width:100%; color:#333; display:block; padding-left:0.5em;}
/*defaultimg*/
#topimg .page{padding:0;}
/*footer*/
#footer{border-top:1px solid #bd1e22; text-align:center; font-size:13px;}
.callme{position:fixed;right: 5px;bottom:5px;z-index: 500;}
.callme img{margin: 0.2em 0;}
/*content*/
.side{height:auto; float:left;box-sizing:border-box;}
.main{height:auto; float:left; box-sizing:border-box; line-height:180%; text-align:left;}
.tit{font-family:"Times New Roman", Times, serif; text-align:center; width:100%; height:auto; float:left;}
.productintro img{max-width:100%; height:auto;}
h4.tit2{font-size: 16px;line-height: 150%;margin: 0;color: #224898;}
.cash1{width: 100%;float: left;padding: 1em;background: #fff2cc;border-radius: 1em;}
.cash2{width: 100%;float: left;padding: 1em;background: #cfe2f3;border-radius: 1em;margin-top: 2em;}

/*default page use*/
.d-service .block{padding:2%;}
.d-service .block div{position:relative;}
.d-service .block div h2{background:rgba(24,45,141,0.8); color:#fff; text-align:center; position:absolute; bottom:0; width:100%; line-height:180%; margin:0; font-size:30px;}
.hot .block{padding:2%;}
.hot .block section{line-height:180%;}
/*input frame*/
.inputframe{height:auto; padding:10px 5%; text-align:left; float:left; width:100%;}
.inputframe input{height:30px; width:100%;}
.inputframe textarea{width:100%;}
select{height:auto; width:100%;}


/*.listblock:hover{background:#EEEDE1;}*/
.listblock{border:12px solid #fff; float:left; text-align:center; padding:0.3em; cursor:pointer}
.listblock img{width:100%; height:auto;}
.listblock p{width:100%; height:auto; float:left; text-align:center;}
.listblock:hover{border:12px solid #c9c8c8;}
.listblock span{color:#f00;}
/*表單*/
.main_trans input, input, select,textarea{border:1px solid #ccc; width:90%; line-height:200%;}
.radiobtn{width:auto;}


/*最新消息*/
#news div{width:90%; margin-left:5%; padding:1%; height:auto; float:left; border-bottom:1px dotted #ccc; text-align:left;cursor: pointer;}
#news div span{width:auto; height:auto; float:right;  text-align:right; color:#666;}
#news div:hover{background:#F2F2F2; color:#960;}
#news h2{color:#960; width:90%; margin-left:5%; font-family:"微軟正黑體";}
#news p{ width:90%; margin-left:5%;}
/*會員中心*/
#member div{float:left; }
#member h4, #memberEdit h4,#memberOrder h4, #memberOrderDetail h4{font-size:15px; font-family:"微軟正黑體"; padding-left:25px; background:url(images/icon_03.jpg) no-repeat left; width:100%; float:left;}
#member p, #memberEdit p{ padding-left:25px;}
#memberOrder div{float:left; width:90%; margin-left:5%; padding:3px 5% 3px 5%; border-bottom:1px dotted #ccc; border-left:3px solid #fff; margin-bottom:5px;}
#memberOrder div:hover{background:#F6F6F6; border-left:3px solid #960;}
#memberOrder p{width:50%; height:auto; float:left;}
#memberOrder span{color:#960;}
#memberOrderDetail p{width:100%; display:block; float:left;}
#memberOrderDetail div p{width:100%; height:auto; margin:0;  float:left;}
#memberOrderDetail div{height:auto; float:left;  border:1px solid #ccc;}
#memberOrderDetail h1{font-size:13px; font-weight:normal; text-align:left; border-bottom:0px; margin-bottom:3px; padding:0; float:left;}
#memberOrderDetail h1 p{ float:right;}
#memberOrderDetail span{float:right; text-align:right;}
#memberOrderDetail h2{width:100%; float:left; font-size:13px; font-weight:normal; border-left:0; border-right:0; border-top:1px solid #CCC; border-bottom:2px solid #CCC; margin:0; padding:5px 0 5px 0;}
#memberOrderDetail h2 p{width:50%; float:left;}

/*check2*/
#check2 p{line-height:200%; padding:1%; float:left; display:block;}

/*產品介紹*/
#productDetail h2, #productDetail h4{font-family:"微軟正黑體"; color:#333;}
#productDetail h5{height:auto; float:left; text-align:center; padding:5px; overflow:hidden; display:block; font-weight:normal; width:33%}
#productDetail h5:hover{background:#EEEDE1;}
#productDetail h5 img{width:100%; height:auto;}

/*聯絡我們*/
#contact h1{height:auto; display:block; font-size:13px; font-weight:normal; line-height:200%; text-align:left; float:left;}
#contact span{font-weight:bold;}


.btn1{padding:4px 6px; margin:5px 5px;; background:#666; color:#fff; white-space: nowrap;}
.btn1:hover{background:#333;}

.formtitle{ font-weight: bold; font-size: 16px;line-height: 150%;}



@media screen and (max-width:858px) {/*mobile*/
.BannerDivPc{display:none;}
.hide-m{display:none;}
.page{width:100%; padding:0 1%;}
/*header*/
.logo{width:30%; padding-left:0%; padding-top:7px;}
.topdolor{margin-top:1px;}
.money{background:url(images/icon-contry.jpg) no-repeat left; background-size:contain; font-size:20px; padding-left:1em; border-top:4px solid #fff; margin-top:1em;}
.cart{margin:0;}
.fbarea{float:left;padding: 2px 0px 0px 0px; border:solid #F00 0px; width:56px}
.fbarea_1{float:left;padding: 0px 0px 2px 0px;}
.fbarea_2{float:left;padding: 0px 0px 0px 0px;}
.fbarea2{float:left;padding: 2px 22px 0px 0px; border:solid #F00 0px; width:21px}
.fbarea2_1{max-width: 21px;margin: 0px 0px 0 0;}
.fbarea2_2{max-width: 20px;margin: -1px 0px 0 0;}
/*defaultimg*/

/*subnav*/
#submenu{border:1px solid #ccc; float:left; width:100%; border-radius:5px; margin-top:3em;}
.subtoggle{padding:15px; border-bottom:1px solid #efefef;}
.subnav{display:none;}
/*content*/
.tit{text-align:center;}
.content{margin-top:0em;}
.side{width:100%; padding:0 1em; }
.main{width:100%; padding:0.5em;}
.main_trans{width:100%; padding:0em 1em 1em 1em; min-height:600px;}
/*footer*/
#footer .red  span{width:100%; float:left; text-align:center; clear:both;line-height:2em;color:#009688}
#footer .blue  span{width:100%; float:left; text-align:center; clear:both;line-height:2em;color:#224898}

/*default page use*/
.d-service .block{width:100%;}
.hot .block{width:100%; border-bottom:solid 1px #CCC}
.hotimg{ width:100%; height:auto}

/*產品列表*/
.listblock{width:100%; height:auto; border-bottom:solid #CCC 1px}

#productDetail h5{width:100%;}
.ProSmallPicTop {width:90%; position:relative; margin:auto auto; padding-left:5px; display:none;}
.ProSmallPicBottom {width:100%; text-align:center;}

/*會員中心*/
#member div{width:100%; padding:5%;}
#memberEdit input{width:90%;}
#memberOrderDetail p{margin-left:5%;}
#memberOrderDetail div{width:99%; margin-left:1%;}
#memberOrderDetail h1{width:100%;}
#memberOrderDetail h1 p{width:100%;}
#memberOrderDetail span{width:33%;}


/*產品介紹*/
#productDetail div{width:100%;  padding:0 5% 0 5%;}

/*聯絡我們*/
#contact h1{width:90%; margin-left:5%;}
#trans h1{width:90%; margin-left:5%;}
/*匯率轉換*/
.service .block{width:100%; padding:0 2%;}


.btn1{padding:13px 6px; margin:5px 5px; background:#666; color:#fff; white-space: nowrap; font-size:15px; float:left}

.btn1:hover{background:#333;}

}

@media screen and (min-width:858px) and (max-width:1200px){/*pad*/
.BannerDivMobile{display:none;}
.hide-p{display:none;}
.page{width:100%; padding:0 2%;}
/*header*/
.logo{width:22%; padding-left:1%;}
.topdolor{margin-top:1em;}
.money{background:url(images/icon-contry.jpg) no-repeat left; font-size:30px; padding-left:1.3em;}
.fbarea{float:left;padding: 2px 0px 0px 0px; border:solid #F00 0px; width:63px}
.fbarea_1{float:left;padding: 0px 0px 2px 0px;}
.fbarea_2{float:left;padding: 0px 0px 0px 0px;}
.fbarea2{float:left;padding: 5px 0px 0px 0px; border:solid #F00 0px; width:79px}
.fbarea2_1{max-width: 35px;margin: 0px 3px 0 0;}
.fbarea2_2{max-width: 35px;margin: 0px 3px 0 0;}

/*defaultimg*/

/*nav desktop*/
.nav a{padding:0em 1em; font-size:13px;}
/*subnav*/
.subtoggle{display:none;}
/*content*/
.content{margin-top:2em;}
.side{width:25%; padding:0em 1em 1em 1em; }
.main{width:75%; padding:0em 1em 1em 1em; min-height:500px;}
.main_trans{width:75%; padding:0em 1em 1em 1em; min-height:600px;}
/*footer*/
#footer .red span{line-height:4em;color:#009688}
#footer .blue span{line-height:4em;color:#224898}
/*default page use*/
.d-service .block{width:50%;}
.hot .block{width:25%;}
.hotimg{ width:100%; height:140px; overflow:hidden}


/*產品列表*/
.listblock{min-height:361px; width:33.3%;}
.blockdiv{ height:210px; overflow:hidden}
#productDetail h5{width:50%;}

/*會員中心*/
#member div{width:50%;}
#memberEdit input{width:50%;}
#memberOrderDetail p{margin-left:5%;}
#memberOrderDetail div{width:90%; margin-left:5%;}
#memberOrderDetail h1{width:100%;}
#memberOrderDetail h1 p{width:100%;}
#memberOrderDetail span{width:33%;}

/*產品介紹*/
#productDetail div{width:100%; padding:0 5% 0 5%;}
.ProSmallPicTop {width:90%; position:relative; margin:auto auto; padding-left:5px; display:none;}
.ProSmallPicBottom {width:100%; text-align:center;}

/*聯絡我們*/
#contact h1{width:90%; margin-left:5%;}
#trans h1{width:90%; margin-left:5%;}
/*匯率轉換*/
.service .block{width:50%; margin-left:25%;}
}

@media screen and (min-width:1200px){/*desktop*/
.BannerDivMobile{display:none;}
.hide-d{display:none;}
.page{width:1120px;}
/*header*/
.logo{width:23%;}
.money{background:url(images/icon-contry.jpg) no-repeat left; font-size:30px; padding-left:1.3em;}
.fbarea{float:left;padding: 16px 0px 0px 0px; border:solid #F00 0px; width:120px}
.fbarea_1{float:left;padding: 0px 3px 0px 0px;}
.fbarea_2{float:left;padding: 0px 0px 0px 0px;}
.fbarea2{float:left;padding: 5px 0px 0px 0px; border:solid #F00 0px; width:79px}
.fbarea2_1{max-width: 35px;margin: 0px 3px 0 0;}
.fbarea2_2{max-width: 35px;margin: 0px 3px 0 0;}
/*defaultimg*/

/*nav desktop*/
.nav{width:77%;width: 77%;height: 27px;padding-top: 9px;background-color: rgba(96, 56, 20, 0.55);}
.nav a{padding:0em 1em;}
/*subnav*/
.subtoggle{display:none;}
/*content*/
.content{padding-top:2em;}
.side{width:25%; padding:0em 1em 1em 1em; }
.main{width:75%; padding:0em 1em 1em 1em; min-height:600px;}
.main_trans{width:60%; padding:0em 1em 1em 1em; min-height:600px;}
/*footer*/
#footer .red span{line-height:4em;color:#009688}
#footer .blue span{line-height:4em;color:#224898}
/*default page use*/
.d-service .block{width:50%;}
.hot .block{width:25%;}
.hotimg{ width:100%; height:140px; overflow:hidden}

/*產品列表*/
.listblock{min-height:361px; width:33.3%;}
.blockdiv{ height:210px; overflow:hidden}
/*會員中心*/
#member div{width:50%;}
#memberEdit input{width:50%;}
#memberOrderDetail div{width:100%; margin:0;}
#memberOrderDetail h1{width:50%;}
#memberOrderDetail span{width:33%;}

/*產品介紹*/
#productDetail div{width:50%; float:left;}
.ProSmallPicBottom {width:100%; text-align:center; display:none;}

/*聯絡我們*/
#contact h1{width:50%;}
#trans h1{width:100%;}

/*匯率轉換*/
.service .block{width:50%; margin-left:25%;}

}