/*.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; }*/
h1.title > small { display:block; padding: 0 !important; font-size: 20px !important;}
.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; }


.sec-cms-detail  .menufiu { width:20%;float:left;/*border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px;}
.sec-cms-detail  .menufiu > .title { background-color:#003366; color:#fff;font-size:26px;margin-bottom:0px; padding:10px 20px 10px 20px;font-weight:normal; border-bottom:0px #039dff solid;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sec-cms-detail  .menufiu > ul { margin:0px;margin-bottom:0px; padding:0px;list-style-type:none;background:#f4f9ff; margin-bottom:40px;}
.sec-cms-detail  .menufiu > ul .item { color:#1b1b1b;font-size:16px;border-bottom:1px #dddddd solid;line-height:1.4; position:relative; }
.sec-cms-detail  .menufiu > ul .item a  {color:#535353;/*background-color:#f1f1f1;*/display:block; font-size:16px; line-height:1.58;  padding:12px 25px 12px 20px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sec-cms-detail  .menufiu > ul .item .arrow { position: absolute; right: 10px; top: 15px;}
.sec-cms-detail  .menufiu > ul .item.active { background-color:transparent; }
.sec-cms-detail  .menufiu > ul .item.active a { color:#fff !important;background-color:#09bab4 !important; }
.sec-cms-detail  .menufiu > ul .item.active div {color:#fff !important;}
.sec-cms-detail  .menufiu > ul .item.active .arrow { -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg); }

.sec-cms-detail  .menufiu > ul .item:hover a { color:#fff;background-color:#09bab4 }
.sec-cms-detail  .menufiu > ul .item-active a { color:#fff !important;background-color:#09bab4 !important; }
.sec-cms-detail  .menufiu > ul .item-active .arrow {float:right;}
.sec-cms-detail  .menufiu > ul .item-active.more ,
.sec-cms-detail  .menufiu > ul .item-active.less { background-color:#ececec }
.sec-cms-detail  .menufiu > ul .item.sub a { line-height:1.55; padding:12px 10px 12px 20px;color:#666666;font-size:14px;background-color:#ffffff; }
.sec-cms-detail  .menufiu > ul .item.sub a:hover { color: #000000;}
.sec-cms-detail  .menufiu > ul .item.sub.active { }
.sec-cms-detail  .menufiu > ul .item.sub.active a { color:#000000 !important;background-color: #FFF !important; }
.sec-cms-detail  .menufiu > ul .item.grp { background-color:#f4f4f4;padding-left:20px; }
.sec-cms-detail  .menufiu > ul .item.grp a { color:#444444 }
.sec-cms-detail  .menufiu > ul .item.grp.active { background-color:transparent;border:none; }
.sec-cms-detail  .menufiu > ul .item.grp.active a { color:#002a5b; }

.sec-cms-detail  .menufiu  > .box { margin:15px 0px; }
.sec-cms-detail  .menufiu  > .box a.title { color:#00008c;font-size:14px;display:block;margin:15px; }
.sec-cms-detail  .menufiu  > .box .img { position:relative;}
.sec-cms-detail  .menufiu  > .box .img img { width:100%; }
.sec-cms-detail  .menufiu  > .box .img a.vdo { display:block }
.sec-cms-detail  .menufiu  > .box .img a.vdo::before { content:'';position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:url(../img/page_news/icon/play.png) center no-repeat;z-index:1; }

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

.sp-insign  .menu1 { width:100%;/*float:left;border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px; margin-top:20px;background:none;}
.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;background: 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:16px; line-height:1.55; padding:12px 10px; padding-left:10px;}
.sp-insign  .menu1 > ul .item .boxText {float:left; width:70%;}
.sp-insign  .menu1 > ul .item .date {float:right; width:30%; font-size:13px; color:#999; text-align:right;}
.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; }


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

.sp-page ul.box-area .number > a {padding:3px 5px;}

.sp-content-training {}
.sp-content-training > ul.frame {list-style:none; padding:0; margin:0;}
.sp-content-training > ul.frame .frame-area {width:100%; float:left; margin-bottom:20px;}
.sp-content-training > ul.frame .frame-area .area-training {margin:0 0 10px 0;/*padding: 10px 15px 10px 15px;*/ position: relative;border: 0px #ddd solid;}
.sp-content-training > 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-training > ul.frame .frame-area .area-training > .txt-training h3 {font-size:16px; color:#222; font-weight:normal; line-height:26px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-content-training > ul.frame .sp-date {font-size:13px; padding:0 0 0 20px; color:#999;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}

.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 .boxText {float:none; width:100%;}
.sp-insign  .menu1 > ul .item .date {float:none; text-align:left; width:100%; 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;}

.sec-cms-detail .menufiu { width:100%;float:none;/*border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px; margin-top:20px;}
}

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

.sp-content-training {}
.sp-content-training > ul.frame {list-style:none; padding:0; margin:0;}
.sp-content-training > ul.frame .frame-area {width:50%; float:left;}
.sp-content-training > ul.frame .frame-area .area-training {margin: 10px 15px 10px 15px;/*padding: 10px 15px 10px 15px;*/ position: relative;border: 0px #ddd solid;}
.sp-content-training > 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-training > ul.frame .frame-area .area-training > .txt-training h3 {font-size:16px; color:#222; font-weight:normal; line-height:26px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-content-training > ul.frame .sp-date {font-size:16px; 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:16px; line-height:1.55; padding:12px 10px; padding-left:20px;}
.sp-insign  .menu1 > ul .item .boxText {float:none; width:100%;}
.sp-insign  .menu1 > ul .item .date {float:none; text-align:left; width:100%; 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;}

.sec-cms-detail .menufiu { width:100%;float:none;/*border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px; margin-top:20px;}

}

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

.sp-content-training {}
.sp-content-training > ul.frame {list-style:none; padding:0; margin:0;}
.sp-content-training > ul.frame .frame-area {width:33.33%; float:left;}
.sp-content-training > ul.frame .frame-area .area-training {margin: 10px 15px 10px 15px;/*padding: 10px 15px 10px 15px;*/ position: relative;border: 0px #ddd solid;}
.sp-content-training > 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-training > ul.frame .frame-area .area-training > .txt-training h3 {font-size:16px; color:#222; font-weight:normal; line-height:26px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-content-training > ul.frame .sp-date {font-size:16px; padding:0 0 0 20px; color:#999;}

.sp-insign  .menu1 > ul .item .boxText {float:none; width:100%;}
.sp-insign  .menu1 > ul .item .date {float:none; text-align:left; width:100%; font-size:13px; color:#999; margin-top:5px;}

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

.sec-cms-detail .menufiu { width:100%;float:none;/*border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px; margin-top:20px;}

}

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

.sp-content-training {}
.sp-content-training > ul.frame {list-style:none; padding:0; margin:0;}
.sp-content-training > ul.frame .frame-area {width:33.33%; float:left;}
.sp-content-training > ul.frame .frame-area .area-training {margin: 10px 15px 10px 15px;/*padding: 10px 15px 10px 15px;*/ position: relative;border: 0px #ddd solid;}
.sp-content-training > 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-training > ul.frame .frame-area .area-training > .txt-training h3 {font-size:16px; color:#222; font-weight:normal; line-height:26px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-content-training > ul.frame .sp-date {font-size:16px; padding:0 0 0 20px; color:#999;}

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

.sec-cms-detail .menufiu { width:100%;float:none;/*border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px; margin-top:20px;}
}

@media (min-width: 1280px) {

.sp-content-training {}
.sp-content-training > ul.frame {list-style:none; padding:0; margin:0;}
.sp-content-training > ul.frame .frame-area {width:33.33%; float:left;}
.sp-content-training > ul.frame .frame-area .area-training {margin: 10px 15px 10px 15px;/*padding: 10px 15px 10px 15px;*/ position: relative;border: 0px #ddd solid;}
.sp-content-training > 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-training > ul.frame .frame-area .area-training > .txt-training h3 {font-size:16px; color:#222; font-weight:normal; line-height:26px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-content-training > ul.frame .sp-date {font-size:13px; padding:0 0 0 20px; color:#999;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}

}