@charset "utf-8";
body {
	margin: 0 auto;
	width:100%;
	background:url(../images/bg.jpg);
}
img{
	border:0;
}
/*去掉所有內邊距*/
.nopadding {
	padding: 0;
}
/*頂部*/
.top_logo {
	float:left;
	text-align:center;
	padding:13px 0px;
	position:relative;
}
.top_logo img{
	width:auto;
	height:auto;
	max-width:80%;
}
.top_menu_css {
	background:#369;
	color:#fff;
	float:right;
	position:absolute;
	width:15%;
	border:2px solid #ccc;
	text-align:center;
	padding:6px 0px 3px 0px;
	margin-top:20px;
	border-radius:30px;
}
.top_menu_css01 {
	background:#369;
	color:#fff;
	float:right;
	position:absolute;
	width:15%;
	border:2px solid #ccc;
	text-align:center;
	padding:7px 0px 8px 0px;
	margin-top:20px;
	border-radius:30px;
}
.pro_menu_css {
	background:#369;
	color:#fff;
	float:right;
	width:100%;
	border:2px solid #ccc;
	text-align:center;
	padding:7px 0px 8px 0px;
	margin-bottom:10px;
}

/*首頁內容*/
.in_nrcon {
	float:left;
	margin-top:10px;
}
.in_th {
	padding:5px;
	float:left;
}
.in_mo {
	float:left;
	border-right:1px solid #d7dce3;
}
.in_mo01 {
	float:left;
}
.in_bt {
	font-family:"Microsoft JhengHei";
	color:#606060;
	font-weight:bold;
	font-size:22px;
}
.in_bt_en {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#9bbfe3;
	font-weight:bold;
	font-size:18px;
}
.in_bt_con {
	float:left;
	margin-top:22px;
	font-family:"Microsoft JhengHei";
	font-size:15px;
	color:#444444;
	line-height:33px;
}
.in_ul {
	float:left;
	padding-left:20px;
}
/*大圖*/
.pic_in {
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	border:1px solid #e1e1e1;
	box-shadow:5px 5px 5px #d1d1d1;
	}
.pic_in img {
	width:100%;
	height:auto;
}
.pic_main {
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	border:1px solid #e1e1e1;
}
.pic_img_nr {
	float:left;
	border:8px solid #ffffff;
	box-shadow:5px 5px 5px #d1d1d1;
}
.pic_main img {
	width:100%;
	height:auto;
}
/*內容區*/
.nrq_content {
	float:left;
	margin-top:0px;
}
.nrq_content img {
	width:100%;
	height:auto;
}
.in_content {
	float:left;
	margin-top:10px;
}
.in_content img {
	width:auto;
	height:auto;
	max-width:100%;
}
.nr_con {
	padding-bottom:20px;
}
.sub_bth {
	width:96%;
	margin:0 auto;
}
.sub_xs-content {
	float:left;
	background:#ffffff;
	margin:5px 0px;
	padding:10px 0px;
}
.sub_bth img {
	width:auto;
	height:auto;
	max-width:100%;
}
.sub_xs-12 {
	float:left;
	background:#ffffff;
	margin:10px 0px;
	padding:10px 0px;
}
.inbtn {
	float:left;
	padding:5px;
	text-align:center;
}
/*選單*/
.menu_both {
	float:left;
	background:#9bbfe3;
	padding:17px 0px 17px 0px;
	text-align:center;
}
.menu_list {
	float:left;
	text-align:center;
	width:20%;
	border-right:1px dotted #fff;
}
.sub_ri_link {
	padding-top:10px;
	text-align:right;
	padding-right:8px;
}
/*商品列表*/
.so_img_ku {
	border: 1px solid #eeeeee;
	box-sizing: border-box;
	padding: 5px;
	float: left;
	background-color: #e4e4e4;
	box-shadow: 5px 5px 5px #adadad;
}
.so_img_ku img {
	width:100%;
	height:auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.so_img_ku:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
/*商品詳情*/
.pro_xq {
	float:left;
	text-align:center;
}
.pro_xq_font {
	float:left;
	text-align:center;
	padding:6px;
	font-family:"Microsoft JhengHei";
	font-size:15px;
	font-weight:bold;
	color:#336699;
}
/*版權區*/
.copyright {
	float:left;
	background:#9bbfe3;
	padding:15px 0px;
	text-align:center;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#333333;
	margin-top:20px;
	line-height:21px;
}
/*專案工程*/
.news_info {
	width:100%;
	margin:0px 0px 15px 8px;
	padding:0;
	float:left;
	font-family:"Microsoft JhengHei";
}
.news_info ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.news_info ul li {
	background:url(../images/icon_01.gif) left no-repeat;
	width:100%;
	padding-left:15px;
	height:40px;
	line-height:40px;
	text-align:left;
	float:left;
 }
.news_info ul li a {
	width:90%;
	text-decoration:none;
	font-family:"Microsoft JhengHei";
	font-size:15px;
	color:#595959;
	float:left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.news_info ul li a:hover {
	color:#336699;
}
.plan_bt {
	font-family:"Microsoft JhengHei";
	font-size:18px;
	color:#ff6600;
	font-weight:bold;
}
.plan_title {
	font-family:"Microsoft JhengHei";
	font-size:16px;
	color:#369;
	font-weight:bold;
}
.know_title {
	font-family:"Microsoft JhengHei";
	font-size:16px;
	color:#41740D;
	font-weight:bold;
}
.ny_cons {
	float:left;
	font-family:"Microsoft JhengHei";
	font-size:15px;
	color:#333333;
	line-height:32px;
	margin-top:15px;
}
.en_fonts {
	font-family:"Microsoft JhengHei";
	font-size:15px;
	color:#369;
	font-weight:bold;
}
/*聯絡我們*/
.lx_img {
	text-align:center;
}
.lx_img img {
	width:100%;
	height:auto;
}
.lx_title {
	font-family:"Microsoft JhengHei";
	font-size:18px;
	color:#ff6600;
	font-weight:bold;
}
/*常見問題*/
.qa_wen {
	margin:0px; 
	padding:10px;
	line-height:35px;
}
.qa_da {
	margin:0px;
	line-height:35px;
}
/*公司簡介*/
.ab_titles{
	padding:0px;
	text-align:center;
	font-family:"Microsoft JhengHei";
	font-size:18px;
	color:#996633;
	font-weight:bold;
}
.ab_content{
	padding:0px;
	font-family:"Microsoft JhengHei";
	font-size:15px;
	color:#333333;
	line-height:35px;
	padding:10px 15px;
}
.ab_font01 {
	font-family:"Microsoft JhengHei";
	font-size:15px;
	color:#996633;
}

.re_sj_title {
	float:left;
	padding:10px 0px;
	background:url(../images/re_title_bg.jpg) repeat-x;
	position:relative;
	margin-top:10px;
}
.re_sj_font {
	float:left;
	background:url(../images/re_icon.png) 0px 6px no-repeat #ffffff;
	padding-left:20px;
	font-family: "Microsoft JhengHei", PMingLiU;
	font-size:16px;
	color: #595959;
	font-weight:bold;
	position:absolute;
	left:0px;
	bottom:7px;
	padding-right:10px;
}
.re_sj_pro {
	float:left;
	padding-top:20px;
}
.re_sj_pro a{
	color:#333;
}
.re_sj_pro_font {
	float:left;
	padding:12px;
	text-align:center;
	font-family: "Microsoft JhengHei", PMingLiU;
	font-size:13px;
	color: #595959;
}
.re_sj_proimg {
	padding:0 10px 0 5px;
}

/*商品列表*/
.buspro_content {
	float:left;
	margin-top:25px;
}
.buspro_title {
	float:left;
	padding:10px 0px;
	background:url(../images/re_title_bg.jpg) repeat-x;
	position:relative;
	margin-top:20px;
}
.buspro_img {
	float:left;
	background:#d2d2d2;
	padding:5px;
	margin-top:2px;
}
.buspro_img img {
	width:auto;
	height:auto;
	max-width:100%;
}
.buspro_both {
	float:left;
	padding:0px 0px 10px 20px;
	line-height:25px;
	font-family: "Microsoft JhengHei", PMingLiU;
	font-size:15px;
	color: #333;
}
.buspro_bt {
	font-family: "Microsoft JhengHei", PMingLiU;
	font-size:18px;
	color: #7b635f;
	font-weight:bold;
}
.buspro_xw {
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}
/*活動訊息*/
.news_list {
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0;
	float:left;
	font-family:MingLiU;
}
.news_list ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.news_list ul li {
	background:url(../images/icon_news.png) 10px 25px no-repeat;
	width:100%;
	height:60px;
	padding-left:30px;
	line-height:60px;
	float:left;
	text-align:left;
	border-bottom:1px dotted #CCCCCC;
}
.news_list ul li:last-child{
	border-bottom:none;
}
.news_list ul li a {
	text-decoration:none;
	font-family: "Microsoft JhengHei", PMingLiU;
	font-size:15px;
	color:#333;
	float:left;
	overflow: hidden; /*超出的部分隐藏起来。*/
	white-space: nowrap; /*不显示的地方用省略号...代替*/
	text-overflow: ellipsis; /* 支持 IE */
	-o-text-overflow: ellipsis;
	display:block;
	width:100%;
}
.news_list ul li a:hover {
	color:#ff6600;
}
/*置頂*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 70px;
	right: 3%;
	overflow: hidden;
	width: 50px;
	height: 50px;
	border: none;
	text-indent: 100%;
	background: url("../images/to-top1.png") no-repeat 0px 0px;
}
.up_link {
	float:left;
	text-align:center;
	padding:10px;
}
/*其他通用*/
.content1 a:link, .content1 a:visited {
	font-family: "Microsoft JhengHei", PMingLiU;
	font-size:16px;
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
}
.content1 a:hover {
	color:#336699;
}
.content2 a:link, .content2 a:visited {
	font-family: "Microsoft JhengHei", PMingLiU;
	font-size:15px;
	color: #336699;
	line-height:30px;
	text-decoration: none;
}
.content2 a:hover {
	color:#f2992a;
}
.content3 a:link, .content3 a:visited {
	font-family: "Microsoft JhengHei", PMingLiU;
	font-size:13px;
	color: #333333;
	text-decoration: none;
}
.content3 a:hover {
	color:#333333;
}
.content4 a:link, .content4 a:visited {
	font-family: "Microsoft JhengHei", PMingLiU;
	font-size:16px;
	color: #333;
	font-weight:bold;
	border-bottom:1px solid #333;
	padding-bottom:1px;
	text-decoration: none;
}
.content4 a:hover {
	border-bottom:1px solid #369;
	color:#1eadc1;
}
.content5 a:link, .content5 a:visited {
	font-family: "Microsoft JhengHei", PMingLiU;
	font-size:15px;
	color: #8fb93f;
	font-weight:bold;
	border-bottom:1px solid #8fb93f;
	padding-bottom:1px;
	text-decoration: none;
}
.content5 a:hover {
	border-bottom:1px solid #db4f73;
	color:#db4f73;
}
.content6 a:link, .content6 a:visited {
	color: #ffffff;
}
.content6 a:hover {
	color:#9bbfe3;
}
.content7 a:link, .content7 a:visited {
	font-family: "Microsoft JhengHei";
	font-size:15px;
	color: #336699;
	font-weight:bold;
	text-decoration: none;
}
.content7 a:hover {
	border-bottom:1px solid #db4f73;
	color:#db4f73;
}
.content8 a:link, .content8 a:visited {
	font-family: "Microsoft JhengHei";
	font-size:22px;
	color: #ff6600;
	font-weight:bold;
	text-decoration: none;
}
.content8 a:hover {
	color:#ff6600;
}
.content9 a:link, .content9 a:visited {
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size:13px;
	color: #326696;
	font-weight:bold;
	text-decoration: none;
}
.content9 a:hover {
	color:#efca00;
}
.btn01 {
  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  background:#efa43f;
  color: #FFF;
  font-size: 13px;
  font-weight:bold;
  padding: 8px 0px;
  width: 100%;
  cursor: pointer;
  outline: none;
  margin: 5px 0px 5px 0px;
  border: none;
  border-radius: 50px;
  float:left;
}
.btn01:hover {
  background:rgb(255, 149, 23);
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.btn02 {
  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fff2ab;
  color: #9a6200;
  font-size: 11px;
  font-weight:bold;
  padding: 2px 0px 1px 0px;
  width: 25%;
  cursor: pointer;
  outline: none;
  margin: 10px 0px 5px 0px;
  border:1px solid #e0a949;
  border-radius: 8px;
  float:right;
}
.btn02:hover {
  background:rgb(243, 224, 121);
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  color:#ff6600;
}
.btn03 {
  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  background:#9abee3;
  color: #FFF;
  font-size: 15px;
  font-weight:bold;
  padding: 8px 0px;
  width: 35%;
  cursor: pointer;
  outline: none;
  margin: 5px 0px 5px 0px;
  border: none;
  float:left;
}
.btn03:hover {
  background:rgb(255, 149, 23);
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.font_product {
	font-family: "Microsoft JhengHei";
	font-size:24px;
	color: #336699;
	font-weight:bold;
}
.table_padding {
	padding-left:10px;
}
@media (min-width :320px) and (max-width:588px) {
.content1 a:link, .content1 a:visited {
	font-family: "Microsoft JhengHei", PMingLiU;
	font-size:13px;
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
}
.btn01 {
  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  background:#efa43f;
  color: #FFF;
  font-size: 12px;
  font-weight:bold;
  padding: 8px 0px;
  width: 100%;
  cursor: pointer;
  outline: none;
  margin: 5px 0px 5px 0px;
  border: none;
  border-radius: 50px;
  float:left;
}
.content1 a:hover {
	color:#333;
}

}

.tanwigs{
	width:100%;
	display:block;
	padding:10px;
	color: #4e91b4;
	text-align:center;
	}
.tanwigs a{

	    color: #4e91b4;
	}
.tanwigs a:hover{

	    color: #4e91b4;
	}