.page-dropdown-title,.page-tabs-title{font-size: 18px;line-height: 100%;margin-bottom: 20px; color: #00838f;}

.dropdown-list{ border: 1px solid #c2d7db; margin-top: -1px;}
.dropdown-list:first-child{ margin: 0;}
.dropdown-list .title{ padding:10px 20px; font-size: 16px; line-height: 18px; background-color: #cde7e9;cursor: pointer;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.dropdown-list .details{ height: 0px; padding: 0px 20px; background-color: #fff;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden;}
.dropdown-list .details.open{ height: auto; padding: 20px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.dropdown-list .title .more{ width: 18px;height: 18px;border-radius: 3px; background-color: #00838f;color: #fff;display:inline-block;text-align: center; line-height: 18px;margin-right: 10px;}
.dropdown-list .title .more i{ font-size: 18px; line-height:18px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.dropdown-list .title.open,.dropdown-list .title:hover{ background: rgba(205,231,233,1);
background: -moz-linear-gradient(top, rgba(205,231,233,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(205,231,233,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(205,231,233,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(205,231,233,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(205,231,233,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(205,231,233,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde7e9', endColorstr='#ffffff', GradientType=0 );-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.dropdown-list .title.open .more i{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}

.page-tabs{ border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;margin: 0; padding:0;font-size: 0px;}
.page-tabs > li { display: inline-block;font-size: 18px; width: 25%;vertical-align: top;font-weight: bold;}
.page-tabs > li > a{ display: block; border-top:3px solid #fff;padding: 17px 20px 20px 20px;text-align: center;}
.page-tabs > li > a:hover,.page-tabs > li.active > a{border-color: #00838f;color: #00838f;text-decoration: none;
background: rgba(205,231,233,1);
background: -moz-linear-gradient(top, rgba(205,231,233,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(205,231,233,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(205,231,233,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(205,231,233,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(205,231,233,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(205,231,233,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde7e9', endColorstr='#ffffff', GradientType=0 );}
.page-tab-container{ border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.page-tab-container .tab_content{padding: 20px;max-height: 600px;overflow: auto;}
/*scrollbar*/
.page-tab-container .tab_content::-webkit-scrollbar{width: 4px;height: 4px;background-color: #F5F5F5;}
.page-tab-container .tab_content::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #F5F5F5;}
.page-tab-container .tab_content::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);background-color: #00838f;}

@media only screen and (max-width:767px){
  .page-tabs{display: flex;}
  .page-tabs > li > a{ font-size: 14px;padding: 15px;}
}