.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;}

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

.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-content-insign {
    margin: 10px 0 10px 20px;
    padding: 10px 0 10px 10px;
    position: relative;
    border: 0px #ddd solid;}
	
.sp-name-insign {
    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;
}

ul.sp-insign-book {list-style:none; padding:0; margin:0 !important;}
ul.sp-insign-book li {width:100%; float:left; box-sizing:border-box;}
ul.sp-insign-book li > .box-area {padding:20px 35px;}
ul.sp-insign-book li > .box-area > a img {box-shadow: 2px 10px 10px 2px #ddd;}
ul.sp-insign-book li > .box-area > h2 {font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; font-size:16px; text-align:center; margin-top:20px;height:48px; overflow:hidden;}
ul.sp-insign-book li > .box-area > h2 a {color:#444444;}


.sp-insign  .menu1 { width:100%;/*float:left;border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px; margin-top:40px; }
.sp-insign  .menu1 > .title { /*background-color:#003366;*/ color:#333;font-size:20px;margin-bottom:5px; padding:0 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-pic-hidden { display:none;}

}

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

.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-content-insign {
    margin: 10px 0 10px 20px;
    padding: 10px 0 10px 10px;
    position: relative;
    border: 0px #ddd solid;}
	
.sp-name-insign {
    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;
}

ul.sp-insign-book {list-style:none; padding:0; margin:0 !important;}
ul.sp-insign-book li {width:50%; float:left; box-sizing:border-box;}
ul.sp-insign-book li > .box-area {padding:20px 20px;}
ul.sp-insign-book li > .box-area > a img {box-shadow: 2px 10px 10px 2px #ddd;}
ul.sp-insign-book li > .box-area > h2 {font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; font-size:16px; text-align:center; margin-top:20px;height:48px; overflow:hidden;}
ul.sp-insign-book li > .box-area > h2 a {color:#444444;}


.sp-insign  .menu1 { width:100%;/*float:left;border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px; margin-top:40px; }
.sp-insign  .menu1 > .title { /*background-color:#003366;*/ color:#333;font-size:20px;margin-bottom:5px; padding:0 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-pic-hidden { display:none;}


}

@media (min-width: 768px) and (max-width: 992px) {
	
.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-content-insign {
    margin: 10px 0 10px 20px;
    padding: 10px 0 10px 10px;
    position: relative;
    border: 0px #ddd solid;}
	
.sp-name-insign {
    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;
}

ul.sp-insign-book {list-style:none; padding:0; margin:0 !important;}
ul.sp-insign-book li {width:25%; float:left; box-sizing:border-box;}
ul.sp-insign-book li > .box-area {padding:17px 15px;}
ul.sp-insign-book li > .box-area > a img {box-shadow: 2px 10px 10px 2px #ddd;}
ul.sp-insign-book li > .box-area > h2 {font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; font-size:16px; text-align:center; margin-top:20px;height:48px; overflow:hidden;}
ul.sp-insign-book li > .box-area > h2 a {color:#444444;}


.sp-insign  .menu1 { width:100%;/*float:left;border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px; margin-top:40px; }
.sp-insign  .menu1 > .title { /*background-color:#003366;*/ color:#333;font-size:20px;margin-bottom:5px; padding:0 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-pic-hidden { display:none;}

 }

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

.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-content-insign {
    margin: 10px 0 10px 20px;
    padding: 10px 0 10px 10px;
    position: relative;
    border: 0px #ddd solid;}
	
.sp-name-insign {
    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;
}

ul.sp-insign-book {list-style:none; padding:0; margin:0 !important;}
ul.sp-insign-book li {width:25%; float:left; box-sizing:border-box;}
ul.sp-insign-book li > .box-area {padding:20px 30px;}
ul.sp-insign-book li > .box-area > a img {box-shadow: 2px 10px 10px 2px #ddd;}
ul.sp-insign-book li > .box-area > h2 {font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; font-size:16px; text-align:center; margin-top:20px;height:48px; overflow:hidden;}
ul.sp-insign-book li > .box-area > h2 a {color:#444444;}


.sp-insign  .menu1 { width:100%;/*float:left;border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px; margin-top:40px; }
.sp-insign  .menu1 > .title { /*background-color:#003366;*/ color:#333;font-size:20px;margin-bottom:5px; padding:0 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-pic-hidden { display:none;}


}

@media (min-width: 1280px) {

.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-content-insign {
    margin: 10px 0 10px 20px;
    padding: 10px 0 10px 10px;
    position: relative;
    border: 0px #ddd solid;}
	
.sp-name-insign {
    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;
}

ul.sp-insign-book {list-style:none; padding:0; margin:0 !important;}
ul.sp-insign-book li {width:25%; float:left; box-sizing:border-box;}
ul.sp-insign-book li > .box-area {padding:20px 30px;}
ul.sp-insign-book li > .box-area > a img {box-shadow: 2px 10px 10px 2px #ddd;}
ul.sp-insign-book li > .box-area > h2 {font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; font-size:16px; text-align:center; margin-top:20px;height:50px; overflow:hidden;}
ul.sp-insign-book li > .box-area > h2 a {color:#444444;}


.sp-insign  .menu1 { width:100%;/*float:left;border-right:1px #dddddd solid;*/box-sizing:border-box;padding-bottom:0px; margin-top:40px; }
.sp-insign  .menu1 > .title { /*background-color:#003366;*/ color:#333;font-size:20px;margin-bottom:5px; padding:0 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-pic-hidden {}


}