@charset "utf-8";

@font-face {
	font-family: 'Kristi';
	src: url('../Kristi.ttf') /* Safari, Android, iOS */
}

html,body { font:400 14px/21px "微軟正黑體","Microsoft Yahei",Helvetica,Arial,sans-serif; }
body { background-image:url('../images/wood-tile.jpg'); }

#logo { margin:20px 0; }
.mybars { background:#fff; box-shadow:0 0 30px #ccc; }
.mybars li a.top-a { font-size:18px; line-height:60px; position:relative; text-align:center; display:block; }
.mybars .top-a7:before { content:''; background:url('../images/nav-icon.png'); width:40px; height:50px; position:absolute; left:0; top:6px; }
.mybars .top-a7 { text-align:right !important; }
header { position:absolute; z-index:999; left:0; top:0; right:0; }

.index-part1 img,.index-part2 img { max-width:100%; }
.index-part1 .item-box h3 { font-weight:bold; margin:20px; font-size:22px; }
.index-part1 .item-box .info { line-height:30px; font-size:16px; }

.index-part2 {  }
.index-part2 h3 { font-weight:bold; font-size:22px; text-align:center; margin-top:15px; }
.index-part3 { background-image:url('../images/bg2.png'); background-position:left top; background-size:cover;height: 575px; }
.index-part3 ul{ background:rgba(0,0,0,.3); padding:20px; }
.index-part3 ul li  { line-height:50px; border-bottom:solid 1px #666; }
.index-part3 ul li a { font-size:18px; color:#fff; }
.index-part3 ul li span.more { color:#fff; }

.index-title1 { text-align:center; margin-bottom:30px; font-weight:bold; font-size:36px; color:#3768b4; }
.jisuan-box { background:#323d50; padding:20px; }
.jisuan-box h5 { background:#c2c2c2; text-align:right; padding:30px 20px; font-size:26px; font-style:italic; margin-bottom:30px; }
.jisuan-box .a1 { background:#c2c2c2; padding:20px 0; }
.jisuan-box table { width:90%; margin:0 auto; }
.jisuan-box table td { background:#053f64; }
.jisuan-box table td.s1 { color:#fff; letter-spacing:5px; font-size:18px; text-align:left; }
.jisuan-box table td { padding:15px 10px; border-bottom:solid 20px #c2c2c2; }
.jisuan-box .myinp1 { background:#fff; border:0; width:100%; line-height:30px; height:30px; box-sizing:border-box; padding:0 10px; }
.jisuan-btn { background:#f15a5a; font-size:20px; color:#fff; }

#jisuan-box { background:#323d50; padding:5px; }
#jisuan-box h5 { background:#c2c2c2; text-align:right; padding:10px 5px; font-size:14px; font-style:italic; margin-bottom:10px; }
#jisuan-box .a1 { background:#c2c2c2; padding:5px 0; }
#jisuan-box table { width:90%; margin:0 auto; }
#jisuan-box table td { background:#053f64; }
#jisuan-box table td.s1 { color:#fff; letter-spacing:5px; font-size:14px; text-align:left; }
#jisuan-box table td { padding:10px 5px; border-bottom:solid 1px #c2c2c2; }
#jisuan-box .myinp1 { background:#fff; border:0; width:100%; line-height:21px; height:21px; box-sizing:border-box; padding:0 5px; }
#jisuan-btn { background:#f15a5a; font-size:14px; color:#fff; }
#jisuan-box .uk-button { font-size:14px; }

.mybars2 { margin-left:140px; margin-top:45px; }
.mybars2 li { float:left; }
.mybars2 li a.top-a { font-size:18px; line-height:60px; position:relative; text-align:center; display:block; padding:0 20px; }
/*.mybars2 .top-a7 { padding:0 0 0 40px !important; }*/

.page-title { font-size:30px; position:relative; padding:50px 0 10px; font-weight:bold; }
.page-title:before { content:''; position:absolute; left:150px; right:0; top:65px; border-top:solid 1px #ddd; }
.banner{min-height: 300px;}
.son-title-list { margin-left:150px; }
.son-title-list li a { padding:0 20px; line-height:30px; margin-right:15px; font-size:18px; color:#fff; background:#001e5b; display:block; }
.son-title-list li a.active { background:#004166; }
.t3{font-weight: bold;font-size:54px;color:#3768b4;text-align:center;margin-bottom:3vh;line-height:1.4}
@media screen and (max-width: 768px) {
	.son-title-list { margin-left:0; }
	.son-title-list li { margin-bottom:10px; float:none !important; }
	.index-part3 { background-image:url('../images/bg2_m.png'); }
}

@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1300px) {
	.index-44 { bottom:5% !important; }
}
@media screen and (max-width: 960px) {
	.index-44 { display:none; }
  .banner{min-height:180px;}
  .index-part1{display: none;}
  .index-part2{display: none;}
  #logo img{float: left;}
  #mobile_header a{top: 55px !important;}
  .index-part3{height: 375px;}
}
#slider-box{display: none;}