@charset "UTF-8";

/*// replace bootstrap 3.3.1 //*/
.carousel-indicators li {width: 30px;height: 3px;margin: 0 3px;background-color: rgba(255, 255, 255, .5);border: 0px solid #fff;border-radius: 0px;}
.carousel-indicators .active {width: 30px;height: 3px;margin: 0 3px;}
.carousel-indicators {bottom: 0px;}

.navbar {margin-bottom: 0px;border: 0px solid transparent;}
.navbar-brand {height: auto;max-width: 80%;}
.navbar-brand>img{max-width: 356px; margin: 2% auto;}
.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #fff;}
.navbar-default .navbar-toggle:hover .icon-bar {background-color: #1156b9;}
.navbar-header>button{margin: 4.5% 1%;}
.navbar-default {background-color: #fff;border-color: #fff;}
.nav>li>a {font-size: 16px;}

@media screen and (min-width: 768px){
	.carousel-indicators {bottom: 30px;}
}

@media screen and (min-width: 900px){
	.navbar-brand {height: auto;max-width: 100%;}
}

@media screen and (min-width: 992px){
	.navbar {border-radius: 0px;min-height: 120px;}
	.navbar-nav {margin: 35px 0;}
	.navbar-brand {padding: 30px 15px;overflow: hidden;}
	.container>.navbar-header,.container>.navbar-collapse{  margin-right: -15px;margin-left: -15px; }
}



body{font-family: "微軟正黑體";}

.center {width: 100%;text-align: center;}

.box{padding: 50px 0;}
.box>div>h3,.box>div>div>h3{text-align: center;font-size: 30px;margin: 30px 0 30px; color: #1156b9;}
.box button a,.box button a:focus {color: #fff;}
.box button a:hover {color: #fff; text-decoration: none;}

.intro{background: #f8f8f2;}
.intro02{background: #f2f7f8;}
.intro-text{font-size: 16px;margin: 20px 0;line-height: 1.5;}
.intro-text ul{margin-left: 0px;padding-left: 1.5em;text-indent: -1.5em;}
.intro-text ul li{list-style: none;}
.intro button,.intro02 button{text-align: center;margin-top: 10px;}

.item a:hover{text-decoration: none;}
.item>a>img{max-width: 70%;margin: 0 auto;}
.item h3{margin-top:40px; color: #212121;text-align: center;}
.item h3:after{display: block; content: ""; width: 40%;height: 10px;margin: 0 auto;}
.item h3.item01:after{border-bottom: 3px solid #ec5252;}
.item h3.item02:after{border-bottom: 3px solid #f0744f;}
.item h3.item03:after{border-bottom: 3px solid #ffa82e;}
.item h3.item04:after{border-bottom: 3px solid #8fcb2f;}
.item h3.item05:after{border-bottom: 3px solid #36aba5;}
.item h3.item06:after{border-bottom: 3px solid #4c76d6;}
.item h3.item07:after{border-bottom: 3px solid #7c59d1;}
.item h3.item08:after{border-bottom: 3px solid #d03fbd;}

.ad{background: #e7ebf5;}
.ad-item{margin: 15px auto;}
.ad-item img {width: 100%;}

/*product & category*/
.breadcrumb {background-color: #0d4165;color: #fff;}
ol.breadcrumb li a {color: #fff;}
div#myTab {display: none;}

footer{background: #0d4165;color: #fff;height: 76px;margin-bottom: -10px;padding: 30px 10px;text-align: center;}
footer p{margin: 0;}

@media screen and (min-width: 768px){
	.box{padding: 60px 0 80px;}
	.box>div>h3{margin: 30px 0 60px;}
}

@media screen and (min-width: 992px){
	.item h3:after{width: 45%;}
	.intro-text{font-size: 18px;margin: 0;line-height:2;}
	.intro button,.intro02 button{margin-top: 50px;}
}