* {padding: 0;margin: 0;outline:0 none;}


@font-face {
  font-family: 'maven_proregular';
  src: url('//cdn.traq.li/fonts/mavenpro-regular-webfont.eot');
  src: url('//cdn.traq.li/fonts/mavenpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('//cdn.traq.li/fonts/mavenpro-regular-webfont.woff') format('woff'), url('//cdn.traq.li/fonts/fonts/mavenpro-regular-webfont.ttf') format('truetype'), url('//cdn.traq.li/fonts/fonts/mavenpro-regular-webfont.svg#maven_proregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {font-family: 'maven_proregular';}

.traqli-subscribe p.fadein {}
.traqli-subscribe {/*max-width: 580px;*/ margin: 0px; /*width: 98%;*/ }
.traqli-subscribe p.powered {text-align: center; float: left; width: 100% !important; font-family: 'maven_proregular'; margin: 10px 0 0 0 !important; font-size: 14px; color: #323232; padding: 0 !important; }
.traqli-subscribe p.powered a {color: #85277f;text-decoration: underline;}
.traqli-subscribe p.powered a:hover {color: #85277f;text-decoration: none;}

.subscribe-form {position: relative;overflow: hidden;padding: 1px 0 0 0; float: left; width: 100%;background: #F0F0F0; -webkit-border-radius: 15px/12px; -moz-border-radius: 15px/12px; border-radius: 15px/12px; -webkit-box-shadow: 4px 5px 2px -2px #939292; -moz-box-shadow: 4px 5px 2px -2px #939292; box-shadow: 4px 5px 2px -2px #939292; }
.subscribe-form p {font-size: 14px; color: #85277F; font-family: "Georgia", Arial; float: left; padding: 9px 8px; text-align: center; }

.subscribe-form form {float: right; margin: 4.4px;position: relative;}
.subscribe-form form p.error_tip {
-webkit-transition-duration: 0.5s, 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
float: left;
position: absolute;
background: #fff;
cursor: pointer;
height: 15px;
padding: 4px 4px 6px;
margin: 1px 2px;
border-radius: 11px;
color: #BB3A3A;
width: 144px;
font-size: 14px;
}

.subscribe-form form p.error_tip:hover {color: #F57373;}
.subscribe-form form input.error#emailinput {border: 1px solid #FF4141;}
.subscribe-form form input#emailinput {text-align: left; width: 144px;font-size: 14px;font-family: 'maven_proregular';font-style: italic; float: left; border: 1px solid #D9D9D9; -webkit-border-radius: 11px/8px; -moz-border-radius: 11px/8px; border-radius: 11px/8px; padding: 5px;margin: 0 35px 0 0; }
.subscribe-form form input#emailgo {float: left; background: url("//cdn.traq.li/custom/set_icons.png") top right no-repeat; width: 33px; height: 34px; border: 0 none; margin: -1px -3px 0 5px; cursor: pointer; position: absolute; right: 0; }
.subscribe-form form input#emailgo:hover {float: left;background-position: right bottom; }
.followed form input#emailgo {display: none;}
.followed.changed form input#emailgo {display: block;}

/*  For followed form: */

.traqli-subscribe.followed .subscribe-form > p {color: #333;}
.traqli-subscribe.followed .subscribe-form > p.fadein {color: #333 !important;}
.traqli-subscribe.followed .subscribe-form > p > span.yes {color: #333; background: url("//cdn.traq.li/custom/set_icons.png") bottom left no-repeat; width: 25px; height: 20px; float: left; }
.traqli-subscribe.followed .subscribe-form form input#emailinput {color: #66B245;}
.traqli-subscribe.followed .subscribe-form form span.change_mail {float: left; background: url("//cdn.traq.li/custom/set_icons.png") 2px 0px no-repeat; width: 29px; height: 25px; border: 0 none; margin: 4px 0 0 6px; cursor: pointer; position: absolute; right: 0; }
.traqli-subscribe.followed .subscribe-form form span.change_mail:hover {opacity: 0.8; }
.traqli-subscribe.followed  p.powered a {color: #66B245;}

@media(max-width: 600px) {
    p.text { margin-left: auto; margin-right: auto; }
    div.w  { width: 100%; display: flex; }
    #emailform { margin-left: auto; margin-right: auto; }
}