.sec-cms-detail  > .wrapper1 > .content-area {width:100%;}
.sec-cms-detail  > .wrapper1 > .content-area > .wrapper1 { /*padding-left:0px;*/}
.sec-cms-detail .content-area ul { margin-left:0px;}

.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-button-download-pdf {margin-top:-10px; position:relative;}
.sp-button-download-pdf > .sp-line-arrow-down {background:url(../img/innovation/line-footer.png) no-repeat top center; height:14px;}
.sp-button-download-pdf > .sp-button-area {background:#1c5db5; padding:10px; text-align:center;}
.sp-button-download-pdf > .sp-button-area button {background-color:rgba(0, 0, 0, 0.6);padding: 15px 20px; border:none; color:#fff; font-size:16px; cursor: pointer;}


@media (min-width: 240px) and (max-width: 478px) {
	
.sec-cms-detail {padding: 20px 0px;}

.sp-inno-detail-banner {width:100%; margin-bottom:40px;}
.sp-inno-detail-banner > .sp-box-banner{position:relative;}
.sp-inno-detail-banner > .sp-box-banner button{position: absolute;bottom: 20%;right: 0;left: 27%;background-color:rgba(0, 0, 0, 0.6);padding: 15px 20px; border:none; color:#fff; font-size:16px; width:157px;}
	
.sp-inno  .menu1 { width:100%;padding-bottom:0px; margin-top:0px;}
.sp-inno  .menu1 > ul { margin:0px;margin-bottom:20px; padding:0px;list-style-type:none; text-align:center;}
.sp-inno  .menu1 > ul .item1 { color:#1b1b1b;font-size:16px;border-right:1px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; display: inline-block;}
.sp-inno  .menu1 > ul .item1:last-child { color:#1b1b1b;font-size:16px;border-right:0px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; display: inline-block;}
.sp-inno  .menu1 > ul .item1 a  {color:#535353;/*background-color:#f1f1f1;*/display:block; font-size:16px; line-height:1.55; padding:0px 15px; margin-right:3px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-inno  .menu1 > ul .item1.more a { background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1;}
.sp-inno  .menu1 > ul .item1.less a { background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1;}

.sp-inno  .menu1 > ul .item1:hover a ,
.sp-inno  .menu1 > ul .item1-active a { color:#006db8;background-color:#fafafa;}
.sp-inno  .menu1 > ul .item1-active.more ,
.sp-inno  .menu1 > ul .item1-active.less { background-color:#ececec;}

ul.sp-inno-book {list-style:none; padding:0; border-bottom:2px #039dff solid;}
ul.sp-inno-book li {width:100%;/* float:left; box-sizing:border-box;*/}
ul.sp-inno-book li .sp-inno-box {padding:20px 35px;}
ul.sp-inno-book li .sp-inno-box a img {box-shadow: 2px 10px 10px 2px #ddd;}
ul.sp-inno-book li .sp-inno-box a > h2 {font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; font-size:16px; text-align:center; margin-top:20px;color:#444444;}

.sp-hidden { display:none;}
/*.sp-hidden-2 { display:none;}*/

.sp-cat-hidden-d {display:none;}
.sp-cat-hidden-m { text-align:center;}
input , textarea , select { width:80%;}

.sp-txt-top-detail {width:100%;}
.sp-txt-top-detail h1.sp-inno-title {text-align:left;color: #006db8; font-weight: normal; font-size: 26px;padding: 0px; margin: 0px;margin-bottom: 20px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; line-height: 38px;}
.sp-txt-top-detail p {text-align:left; color:#666; font-size:15px;}

.sp-col-pic-ph1 {/*float: left;*/margin: 0 0 20px 0; width:100%}
.sp-txt-area-ph1 {padding:0;padding-right:0px;}
.sp-txt-area-ph1 h2 {text-align:left;color:#333; font-weight: normal; font-size: 26px;padding: 0px; margin: 0px;margin-bottom: 20px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; line-height: 38px;}
.sp-txt-area-ph1 p {text-align:center; color:#666; font-size:15px; text-align:left;}

.sp-col-pic-ph2 {/*float: right;*/margin: 0 0 20px 0; width:100%;}
.sp-txt-area-ph2 {padding: 0;padding-left: 0px;}
.sp-txt-area-ph2 p {text-align:center; color:#666; font-size:15px; text-align:left;}

}

@media (min-width: 478px) and (max-width: 767px) {
	
.sp-inno-detail-banner {width:100%; margin-bottom:40px;}
.sp-inno-detail-banner > .sp-box-banner{position:relative;}
.sp-inno-detail-banner > .sp-box-banner button{position: absolute;bottom: 20%;right: 0;left: 36%;background-color:rgba(0, 0, 0, 0.6);padding: 15px 20px; border:none; color:#fff; font-size:16px;width:157px;}

.sp-inno  .menu1 { width:100%;padding-bottom:0px; margin-top:0px;}
.sp-inno  .menu1 > ul { margin:0px;margin-bottom:20px; padding:0px;list-style-type:none; text-align:center;}
.sp-inno  .menu1 > ul .item1 { color:#1b1b1b;font-size:16px;border-right:1px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; display: inline-block;}
.sp-inno  .menu1 > ul .item1:last-child { color:#1b1b1b;font-size:16px;border-right:0px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; display: inline-block;}
.sp-inno  .menu1 > ul .item1 a  {color:#535353;/*background-color:#f1f1f1;*/display:block; font-size:16px; line-height:1.55; padding:0px 15px; margin-right:3px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-inno  .menu1 > ul .item1.more a { background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1;}
.sp-inno  .menu1 > ul .item1.less a { background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1;}

.sp-inno  .menu1 > ul .item1:hover a ,
.sp-inno  .menu1 > ul .item1-active a { color:#006db8;background-color:#fafafa;}
.sp-inno  .menu1 > ul .item1-active.more ,
.sp-inno  .menu1 > ul .item1-active.less { background-color:#ececec;}

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

.sp-hidden { display:none;}
/*.sp-hidden-2 { display:none;}*/

.sp-cat-hidden-d {display:none;}
.sp-cat-hidden-m { text-align:center;}
input , textarea , select { width:50%;}

.sp-txt-top-detail {width:100%;}
.sp-txt-top-detail h1.sp-inno-title {text-align:left;color: #006db8; font-weight: normal; font-size: 26px;padding: 0px; margin: 0px;margin-bottom: 20px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; line-height: 38px;}
.sp-txt-top-detail p {text-align:left; color:#666; font-size:15px;}

.sp-col-pic-ph1 {/*float: left;*/margin: 0 0 20px 0; width:100%}
.sp-txt-area-ph1 {padding:0;padding-right:0px;}
.sp-txt-area-ph1 h2 {text-align:left;color:#333; font-weight: normal; font-size: 26px;padding: 0px; margin: 0px;margin-bottom: 20px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; line-height: 38px;}
.sp-txt-area-ph1 p {text-align:center; color:#666; font-size:15px; text-align:left;}

.sp-col-pic-ph2 {/*float: right;*/margin: 0 0 20px 0; width:100%;}
.sp-txt-area-ph2 {padding: 0;padding-left: 0px;}
.sp-txt-area-ph2 p {text-align:center; color:#666; font-size:15px; text-align:left;}

}

@media (min-width: 768px) and (max-width: 992px) {
	
.sp-inno-detail-banner {width:100%; margin-bottom:40px;}
.sp-inno-detail-banner > .sp-box-banner{position:relative;}
.sp-inno-detail-banner > .sp-box-banner button{position: absolute;bottom: 20%;right: 0;left: 40%;background-color:rgba(0, 0, 0, 0.6);padding: 15px 20px; border:none; color:#fff; font-size:16px; width:157px;}
	
.sp-inno  .menu1 { width:100%;padding-bottom:0px; margin-top:0px;}
.sp-inno  .menu1 > ul { margin:0px;margin-bottom:20px; padding:0px;list-style-type:none; text-align:center;}
.sp-inno  .menu1 > ul .item1 { color:#1b1b1b;font-size:16px;border-right:1px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; display: inline-block;}
.sp-inno  .menu1 > ul .item1:last-child { color:#1b1b1b;font-size:16px;border-right:0px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; display: inline-block;}
.sp-inno  .menu1 > ul .item1 a  {color:#535353;/*background-color:#f1f1f1;*/display:block; font-size:16px; line-height:1.55; padding:0px 15px; margin-right:3px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-inno  .menu1 > ul .item1.more a { background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1;}
.sp-inno  .menu1 > ul .item1.less a { background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1;}

.sp-inno  .menu1 > ul .item1:hover a ,
.sp-inno  .menu1 > ul .item1-active a { color:#006db8;background-color:#fafafa;}
.sp-inno  .menu1 > ul .item1-active.more ,
.sp-inno  .menu1 > ul .item1-active.less { background-color:#ececec;}

ul.sp-inno-book {list-style:none; padding:0; border-bottom:2px #039dff solid;}
ul.sp-inno-book li {width:33.33%; float:left; box-sizing:border-box;}
ul.sp-inno-book li .sp-inno-box {padding:20px 35px;}
ul.sp-inno-book li .sp-inno-box a img {box-shadow: 2px 10px 10px 2px #ddd;}
ul.sp-inno-book li .sp-inno-box a > h2 {font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; font-size:16px; text-align:center; margin-top:20px;color:#444444;}

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

.sp-cat-hidden-d {display:none;}
.sp-cat-hidden-m { text-align:center;}
input , textarea , select { width:40%;}

.sp-txt-top-detail {width:100%;}
.sp-txt-top-detail h1.sp-inno-title {text-align:left;color: #006db8; font-weight: normal; font-size: 26px;padding: 0px; margin: 0px;margin-bottom: 20px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; line-height: 38px;}
.sp-txt-top-detail p {text-align:left; color:#666; font-size:15px;}

.sp-col-pic-ph1 {float: left;margin: 0px 20px 10px 0;width:50%;}
.sp-txt-area-ph1 {padding:0;padding-right:0px;}
.sp-txt-area-ph1 h2 {text-align:left;color:#333; font-weight: normal; font-size: 26px;padding: 0px; margin: 0px;margin-bottom: 20px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; line-height: 38px;}
.sp-txt-area-ph1 p {text-align:center; color:#666; font-size:15px; text-align:left;}

.sp-col-pic-ph2 {float: right;margin: 0 0 0 20px; width:50%;}
.sp-txt-area-ph2 {padding: 0;padding-left: 0px;}
.sp-txt-area-ph2 p {text-align:center; color:#666; font-size:15px; text-align:left;}

.sp-tab-nav {padding: 5px 0; border-bottom: 1px #ddd solid; margin-bottom: 20px; margin-left: 0px; margin-right: 0px;}

 }

@media (min-width: 992px) and (max-width: 1280px) {
	
.sp-container{ max-width:1280px; margin:0 auto; margin-top:90px; margin-bottom:30px;}
.sec-cms-detail {padding:0;}

.sp-inno-detail-banner {width:100%; margin-bottom:40px;}
.sp-inno-detail-banner > .sp-box-banner{position:relative;}
.sp-inno-detail-banner > .sp-box-banner button{position: absolute;bottom: 20%;right: 0;left: 43%;background-color:rgba(0, 0, 0, 0.6);padding: 15px 20px; border:none; color:#fff; font-size:16px; width:157px;}

.sp-inno  .menu1 { width:100%;padding-bottom:0px; margin-top:0px; padding-top:10px;}
.sp-inno  .menu1 > ul { margin:0px;margin-bottom:20px; padding:0px;list-style-type:none; text-align:center;}
.sp-inno  .menu1 > ul .item1 { color:#1b1b1b;font-size:16px;border-right:1px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; display: inline-block;}
.sp-inno  .menu1 > ul .item1:last-child { color:#1b1b1b;font-size:16px;border-right:0px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; display: inline-block;}
.sp-inno  .menu1 > ul .item1 a  {color:#535353;/*background-color:#f1f1f1;*/display:block; font-size:16px; line-height:1.55; padding:0px 15px; margin-right:3px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-inno  .menu1 > ul .item1.more a { background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1;}
.sp-inno  .menu1 > ul .item1.less a { background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1;}

.sp-inno  .menu1 > ul .item1:hover a ,
.sp-inno  .menu1 > ul .item1-active a { color:#006db8;background-color:#fafafa;}
.sp-inno  .menu1 > ul .item1-active.more ,
.sp-inno  .menu1 > ul .item1-active.less { background-color:#ececec;}

ul.sp-inno-book {list-style:none; padding:0; border-bottom:2px #039dff solid;}
ul.sp-inno-book li {width:20%; float:left; box-sizing:border-box;}
ul.sp-inno-book li .sp-inno-box {padding:20px 35px;}
ul.sp-inno-book li .sp-inno-box a img {box-shadow: 2px 10px 10px 2px #ddd;}
ul.sp-inno-book li .sp-inno-box a > h2 {font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; font-size:16px; text-align:center; margin-top:20px;color:#444444;}

.sp-cat-hidden-d {/*display:none;*/}
.sp-cat-hidden-m {display:none;}

.sp-txt-top-detail {margin: 0 auto; width:80%;}
.sp-txt-top-detail h1.sp-inno-title {text-align:center;color: #006db8; font-weight: normal; font-size: 26px;padding: 0px; margin: 0px;margin-bottom: 20px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; line-height: 38px;}
.sp-txt-top-detail p {text-align:center; color:#666; font-size:15px;}

.sp-col-pic-ph1 {float: left;margin: 0px 30px 20px 0;width:50%;}
.sp-txt-area-ph1 {padding:0;padding-right: 30px;}
.sp-txt-area-ph1 h2 {text-align:left;color:#333; font-weight: normal; font-size: 26px;padding: 0px; margin: 0px;margin-bottom: 20px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; line-height: 38px;}
.sp-txt-area-ph1 p {text-align:center; color:#666; font-size:15px; text-align:left;}

.sp-col-pic-ph2 {float: right;margin: 0 0 0 30px; width:50%;}
.sp-txt-area-ph2 {padding: 0;padding-left: 30px;}
.sp-txt-area-ph2 p {text-align:center; color:#666; font-size:15px; text-align:left;}

.sp-tab-nav {padding: 5px 0; border-bottom: 1px #ddd solid; margin-bottom: 20px; margin-left: 0px; margin-right: 0px;}

}

@media (min-width: 1280px) {
	
.sp-inno-detail-banner {width:100%; margin-bottom:40px;}
.sp-inno-detail-banner > .sp-box-banner{position:relative;}
.sp-inno-detail-banner > .sp-box-banner button{position: absolute;bottom: 20%;right: 0;left: 44%;background-color:rgba(0, 0, 0, 0.6);padding: 15px 20px; border:none; color:#fff; font-size:16px; cursor:pointer;width:157px; z-index: 10000;}

.sp-inno  .menu1 { width:100%;padding-bottom:0px; margin-top:0px; background:#fff;}
.sp-inno  .menu1 > ul { margin:0px;margin-bottom:20px; padding:0px;list-style-type:none; text-align:center; background:none;}
.sp-inno  .menu1 > ul .item1 { color:#1b1b1b;font-size:16px;border-right:1px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; display: inline-block;}
.sp-inno  .menu1 > ul .item1:last-child { color:#1b1b1b;font-size:16px;border-right:0px #dddddd solid;line-height:1.4; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; display: inline-block;}
.sp-inno  .menu1 > ul .item1 a  {color:#535353;/*background-color:#f1f1f1;*/display:block; font-size:16px; line-height:1.55; padding:0px 15px; margin-right:3px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-inno  .menu1 > ul .item1.more a { background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1;}
.sp-inno  .menu1 > ul .item1.less a { background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1;}

.sp-inno  .menu1 > ul .item1:hover a ,
.sp-inno  .menu1 > ul .item1-active a { color:#006db8;background-color:#fafafa;}
.sp-inno  .menu1 > ul .item1-active.more ,
.sp-inno  .menu1 > ul .item1-active.less { background-color:#ececec;}

ul.sp-inno-book {list-style:none; padding:0; border-bottom:2px #039dff solid;}
ul.sp-inno-book li {width:20%; float:left; box-sizing:border-box;}
ul.sp-inno-book li .sp-inno-box {padding:20px 35px;}
ul.sp-inno-book li .sp-inno-box a img {box-shadow: 2px 10px 10px 2px #ddd;}
ul.sp-inno-book li .sp-inno-box a > h2 {font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; font-size:16px; text-align:center; margin-top:20px;color:#444444;}

.sp-cat-hidden-d {/*display:none;*/}
.sp-cat-hidden-m {display:none;}

.sp-txt-top-detail {margin: 0 auto; width:80%;}
.sp-txt-top-detail h1.sp-inno-title {text-align:center;color: #006db8; font-weight: normal; font-size: 26px;padding: 0px; margin: 0px;margin-bottom: 20px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; line-height: 38px;}
.sp-txt-top-detail p {text-align:center; color:#666; font-size:15px;}

.sp-col-pic-ph1 {float: left;margin: 0px 80px 0 0;}
.sp-txt-area-ph1 {padding:4% 0;padding-right: 80px;}
.sp-txt-area-ph1 h2 {text-align:left;color:#333; font-weight: normal; font-size: 26px;padding: 0px; margin: 0px;margin-bottom: 20px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; line-height: 38px;}
.sp-txt-area-ph1 p {text-align:center; color:#666; font-size:15px; text-align:left;}

.sp-col-pic-ph2 {float: right;margin: 0 0 0 80px;}
.sp-txt-area-ph2 {padding:4% 0;padding-left: 80px;}
.sp-txt-area-ph2 p {text-align:center; color:#666; font-size:15px; text-align:left;}

.sp-tab-nav {padding: 5px 0; border-bottom: 1px #ddd solid; margin-bottom: 20px; margin-left: 0px; margin-right: 0px;}

}