html {
	overflow-x: hidden;
	overflow-y: auto;
}

html,
body {
	height: 100%;
}

body {
	background-color: #FFF;
	color: #61656a;	
	font-family: "Open Sans","微軟正黑體", Arial, sans-serif;
	font-size: 15px;
	line-height: 23px;
	margin: 0;
}

div.body {
	height: 100%;
	width: 100%;
}
header{position: fixed;;width: 100%;background: #fff;z-index: 99;border-bottom:1px solid #333;}
/* header .container{min-height: 50px;} */
header .logo{padding-left: 25px;position: relative;top: 18px;}

main{padding-top: 50px;}

footer{padding: 8px 10px;color: #666;font-size: 13px;text-align: center;border-top:1px solid #666;}
footer .container{padding-top: 5px;}

header .right-nav{position: relative;top: -8px;font-size: 14px;}
header .right-nav a{color: #fff;background-color: #0061a7;padding-right: 8px;border-radius:5px;transition:.2s;display: block;}
header .right-nav a:hover{background-color: #1784d2;text-decoration: none;}


.indexbox{background: url(../images/home-bg.jpg) no-repeat center top;min-height: 600px;position: relative;}

.probox{background: url(../images/pro-bg.png) repeat center bottom;min-height: 470px;border-bottom:3px solid #fff;padding-bottom: 30px;padding-top: 30px;}
.lcbox{background: #fff;padding-top: 80px;padding-bottom: 30px;}


.shop{background-color: #f0f0f0;padding-top: 20px;padding-bottom: 10px;}

.indexbox2{background: url(../images/indexbox2-bg.png) no-repeat center top;position: absolute;width: 100%;bottom: 0;}

.indexbox1 .container,.indexbox2 .container{position: relative;min-height: 200px;}
.i-btn,.i-title,.i-peo,.i-txt,.i-txt2,.i-title2{position: absolute;}
.i-title{top: 35px;left: 25px;}
.i-peo{top: 25px;right: 120px;}
.i-btn{bottom: 20px;right: 15px;}
.i-txt{bottom: 20px;left: 20px;font-weight: bold;}
.i-txt2{right: 56px;top: 25px;}
.i-txt h5{color: #0061a7;font-size: 34px;font-weight: bold;}
.i-txt h5 span{font-size: 16px;}
.i-txt h6 img{position: relative;top: -4px;}

.i-title2{top: 280px;left: 25px;width: 450px;font-weight: bold;font-size: 1.2em;line-height: 1.6em;color: #4b4948;
	text-align: justify;
	text-justify:inter-ideograph;
}

.probox h2{color: #000;}
.probox h2 a{color: #000;}
.probox h2 a:hover{color: #e95283;text-decoration: none;}

.probox h2 small{border:2px solid #0061a7;color: #0061a7;padding: 3px 5px;font-size: 18px;position: relative;top: -4px;font-weight: bold;margin-bottom: 5px;}
.probox h2 small i{position: relative;top: 8px;}
.pro-pic{text-align: center;position: relative;margin-bottom: 20px;}
.pro-pic a.pro-pic-img{display: block;width: 100%;padding: 20px;background-color: rgba(255,255,255,.2); border-radius:20px; transition:.3;}
.pro-pic a.pro-pic-img:hover{background-color: rgba(255,255,255,1);}
.pro-pic a.btn-more{background: #e95283 url(../images/btn-more-bg.png) no-repeat center 0; border:2px solid #fff;border-radius:50%;position: absolute;width: 75px;height: 75px;padding: 12px 10px;color: #fff;bottom: 10px;right: -10px;font-size: 16px;transition:.2s;}
.pro-pic a.btn-more span{font-size: 12px;}
.pro-pic a.btn-more:hover{transform:scale(1.2);text-decoration: none;}

.pro-tab h4{border-bottom:1px solid #000;padding-bottom: 0px;margin-bottom: 5px;}
.pro-tab h5{font-size: 15px;}
.pro-tab >div{padding: 0;}
.pro-tab .pro-tab-img{padding-top: 15px;}

a.btn-more2{background: #e95283;color: #fff;border:1px solid #ffcfdf;padding: 5px 15px;font-size: 13px;box-shadow:1px 1px 3px rgba(0,0,0,.6);}

.tab-content {min-height: 660px;}
.tab-content  .row{padding-top: 5px;padding-bottom: 3px;border-bottom:1px solid #ccc;}
.tab-content  .row:nth-child(even){background: #fafafa;}
.tab-content  .row:hover{background: #eee;}
.tab-content .row.th{background: #000;color: #fff;padding-left: 5px;padding-right: 5px;}
.tab-content  .row div{padding: 0;}
.tab-content a{display: block;padding-left: 5px;padding-right: 5px;color: #000;padding-top: 8px;padding-bottom: 5px;}
.tab-content a:hover{text-decoration: none;color: #000;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background: #000;color: #fff;}