.hoticon{background:url(../img/home/hot_icon.png) no-repeat;position:absolute;top:5px;right:5px;width:60px;height:33px;}
#web_footer_quick_nav{position:fixed;bottom:-520px;width:100%;left:0px;border-top:10px #1f5cb5 solid;z-index:2;background-color:#333;}
#web_footer_quick_nav > .inner{height:418px;width:100%;max-width:1280px;margin:0px auto;padding-top:14px;overflow:auto;}
#web_footer_quick_nav > .inner > .title{position:absolute;top:-25px;right:18%;}
#web_footer_quick_nav table.datalist{border:0px;margin-top:30px;}
#web_footer_quick_nav table.datalist th , #web_footer_quick_nav table.datalist td{border-right:1px #515151 solid;border-bottom:1px #515151 solid;}
#web_footer_quick_nav table.datalist .no-border-right{border-right:0px}
#web_footer_quick_nav table.datalist .no-border-bottom{border-bottom:0px}
#web_footer_quick_nav table.datalist th{background-color:#3b3c3d;font-weight:normal;text-align:left;}
#web_footer_quick_nav table.datalist td a , #web_footer_quick_nav table.datalist th a{color:#cccccc;text-decoration:none;padding:6px 15px;display:block;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;font-size:14px;}
.mobi_hide{display:block}
.mobi_show{display:none}
@media all and (max-width:768px){}
@media (min-width:240px) and (max-width:478px){.btn-sitemap{display:none;}
.sp-ebook-hidden{display:none;}
.sp-sec{padding:0 20px 0 20px;}
.sp-sec > .col-1{}
.sp-sec > .col-1 > .area{padding-right:0px;}
.sp-sec > .col-1 > .area > .area-title-insight{margin-bottom:0px;margin-top:40px;padding-left:0px;margin-bottom:20px;}
.sp-sec > .col-1 > .area > .area-title-insight > .title{float:left;border-left:#0061da 4px solid;padding-left:20px;padding-bottom:0px;padding-top:0px}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h1{font-size:40px;color:#0061da;line-height:50px;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h1 > span{color:#000;}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h2{font-size:16px;color:#444;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-activities{margin-bottom:0px;margin-top:0px;padding-left:0px;margin-bottom:20px;}
.sp-sec > .col-1 > .area > .area-title-activities > .title{float:left;border-left:#0061da 4px solid;padding-left:20px;padding-bottom:0px;padding-top:0px}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h1{font-size:40px;color:#00da1b;line-height:50px;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h1 > span{color:#000;}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h2{font-size:16px;color:#444;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-2{}
.sp-sec > .col-2 > .e-book{width:100%;}
.sp-sec > .col-2 > .e-book > .e-book-area{padding:0 0 40px;0}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title{margin-bottom:30px;text-align:center;margin-top:22px;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title > h2{font-size:40px;color:#000;line-height:50px;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title > h2 > span{font-weight:normal;font-size:40px;color:#0061da;}
.sp-sec > .col-2 > .e-book > .e-book-area > ul{list-style:none;padding:0;margin:0}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li{margin:0 0 5px 0;}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li a{}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li a img{width:100%;}
.sp-sec-event{background:#d3dae1 url(../img/home/line-event.png) repeat-x top;padding:30px 20px 0 20px;}
.sp-sec-event > .sp-event-content-left{width:100%;}
.sp-sec-event > .sp-event-content-left > .sp-event-area{}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title{border-left:#e40d8e 4px solid;padding:0px 20px;float:left;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > h3{font-size:36px;color:#e40d8e;font-weight:normal;line-height:43px;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > h3 > span{color:#000;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > small{font-size:16px;}
.sp-sec-event > .sp-event-content-right{}
.sp-sec-impression{padding-top:40px;background:#fff;}
.sp-sec-impression > .sp-impression-area{text-align:center;padding:0 20px;}
.sp-sec-impression > .sp-impression-area h1{font-size:24px;color:#006fb9;line-height:36px;font-weight:normal;text-align:center;margin-bottom:20px;}
.sp-sec-impression > .sp-impression-area h2{font-size:16px;color:#444;font-weight:normal;}
img.big{height:100%;width:100%;top:0;}
.sp-bg{background:#346cb7 url(../img/home/xxx.jpg) no-repeat top right;height:949px;}
ul.sp-activities{list-style:none;padding:0 0 30px 0;margin:0 -10px;}
ul.sp-activities li{width:100%;}
ul.sp-event{list-style:none;padding:20px 0;margin:0 -10px;}
ul.sp-event li{width:100%;}
.sp-discount-content01{margin:10px;padding:0;position:relative;border:0px #ddd solid;}
.sp-discount-name01{position:absolute;background:rgba(255,255,255,0.9);padding:20px;margin:0;color:#212121;font-size:14px;font-family:'Tahoma', sans-serif;bottom:0;right:0;text-align:left;line-height:16px;}
.sp-discount-name01 > a > h3{font-size:22px;margin-bottom:0px;color:#222;font-weight:normal;line-height:28px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-name01 > a > h4{font-size:18px;margin-bottom:10px;color:#fff;font-weight:normal;line-height:22px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-content02{margin:10px;padding:0;position:relative;border:0px #ddd solid;position:relative;}
.sp-discount-name02{position:absolute;left:0;padding:10px;background:-webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:-o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);margin:0;color:#212121;font-size:14px;font-family:'Tahoma', sans-serif;bottom:0;right:0;text-align:left;line-height:16px;}
.sp-discount-name02 > a > h3{font-size:18px;margin-bottom:0px;color:#222;font-weight:normal;line-height:24px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-name02 > a > h4{font-size:18px;margin-bottom:10px;color:#fff;font-weight:normal;line-height:22px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
#sp-section1{background:#f9f9f9;margin-top:73px;}
#sp-section1 > .sp-area{padding-right:0px;}
#sp-section1 > .sp-area > .col-left{}
#sp-section1 > .sp-area > .col-right{}
#sp-section1 > .sp-area > .col-right > .logo{text-align:right;padding-top:30px;}
#sp-section1 > .sp-area > .col-right > .sp-slider-txt{padding-top:7%;padding-left:10%;}
.sp-banner{padding-top:15%;}
.sp-banner h1{font-weight:normal;font-size:24px;}
.sp-banner ul{list-style:none;margin:0;padding:0;margin-top:20px;}
.sp-banner ul li{width:33.33%;float:left;}
.sp-banner ul li h2{margin:10px 0;}
.sp-banner ul li p{height:45px;overflow:hidden;}
.sp-banner ul li .sp-banner-txt{text-align:left;}
.sp-banner ul li .sp-banner-line-bull{height:6px;background:#31b0ff;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-line-yellow{height:6px;background:#d4c229;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-line-pink{height:6px;background:#dd51c4;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-area-bull{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-bull:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.sp-banner ul li .sp-banner-area-yellow{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-yellow:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.sp-banner ul li .sp-banner-area-pink{border:1px solid #eee;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-pink:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.box-b{position:relative;width:100%;}
.box-b:last-child{position:relative;margin-bottom:0px;}
.box-b .txt{text-align:left;position:absolute;bottom:5%;right:12%;left:0px;padding:10px 15px;}
.box-b .txt .title{font-size:26px;color:#1d3e6b;display:block;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;color:#fff;line-height:25px;margin-bottom:10px;}
.box-b .txt p{margin:0px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;font-size:16px;color:#fff;line-height:24px;}
.hover01 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover01 figure:hover img{-webkit-transform:scale(1.3);transform:scale(1.3);}
.hover02 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover02 figure:hover img{-webkit-transform:scale(0.8);transform:scale(0.8);}
figure{margin:0;padding:0;overflow:hidden;}
.sp-img-fashion{position:relative;text-align:center;background:url(../img/home/pic-fashion.jpg) no-repeat top center;height:350px;}
.sp-logo-footer-h{text-align:center;}
.sp-logo-footer-h ul{padding:0 150px;margin:0;list-style:none;}
.sp-logo-footer-h ul li{width:20%;float:left;}
.sp-logo{float:left;padding:5px 5px 5px 20px;display:inline; background:#fff;}
.sp-logo .sp-img{width:159px;}
#sp-section1{background:#f9f9f9;margin-top:69px;}
.sp-box-sl{float:right;padding:7px 20px 5px 5px;margin-top:5px;}
.sp-box-sl > img{display:inline;}
.sp-box-sl > i{font-size:18px;color:#c4c4c4;text-transform:uppercase;margin:0 10px;}
nav{width:100%;}
.nav_wrapper{position:fixed !important;left:0;top:0;width:100%;transition:top .5s ease-out;background:url(../img/header/head.jpg) repeat-y top center;z-index:9999;}
.scroll{top:-285px;position:fixed !important;z-index:9999;}
.no-scroll{top:0;z-index:9999;position:fixed !important;}
.btn{padding:10px 1%;margin:5px;color:#fff;text-decoration:none;font-family:sans-serif;transition:all 0.1s ease;}
.btn:hover{transition:all 0.1s ease;}
main{max-width:800px;margin:0 auto;}
main p{1.2em;}
#search{padding:10px;}
.spinner-master *{transition:all 0.3s;box-sizing:border-box;}
.spinner-master{position:relative;margin:17px 20px 15px 15px;height:30px;width:30px;float:right;}
.spinner-master label{cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:5px;left:0;}
.spinner-master .spinner{position:absolute;height:4px;width:100%;padding:0;background-color:#fff;}
.spinner-master .diagonal.part-1{position:relative;float:left;}
.spinner-master .horizontal{position:relative;float:left;margin-top:4px;}
.spinner-master .diagonal.part-2{position:relative;float:left;margin-top:4px;}
.spinner-master input[type=checkbox]{display:none;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal{opacity:0;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:10px;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:-12px;}
a.menu-link{display:block;color:#fff;float:left;text-decoration:none;padding:10px 16px;font-size:1.5em;}
a.menu-link:hover{color:#efa666;}
a.menu-link:after{content:"\2630";font-weight:normal;}
a.menu-link.active:after{content:"\2715";}
.menu{clear:both;min-width:inherit;float:none;}
.menu,
.menu > ul ul{overflow:hidden;max-height:0;background-color:#1c53a6;}
.menu > li > ul.sub-menu{padding:0px;border:none;margin:0;}
.menu.active,
.menu > ul ul.active{max-height:155em;}
.menu ul{display:inline;padding:0;}
.menu li,
.menu > ul > li{display:block;border-bottom:1px solid #16428d;}
.menu > ul > li:last-of-type a{border:none;}
.menu li a{color:#fff;display:block;padding:1em;position:relative;font-size:16px;}
.menu li.has-submenu > a:after{content:'+';position:absolute;top:0;right:0;display:block;font-size:1.5em;padding:0.55em 0.5em;}
.menu li.has-submenu > a.active:after{content:"-";}
.menu ul ul > li a{background-color:#ccc;padding:10px 18px 10px 30px;color:#0e2a69;}
.menu ul li a:hover{background:#0e2a69;color:#fff;}
.menu ul li.hover > a{background:#0e2a69;color:#fff;}
.menu ul ul,
.menu ul ul ul{display:inherit;position:relative;left:auto;top:auto;border:none;}
.search_box{position:absolute;top:60px;left:0;z-index:10;}
.search_box input{width:70%;}
.search_box input.search_icon{width:17%;}
#hero{height:200px;}
footer{width:100%;background:#20202f;color:#fff;margin-top:0px;padding:15px 0;}
footer a{color:#fff;text-decoration:none;}
.sp-container-footer{margin:0 auto;padding:0 20px;}
.sp-logo-footer{text-align:center;}
.sp-text-footer{text-align:center;}
.sp-social-footer{text-align:center;}
.sec-c{margin:30px 0 0 0;background:url(../img/home/bg-footer.png) repeat-x bottom;}
.sec-c .slide-area{position:relative;}
.sec-c .slide-area > .wrapper{margin-bottom:60px;}
.sec-c .slide-area .txt-area{top:0;bottom:0px;text-align:center;}
.sec-c .slide-area .txt-area p.a{color:#202020;font-size:16px;margin-bottom:20px;padding:0 20px;}
.sec-c .slide-area .img-area{text-align:center;text-align:center;padding:0 20px;}
.sec-c .slide-area .img-area img{height:100%;width:100%;}
.sec-c .swiper-slide-pagination{width:100%;left:auto;right:0px;bottom:20px;}
.sec-c .swiper-slide-pagination .swiper-pagination-bullet{background-color:transparent;border:2px #888 solid;height:12px;width:12px;}
.sec-c .swiper-slide-pagination .swiper-pagination-bullet-active{background-color:#222;}
.sec-txt{font-size:16px;}
.sec-txt h2{margin:0px;background-color:#1d3d6c;color:#ffffff;font-size:15px;padding:7px 15px;}
.sec-txt .detail{margin:25px 15px;}
.sec-txt .detail p{margin-bottom:30px}
.sec-txt .detail h4::before{content:'';display:inline-block;border:6px transparent solid;border-left-color:#c73528;border-top-color:#c73528;height:0px;width:0px;margin-right:5px}
.sec-txt .detail h4.title{font-size:16px;color:#1d3d6c}
.sec-txt .detail h4.title::before{display:none;}
.sec-txt .detail ul{margin:10px 0px}
.sec-txt.img{padding-bottom:20px;background:url(../img/aboutus/3.jpg) right bottom no-repeat;background-size:auto 350px;}
#carousel{position:relative;width:100%;}
#slides1{overflow:hidden;position:relative;width:100%;}
#slides1 ul{list-style:none;width:100%;margin:0;padding:0;position:relative;}
#slides1 li{width:100%;float:left;text-align:left;position:relative;font-family:'Tahoma', sans-serif;}
.btn-bar{position:relative;top:40px;}
#buttons{padding:0 0 5px 0;float:left;}
#buttons a{text-align:center;display:block;font-size:40px;float:left;outline:0;margin-bottom:40px;color:#e0e0e0;text-decoration:none;display:block;padding:0px;width:35px;}
a#prev:hover,
a#next:hover{color:#a3a3a3;text-shadow:.5px 0px #000;}
.quote-phrase,
.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:'Lato', Calibri, Arial, sans-serif;}
.quote-phrase{height:200px;font-size:24px;color:#FFF;font-style:italic;text-shadow:.5px 0px #b14943;}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit;}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px;}
.quoteContainer,
.authorContainer{display:table;width:100%;}
.video-container{position:relative;padding-bottom:56.24%;padding-top:0px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.button-activities{float:left;margin-top:20px;}
.button-activities a button{font-size:16px;color:#999;padding:7px 15px;background:none;border:1px solid #ddd;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;cursor:pointer;border-radius:20px;}
.button-activities a button i{font-size:18px;color:#999;}
.button-activities a:hover button{color:#fff;background:#0061da;border:1px solid #0061da;}
.button-activities a:hover button i{color:#fff;}
.sp-ebook-download .menu1{width:100%;border-top:1px #dddddd solid;padding-top:0px;margin-top:45px;}
.sp-ebook-download .menu1 > ul{margin:0px;margin-bottom:20px;padding:0px;list-style-type:none;}
.sp-ebook-download .menu1 > ul .item{color:#53598a;font-size:16px;border-bottom:1px #dddddd solid;line-height:1.4;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-ebook-download .menu1 > ul .item a{color:#53598a;display:block;font-size:16px;line-height:1.55;padding:16px 10px;padding-left:20px;}
.sp-ebook-download .menu1 > ul .item .date{float:right;font-size:13px;color:#999;}
.sp-ebook-download .menu1 > ul .item:hover .date{color:#006db8;}
.sp-ebook-download .menu1 > ul .item.more a{background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1;}
.sp-ebook-download .menu1 > ul .item.less a{background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1;}
.sp-ebook-download .menu1 > ul .item:hover a ,
.sp-ebook-download .menu1 > ul .item-active a{color:#006db8;background-color:#fafafa;}
.sp-ebook-download .menu1 > ul .item-active .date{float:right;font-size:13px;}
.sp-ebook-download .menu1 > ul .item-active.more ,
.sp-ebook-download .menu1 > ul .item-active.less{background-color:#ececec}
.sp-ebook-download .menu1 > ul .item.sub a{line-height:1.55;padding:12px 10px;padding-left:50px;color:#333333;font-size:14px;background-color:#ffffff;}
.sp-ebook-download .menu1 > ul .item.sub.active a{color:#c43525;}
.sp-ebook-download .menu1 > ul .item.grp{background-color:#f4f4f4;padding-left:20px;}
.sp-ebook-download .menu1 > ul .item.grp a{color:#444444}
.sp-ebook-download .menu1 > ul .item.grp.active{background-color:transparent;border:none;}
.sp-ebook-download .menu1 > ul .item.grp.active a{color:#002a5b;}
#owl-demo3 .item3{margin:10px 10px;padding:10px;background:#fff;text-align:center;list-style:none;}
#owl-demo3 .item3 img{height:auto;padding:0px;}
.sp-clear-hidden{}
.sp-hidden{}
.sp-btn-more{margin-top:10px;}
#overlay{display:block;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}
#popup{display:none;position:fixed;top:20%;bottom:0;left:0;right:0;margin:auto;padding:15px;border:0px solid orange;z-index:1002;}
#popup a img{display:block;width:100%;}
#popup a.poplinkimg{display:block;width:100%;;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#popup a.closepopup{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;background:#0061da;border:1px solid #FFF;color:#FFF;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
}
@media (min-width:478px) and (max-width:767px){#web_footer_quick_nav > .inner > .title{position:absolute;top:-25px;right:5%;}
.sp-ebook-hidden{display:none;}
.sp-sec{padding:0 20px 0 20px;}
.sp-sec > .col-1{}
.sp-sec > .col-1 > .area{padding-right:0px;}
.sp-sec > .col-1 > .area > .area-title-insight{margin-bottom:0px;margin-top:40px;padding-left:0px;margin-bottom:20px;}
.sp-sec > .col-1 > .area > .area-title-insight > .title{float:left;border-left:#0061da 4px solid;padding-left:20px;padding-bottom:0px;padding-top:0px}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h1{font-size:40px;color:#0061da;line-height:50px;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h1 > span{color:#000;}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h2{font-size:16px;color:#444;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-activities{margin-bottom:0px;margin-top:0px;padding-left:0px;margin-bottom:20px;}
.sp-sec > .col-1 > .area > .area-title-activities > .title{float:left;border-left:#0061da 4px solid;padding-left:20px;padding-bottom:0px;padding-top:0px}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h1{font-size:40px;color:#00da1b;line-height:50px;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h1 > span{color:#000;}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h2{font-size:16px;color:#444;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-2{}
.sp-sec > .col-2 > .e-book{width:100%;}
.sp-sec > .col-2 > .e-book > .e-book-area{padding:0 0 40px;0}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title{margin-bottom:30px;text-align:center;margin-top:22px;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title > h2{font-size:40px;color:#000;line-height:50px;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title > h2 > span{font-weight:normal;font-size:40px;color:#0061da;}
.sp-sec > .col-2 > .e-book > .e-book-area > ul{list-style:none;padding:0;margin:0}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li{margin:0 0 5px 0;}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li a{}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li a img{width:100%;}
.sp-sec-event{background:#d3dae1 url(../img/home/line-event.png) repeat-x top;padding:30px 20px 0 20px;}
.sp-sec-event > .sp-event-content-left{width:100%;}
.sp-sec-event > .sp-event-content-left > .sp-event-area{}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title{border-left:#e40d8e 4px solid;padding:0px 20px;float:left;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > h3{font-size:36px;color:#e40d8e;font-weight:normal;line-height:43px;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > h3 > span{color:#000;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > small{font-size:16px;}
.sp-sec-event > .sp-event-content-right{}
.sp-sec-impression{padding-top:40px;background:#fff;}
.sp-sec-impression > .sp-impression-area{text-align:center;padding:0 20px;}
.sp-sec-impression > .sp-impression-area h1{font-size:32px;color:#006fb9;line-height:40px;font-weight:normal;text-align:center;margin-bottom:20px;}
.sp-sec-impression > .sp-impression-area h2{font-size:16px;color:#444;font-weight:normal;}
img.big{height:100%;width:100%;top:0;}
.sp-bg{background:#346cb7 url(../img/home/xxx.jpg) no-repeat top right;height:949px;}
ul.sp-activities{list-style:none;padding:0 0 30px 0;margin:0 -10px;}
ul.sp-activities li{width:100%;}
ul.sp-event{list-style:none;padding:20px 0;margin:0 -10px;}
ul.sp-event li{width:100%;}
.sp-discount-content01{margin:10px;padding:0;position:relative;border:0px #ddd solid;}
.sp-discount-name01{position:absolute;background:rgba(255,255,255,0.9);padding:20px;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-discount-name01 > a > h3{font-size:22px;margin-bottom:0px;color:#222;font-weight:normal;line-height:28px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-name01 > a > h4{font-size:18px;margin-bottom:10px;color:#fff;font-weight:normal;line-height:22px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-content02{margin:10px;padding:0;position:relative;border:0px #ddd solid;position:relative;}
.sp-discount-name02{position:absolute;left:0;padding:10px;background:-webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:-o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);margin:0;color:#212121;font-size:14px;font-family:'Tahoma', sans-serif;bottom:0;right:0;text-align:left;line-height:16px;}
.sp-discount-name02 > a > h3{font-size:18px;margin-bottom:0px;color:#222;font-weight:normal;line-height:24px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-name02 > a > h4{font-size:18px;margin-bottom:10px;color:#fff;font-weight:normal;line-height:22px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
#sp-section1{background:#f9f9f9;margin-top:73px;}
#sp-section1 > .sp-area{padding-right:0px;}
#sp-section1 > .sp-area > .col-left{}
#sp-section1 > .sp-area > .col-right{}
#sp-section1 > .sp-area > .col-right > .logo{text-align:right;padding-top:30px;}
#sp-section1 > .sp-area > .col-right > .sp-slider-txt{padding-top:7%;padding-left:10%;}
.sp-banner{padding-top:15%;}
.sp-banner h1{font-weight:normal;font-size:24px;}
.sp-banner ul{list-style:none;margin:0;padding:0;margin-top:20px;}
.sp-banner ul li{width:33.33%;float:left;}
.sp-banner ul li h2{margin:10px 0;}
.sp-banner ul li p{height:45px;overflow:hidden;}
.sp-banner ul li .sp-banner-txt{text-align:left;}
.sp-banner ul li .sp-banner-line-bull{height:6px;background:#31b0ff;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-line-yellow{height:6px;background:#d4c229;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-line-pink{height:6px;background:#dd51c4;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-area-bull{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-bull:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.sp-banner ul li .sp-banner-area-yellow{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-yellow:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.sp-banner ul li .sp-banner-area-pink{border:1px solid #eee;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-pink:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.box-b{position:relative;width:100%;}
.box-b:last-child{position:relative;margin-bottom:0px;}
.box-b .txt{text-align:left;position:absolute;bottom:5%;right:12%;left:0px;padding:10px 15px;}
.box-b .txt .title{font-size:26px;color:#1d3e6b;display:block;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;color:#fff;line-height:25px;margin-bottom:10px;}
.box-b .txt p{margin:0px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;font-size:16px;color:#fff;line-height:24px;}
.hover01 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover01 figure:hover img{-webkit-transform:scale(1.3);transform:scale(1.3);}
.hover02 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover02 figure:hover img{-webkit-transform:scale(0.8);transform:scale(0.8);}
figure{margin:0;padding:0;overflow:hidden;}
.sp-img-fashion{position:relative;text-align:center;background:url(../img/home/pic-fashion.jpg) no-repeat top center;height:350px;}
.sp-logo-footer-h{text-align:center;}
.sp-logo-footer-h ul{padding:0 150px;margin:0;list-style:none;}
.sp-logo-footer-h ul li{width:20%;float:left;}
.sp-logo{float:left;padding:16px 5px 12px 20px;display:inline;}
.sp-logo .sp-img{width:140px;}
.sp-box-sl{float:right;padding:7px 20px 5px 5px;margin-top:7px;}
.sp-box-sl > img{display:inline;}
.sp-box-sl > i{font-size:18px;color:#c4c4c4;text-transform:uppercase;margin:0 10px;}
nav{width:100%;}
.nav_wrapper{position:fixed !important;left:0;top:0;width:100%;transition:top .5s ease-out;background:url(../img/header/head.jpg) repeat-y top center;z-index:9999;}
.scroll{top:-420px;position:fixed !important;z-index:9999;}
.no-scroll{top:0;z-index:9999;position:fixed !important;}
.btn{padding:10px 1%;margin:5px;color:#fff;text-decoration:none;font-family:sans-serif;transition:all 0.1s ease;}
.btn:hover{transition:all 0.1s ease;}
main{max-width:800px;margin:0 auto;}
main p{1.2em;}
#search{padding:10px;}
.spinner-master *{transition:all 0.3s;box-sizing:border-box;}
.spinner-master{position:relative;margin:22px 20px 15px 15px;height:30px;width:30px;float:right;}
.spinner-master label{cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:5px;left:0;}
.spinner-master .spinner{position:absolute;height:4px;width:100%;padding:0;background-color:#fff;}
.spinner-master .diagonal.part-1{position:relative;float:left;}
.spinner-master .horizontal{position:relative;float:left;margin-top:4px;}
.spinner-master .diagonal.part-2{position:relative;float:left;margin-top:4px;}
.spinner-master input[type=checkbox]{display:none;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal{opacity:0;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:10px;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:-12px;}
a.menu-link{display:block;color:#fff;float:left;text-decoration:none;padding:10px 16px;font-size:1.5em;}
a.menu-link:hover{color:#efa666;}
a.menu-link:after{content:"\2630";font-weight:normal;}
a.menu-link.active:after{content:"\2715";}
.menu{clear:both;min-width:inherit;float:none;}
.menu,
.menu > ul ul{overflow:hidden;max-height:0;background-color:#1c53a6;}
.menu > li > ul.sub-menu{padding:0px;border:none;margin:0;}
.menu.active,
.menu > ul ul.active{max-height:155em;}
.menu ul{display:inline;padding:0;}
.menu li,
.menu > ul > li{display:block;border-bottom:1px solid #16428d;}
.menu > ul > li:last-of-type a{border:none;}
.menu li a{color:#fff;display:block;padding:1em;position:relative;font-size:16px;}
.menu li.has-submenu > a:after{content:'+';position:absolute;top:0;right:0;display:block;font-size:1.5em;padding:0.55em 0.5em;}
.menu li.has-submenu > a.active:after{content:"-";}
.menu ul ul > li a{background-color:#ccc;padding:10px 18px 10px 30px;color:#0e2a69;}
.menu ul li a:hover{background:#0e2a69;color:#fff;}
.menu ul li.hover > a{background:#0e2a69;color:#fff;}
.menu ul ul,
.menu ul ul ul{display:inherit;position:relative;left:auto;top:auto;border:none;}
.search_box{position:absolute;top:60px;left:0;z-index:10;}
.search_box input{width:70%;}
.search_box input.search_icon{width:17%;}
#hero{height:200px;}
footer{width:100%;background:#20202f;color:#fff;margin-top:0px;padding:15px 0;}
footer a{color:#fff;text-decoration:none;}
.sp-container-footer{margin:0 auto;padding:0 20px;}
.sp-logo-footer{text-align:center;}
.sp-text-footer{text-align:center;}
.sp-social-footer{text-align:center;}
.sec-c{margin:30px 0 0 0;background:url(../img/home/bg-footer.png) repeat-x bottom;}
.sec-c .slide-area{position:relative;}
.sec-c .slide-area > .wrapper{margin-bottom:60px;}
.sec-c .slide-area .txt-area{top:0;bottom:0px;text-align:center;}
.sec-c .slide-area .txt-area p.a{color:#202020;font-size:16px;margin-bottom:20px;padding:0 20px;}
.sec-c .slide-area .img-area{text-align:center;text-align:center;padding:0 20px;}
.sec-c .slide-area .img-area img{height:100%;width:100%;}
.sec-c .swiper-slide-pagination{width:100%;left:auto;right:0px;bottom:20px;}
.sec-c .swiper-slide-pagination .swiper-pagination-bullet{background-color:transparent;border:2px #888 solid;height:12px;width:12px;}
.sec-c .swiper-slide-pagination .swiper-pagination-bullet-active{background-color:#222;}
.sec-txt{font-size:16px;}
.sec-txt h2{margin:0px;background-color:#1d3d6c;color:#ffffff;font-size:15px;padding:7px 15px;}
.sec-txt .detail{margin:25px 15px;}
.sec-txt .detail p{margin-bottom:30px}
.sec-txt .detail h4::before{content:'';display:inline-block;border:6px transparent solid;border-left-color:#c73528;border-top-color:#c73528;height:0px;width:0px;margin-right:5px}
.sec-txt .detail h4.title{font-size:16px;color:#1d3d6c}
.sec-txt .detail h4.title::before{display:none;}
.sec-txt .detail ul{margin:10px 0px}
.sec-txt.img{padding-bottom:20px;background:url(../img/aboutus/3.jpg) right bottom no-repeat;background-size:auto 350px;}
#carousel{position:relative;width:100%;}
#slides1{overflow:hidden;position:relative;width:100%;}
#slides1 ul{list-style:none;width:100%;margin:0;padding:0;position:relative;}
#slides1 li{width:100%;float:left;text-align:left;position:relative;font-family:'Tahoma', sans-serif;}
.btn-bar{position:relative;top:40px;}
#buttons{padding:0 0 5px 0;float:left;}
#buttons a{text-align:center;display:block;font-size:40px;float:left;outline:0;margin-bottom:40px;color:#e0e0e0;text-decoration:none;display:block;padding:0px;width:35px;}
a#prev:hover,
a#next:hover{color:#a3a3a3;text-shadow:.5px 0px #000;}
.quote-phrase,
.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:'Lato', Calibri, Arial, sans-serif;}
.quote-phrase{height:200px;font-size:24px;color:#FFF;font-style:italic;text-shadow:.5px 0px #b14943;}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit;}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px;}
.quoteContainer,
.authorContainer{display:table;width:100%;}
.video-container{position:relative;padding-bottom:56.24%;padding-top:0px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.button-activities{float:right;margin-top:30px;}
.button-activities a button{font-size:16px;color:#999;padding:7px 15px;background:none;border:1px solid #ddd;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;cursor:pointer;border-radius:20px;}
.button-activities a button i{font-size:18px;color:#999;}
.button-activities a:hover button{color:#fff;background:#0061da;border:1px solid #0061da;}
.button-activities a:hover button i{color:#fff;}
.sp-ebook-download .menu1{width:100%;border-top:1px #dddddd solid;padding-top:0px;margin-top:45px;}
.sp-ebook-download .menu1 > ul{margin:0px;margin-bottom:20px;padding:0px;list-style-type:none;}
.sp-ebook-download .menu1 > ul .item{color:#53598a;font-size:16px;border-bottom:1px #dddddd solid;line-height:1.4;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-ebook-download .menu1 > ul .item a{color:#53598a;display:block;font-size:16px;line-height:1.55;padding:16px 10px;padding-left:20px;}
.sp-ebook-download .menu1 > ul .item .date{float:right;font-size:13px;color:#999;}
.sp-ebook-download .menu1 > ul .item:hover .date{color:#006db8;}
.sp-ebook-download .menu1 > ul .item.more a{background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1;}
.sp-ebook-download .menu1 > ul .item.less a{background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1;}
.sp-ebook-download .menu1 > ul .item:hover a ,
.sp-ebook-download .menu1 > ul .item-active a{color:#006db8;background-color:#fafafa;}
.sp-ebook-download .menu1 > ul .item-active .date{float:right;font-size:13px;}
.sp-ebook-download .menu1 > ul .item-active.more ,
.sp-ebook-download .menu1 > ul .item-active.less{background-color:#ececec}
.sp-ebook-download .menu1 > ul .item.sub a{line-height:1.55;padding:12px 10px;padding-left:50px;color:#333333;font-size:14px;background-color:#ffffff;}
.sp-ebook-download .menu1 > ul .item.sub.active a{color:#c43525;}
.sp-ebook-download .menu1 > ul .item.grp{background-color:#f4f4f4;padding-left:20px;}
.sp-ebook-download .menu1 > ul .item.grp a{color:#444444}
.sp-ebook-download .menu1 > ul .item.grp.active{background-color:transparent;border:none;}
.sp-ebook-download .menu1 > ul .item.grp.active a{color:#002a5b;}
#owl-demo3 .item3{margin:10px 10px;padding:10px;background:#fff;text-align:center;list-style:none;}
#owl-demo3 .item3 img{height:auto;padding:0px;}
.sp-clear-hidden{}
.sp-hidden{}
.sp-btn-more{float:right;margin-top:10px;}
#overlay{display:block;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}
#popup{display:none;position:fixed;top:20%;bottom:0;left:0;right:0;margin:auto;padding:15px;border:0px solid orange;z-index:1002;}
#popup a img{display:block;width:100%;}
#popup a.poplinkimg{display:block;width:100%;;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#popup a.closepopup{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;background:#0061da;border:1px solid #FFF;color:#FFF;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
}
@media (min-width:768px) and (max-width:992px){#web_footer_quick_nav > .inner > .title{position:absolute;top:-25px;right:5%;}
.sp-ebook-hidden{display:none;}
.sp-sec{padding:0 20px;}
.sp-sec > .col-1{}
.sp-sec > .col-1 > .area{padding-right:0px;}
.sp-sec > .col-1 > .area > .area-title-insight{margin-bottom:0px;margin-top:40px;padding-left:0px;margin-bottom:20px;}
.sp-sec > .col-1 > .area > .area-title-insight > .title{float:left;border-left:#0061da 4px solid;padding-left:20px;padding-bottom:0px;padding-top:0px}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h1{font-size:40px;color:#0061da;line-height:50px;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h1 > span{color:#000;}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h2{font-size:16px;color:#444;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-activities{margin-bottom:0px;margin-top:0px;padding-left:0px;margin-bottom:20px;}
.sp-sec > .col-1 > .area > .area-title-activities > .title{float:left;border-left:#0061da 4px solid;padding-left:20px;padding-bottom:0px;padding-top:0px}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h1{font-size:40px;color:#00da1b;line-height:50px;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h1 > span{color:#000;}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h2{font-size:16px;color:#444;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-2{}
.sp-sec > .col-2 > .e-book{width:100%;}
.sp-sec > .col-2 > .e-book > .e-book-area{padding:0 0 40px;0}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title{margin-bottom:30px;text-align:center;margin-top:22px;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title > h2{font-size:40px;color:#000;line-height:50px;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title > h2 > span{font-weight:normal;font-size:40px;color:#0061da;}
.sp-sec > .col-2 > .e-book > .e-book-area > ul{list-style:none;padding:0;margin:0}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li{margin:0 0 5px 0;}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li a{}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li a img{width:100%;}
.sp-sec-event{background:#d3dae1 url(../img/home/line-event.png) repeat-x top;padding:30px 20px;}
.sp-sec-event > .sp-event-content-left{width:100%;}
.sp-sec-event > .sp-event-content-left > .sp-event-area{}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title{border-left:#e40d8e 4px solid;padding:0px 20px;float:left;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > h3{font-size:36px;color:#e40d8e;font-weight:normal;line-height:43px;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > h3 > span{color:#000;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > small{font-size:16px;}
.sp-sec-event > .sp-event-content-right{}
.sp-sec-impression{padding-top:60px;background:#fff;}
.sp-sec-impression > .sp-impression-area{text-align:center;}
.sp-sec-impression > .sp-impression-area h1{font-size:40px;color:#006fb9;line-height:50px;font-weight:normal;text-align:center;}
.sp-sec-impression > .sp-impression-area h2{font-size:16px;color:#444;font-weight:normal;}
img.big{height:100%;width:100%;top:0;}
.sp-bg{background:#346cb7 url(../img/home/xxx.jpg) no-repeat top right;height:949px;}
ul.sp-activities{list-style:none;padding:0 0 30px 0;margin:0 -10px;}
ul.sp-activities li{width:50%;float:left;box-sizing:border-box;}
ul.sp-activities li:last-child{display:none;}
ul.sp-event{list-style:none;padding:20px 0;margin:0 -10px;}
ul.sp-event li{width:33.33%;float:left;box-sizing:border-box;}
.sp-discount-content01{margin:10px;padding:0;position:relative;border:0px #ddd solid;}
.sp-discount-name01{position:absolute;background:rgba(255,255,255,0.9);padding:20px;margin:0;color:#212121;font-size:14px;font-family:'Tahoma', sans-serif;bottom:0;right:0;text-align:left;line-height:16px;}
.sp-discount-name01 > a > h3{font-size:22px;margin-bottom:0px;color:#222;font-weight:normal;line-height:28px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-name01 > a > h4{font-size:18px;margin-bottom:10px;color:#fff;font-weight:normal;line-height:22px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-content02{margin:10px;padding:0;position:relative;border:0px #ddd solid;position:relative;}
.sp-discount-name02{position:absolute;left:0;padding:10px;background:-webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:-o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);margin:0;color:#212121;font-size:14px;font-family:'Tahoma', sans-serif;bottom:0;right:0;text-align:left;line-height:16px;}
.sp-discount-name02 > a > h3{font-size:18px;margin-bottom:0px;color:#222;font-weight:normal;line-height:24px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-name02 > a > h4{font-size:18px;margin-bottom:10px;color:#fff;font-weight:normal;line-height:22px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
#sp-section1{background:#f9f9f9;margin-top:73px;}
#sp-section1 > .sp-area{padding-right:0px;}
#sp-section1 > .sp-area > .col-left{}
#sp-section1 > .sp-area > .col-right{}
#sp-section1 > .sp-area > .col-right > .logo{text-align:right;padding-top:30px;}
#sp-section1 > .sp-area > .col-right > .sp-slider-txt{padding-top:7%;padding-left:10%;}
.sp-banner{padding-top:15%;}
.sp-banner h1{font-weight:normal;font-size:24px;}
.sp-banner ul{list-style:none;margin:0;padding:0;margin-top:20px;}
.sp-banner ul li{width:33.33%;float:left;}
.sp-banner ul li h2{margin:10px 0;}
.sp-banner ul li p{height:45px;overflow:hidden;}
.sp-banner ul li .sp-banner-txt{text-align:left;}
.sp-banner ul li .sp-banner-line-bull{height:6px;background:#31b0ff;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-line-yellow{height:6px;background:#d4c229;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-line-pink{height:6px;background:#dd51c4;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-area-bull{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-bull:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.sp-banner ul li .sp-banner-area-yellow{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-yellow:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.sp-banner ul li .sp-banner-area-pink{border:1px solid #eee;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-pink:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.box-b{position:relative;float:left;width:33.33%;box-sizing:border-box;}
.box-b:last-child{position:relative;margin-bottom:0px;}
.box-b .txt{text-align:left;position:absolute;bottom:5%;right:12%;left:0px;padding:10px 15px;}
.box-b .txt .title{font-size:26px;color:#1d3e6b;display:block;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;color:#fff;line-height:25px;margin-bottom:10px;}
.box-b .txt p{margin:0px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;font-size:16px;color:#fff;line-height:24px;}
.hover01 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover01 figure:hover img{-webkit-transform:scale(1.3);transform:scale(1.3);}
.hover02 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover02 figure:hover img{-webkit-transform:scale(0.8);transform:scale(0.8);}
figure{margin:0;padding:0;overflow:hidden;}
.sp-img-fashion{position:relative;text-align:center;background:url(../img/home/pic-fashion.jpg) no-repeat top center;height:350px;}
.sp-logo-footer-h{text-align:center;}
.sp-logo-footer-h ul{padding:0 150px;margin:0;list-style:none;}
.sp-logo-footer-h ul li{width:20%;float:left;}
.sp-logo{float:left;padding:5px 5px 5px 20px;display:inline; background:#fff;}
.sp-logo .sp-img{width:151px;}
.sp-box-sl{float:right;padding:3px 20px 5px 5px;margin-top:7px;}
.sp-box-sl > img{display:inline;}
.sp-box-sl > i{font-size:18px;color:#c4c4c4;text-transform:uppercase;margin:0 10px;}
nav{width:100%;}
.nav_wrapper{position:fixed !important;left:0;top:0;width:100%;transition:top .5s ease-out;background:url(../img/header/head.jpg) repeat-y top center;z-index:9999;}
.scroll{top:-90px;position:fixed !important;z-index:9999;}
.no-scroll{top:0;z-index:9999;position:fixed !important;}
.btn{padding:10px 1%;margin:5px;color:#fff;text-decoration:none;font-family:sans-serif;transition:all 0.1s ease;}
.btn:hover{transition:all 0.1s ease;}
main{max-width:800px;margin:0 auto;}
main p{1.2em;}
#search{padding:10px;}
.spinner-master *{transition:all 0.3s;box-sizing:border-box;}
.spinner-master{position:relative;margin:16px 20px 15px 15px;height:30px;width:30px;float:right;}
.spinner-master label{cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:5px;left:0;}
.spinner-master .spinner{position:absolute;height:4px;width:100%;padding:0;background-color:#fff;}
.spinner-master .diagonal.part-1{position:relative;float:left;}
.spinner-master .horizontal{position:relative;float:left;margin-top:4px;}
.spinner-master .diagonal.part-2{position:relative;float:left;margin-top:4px;}
.spinner-master input[type=checkbox]{display:none;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal{opacity:0;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:10px;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:-12px;}
a.menu-link{display:block;color:#fff;float:left;text-decoration:none;padding:10px 16px;font-size:1.5em;}
a.menu-link:hover{color:#efa666;}
a.menu-link:after{content:"\2630";font-weight:normal;}
a.menu-link.active:after{content:"\2715";}
.menu{clear:both;min-width:inherit;float:none;}
.menu,
.menu > ul ul{overflow:hidden;max-height:0;background-color:#1c53a6;}
.menu > li > ul.sub-menu{padding:0px;border:none;margin:0;}
.menu.active,
.menu > ul ul.active{max-height:55em;}
.menu ul{display:inline;padding:0;}
.menu li,
.menu > ul > li{display:block;border-bottom:1px solid #16428d;}
.menu > ul > li:last-of-type a{border:none;}
.menu li a{color:#fff;display:block;padding:1em;position:relative;font-size:16px;}
.menu li.has-submenu > a:after{content:'+';position:absolute;top:0;right:0;display:block;font-size:1.5em;padding:0.55em 0.5em;}
.menu li.has-submenu > a.active:after{content:"-";}
.menu ul ul > li a{background-color:#ccc;padding:10px 18px 10px 30px;color:#0e2a69;}
.menu ul li a:hover{background:#0e2a69;color:#fff;}
.menu ul li.hover > a{background:#0e2a69;color:#fff;}
.menu ul ul,
.menu ul ul ul{display:inherit;position:relative;left:auto;top:auto;border:none;}
.search_box{position:absolute;top:60px;left:0;z-index:10;}
.search_box input{width:70%;}
.search_box input.search_icon{width:17%;}
#hero{height:200px;}
footer{width:100%;background:#20202f;color:#fff;margin-top:30px;padding:15px 0;}
footer a{color:#fff;text-decoration:none;}
.sp-container-footer{margin:0 auto;padding:0 20px;}
.sp-logo-footer{text-align:center;}
.sp-text-footer{text-align:center;}
.sp-social-footer{text-align:center;}
.sec-c{margin:50px 0 0 0;background:url(../img/home/bg-footer.png) repeat-x bottom;}
.sec-c .slide-area{position:relative;}
.sec-c .slide-area > .wrapper{margin-bottom:60px;}
.sec-c .slide-area .txt-area{top:0;bottom:0px;text-align:center;}
.sec-c .slide-area .txt-area p.a{color:#202020;font-size:18px;margin-bottom:20px;}
.sec-c .slide-area .img-area{text-align:center;text-align:center;padding:0 20px;}
.sec-c .slide-area .img-area img{height:100%;width:100%;}
.sec-c .swiper-slide-pagination{width:100%;left:auto;right:0px;bottom:20px;}
.sec-c .swiper-slide-pagination .swiper-pagination-bullet{background-color:transparent;border:2px #888 solid;height:12px;width:12px;}
.sec-c .swiper-slide-pagination .swiper-pagination-bullet-active{background-color:#222;}
.sec-txt{font-size:16px;}
.sec-txt h2{margin:0px;background-color:#1d3d6c;color:#ffffff;font-size:15px;padding:7px 15px;}
.sec-txt .detail{margin:25px 15px;}
.sec-txt .detail p{margin-bottom:30px}
.sec-txt .detail h4::before{content:'';display:inline-block;border:6px transparent solid;border-left-color:#c73528;border-top-color:#c73528;height:0px;width:0px;margin-right:5px}
.sec-txt .detail h4.title{font-size:16px;color:#1d3d6c}
.sec-txt .detail h4.title::before{display:none;}
.sec-txt .detail ul{margin:10px 0px}
.sec-txt.img{padding-bottom:20px;background:url(../img/aboutus/3.jpg) right bottom no-repeat;background-size:auto 350px;}
#carousel{position:relative;width:100%;}
#slides1{overflow:hidden;position:relative;width:100%;}
#slides1 ul{list-style:none;width:100%;margin:0;padding:0;position:relative;}
#slides1 li{width:100%;float:left;text-align:left;position:relative;font-family:'Tahoma', sans-serif;}
.btn-bar{position:relative;top:40px;}
#buttons{padding:0 0 5px 0;float:left;}
#buttons a{text-align:center;display:block;font-size:40px;float:left;outline:0;margin-bottom:40px;color:#e0e0e0;text-decoration:none;display:block;padding:0px;width:35px;}
a#prev:hover,
a#next:hover{color:#a3a3a3;text-shadow:.5px 0px #000;}
.quote-phrase,
.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:'Lato', Calibri, Arial, sans-serif;}
.quote-phrase{height:200px;font-size:24px;color:#FFF;font-style:italic;text-shadow:.5px 0px #b14943;}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit;}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px;}
.quoteContainer,
.authorContainer{display:table;width:100%;}
.video-container{position:relative;padding-bottom:56.24%;padding-top:0px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.button-activities{float:right;margin-top:30px;}
.button-activities a button{font-size:16px;color:#999;padding:7px 15px;background:none;border:1px solid #ddd;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;cursor:pointer;border-radius:20px;}
.button-activities a button i{font-size:18px;color:#999;}
.button-activities a:hover button{color:#fff;background:#0061da;border:1px solid #0061da;}
.button-activities a:hover button i{color:#fff;}
.sp-ebook-download .menu1{width:100%;border-top:1px #dddddd solid;padding-top:0px;margin-top:45px;}
.sp-ebook-download .menu1 > ul{margin:0px;margin-bottom:20px;padding:0px;list-style-type:none;}
.sp-ebook-download .menu1 > ul .item{color:#53598a;font-size:16px;border-bottom:1px #dddddd solid;line-height:1.4;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-ebook-download .menu1 > ul .item a{color:#53598a;display:block;font-size:16px;line-height:1.55;padding:16px 10px;padding-left:20px;}
.sp-ebook-download .menu1 > ul .item .date{float:right;font-size:13px;color:#999;}
.sp-ebook-download .menu1 > ul .item:hover .date{color:#006db8;}
.sp-ebook-download .menu1 > ul .item.more a{background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1;}
.sp-ebook-download .menu1 > ul .item.less a{background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1;}
.sp-ebook-download .menu1 > ul .item:hover a ,
.sp-ebook-download .menu1 > ul .item-active a{color:#006db8;background-color:#fafafa;}
.sp-ebook-download .menu1 > ul .item-active .date{float:right;font-size:13px;}
.sp-ebook-download .menu1 > ul .item-active.more ,
.sp-ebook-download .menu1 > ul .item-active.less{background-color:#ececec}
.sp-ebook-download .menu1 > ul .item.sub a{line-height:1.55;padding:12px 10px;padding-left:50px;color:#333333;font-size:14px;background-color:#ffffff;}
.sp-ebook-download .menu1 > ul .item.sub.active a{color:#c43525;}
.sp-ebook-download .menu1 > ul .item.grp{background-color:#f4f4f4;padding-left:20px;}
.sp-ebook-download .menu1 > ul .item.grp a{color:#444444}
.sp-ebook-download .menu1 > ul .item.grp.active{background-color:transparent;border:none;}
.sp-ebook-download .menu1 > ul .item.grp.active a{color:#002a5b;}
#owl-demo3 .item3{margin:10px 10px;padding:10px;background:#fff;text-align:center;list-style:none;}
#owl-demo3 .item3 img{height:auto;padding:0px;}
.sp-clear-hidden{}
.sp-hidden{display:none;}
.sp-btn-more{float:right;margin-top:10px;}
#overlay{display:block;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}
#popup{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;width:600px;height:400px;padding:15px;border:0px solid orange;z-index:1002;}
#popup a img{display:block;width:100%;}
#popup a.poplinkimg{display:block;width:600px;height:400px;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#popup a.closepopup{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;background:#0061da;border:1px solid #FFF;color:#FFF;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
}
@media (min-width:992px) and (max-width:1280px){#web_footer_quick_nav > .inner > .title{position:absolute;top:-25px;right:5%;}
.sp-sec{padding:0 20px 0 20px;}
.sp-sec > .col-1{width:70%;float:left;box-sizing:border-box;}
.sp-sec > .col-1 > .area{padding-right:40px;}
.sp-sec > .col-1 > .area > .area-title-insight{margin-bottom:0px;margin-top:40px;padding-left:0px;margin-bottom:20px;}
.sp-sec > .col-1 > .area > .area-title-insight > .title{float:left;border-left:#0061da 4px solid;padding-left:20px;padding-bottom:0px;padding-top:0px}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h1{font-size:40px;color:#0061da;line-height:50px;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h1 > span{color:#000;}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h2{font-size:16px;color:#444;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-activities{margin-bottom:0px;margin-top:0px;padding-left:0px;margin-bottom:20px;}
.sp-sec > .col-1 > .area > .area-title-activities > .title{float:left;border-left:#0061da 4px solid;padding-left:20px;padding-bottom:0px;padding-top:0px}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h1{font-size:40px;color:#00da1b;line-height:50px;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h1 > span{color:#000;}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h2{font-size:16px;color:#444;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-2{width:30%;float:right;box-sizing:border-box;}
.sp-sec > .col-2 > .e-book{width:100%;}
.sp-sec > .col-2 > .e-book > .e-book-area{padding:40px 0 30px 0;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title{margin-bottom:30px;text-align:center;margin-top:22px;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title > h2{font-size:40px;color:#000;line-height:50px;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title > h2 > span{font-weight:normal;font-size:40px;color:#0061da;}
.sp-sec > .col-2 > .e-book > .e-book-area > ul{list-style:none;padding:0;margin:0}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li{margin:0 0 5px 0;}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li a{}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li a img{width:100%;}
.sp-sec-event{background:#d3dae1 url(../img/home/line-event.png) repeat-x top;padding:30px 20px 30px 20px;}
.sp-sec-event > .sp-event-content-left{width:25%;float:left;box-sizing:border-box;}
.sp-sec-event > .sp-event-content-left > .sp-event-area{margin-top:14%;margin-left:0;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title{border-left:#e40d8e 4px solid;padding:0px 20px;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > h3{font-size:36px;color:#e40d8e;font-weight:normal;line-height:43px;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > h3 > span{color:#000;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > small{font-size:16px;}
.sp-sec-event > .sp-event-content-right{width:75%;float:right;box-sizing:border-box;}
.sp-sec-impression{padding-top:60px;background:#fff;}
.sp-sec-impression > .sp-impression-area{text-align:center;}
.sp-sec-impression > .sp-impression-area h1{font-size:40px;color:#006fb9;line-height:50px;font-weight:normal;text-align:center;}
.sp-sec-impression > .sp-impression-area h2{font-size:16px;color:#444;font-weight:normal;}
img.big{height:100%;width:100%;top:0;}
.sp-bg{background:#346cb7 url(../img/home/xxx.jpg) no-repeat top right;height:949px;}
ul.sp-activities{list-style:none;padding:0 0 40px 0;margin:0 -10px;}
ul.sp-activities li{width:50%;float:left;box-sizing:border-box;}
ul.sp-activities li:last-child{display:none;}
ul.sp-event{list-style:none;padding:20px 0;margin:0 -10px;}
ul.sp-event li{width:33.33%;float:left;box-sizing:border-box;}
.sp-discount-content01{margin:10px;padding:0;position:relative;border:0px #ddd solid;}
.sp-discount-name01{position:absolute;background:rgba(255,255,255,0.9);padding:20px;margin:0;color:#212121;font-size:14px;font-family:'Tahoma', sans-serif;bottom:0;right:0;text-align:left;line-height:16px;}
.sp-discount-name01 > a > h3{font-size:22px;margin-bottom:0px;color:#222;font-weight:normal;line-height:28px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-name01 > a > h4{font-size:18px;margin-bottom:10px;color:#fff;font-weight:normal;line-height:22px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-content02{margin:10px;padding:0;position:relative;border:0px #ddd solid;position:relative;}
.sp-discount-name02{position:absolute;left:0;padding:10px;background:-webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:-o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);margin:0;color:#212121;font-size:14px;font-family:'Tahoma', sans-serif;bottom:0;right:0;text-align:left;line-height:16px;}
.sp-discount-name02 > a > h3{font-size:18px;margin-bottom:0px;color:#222;font-weight:normal;line-height:24px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-name02 > a > h4{font-size:18px;margin-bottom:10px;color:#fff;font-weight:normal;line-height:22px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
#sp-section1{background:#f9f9f9;}
#sp-section1 > .sp-area{padding-right:0px;}
#sp-section1 > .sp-area > .col-left{}
#sp-section1 > .sp-area > .col-right{}
#sp-section1 > .sp-area > .col-right > .logo{text-align:right;padding-top:30px;}
#sp-section1 > .sp-area > .col-right > .sp-slider-txt{padding-top:7%;padding-left:10%;}
.sp-banner{padding-top:15%;}
.sp-banner h1{font-weight:normal;font-size:24px;}
.sp-banner ul{list-style:none;margin:0;padding:0;margin-top:20px;}
.sp-banner ul li{width:33.33%;float:left;}
.sp-banner ul li h2{margin:10px 0;}
.sp-banner ul li p{height:45px;overflow:hidden;}
.sp-banner ul li .sp-banner-txt{text-align:left;}
.sp-banner ul li .sp-banner-line-bull{height:6px;background:#31b0ff;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-line-yellow{height:6px;background:#d4c229;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-line-pink{height:6px;background:#dd51c4;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-area-bull{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-bull:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.sp-banner ul li .sp-banner-area-yellow{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-yellow:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.sp-banner ul li .sp-banner-area-pink{border:1px solid #eee;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-pink:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.box-b{position:relative;float:left;width:33.33%;box-sizing:border-box;}
.box-b:last-child{position:relative;margin-bottom:0px;}
.box-b .txt{text-align:left;position:absolute;bottom:10%;right:12%;left:0px;padding:10px 15px;}
.box-b .txt .title{font-size:30px;color:#1d3e6b;display:block;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;color:#fff;line-height:25px;margin-bottom:10px;}
.box-b .txt p{margin:0px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;font-size:16px;color:#fff;line-height:24px;}
.hover01 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover01 figure:hover img{-webkit-transform:scale(1.3);transform:scale(1.3);}
.hover02 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover02 figure:hover img{-webkit-transform:scale(0.8);transform:scale(0.8);}
figure{margin:0;padding:0;overflow:hidden;}
.sp-img-fashion{position:relative;text-align:center;background:url(../img/home/pic-fashion.jpg) no-repeat top center;height:350px;}
.sp-logo-footer-h{text-align:center;}
.sp-logo-footer-h ul{padding:0 150px;margin:0;list-style:none;}
.sp-logo-footer-h ul li{width:20%;float:left;}
.sp-logo{float:left;padding:5px 5px 5px 20px;display:inline; background:#fff;}
.sp-logo .sp-img{width:189px;}
.sp-box-sl{float:right;padding:7px 20px 5px 5px;margin-top:7px;}
.sp-box-sl > img{display:inline;}
.sp-box-sl > i{font-size:18px;color:#c4c4c4;text-transform:uppercase;margin:0 10px;}
nav{width:100%;padding:0;}
.nav-box{width:100%;position:fixed;border-bottom:1px solid #ddd;top:0;z-index:9999;background:url(../img/header/head.jpg) repeat-y top center;}
.nav-box > .nav_wrapper{top:0;max-width:1280px;margin:0 auto;transition:top .5s ease-out;background:#fff;}
.scroll{top:0px;z-index:9999;width:100%;}
.no-scroll{top:0;z-index:9999;}
.btn{padding:10px 1%;margin:5px;color:#fff;text-decoration:none;font-family:sans-serif;transition:all 0.1s ease;}
.btn:hover{transition:all 0.1s ease;}
main{max-width:800px;margin:0 auto;}
main p{1.2em;}
#search{float:right;font-size:30px;padding:2px 15px;line-height:40px;color:#fff;margin:0;font-weight:700;-webkit-transform:rotate(181deg);-moz-transform:rotate(181deg);-ms-transform:rotate(181deg);-o-transform:rotate(181deg);transform:rotate(181deg);}
#search:hover{color:#efa666;}
.search_box{clear:both;width:100%;background:#e8ebf0;padding:0;margin:0;height:0;overflow:hidden;transition:all 0.1s ease-in-out;}
.search_box.active{height:auto;padding:15px 0;}
.search_box input{width:80%;font-size:13px;margin:0 0 0 15px;padding:10px;border:none;background:#fff;}
.search_box input:focus{outline:none;}
.search_box input.search_icon{clear:both;width:10%;height:auto;padding:10px;margin:0;margin-left:-5px;border:none;color:#fff;cursor:pointer;background:#8c949d;opacity:1;transition:all 0.1s ease;}
.search_box input.search_icon:hover{background:#efa666;}
.menu-link{display:none;}
.spinner-master input[type=checkbox]{display:none;}
.menu{width:100%;height:auto;background:url(../img/header/head.jpg) repeat-y top center;transition:all 0.3s ease;}
.menu ul{padding:0px;margin:0 2% 0 0;list-style:none;position:relative;display:inline-block;float:right;}
.menu > li > ul.sub_menu{min-width:10em;padding:4px 0;background-color:#f4f4f4;border:1px solid #fff;}
.menu ul li{padding:0px;}
.menu > ul > li{display:inline-block;padding-top:7px;}
.menu ul li a{display:block;text-decoration:none;color:#fff;font-size:16px;border-bottom:6px solid rgba(255, 0, 0, .0);font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;padding-top:7px;}
.menu ul li a:hover{color:#fff;border-bottom:6px solid #039dff;}
.menu ul li.hover > a{background:none;color:#fff;}
.menu ul li.hover > a img{-webkit-filter:grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.9);filter:grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.9);}
.menu ul li.active > a{color:#fff;border-bottom:6px solid #039dff;}
.menu ul li.active > a img{-webkit-filter:grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.9);filter:grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.9);}
.menu ul li > a{padding:21px 24px;}
.menu ul ul{display:none;position:absolute;top:100%;min-width:180px;background:#39484d;border:1px solid #ddd;margin-left:-10px;}
.menu ul li:hover > ul{display:block;}
.menu ul ul > li{position:relative;border-bottom:1px solid #ddd;}
.menu ul ul > li a{padding:16px 15px 10px 15px;height:auto;background:#fff;color:#0d2764;}
.menu ul ul > li a:hover{background:#039dff;color:#fff;}
.menu ul ul ul{position:absolute;left:100%;top:0;}
#hero{width:100%;height:auto;background:#e8ebf0;margin:70px 0 20px 0;}
#hero img{width:100%;height:auto;}
footer{width:100%;background:#20202f;color:#fff;margin-top:30px;padding:15px 0;}
footer a{color:#fff;text-decoration:none;}
.sp-container-footer{margin:0 auto;padding:0 20px;}
.sp-logo-footer{float:left;margin-right:10px;}
.sp-text-footer{float:left;}
.sp-social-footer{float:right;text-align:right;}
.sec-c{margin:50px 0 0 0;background:url(../img/home/bg-footer.png) repeat-x bottom;}
.sec-c .slide-area{position:relative;}
.sec-c .slide-area > .wrapper{}
.sec-c .slide-area .txt-area{position:absolute;left:55%;top:0;bottom:0px;}
.sec-c .slide-area .txt-area p.a{color:#202020;font-size:18px;margin-bottom:20px;}
.sec-c .slide-area .img-area{text-align:center;width:55%;}
.sec-c .slide-area .img-area img{height:100%;width:100%;}
.sec-c .swiper-slide-pagination{width:88%;left:auto;right:0px;}
.sec-c .swiper-slide-pagination .swiper-pagination-bullet{background-color:transparent;border:2px #888 solid;height:12px;width:12px;}
.sec-c .swiper-slide-pagination .swiper-pagination-bullet-active{background-color:#222;}
.sec-txt{font-size:16px;}
.sec-txt h2{margin:0px;background-color:#1d3d6c;color:#ffffff;font-size:15px;padding:7px 15px;}
.sec-txt .detail{margin:25px 15px;}
.sec-txt .detail p{margin-bottom:30px}
.sec-txt .detail h4::before{content:'';display:inline-block;border:6px transparent solid;border-left-color:#c73528;border-top-color:#c73528;height:0px;width:0px;margin-right:5px}
.sec-txt .detail h4.title{font-size:16px;color:#1d3d6c}
.sec-txt .detail h4.title::before{display:none;}
.sec-txt .detail ul{margin:10px 0px}
.sec-txt.img{padding-bottom:20px;background:url(../img/aboutus/3.jpg) right bottom no-repeat;background-size:auto 350px;}
#carousel{position:relative;width:100%;}
#slides1{overflow:hidden;position:relative;width:100%;}
#slides1 ul{list-style:none;width:100%;margin:0;padding:0;position:relative;}
#slides1 li{width:100%;float:left;text-align:left;position:relative;font-family:'Tahoma', sans-serif;}
.btn-bar{position:relative;top:40px;}
#buttons{padding:0 0 5px 0;float:left;}
#buttons a{text-align:center;display:block;font-size:40px;float:left;outline:0;margin-bottom:40px;color:#e0e0e0;text-decoration:none;display:block;padding:0px;width:35px;}
a#prev:hover,
a#next:hover{color:#a3a3a3;text-shadow:.5px 0px #000;}
.quote-phrase,
.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:'Lato', Calibri, Arial, sans-serif;}
.quote-phrase{height:200px;font-size:24px;color:#FFF;font-style:italic;text-shadow:.5px 0px #b14943;}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit;}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px;}
.quoteContainer,
.authorContainer{display:table;width:100%;}
.video-container{position:relative;padding-bottom:56.24%;padding-top:0px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.button-activities{float:right;margin-top:30px;}
.button-activities a button{font-size:16px;color:#999;padding:7px 15px;background:none;border:1px solid #ddd;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;cursor:pointer;border-radius:20px;}
.button-activities a button i{font-size:18px;color:#999;}
.button-activities a:hover button{color:#fff;background:#0061da;border:1px solid #0061da;}
.button-activities a:hover button i{color:#fff;}
.sp-ebook-download .menu1{width:100%;border-top:1px #dddddd solid;padding-top:0px;margin-top:45px;}
.sp-ebook-download .menu1 > ul{margin:0px;margin-bottom:20px;padding:0px;list-style-type:none;}
.sp-ebook-download .menu1 > ul .item{color:#53598a;font-size:16px;border-bottom:1px #dddddd solid;line-height:1.4;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-ebook-download .menu1 > ul .item a{color:#53598a;display:block;font-size:16px;line-height:1.55;padding:16px 10px;padding-left:20px;}
.sp-ebook-download .menu1 > ul .item .date{float:right;font-size:13px;color:#999;}
.sp-ebook-download .menu1 > ul .item:hover .date{color:#006db8;}
.sp-ebook-download .menu1 > ul .item.more a{background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1;}
.sp-ebook-download .menu1 > ul .item.less a{background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1;}
.sp-ebook-download .menu1 > ul .item:hover a ,
.sp-ebook-download .menu1 > ul .item-active a{color:#006db8;background-color:#fafafa;}
.sp-ebook-download .menu1 > ul .item-active .date{float:right;font-size:13px;}
.sp-ebook-download .menu1 > ul .item-active.more ,
.sp-ebook-download .menu1 > ul .item-active.less{background-color:#ececec}
.sp-ebook-download .menu1 > ul .item.sub a{line-height:1.55;padding:12px 10px;padding-left:50px;color:#333333;font-size:14px;background-color:#ffffff;}
.sp-ebook-download .menu1 > ul .item.sub.active a{color:#c43525;}
.sp-ebook-download .menu1 > ul .item.grp{background-color:#f4f4f4;padding-left:20px;}
.sp-ebook-download .menu1 > ul .item.grp a{color:#444444}
.sp-ebook-download .menu1 > ul .item.grp.active{background-color:transparent;border:none;}
.sp-ebook-download .menu1 > ul .item.grp.active a{color:#002a5b;}
#owl-demo3 .item3{margin:10px 10px;padding:10px;background:#fff;text-align:center;list-style:none;}
#owl-demo3 .item3 img{height:auto;padding:0px;}
.sp-clear-hidden{display:none;}
.sp-hidden{display:none;}
.sp-btn-more{float:none;margin-top:20px;}
#overlay{display:block;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}
#popup{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;width:800px;height:500px;padding:15px;border:0px solid orange;z-index:1002;}
#popup a img{display:block;width:100%;}
#popup a.poplinkimg{display:block;width:800px;height:500px;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#popup a.closepopup{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;background:#0061da;border:1px solid #FFF;color:#FFF;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
}
@media (min-width:1280px){.sp-sec{padding:0 30px 0 30px;}
.sp-sec > .col-1{width:70%;float:left;box-sizing:border-box;}
.sp-sec > .col-1 > .area{padding-right:40px;}
.sp-sec > .col-1 > .area > .area-title-insight{margin-bottom:0px;margin-top:40px;padding-left:0px;margin-bottom:20px;}
.sp-sec > .col-1 > .area > .area-title-insight > .title{float:left;border-left:#0061da 4px solid;padding-left:20px;padding-bottom:0px;padding-top:0px}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h1{font-size:40px;color:#0061da;line-height:50px;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h1 > span{color:#000;}
.sp-sec > .col-1 > .area > .area-title-insight > .title > h2{font-size:16px;color:#444;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-activities{margin-bottom:0px;margin-top:30px;padding-left:0px;margin-bottom:20px;}
.sp-sec > .col-1 > .area > .area-title-activities > .title{float:left;border-left:#0061da 4px solid;padding-left:20px;padding-bottom:0px;padding-top:0px}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h1{font-size:40px;color:#00da1b;line-height:50px;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h1 > span{color:#000;}
.sp-sec > .col-1 > .area > .area-title-activities > .title > h2{font-size:16px;color:#444;font-weight:normal;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-sec > .col-2{width:30%;float:right;box-sizing:border-box;}
.sp-sec > .col-2 > .e-book{width:100%;}
.sp-sec > .col-2 > .e-book > .e-book-area{padding:40px 0px;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title{margin-bottom:30px;text-align:center;margin-top:22px;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title > h2{font-size:40px;color:#000;line-height:50px;}
.sp-sec > .col-2 > .e-book > .e-book-area > .e-book-title > h2 > span{font-weight:normal;font-size:40px;color:#0061da;}
.sp-sec > .col-2 > .e-book > .e-book-area > ul{list-style:none;padding:0;margin:0}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li{margin:0 0 5px 0;}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li a{}
.sp-sec > .col-2 > .e-book > .e-book-area > ul li a img{width:100%;}
.sp-sec-event{background:#d3dae1 url(../img/home/line-event.png) repeat-x top;padding:30px;margin-top:20px;}
.sp-sec-event > .sp-event-content-left{width:25%;float:left;box-sizing:border-box;}
.sp-sec-event > .sp-event-content-left > .sp-event-area{margin-top:14%;margin-left:0;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title{border-left:#e40d8e 4px solid;padding:0px 20px;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > h3{font-size:36px;color:#e40d8e;font-weight:normal;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > h3 > span{color:#000;}
.sp-sec-event > .sp-event-content-left > .sp-event-area > .sp-event-title > small{font-size:16px;}
.sp-sec-event > .sp-event-content-right{width:75%;float:right;box-sizing:border-box;}
.sp-sec-impression{padding-top:60px;background:#fff;}
.sp-sec-impression > .sp-impression-area{text-align:center;}
.sp-sec-impression > .sp-impression-area h1{font-size:40px;color:#006fb9;line-height:50px;font-weight:normal;text-align:center;}
.sp-sec-impression > .sp-impression-area h2{font-size:16px;color:#444;font-weight:normal;}
img.big{height:100%;width:100%;top:0;}
.sp-bg{background:#346cb7 url(../img/home/xxx.jpg) no-repeat top right;height:949px;}
ul.sp-activities{list-style:none;padding:0 0 40px 0;margin:0 -10px;}
ul.sp-activities li{width:33.33%;float:left;box-sizing:border-box;}
ul.sp-event{list-style:none;padding:20px 0;margin:0 -10px;}
ul.sp-event li{width:20%;float:left;box-sizing:border-box;}
.sp-discount-content01{margin:10px;padding:0;position:relative;border:0px #ddd solid;position:relative;}
.sp-discount-name01{position:absolute;background:rgba(255,255,255,0.9);padding:15px 20px 15px 20px;margin:0;color:#212121;font-size:14px;font-family:'Tahoma', sans-serif;bottom:0;right:0;text-align:left;line-height:16px;}
.sp-discount-name01 > a > h3{font-size:18px;margin-bottom:0px;color:#222;font-weight:normal;line-height:24px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-name01 > a > h4{font-size:18px;margin-bottom:10px;color:#fff;font-weight:normal;line-height:22px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-content02{margin:10px;padding:0;position:relative;border:0px #ddd solid;position:relative;}
.sp-discount-name02{position:absolute;left:0;padding:10px;background:-webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:-o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.86) 80%);margin:0;color:#212121;font-size:14px;font-family:'Tahoma', sans-serif;bottom:0;right:0;text-align:left;line-height:16px;}
.sp-discount-name02 > a > h3{font-size:18px;margin-bottom:0px;color:#222;font-weight:normal;line-height:24px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-discount-name02 > a > h4{font-size:18px;margin-bottom:10px;color:#fff;font-weight:normal;line-height:22px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
#sp-section1{background:#f9f9f9;}
#sp-section1 > .sp-area{padding-right:0px;}
#sp-section1 > .sp-area > .col-left{width:74.2%;float:left;box-sizing:border-box;padding-right:0px;}
#sp-section1 > .sp-area > .col-right{width:25.8%;float:right;box-sizing:border-box;}
#sp-section1 > .sp-area > .col-right > .logo{text-align:right;padding-top:30px;}
#sp-section1 > .sp-area > .col-right > .sp-slider-txt{padding-top:7%;padding-left:10%;}
.sp-banner{padding-top:15%;}
.sp-banner h1{font-weight:normal;font-size:24px;}
.sp-banner ul{list-style:none;margin:0;padding:0;margin-top:20px;}
.sp-banner ul li{width:33.33%;float:left;}
.sp-banner ul li h2{margin:10px 0;}
.sp-banner ul li p{height:45px;overflow:hidden;}
.sp-banner ul li .sp-banner-txt{text-align:left;}
.sp-banner ul li .sp-banner-line-bull{height:6px;background:#31b0ff;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-line-yellow{height:6px;background:#d4c229;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-line-pink{height:6px;background:#dd51c4;width:100%;bottom:0;margin-top:20px;}
.sp-banner ul li .sp-banner-area-bull{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-bull:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.sp-banner ul li .sp-banner-area-yellow{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-yellow:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.sp-banner ul li .sp-banner-area-pink{border:1px solid #eee;padding:20px 20px 0 20px;}
.sp-banner ul li .sp-banner-area-pink:hover{border:1px solid #eee;border-right:none;padding:20px 20px 0 20px;color:#fff;}
.box-b{position:relative;}
.box-b:last-child{position:relative;margin-bottom:0px;}
.box-b .txt{text-align:left;position:absolute;bottom:10%;right:12%;left:0px;padding:10px 15px;}
.box-b .txt .title{font-size:30px;color:#1d3e6b;display:block;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;color:#fff;line-height:25px;margin-bottom:10px;}
.box-b .txt p{margin:0px;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;font-size:16px;color:#fff;line-height:24px;}
.hover01 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover01 figure:hover img{-webkit-transform:scale(1.3);transform:scale(1.3);}
.hover02 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover02 figure:hover img{-webkit-transform:scale(0.8);transform:scale(0.8);}
figure{margin:0;padding:0;overflow:hidden;}
.sp-img-fashion{position:relative;text-align:center;background:url(../img/home/pic-fashion.jpg) no-repeat top center;height:350px;}
.sp-logo-footer-h{text-align:center;}
.sp-logo-footer-h ul{padding:0 150px;margin:0;list-style:none;}
.sp-logo-footer-h ul li{width:20%;float:left;}
.sp-logo{float:left;padding:5px 5px 5px 20px;display:inline; background:#fff;}
.sp-logo .sp-img{width:189px;}
.sp-box-sl{float:right;padding:7px 20px 5px 5px;margin-top:7px;}
.sp-box-sl > img{display:inline;}
.sp-box-sl > i{font-size:18px;color:#c4c4c4;text-transform:uppercase;margin:0 10px;}
nav{width:100%;padding:0;}
.nav-box{width:100%;position:fixed;border-bottom:1px solid #ddd;top:0;z-index:9999;background:url(../img/header/head.jpg) repeat-y top center;}
.nav-box > .nav_wrapper{top:0;max-width:1280px;margin:0 auto;transition:top .5s ease-out;background:#fff;}
.scroll{top:0px;z-index:9999;width:100%;}
.no-scroll{top:0;z-index:9999;}
.btn{padding:10px 1%;margin:5px;color:#fff;text-decoration:none;font-family:sans-serif;transition:all 0.1s ease;}
.btn:hover{transition:all 0.1s ease;}
main{max-width:800px;margin:0 auto;}
main p{1.2em;}
#search{float:right;font-size:30px;padding:2px 15px;line-height:40px;color:#fff;margin:0;font-weight:700;-webkit-transform:rotate(181deg);-moz-transform:rotate(181deg);-ms-transform:rotate(181deg);-o-transform:rotate(181deg);transform:rotate(181deg);}
#search:hover{color:#efa666;}
.search_box{clear:both;width:100%;background:#e8ebf0;padding:0;margin:0;height:0;overflow:hidden;transition:all 0.1s ease-in-out;}
.search_box.active{height:auto;padding:15px 0;}
.search_box input{width:80%;font-size:13px;margin:0 0 0 15px;padding:10px;border:none;background:#fff;}
.search_box input:focus{outline:none;}
.search_box input.search_icon{clear:both;width:10%;height:auto;padding:10px;margin:0;margin-left:-5px;border:none;color:#fff;cursor:pointer;background:#8c949d;opacity:1;transition:all 0.1s ease;}
.search_box input.search_icon:hover{background:#efa666;}
.menu-link{display:none;}
.spinner-master input[type=checkbox]{display:none;}
.menu{width:100%;height:auto;background:url(../img/header/head.jpg) repeat-y top center;transition:all 0.3s ease;}
.menu ul{padding:0px;margin:0 5% 0 0;list-style:none;position:relative;display:inline-block;float:right;}
.menu > li > ul.sub_menu{min-width:10em;padding:4px 0;background-color:#f4f4f4;border:1px solid #fff;}
.menu ul li{padding:0px;}
.menu > ul > li{display:inline-block;padding-top:7px;}
.menu ul li a{display:block;text-decoration:none;color:#fff;font-size:16px;border-bottom:6px solid rgba(255, 0, 0, .0);font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;padding-top:7px;}
.menu ul li a:hover{color:#fff;border-bottom:6px solid #039dff;}
.menu ul li.hover > a{background:none;color:#fff;}
.menu ul li.hover > a img{-webkit-filter:grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.9);filter:grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.9);}
.menu ul li.active > a{color:#fff;border-bottom:6px solid #039dff;}
.menu ul li.active > a img{-webkit-filter:grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.9);filter:grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.9);}
.menu ul li > a{padding:21px 46px;}
.menu ul ul{display:none;position:absolute;top:100%;min-width:180px;background:#39484d;border:1px solid #ddd;margin-left:-10px;}
.menu ul li:hover > ul{display:block;}
.menu ul ul > li{position:relative;border-bottom:1px solid #ddd;}
.menu ul ul > li a{padding:16px 15px 10px 15px;height:auto;background:#fff;color:#0d2764;}
.menu ul ul > li a:hover{background:#039dff;color:#fff;}
.menu ul ul ul{position:absolute;left:100%;top:0;}
#hero{width:100%;height:auto;background:#e8ebf0;margin:70px 0 20px 0;}
#hero img{width:100%;height:auto;}
footer{width:100%;background:#20202f;color:#fff;margin-top:30px;padding:10px 0 2px 0;}
footer a{color:#fff;text-decoration:none;}
.sp-container-footer{margin:0 auto;padding:0 20px;}
.sp-logo-footer{float:left;margin-right:10px;}
.sp-text-footer{float:left;}
.sp-social-footer{float:right;text-align:right;}
.sec-c{margin:70px 0 0 0;background:url(../img/home/bg-footer.png) repeat-x bottom;}
.sec-c .slide-area{position:relative;}
.sec-c .slide-area > .wrapper{}
.sec-c .slide-area .txt-area{position:absolute;left:54%;top:12%;bottom:0px;}
.sec-c .slide-area .txt-area p.a{color:#202020;font-size:18px;margin-bottom:20px;}
.sec-c .slide-area .img-area{text-align:center;width:63%;}
.sec-c .slide-area .img-area img{height:100%;}
.sec-c .swiper-slide-pagination{width:88%;left:auto;right:0px;}
.sec-c .swiper-slide-pagination .swiper-pagination-bullet{background-color:transparent;border:2px #888 solid;height:12px;width:12px;}
.sec-c .swiper-slide-pagination .swiper-pagination-bullet-active{background-color:#222;}
.sec-txt{font-size:16px;}
.sec-txt h2{margin:0px;background-color:#1d3d6c;color:#ffffff;font-size:15px;padding:7px 15px;}
.sec-txt .detail{margin:25px 15px;}
.sec-txt .detail p{margin-bottom:30px}
.sec-txt .detail h4::before{content:'';display:inline-block;border:6px transparent solid;border-left-color:#c73528;border-top-color:#c73528;height:0px;width:0px;margin-right:5px}
.sec-txt .detail h4.title{font-size:16px;color:#1d3d6c}
.sec-txt .detail h4.title::before{display:none;}
.sec-txt .detail ul{margin:10px 0px}
.sec-txt.img{padding-bottom:20px;background:url(../img/aboutus/3.jpg) right bottom no-repeat;background-size:auto 350px;}
#carousel{position:relative;width:100%;}
#slides1{overflow:hidden;position:relative;width:100%;}
#slides1 ul{list-style:none;width:100%;margin:0;padding:0;position:relative;}
#slides1 li{width:100%;float:left;text-align:left;position:relative;font-family:'Tahoma', sans-serif;}
.btn-bar{position:relative;top:40px;}
#buttons{padding:0 0 5px 0;float:left;}
#buttons a{text-align:center;display:block;font-size:40px;float:left;outline:0;margin-bottom:40px;color:#e0e0e0;text-decoration:none;display:block;padding:0px;width:35px;}
a#prev:hover,
a#next:hover{color:#a3a3a3;text-shadow:.5px 0px #000;}
.quote-phrase,
.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:'Lato', Calibri, Arial, sans-serif;}
.quote-phrase{height:200px;font-size:24px;color:#FFF;font-style:italic;text-shadow:.5px 0px #b14943;}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit;}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px;}
.quoteContainer,
.authorContainer{display:table;width:100%;}
.video-container{position:relative;padding-bottom:56.24%;padding-top:0px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.button-activities{float:right;margin-top:30px;}
.button-activities a button{font-size:16px;color:#999;padding:7px 15px;background:none;border:1px solid #ddd;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;cursor:pointer;border-radius:20px;}
.button-activities a button i{font-size:18px;color:#999;}
.button-activities a:hover button{color:#fff;background:#0061da;border:1px solid #0061da;}
.button-activities a:hover button i{color:#fff;}
.sp-ebook-download .menu1{width:100%;border-top:1px #dddddd solid;padding-top:0px;margin-top:45px;}
.sp-ebook-download .menu1 > ul{margin:0px;margin-bottom:20px;padding:0px;list-style-type:none;}
.sp-ebook-download .menu1 > ul .item{color:#53598a;font-size:16px;border-bottom:1px #dddddd solid;line-height:1.4;font-family:'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-ebook-download .menu1 > ul .item a{color:#53598a;display:block;font-size:16px;line-height:1.55;padding:15px 10px;padding-left:20px;overflow:hidden;height:35px;line-height:40px;}
.sp-ebook-download .menu1 > ul .item .date{float:right;font-size:13px;color:#999;}
.sp-ebook-download .menu1 > ul .item:hover .date{color:#006db8;}
.sp-ebook-download .menu1 > ul .item.more a{background:url(../img/icon/more.png) right 20px center no-repeat #f1f1f1;}
.sp-ebook-download .menu1 > ul .item.less a{background:url(../img/icon/less.png) right 20px center no-repeat #f1f1f1;}
.sp-ebook-download .menu1 > ul .item:hover a ,
.sp-ebook-download .menu1 > ul .item-active a{color:#006db8;background-color:#fafafa;}
.sp-ebook-download .menu1 > ul .item-active .date{float:right;font-size:13px;}
.sp-ebook-download .menu1 > ul .item-active.more ,
.sp-ebook-download .menu1 > ul .item-active.less{background-color:#ececec}
.sp-ebook-download .menu1 > ul .item.sub a{line-height:1.55;padding:12px 10px;padding-left:50px;color:#333333;font-size:14px;background-color:#ffffff;}
.sp-ebook-download .menu1 > ul .item.sub.active a{color:#c43525;}
.sp-ebook-download .menu1 > ul .item.grp{background-color:#f4f4f4;padding-left:20px;}
.sp-ebook-download .menu1 > ul .item.grp a{color:#444444}
.sp-ebook-download .menu1 > ul .item.grp.active{background-color:transparent;border:none;}
.sp-ebook-download .menu1 > ul .item.grp.active a{color:#002a5b;}
#owl-demo3 .item3{margin:10px 10px;padding:10px;background:#fff;text-align:center;list-style:none;}
#owl-demo3 .item3 img{height:auto;padding:0px;}
.sp-clear-hidden{display:none;}
.sp-btn-more{float:none;margin-top:20px;}
#overlay{display:block;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}
#popup{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;width:800px;height:500px;padding:15px;border:0px solid orange;z-index:1002;}
#popup a img{display:block;width:100%;}
#popup a.poplinkimg{display:block;width:800px;height:500px;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#popup a.closepopup{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;background:#0061da;border:1px solid #FFF;color:#FFF;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
}