.sorting_section {
  width: 816px;
  text-align: center;
}

.weekendbox_section1 {
  display: block;
  width: 100%;
  max-width: 840px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  float: none;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #58c5e2;
}

.page_caption {
  display: block;
  margin-right: 10px;
  margin-left: 10px;
  float: left;
  font-size: 16px;
}

.page_caption.program_caption_space {
  width: 500px;
}

.page_caption.program {
  width: 24%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.page_caption.program.mobile_program {
  display: none;
}

.page_caption.location {
  width: 27%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.page_caption.dates {
  width: 20%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.page_caption.dates.mobile_dates {
  display: none;
}

.page_caption.grade {
  width: 90px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}

.page_caption.grade.mobile_grade {
  display: none;
}

.page_caption.price {
  width: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  float: left;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.page_caption.price.mobile_price {
  display: none;
}

.weekend_caption_menu {
  display: block;
  width: 100%;
  max-width: 840px;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 0px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .3);
  background-color: #58c5e2;
}

.detail_block1 {
  width: 48%;
  margin-right: 10px;
  margin-left: 10px;
  float: left;
}

.detail_block2 {
  width: 100px;
  margin-right: 10px;
  margin-left: 10px;
  float: left;
}

.detail_block3 {
  width: 100px;
  margin-right: 10px;
  float: left;
}

.detail_block4 {
  width: 80px;
  margin-right: 10px;
  margin-left: 10px;
  float: left;
}

.detail_block5 {
  width: 90px;
  margin-right: 10px;
  margin-left: 10px;
  float: left;
}

.detail_box_img {
  display: block;
  width: 24%;
  margin-right: 10px;
  margin-left: 10px;
  float: left;
}

.detail_box_content {
  display: block;
  width: 255px;
  margin-right: auto;
  margin-left: auto;
  float: left;
}

.detail_program_caption {
  display: none;
  width: 27%;
  margin: 0px 10px 5px;
  float: left;
  font-size: 12px;
  line-height: 18px;
}

.detail_program_caption.detail_loction {
  width: 18%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_caption.detail_date {
  width: 90px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_caption.detail_grade {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_caption.detail_price {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_caption.detail_application {
  width: 24%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_content {
  width: 27%;
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 10px;
  float: left;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.contentdetail_block, .contentdetail_block2, .contentdetail_block3, .contentdetail_block4, .contentdetail_block5, .contentdetail_block6, .contentdetail_block7, .contentdetail_block8, .contentdetail_block9{
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
  text-align: center;
}

.weekend_program_more_info, .weekend_program_more_info2, .weekend_program_more_info3, .weekend_program_more_info4, .weekend_program_more_info5, .weekend_program_more_info6, .weekend_program_more_info7, .weekend_program_more_info8, .weekend_program_more_info9 {
  width: 100px;
  padding: 5px 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-image: none;
  color: #439acf;
  font-size: 16px;
  text-decoration: none;
}

.weekend_block_more {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 2px;
  float: left;
  text-align: center;
}

.detail_block6_main {
  width: 70%;
  min-height: 600px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  float: left;
  border-right: 1px solid rgba(0, 0, 0, .1);
}

.detail_block6_aside {
  display: block;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 20px 20px;
  float: left;
  border-left: 1px none rgba(0, 0, 0, .1);
}

.detail_block6_main_caption {
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0px;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}

.detail_block_main_content {
  display: block;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  padding: 10px;
  clear: left;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}

.detail_tabs_menu {
  border-bottom: 1px solid rgba(0, 0, 0, .3);
}

.detail_tab {
  margin-right: 1px;
  margin-left: 1px;
  padding: 10px;
  float: left;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: rgba(51, 51, 51, .8);
  font-weight: 700;
  text-transform: uppercase;
}

.detail_tab.w--current {
  float: left;
  text-transform: uppercase;
}

.detail_block6_overview_container {
  display: block;
  margin: 20px;
}

.detail_program_highlightbox {
  display: block;
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(67, 154, 207, .5);
  border-radius: 5px;
  line-height: 16px;
  text-align: left;
}

.detail_program_highlightbox_txt {
  color: #439acf;
  font-size: 12px;
  line-height: 12px;
  text-align: left;
  text-decoration: none;
}

.detail_block6_plantrip {
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.detail_block6_download {
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.detail_block6_aside_caption {
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}

.detail_block6_caption_txt {
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}

.detail_block6_aside_tab {
  padding: 0px 5px;
  float: left;
  background-color: transparent;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
}

.detail_block6_aside_tab.w--current {
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  border-right: 1px none #000;
  background-color: transparent;
  color: #439acf;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.detail_block6_aside_tab_container {
  display: block;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}

.detail_block6_aside_package_block {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
}

.detail_block6_aside_package_block_caption {
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}

.detail_block6_aside_pakcage_block_itme {
  height: 20px;
  background-color: rgba(67, 154, 207, .1);
}

.detail_block6_aside_pakcage_block_itme.grey {
  background-color: hsla(0, 0%, 93%, .1);
}

.detail_block6_aside_package_block_left_content {
  width: 50%;
  margin-left: 5px;
  float: left;
  font-size: 12px;
  text-align: left;
}

.detail_block6_aside_package_block_right_content {
  margin-right: 5px;
  float: right;
  font-size: 12px;
  text-align: right;
}

.detail_block6_aside_package_block_remarks {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}

.weekend-btn {
  display: block;
  width: auto;
  min-width: 100px;
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 5px 10px;
  float: none;
  clear: none;
  border-radius: 5px;
  background-color: #58c5e2;
  color: #fff;
  text-align: center;
	font-size: 12px;
}

.hidebtn-weekend_program_more_info, .hidebtn-weekend_program_more_info2,.hidebtn-weekend_program_more_info3,.hidebtn-weekend_program_more_info4,.hidebtn-weekend_program_more_info5,.hidebtn-weekend_program_more_info6,.hidebtn-weekend_program_more_info7,.hidebtn-weekend_program_more_info8,.hidebtn-weekend_program_more_info9 {
  display: none;
  width: 100px;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-image: none;
  color: #439acf;
  font-size: 12px;
  text-decoration: none;
}

.image {
  display: none;
}

.detail_program_content_date {
  display: inline-block;
  width: 20%;
  margin: 0px 10px 5px;
  float: left;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.detail_program_content_date.detail_loction {
  width: 18%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_content_date.detail_date {
  width: 90px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_content_date.detail_grade {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_content_date.detail_price {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_content_date.detail_application {
  width: 24%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_content_detail {
  display: inline-block;
  width: 18%;
  margin: 0px 10px 5px;
  float: left;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.detail_program_content_detail.detail_loction {
  width: 18%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_content_detail.detail_date {
  width: 90px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_content_detail.detail_grade {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_content_detail.detail_price {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_content_detail.detail_application {
  width: 24%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_img {
  display: block;
  width: 24%;
  margin-right: 10px;
  margin-left: 10px;
  float: left;
  clear: left;
}

.detail_program_date_caption {
  display: none;
  width: 16%;
  margin: 0px 10px 5px;
  float: left;
  font-size: 12px;
  line-height: 18px;
}

.detail_program_date_caption.detail_loction {
  width: 18%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_date_caption.detail_date {
  width: 90px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_date_caption.detail_grade {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_date_caption.detail_price {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_date_caption.detail_application {
  width: 24%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_coursename_caption {
  display: inline-block;
  width: 24%;
  margin: 0px 10px 5px;
  float: left;
  font-size: 12px;
  line-height: 18px;
	font-weight: bold;
}

.detail_program_coursename_caption.detail_loction {
  width: 18%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_coursename_caption.detail_date {
  width: 90px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_coursename_caption.detail_grade {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_coursename_caption.detail_price {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_coursename_caption.detail_application {
  width: 24%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_detail_caption {
  display: none;
  width: auto;
  margin: 0px 10px 5px;
  float: left;
  font-size: 12px;
  line-height: 18px;
}

.detail_program_detail_caption.detail_loction {
  width: 18%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_detail_caption.detail_date {
  width: 90px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 400;
}

.detail_program_detail_caption.detail_grade {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_detail_caption.detail_price {
  font-size: 12px;
  font-weight: 400;
}

.detail_program_detail_caption.detail_application {
  width: 24%;
  float: none;
  font-size: 12px;
  font-weight: 400;
}

@media (max-width: 991px) {
  .page_caption.program {
    width: 24%;
    margin-right: 5px;
    margin-left: 5px;
  }
  .page_caption.location {
    margin-right: 5px;
    margin-left: 5px;
  }
  .page_caption.dates {
    width: 20%;
    margin-right: 5px;
    margin-left: 5px;
  }
  .page_caption.grade {
    width: 70px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .page_caption.price {
    width: auto;
    margin-right: 5px;
    margin-left: 5px;
  }
  .weekend_caption_menu {
    width: 100%;
  }
  .detail_block1 {
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_block2 {
    width: 70px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_block3 {
    width: 70px;
  }
  .detail_block4 {
    width: 70px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_caption {
    margin-right: 5px;
    margin-left: 5px;
	  font-weight: bold;
  }
  .detail_program_caption.detail_loction {
    width: 70px;
  }
  .detail_program_caption.detail_date {
    width: 70px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_caption.detail_application {
    width: 100%;
    clear: none;
  }
  .detail_program_content {
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_content_date {
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_content_date.detail_loction {
    width: 70px;
  }
  .detail_program_content_date.detail_date {
    width: 70px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_content_date.detail_application {
    width: 100%;
    clear: none;
  }
  .detail_program_content_detail {
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_content_detail.detail_loction {
    width: 70px;
  }
  .detail_program_content_detail.detail_date {
    width: 70px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_content_detail.detail_application {
    width: 100%;
    clear: none;
  }
  .detail_program_img {
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_date_caption {
    margin-right: 5px;
    margin-left: 5px;
	  font-weight: bold;
  }
  .detail_program_date_caption.detail_loction {
    width: 70px;
  }
  .detail_program_date_caption.detail_date {
    width: 70px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_date_caption.detail_application {
    width: 100%;
    clear: none;
  }
  .detail_program_coursename_caption {
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_coursename_caption.detail_loction {
    width: 70px;
  }
  .detail_program_coursename_caption.detail_date {
    width: 70px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_coursename_caption.detail_application {
    width: 100%;
    clear: none;
  }
  .detail_program_detail_caption {
    margin-right: 5px;
    margin-left: 5px;
	  font-weight: bold;
  }
  .detail_program_detail_caption.detail_loction {
    width: 70px;
  }
  .detail_program_detail_caption.detail_date {
    width: 70px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .detail_program_detail_caption.detail_application {
    width: 100%;
    clear: none;
  }
}

@media (max-width: 767px) {
  .weekendbox_section1 {
    padding-top: 0px;
  }
  .page_caption.program {
    display: none;
  }
  .page_caption.program.mobile_program {
    display: block;
    margin-right: auto;
    margin-left: auto;
    color: #000;
  }
  .page_caption.location {
    display: none;
  }
  .page_caption.dates {
    display: none;
  }
  .page_caption.dates.mobile_dates {
    display: block;
    margin-right: auto;
    margin-left: auto;
    color: #000;
  }
  .page_caption.grade {
    display: none;
  }
  .page_caption.grade.mobile_grade {
    display: block;
    margin-right: auto;
    margin-left: auto;
    color: #000;
  }
  .page_caption.price {
    display: none;
  }
  .page_caption.price.mobile_price {
    display: block;
    margin-right: auto;
    margin-left: auto;
    color: #000;
  }
  .detail_block2 {
    margin-bottom: 5px;
  }
  .detail_block3 {
    margin-bottom: 5px;
  }
  .detail_block4 {
    margin-bottom: 5px;
  }
  .detail_program_caption {
    display: block;
    width: 100%;
    padding: 10px 15px 5px 10px;
  }
  .detail_program_content {
    width: 100%;
    padding: 10px 15px;
  }
  .detail_block_main_content {
    padding-right: 15px;
    padding-left: 15px;
  }
  .detail_program_content_date {
    display: block;
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .detail_program_content_detail {
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .detail_program_img {
    width: 100%;
    padding-right: 15px;
    padding-left: 10px;
  }
  .detail_program_date_caption {
    display: block;
    width: 100%;
    margin-left: 10px;
    padding: 10px 15px 5px;
  }
  .detail_program_coursename_caption {
    width: 100%;
    padding: 10px 15px 5px 10px;
  }
  .detail_program_detail_caption {
    display: block;
    width: 100%;
    margin-left: 10px;
    padding: 10px 15px 5px;
  }
}

@media (max-width: 479px) {
  .detail_block1 {
    width: 100%;
  }
  .detail_block2 {
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 10px;
  }
  .detail_block3 {
    margin-left: 10px;
    padding-left: 10px;
  }
  .detail_block4 {
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 10px;
  }
  .detail_box_img {
    width: 100%;
  }
  .detail_box_content {
    width: 100%;
  }
  .detail_program_content {
    width: 100%;
    margin-top: 40px;
    padding: 10px 15px;
    float: none;
    clear: none;
  }
  .detail_block_main_content {
    padding-right: 15px;
    padding-left: 15px;
  }
  .image {
    display: block;
    clear: none;
  }
  .detail_program_img {
    margin-bottom: 10px;
  }
}
.weekendprogram_table_style {
	border:solid;
	border-width:1px;
	border-color:#58C5E2;
	color:#333;
	font-size:12px;
	border-collapse: collapse;
	margin:5px;
	width:95%;
	font-family: arial;
	margin-right:20px;
	margin:0px auto;
	margin-bottom: 10px;
	background: #fff;
}
.weekendprogram_table_style tr td {
	border:solid;
	border-width:1px;
	border-color:#58C5E2;
	border-spacing: 10px;
	padding:0px 5px;
	font-family: arial;
}
.weekendprogram_header {
	background:#58C5E2;
	color: #fff;
	font-family: arial;
}