.sec-cms-detail .content-area h1.title { color:#006db8;font-weight:normal;font-size:26px; line-height:40px;padding:0px;margin:0px;margin-bottom:10px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sec-cms-detail .content-area h1.title > small { display:block;color:#666666;font-size:14px; line-height:24px; }
.sec-cms-detail .content-area h1.title > small.date { font-size:14px; }
.sec-cms-detail .content-area h3.title { font-size:16px;font-weight: normal;padding:0 0 15px 0px;margin:0px;margin-bottom:30px; border-bottom:2px #039dff solid; }
.sec-cms-detail .content-area h3.title.a { color:#333;font-size:20px;padding-bottom:10px;margin-top:0px; }
.sec-cms-detail .content-area h3.title.b { border:none;font-size:18px;color:#666666;margin-bottom:5px;margin-top:30px;padding:0px 25px; }


.sp-insign  .menu1 { width:100%;/*float:left;border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px; margin-top:20px; }
.sp-insign  .menu1 > .title { /*background-color:#003366;*/ color:#333;font-size:20px;margin-bottom:5px; padding:10px 20px 10px 0;font-weight:normal; border-bottom:2px #039dff solid; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-insign  .menu1 > ul { margin:0px;margin-bottom:20px; padding:0px;list-style-type:none; }
.sp-insign  .menu1 > ul .item { color:#1b1b1b;font-size:16px;border-bottom:1px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-insign  .menu1 > ul .item a  {color:#535353;/*background-color:#f1f1f1;*/display:block; font-size:15px; line-height:1.55; padding:12px 10px; padding-left:20px;}
.sp-insign  .menu1 > ul .item .date {float:right; font-size:13px; color:#999;}
.sp-insign  .menu1 > ul .item:hover .date {color:#006db8;}
.sp-insign  .menu1 > ul .item.more a { background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1; }
.sp-insign  .menu1 > ul .item.less a { background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1; }

.sp-insign  .menu1 > ul .item:hover a ,
.sp-insign  .menu1 > ul .item-active a { color:#006db8;background-color:#fafafa; }
.sp-insign  .menu1 > ul .item-active .date {float:right; font-size:13px;}
.sp-insign  .menu1 > ul .item-active.more ,
.sp-insign  .menu1 > ul .item-active.less { background-color:#ececec }
.sp-insign  .menu1 > ul .item.sub a { line-height:1.55; padding:12px 10px; padding-left:50px;color:#333333;font-size:14px;background-color:#ffffff; }
.sp-insign  .menu1 > ul .item.sub.active a { color:#c43525; }
.sp-insign  .menu1 > ul .item.grp { background-color:#f4f4f4;padding-left:20px; }
.sp-insign  .menu1 > ul .item.grp a { color:#444444 }
.sp-insign  .menu1 > ul .item.grp.active { background-color:transparent;border:none; }
.sp-insign  .menu1 > ul .item.grp.active a { color:#002a5b; }

.sp-page {margin-top:20px;}
.sp-page ul {list-style:none; text-align:right; margin:0; padding:0;}
.sp-page ul .number {font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;display:inline; padding:5px 10px; background:#fff; color:#3a9af7; font-size:14px; margin-right:3px; border:1px solid #eee; cursor:pointer;}
.sp-page ul .number:hover {color:#fff; border:1px solid #3a9af7;background:#3a9af7;}
.sp-page ul .number-active {font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; display:inline; padding:5px 10px; background:#3a9af7; color:#fff; font-size:14px; margin-right:3px; border:1px solid #3a9af7;}


@media (min-width: 240px) and (max-width: 478px) {

.sp-content-activities {}
.sp-content-activities > ul.frame {list-style:none; padding:0; margin:0;}
.sp-content-activities > ul.frame .frame-area {width:100%; float:left; margin-bottom:20px;}
.sp-content-activities > ul.frame .frame-area .area-training {margin:0 0 10px 0;/*padding: 10px 15px 10px 15px;*/ position: relative;border: 0px #ddd solid;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training {position: absolute; background: rgba(255,255,255,0.9); padding: 15px; margin: 0; color: #212121;font-size: 14px; font-family: 'Tahoma', sans-serif; bottom: 0; right: 0; text-align: left; line-height: 16px;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training h2 {font-size:22px; color:#222; font-weight:normal; line-height:28px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; margin-bottom:10px;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training p {font-size:15px; color:#545454; font-weight:normal; line-height:21px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; padding:0; margin:0;}
.sp-content-activities > ul.frame .sp-date {font-size:18px; padding:0 0 0 20px; color:#999;}

.sp-insign  .menu1 { width:100%;/*float:left;border-right:1px #dddddd solid;*/box-sizing:border-box;padding:0px; margin-top:20px; }
.sp-insign  .menu1 > .title { /*background-color:#003366;*/ color:#333;font-size:20px;margin-bottom:5px; padding:10px 20px 10px 0;font-weight:normal; border-bottom:2px #039dff solid; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-insign  .menu1 > ul { margin:0px;margin-bottom:20px; padding:0px;list-style-type:none; }
.sp-insign  .menu1 > ul .item { color:#1b1b1b;font-size:16px;border-bottom:1px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-insign  .menu1 > ul .item a  {color:#535353;/*background-color:#f1f1f1;*/display:block; font-size:15px; line-height:1.55; padding:12px 10px; padding-left:20px;}
.sp-insign  .menu1 > ul .item .date {float:none; font-size:13px; color:#999;}
.sp-insign  .menu1 > ul .item:hover .date {color:#006db8;}
.sp-insign  .menu1 > ul .item.more a { background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1; }
.sp-insign  .menu1 > ul .item.less a { background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1; }

.sp-insign  .menu1 > ul .item:hover a ,
.sp-insign  .menu1 > ul .item-active a { color:#006db8;background-color:#fafafa; }
.sp-insign  .menu1 > ul .item-active .date {float:right; font-size:13px;}
.sp-insign  .menu1 > ul .item-active.more ,
.sp-insign  .menu1 > ul .item-active.less { background-color:#ececec }
.sp-insign  .menu1 > ul .item.sub a { line-height:1.55; padding:12px 10px; padding-left:50px;color:#333333;font-size:14px;background-color:#ffffff; }
.sp-insign  .menu1 > ul .item.sub.active a { color:#c43525; }
.sp-insign  .menu1 > ul .item.grp { background-color:#f4f4f4;padding-left:20px; }
.sp-insign  .menu1 > ul .item.grp a { color:#444444 }
.sp-insign  .menu1 > ul .item.grp.active { background-color:transparent;border:none; }
.sp-insign  .menu1 > ul .item.grp.active a { color:#002a5b; }

.sp-hidden-banner { display:none;}

}

@media (min-width: 478px) and (max-width: 767px) {


.sp-content-activities {}
.sp-content-activities > ul.frame {list-style:none; padding:0; margin:0;}
.sp-content-activities > ul.frame .frame-area {width:50%; float:left;}
.sp-content-activities > ul.frame .frame-area .area-training {margin: 10px 15px 10px 15px;/*padding: 10px 15px 10px 15px;*/ position: relative;border: 0px #ddd solid;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training {position: absolute; background: rgba(255,255,255,0.9); padding: 15px; margin: 0; color: #212121;font-size: 14px; font-family: 'Tahoma', sans-serif; bottom: 0; right: 0; text-align: left; line-height: 16px;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training h2 {font-size:18px; color:#222; font-weight:normal; line-height:22px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training p { display:none;}
.sp-content-activities > ul.frame .sp-date {font-size:18px; padding:0 0 0 20px; color:#999;}

.sp-hidden { display:none;}

.sp-insign  .menu1 { width:100%;/*float:left;border-right:1px #dddddd solid;*/box-sizing:border-box;padding:0px; margin-top:40px; }
.sp-insign  .menu1 > .title { /*background-color:#003366;*/ color:#333;font-size:20px;margin-bottom:5px; padding:10px 20px 10px 0;font-weight:normal; border-bottom:2px #039dff solid; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-insign  .menu1 > ul { margin:0px;margin-bottom:20px; padding:0px;list-style-type:none; }
.sp-insign  .menu1 > ul .item { color:#1b1b1b;font-size:16px;border-bottom:1px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-insign  .menu1 > ul .item a  {color:#535353;/*background-color:#f1f1f1;*/display:block; font-size:15px; line-height:1.55; padding:12px 10px; padding-left:20px;}
.sp-insign  .menu1 > ul .item .date {float:none; font-size:13px; color:#999;}
.sp-insign  .menu1 > ul .item:hover .date {color:#006db8;}
.sp-insign  .menu1 > ul .item.more a { background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1; }
.sp-insign  .menu1 > ul .item.less a { background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1; }

.sp-insign  .menu1 > ul .item:hover a ,
.sp-insign  .menu1 > ul .item-active a { color:#006db8;background-color:#fafafa; }
.sp-insign  .menu1 > ul .item-active .date {float:right; font-size:13px;}
.sp-insign  .menu1 > ul .item-active.more ,
.sp-insign  .menu1 > ul .item-active.less { background-color:#ececec }
.sp-insign  .menu1 > ul .item.sub a { line-height:1.55; padding:12px 10px; padding-left:50px;color:#333333;font-size:14px;background-color:#ffffff; }
.sp-insign  .menu1 > ul .item.sub.active a { color:#c43525; }
.sp-insign  .menu1 > ul .item.grp { background-color:#f4f4f4;padding-left:20px; }
.sp-insign  .menu1 > ul .item.grp a { color:#444444 }
.sp-insign  .menu1 > ul .item.grp.active { background-color:transparent;border:none; }
.sp-insign  .menu1 > ul .item.grp.active a { color:#002a5b; }

.sp-hidden-banner { display:none;}

}

@media (min-width: 768px) and (max-width: 992px) {


.sp-content-activities {}
.sp-content-activities > ul.frame {list-style:none; padding:0; margin:0;}
.sp-content-activities > ul.frame .frame-area {width:50%; float:left; box-sizing:border-box;}
.sp-content-activities > ul.frame .frame-area .area-training {margin: 10px 15px 10px 15px;/*padding: 10px 15px 10px 15px;*/ position: relative;border: 0px #ddd solid;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training {position: absolute; background: rgba(255,255,255,0.9); padding: 15px; margin: 0; color: #212121;font-size: 14px; font-family: 'Tahoma', sans-serif; bottom: 0; right: 0; text-align: left; line-height: 16px;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training h2 {font-size:22px; color:#222; font-weight:normal; line-height:28px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; margin-bottom:10px;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training p {font-size:15px; color:#545454; font-weight:normal; line-height:21px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; padding:0; margin:0;}
.sp-content-activities > ul.frame .sp-date {font-size:18px; padding:0 0 0 20px; color:#999;}

.sp-hidden { display:none;}
.sp-hidden-banner { display:none;}

}

@media (min-width: 992px) and (max-width: 1280px) {


.sp-content-activities {}
.sp-content-activities > ul.frame {list-style:none; padding:0; margin:0;}
.sp-content-activities > ul.frame .frame-area {width:33.33%; float:left;}
.sp-content-activities > ul.frame .frame-area .area-training {margin: 10px 15px 10px 15px;/*padding: 10px 15px 10px 15px;*/ position: relative;border: 0px #ddd solid;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training {position: absolute; background: rgba(255,255,255,0.9); padding: 15px; margin: 0; color: #212121;font-size: 14px; font-family: 'Tahoma', sans-serif; bottom: 0; right: 0; text-align: left; line-height: 16px;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training h2 {font-size:22px; color:#222; font-weight:normal; line-height:28px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; margin-bottom:10px;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training p {font-size:15px; color:#545454; font-weight:normal; line-height:21px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; padding:0; margin:0;}
.sp-content-activities > ul.frame .sp-date {font-size:18px; padding:0 0 0 20px; color:#999;}

.sp-hidden-banner { display:none;}
}

@media (min-width: 1280px) {

.sp-content-activities {}
.sp-content-activities > ul.frame {list-style:none; padding:0; margin:0;}
.sp-content-activities > ul.frame .frame-area {width:33.33%; float:left;}
.sp-content-activities > ul.frame .frame-area .area-training {margin: 10px 15px 10px 15px;/*padding: 10px 15px 10px 15px;*/ position: relative;border: 0px #ddd solid;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training {position: absolute; background: rgba(255,255,255,0.9); padding: 15px; margin: 0; color: #212121;font-size: 14px; font-family: 'Tahoma', sans-serif; bottom: 0; right: 0; left:0; text-align: left; line-height: 16px;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training h2 {font-size:20px; color:#222; font-weight:normal; line-height:28px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; margin-bottom:10px;}
.sp-content-activities > ul.frame .frame-area .area-training > .txt-training p {font-size:15px; color:#545454; font-weight:normal; line-height:21px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; padding:0; margin:0;}
.sp-content-activities > ul.frame .sp-date {font-size:18px; padding:0 0 0 20px; color:#999;}

}