.app-bcolor{background-color:red}.app-fcolor{color:#00bcd4}.app-font{font-family:'Open Sans',sans-serif}.thai-font{font-family:THSarabunNew,'Open Sans',sans-serif}.language-font :lang(en){font-family:'Open Sans',sans-serif}:lang(th){font-family:'THSarabunNew'}.title.tile-title[lang="th"]{font-size:36px}h1[lang="th"]{font-size:46px}.app-button{outline:0;width:100%;padding:12px;font-size:14px;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer}.app-button.default{background:#fff;border:.8px solid #ccc;color:#5a5a5a}.app-button.primary{background:#0072c6;border:.8px solid #0072c6;color:#fff}.app-button:hover,app-button:focus{transform:scale(1.01)}.app-button:active{transform:translateY(2px)}body{font-family:'Open Sans',sans-serif!important}.view-content{padding:15px}.footer{position:absolute;bottom:0;width:100%;height:60px;background-color:#f5f5f5}.social-links a{text-align:center;float:left;width:36px;height:36px;border:1px solid #909090;border-radius:100%;margin-right:7px}.social-links a i{font-size:20px;line-height:38px;color:#909090}.demo-view{border:1px solid #e9e9e9}.demo-device{border:8px solid #f5f5f5;min-height:440px;background-color:#fff}.demo-display{border:1px solid #e9e9e9;padding:20px 30px;min-height:440px;background:inherit;position:relative}.demo-frame-container{height:100%}.demo-frame{width:100%;min-height:450px;margin:0;padding:0;border:0;outline:0;background-color:transparent}