/*共用*/
.breadcrumb{background-color:#fff;padding:0px;margin:10px auto;}
.breadcrumb .breadcrumb-item a{color:#62C4D3;}
.about-title{font-size: 26px;text-align:center;padding: 0;margin:30px auto 0px auto;font-weight: bold;}
.about-paragraph{font-size: 16px;text-align:center;padding: 0;margin:10px auto 30px auto;}
.owl-dots{text-align: center;}
.item{padding: 10px;}
.item-content{border-radius: 15px;box-shadow:box-shadow: 0px 0px 5px 3px rgba(0,0,0,.1);-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,.1);-o-box-shadow: 0px 0px 5px 3px rgba(0,0,0,.1);margin:10px auto;padding: 25px;}
/*我們的理念*/
.bannerWrapper{background-image: url(../images/about/banner.png);background-position:center;height: 120px;overflow: hidden;}
.bannerWrapper .bannerContent .banner-title{text-align: center;color: #fff;font-weight: bold;font-size: 26px;padding:0;margin:35px auto 5px auto;}
.bannerWrapper .bannerContent .banner-paragraph{font-size: 18px;line-height:35px;text-align: center;color: #fff;}
/*Chart*/
.owl-carousel .owl-item img.percentage-img{width: 25%;text-align:center;margin:0 auto 15px auto;}
.percentage-paragraph{font-size: 18px;line-height:35px;text-align:center;}
.percentage-wrap{text-align: center;}
.percentage-point{font-size:18px;line-height:35px;display: inline-block;}
.percentage-point li{float: left;}
.percentage-point li:nth-child(1){margin-right: 10px;}
.percentage-pointBlue{color: #62C4D3;}
.percentage-pointYellow{color: #D8A500;}
.percentage-memo-img{width: 100%;}
.percentage-memo-text{font-size:16px;text-align:justify;line-height: 23px;}
.percentage-memo-text span{font-weight: bold;font-size: 20px;}
.percentageWrapper .owl-carousel button.owl-dot{background: #F2F2F2;border-radius: 99em;padding: 6px!important;margin: 4px 0px 20px 4px;}
.percentageWrapper .owl-carousel button.owl-dot.active{background: #fff;border:2px solid #F2F2F2;}
/*關於我們的決心*/
.determinationWrapper{background-image:url(../images/about/determinationPC.png);background-size: 100% 200px;background-repeat: no-repeat;position: relative;}
.triangle{position: absolute;right: 0px;top:180px;width: 15%;height: auto;}
.determination-introduction{border-radius: 15px;box-shadow:box-shadow: 0px 0px 5px 3px rgba(0,0,0,.1);-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,.1);-o-box-shadow: 0px 0px 5px 3px rgba(0,0,0,.1);margin:10px auto;padding: 25px;background: #fff;font-size: 18px;line-height: 35px;text-align: center;}
.ui-widget.ui-widget-content{overflow: auto;border: 0px;margin:50px auto;}
.ui-widget-header{border: 0px;background:#fff;}
.ui-tabs .ui-tabs-nav li{font-size: 16px;text-align: center;border-bottom-width: 1px;width: 32%;}
.ui-tabs .ui-tabs-nav li a{width: 100%;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border: 1px solid #62C4D3;border-radius: 5px;background:#fff;}
.ui-tabs .ui-tabs-panel{padding: 0;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding: 0.6em 1em;}
.determination-img{width: 80%;height: auto;margin: 40px auto 20px auto;display: block;}
.determination-title{font-size: 20px;font-weight: bold;color: #62C4D3;margin-top: 120px;}
.determination-paragraph{font-size: 18px;line-height:35px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border-radius: 5px;background:#62C4D3;border:0px;}
/*只有我們還不夠*/
.togetherWrapper{background-image: url(../images/about/BG-2.png);background-size: 100% auto;height: 370px;background-position: center bottom;background-repeat: no-repeat;}
.together-paragraph{font-size: 18px;line-height: 35px;text-align: center;margin-top: 50px;}
.together-paragraph br{display: block;}

/*保險鳥事有我罩*/
.troubleWrapper{padding-top:30px;}
.trouble-title{font-size: 20px;color: #62C4D3;font-weight: bold;}
.trouble-paragraph{font-size: 18px;line-height:35px;}
.trouble-paragraph a{color: #62C4D3;font-weight: bold;text-decoration:underline;}
.troubleWrapper .owl-carousel button.owl-dot{background: #F2F2F2;border-radius: 99em;padding: 6px!important;margin: 4px 0px 20px 4px;}
.troubleWrapper .owl-carousel button.owl-dot.active{background: #fff;border:2px solid #F2F2F2;}
/*我們的優勢*/
.advantage-carousel{margin: 40px auto;}
.advantage-img{width: 15%!important;height: auto;margin:0 auto;}
.advantage-title{text-align: center;color: #62C4D3;font-size: 20px;font-weight: bold;}
.advantage-secTitle{font-weight: bold;font-size: 18px;line-height:35px;color:#565656;}
.advantage-paragraph{font-size: 18px;color:#565656;line-height: 35px;}
.advantageWrapper .owl-carousel button.owl-dot{background: #F2F2F2;border-radius: 99em;padding: 6px!important;margin: 4px 0px 20px 4px;}
.advantageWrapper .owl-carousel button.owl-dot.active{background: #fff;border:2px solid #F2F2F2;}
/*保戶回饋*/
.feedbackWrapper{padding: 50px 0px 50px 0px;text-align:center;background-color: #F2F2F2;}
.feedback-title{font-size: 26px;font-weight: bold;line-height: 35px;color: #000;margin-bottom: 50px;}
.owl-carousel .owl-item img.feedback-img{width: 15%;text-align:center;margin:0 auto 15px auto;}
.feedback-paragraph{color: #565656;font-size: 18px;line-height: 35px;}
.feedback-name{color: #565656;font-size: 12px;}

.feedbackWrapper .owl-carousel button.owl-dot{background: #F2F2F2;border:1px solid #fff;border-radius: 99em;padding: 6px!important;margin: 4px 0px 20px 4px;}
.feedbackWrapper .owl-carousel button.owl-dot.active{background: #fff;border:2px solid #fff;}


/*CTA*/
.contactWrapper{padding: 50px 0px 50px 0px;text-align:center;}
.contact-title{font-size: 26px;font-weight: bold;line-height: 35px;}
.contact-paragraph{color: #565656;font-size: 18px;line-height: 30px;}
.contact-paragraph a{color: #F49202;text-decoration: underline;}

@media screen and (max-width: 768px) {
.percentage-memo-img{width: 100%;}
.percentage-memo-text{margin-top: 0px;}
.owl-carousel .owl-item img.percentage-img{width: 45%;}
.triangle{display: none;}
.determination-img{width: 40%;margin:40px auto 0px auto;}
.determination-title{margin-top: 40px;}
.advantage-img{width: 12%!important;}
}

@media screen and (max-width: 414px) {
/*共用*/
.about-title{font-size: 22px;}
.about-paragraph{font-size: 15px;}
/*Chart*/
.owl-carousel .owl-item img.percentage-img{width: 50%;}
.percentage-paragraph{font-size: 16px;line-height: 30px;}
.percentage-point{font-size: 16px;}
/*關於我們的決心*/
.determinationWrapper{background-image:url(../images/about/determinationM.png);background-size: 100% 295px;background-repeat: no-repeat;}
.determination-introduction{font-size: 17px;line-height: 30px;}
.determination-title{margin-top: 0px;}
.determination-img{width: 60%;margin:40px auto 20px auto;}
.determination-paragraph{font-size: 16px;line-height: 30px;}
/*只有我們還不夠*/
.togetherWrapper{background-image: url(../images/about/BG-M-2.png);background-size: 100% auto;height: 360px;background-position: center bottom;background-repeat: no-repeat;}
.together-paragraph{margin-top: 0px;text-align: left;font-size: 16px;line-height: 30px;}
.together-paragraph br{display: none;}
/*保險鳥事有我罩*/
.trouble-paragraph{font-size: 16px;line-height: 30px;}
/*我們的優勢*/
.advantage-paragraph{font-size: 16px;color:#565656;line-height: 30px;}
.advantage-img{width: 20%!important;height: auto;}
/*保戶回饋*/
.feedback-title{font-size: 22px;}
.owl-carousel .owl-item img.feedback-img{width: 40%;}
/*CTA*/
.contact-title{font-size: 22px;}
}