.app_container{position:relative;width:100%; max-width:480px; height:825px;margin:0px auto;background-color:transparent}
#cmtBox1{width:240px;height:240px; width:50%;}
#cmtBox2{width:100%;height:400px;}
#cmtControl{position:absolute !important;top:400px;right:0; width:50%;}
#cmtMess{position:absolute;top:645px;width:99.5%;height:130px;text-align:left;border-radius:2px;border: 1px solid #c0c0c0;background-color:transparent;overflow: auto;line-height:1;}
#cmtMsg{position:absolute;top:790px;width:100%;height:30px;border:1px solid #c0c0c0;border-radius:2px;color:#bababa;padding-left:10px;background-color:transparent}
.button {background-color:#a00;border:none;color:#fff;border-radius:4px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;line-height:2.1;margin-bottom:0;text-align:center;vertical-align:middle;white-space:nowrap;height:119px;box-shadow: 0 0 8px rgba(0,0,0,0.4);}
.button:hover,.button:focus {opacity: 0.8;}
.button:active,.button.active {opacity: 0.7;}
#cmtStart{background-color: #33a652;color:#ffffff;top:0px;left:0px;width:100%;height:240px;}
#cmtStop{display:none;background-color:#e84135; color:#ffffff;width:100%;}
#cmtNext{display:none;background-color:#33a652; color:#ffffff;width:100%;}
.messme {background-color:#ffffff;color:#000000;margin:1px;padding:4px;}
.me {background-color:transparent;color:#ff0000;padding:0 5px;border-radius:3px;}
.messuser {background-color:#e9f0f1;color:#000000;margin:1px;padding:4px;}
.user {background-color:transparent;color:#9999ff;padding:0 5px;border-radius:3px;}
article {max-width: 480px;margin-left: auto; margin-right: auto; padding: 10px 10px 10px;}
h2.entry-title {font-size: 24px;font-weight: normal; border-bottom: 1px solid #d9d9d9;}
h2 a {text-decoration:none;}
footer {max-width: 100%; margin-left: auto; text-align: center; margin-right: auto; padding: 10px 10px 50px 10px;}
body {background-color: #ffffff; font-family: Helvetica,Arial,sans-serif; color: #333333; font-size: 20px; line-height: 1.6em;}
img {height: auto;max-width: 100%;}
.page {max-width: 480px; clear: both; margin-bottom: 10px; margin-left: auto; margin-right: auto;margin-top: 0;overflow-x: hidden; overflow-y: hidden; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; background: #fff; border: 1px solid #dedede;}
.prev-next {text-align: center;}
.ad {max-width: 990px; margin-left: auto; margin-right: auto; padding: 0 0 10px 0;}
.header{max-width:480px; width:100%; z-index:3; margin-left: auto; margin-right: auto; margin-bottom: 5px;}.header ul{margin:0;border-top:1px solid #ccc;list-style:none;overflow:hidden;background-color:#fff}.header .logo{display:block;float:left;padding:10px 20px;text-decoration:none}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#333;content:'';display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:240px}.header .menu-btn:checked~.menu-icon .navicon{background:0 0}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}
.com-chat {max-width: 700px; margin-left: auto; margin-right: auto;padding: 5px;}
.container {max-width: 1010px; margin-left: auto; margin-right: auto; text-align: center;}
.buton {background-color: #3fc508;border-radius: 20px;;color: #ffffff;padding: 8px 30px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;cursor: pointer;}
.buton:hover,.button:focus {opacity: 0.8;}
.buton:active,.button.active {opacity: 0.7;}