.itopplus-background{}a{color:#0f0f0f}a:hover{color:#5dbe26}.navbar-default .navbar-nav>li>a{font-size: 20px}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{border-radius: 6px}.itopplus-search{right: -25px}.navbar-default .navbar-toggle{border-color: transparent}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{border-color: transparent}@media (max-width:768px){.navbar-default{background: #5dbe26}}@media only screen and (min-width : 1024px){h1,.h1{font-size: 2.250em}h2,.h2{font-size: 1.875em}h3,.h3{font-size: 1.500em}h4,.h4{font-size: 1.125em}h5,.h5{font-size: 0.875em}h6,.h6{font-size: 0.750em}p{margin: 0 0 10px}.navbar .nav,.navbar .nav > li{float:none;display:inline-block;*display:inline;*zoom:1;vertical-align: top}#main-navbar-collapse{text-align:right}.navbar-default{background: 0 0}}@media only screen and (min-width : 1366px){h1,.h1{font-size: 2.250em}h2,.h2{font-size: 1.875em}h3,.h3{font-size: 1.500em}h4,.h4{font-size: 1.125em}h5,.h5{font-size: 0.875em}h6,.h6{font-size: 0.750em}p{margin: 0 0 10px}.navbar .nav,.navbar .nav > li{float:none;display:inline-block;*display:inline;*zoom:1;vertical-align: top}#main-navbar-collapse{text-align:right}.navbar-default{background: 0 0}}@media only screen and (max-width : 768px){#mobileonly{visibility : hidden;height:0px;width:0px}p#logowebsite{font-size:10px}#scrollTop{position: fixed;left: 10px;bottom: 5px;opacity: 0.5}#scrollTop:hover{opacity: 1.5}.zIndex-pos3{z-index: 100}}@media (min-width: 769px){.navbar-nav>li>a{padding-top: 8px !important;padding-bottom: 8px !important}.navbar{min-height: 0px !important}}@media(max-width: 500px){#mobileonly{visibility : visible;width:inherit;height:inherit}#popular{display : none}}.box{background: #5dbe26;color: white;text-align: center;border: 0px solid #fff;border-radius: 30px;transform: perspective(500px) rotateY(0deg);transition: 1.2s;position: relative;overflow: hidden;padding: 5px;width: 80%;margin: 0 auto;font-size: 20px;font-weight: bold}.box:hover{transform: perspective(500px) rotateY(0deg)}.box::before{content: '';position: absolute;width: 100%;height: 60px;background: linear-gradient(to right,transparent,white,transparent);left: -100%;transition: 1.2s;margin-top: -20px}.box:hover::before{left: 100%}figure.effect-apollo{background: transparent}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}figure.effect-jazz h2{margin-top: 15px;position: absolute;padding: 15px 5px 10px 15px;width: 100%;height: 60px;font-size: 26px;text-align: left;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;bottom: 0;left: 0;color: #fff;background: #5dbe26ba;text-transform: capitalize;transform: scale3d(1,1,1);text-align: center}.thumbnail,.img-thumbnail{-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.075);box-shadow: 0 0px 0px rgba(0,0,0,.075)}.thumbnail{background-color: #ffffff00;border-radius: 0px!important;border: 0px solid rgba(255,255,255,.15)}.thumbnail:hover{border-radius: 0px!important;box-shadow: 0 0 15px rgba(160,156,156,0.8)}.nav-template li:hover{background-color: #eee0;text-decoration: underline !important;box-shadow: 0 0 0px rgba(0,0,0,0.3);padding-top: 10px}.nav-template li{padding-top: 10px}li.col-md-6.col-sm-6.col-xs-12{width: 25%}.col-md-4.col-sm-4.col-xs-12.padding-col{width: 100%}.col-md-8.col-sm-8.col-xs-12.padding-col{width: 100%;font-size: 16px;text-align: center;padding-top: 15px}.col-md-8.col-sm-8.col-xs-12.padding-col strong{font-weight: 100;font-size: 20px}.col-md-8.col-sm-8.col-xs-12.padding-col strong:hover{font-weight: 100;color:#d19495}.img-container{width: 100%;height: 0;padding-bottom: 90%;position: relative}.col-md-8.col-sm-8.col-xs-12.padding-col p{display:none}.col-md-8.col-sm-8.col-xs-12.padding-col strong:after{display: block;content: 'เพิ่มเติม';color: #fff;width: 100%;margin-top: 20px;padding: 7px;font-size: 18px;text-align: center;margin-bottom: 2px;background: linear-gradient(to bottom,rgba(245,214,186,1) 0%,rgba(201,134,141,1) 100%)}.Contentmanager-thumbnail{padding: 2px;border: 1px solid #ddd;border-radius:0px}.Contentmanager .template1 .template-panel{padding-bottom: 100%;border: solid 0px #ccc}.Contentmanager .caption{color: #000;height: 45px;overflow: hidden;background: #fab907;font-size: 20px;padding: 8px 0px;transition: all .2s ease-in-out;margin: 20px;border-radius: 30px;font-weight: bold}.Contentmanager .caption:hover{height: 45px;overflow: hidden;background: #5dbe26;color: #fff;font-size: 20px;padding: 8px 0px;font-weight: bold}.img-container .img{border: 0px solid #f3e8e8}.landingpagemanager{display: none}.h3,h3{font-size: 30px!important;font-weight: bold;color: #444}#Contentmanager .post-time{display: none}.page-header{margin: 60px 0 20px;border-bottom: 0px solid #eee;text-align: center}.form-group .col-md-2{padding: 5px}.col-xs-12.col-md-3{padding: 5px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #5cbc26;border-color: #5cbc26}.pagination>li>a,.pagination>li>span{color: #5dbc27;border: 1px solid #eee}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #5dbc27;border-color: #eee}.ui.action.input:not([class*="left action"])>input{font-family: ThaiSansNeue}#controlBanner img{width: 50% !important}