html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    outline: 0;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
body {
    overflow:hidden;
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 0.875em;
    text-align: left;
}

/*--------- Common ------------*/
a, a:link, a:visited, a:hover, a:active, input:visited, input:active, input:hover {
    color: #004175;
    text-decoration: none;
    cursor: pointer;
    -webkit-touch-callout: none;
    /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
    /*-webkit-tap-highlight-color: none;*/

}
.button.primary.btn-large.btn-register:active, .button.primary.btn-large.btn-register.fake-active
{
    -webkit-touch-callout: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(89,89,89,0.77)), color-stop(98%,rgba(89,89,89,0.77)), color-stop(100%,rgba(89,89,89,0.77)));
    background: -webkit-linear-gradient(top, rgba(89,89,89,0.87) 1%,rgba(89,89,89,0.87) 98%,rgba(89,89,89,0.77) 100%);
    background: linear-gradient(to bottom, rgba(89,89,89,0.87) 1%,rgba(89,89,89,0.87) 98%,rgba(89,89,89,0.87) 100%);
}
.button.btn-large.btn-cancel.fake-active{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(89,89,89,0.19)), color-stop(98%,rgba(89,89,89,0.19)), color-stop(100%,rgba(89,89,89,0.19)));
    background: -webkit-linear-gradient(top, rgba(89,89,89,0.19) 1%,rgba(89,89,89,0.19) 98%,rgba(89,89,89,0.19) 100%);
    background: linear-gradient(to bottom, rgba(89,89,89,0.19) 1%,rgba(89,89,89,0.19) 98%,rgba(89,89,89,0.19) 100%);
}
h1 {
    font-size: 18px
}

h2 {
    font-size: 15px
}

h3, h4, h5, h6 {
    font-size: 14px
}

h1, h2, h3, h4, h5, h6 {
    word-break: normal
}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="number"], textarea, .input, .textarea {
    padding: 4px;
    border: 1px solid #bdbdbd;
    color: #345;
    background-color: #fff;
    min-height: 29px;
    text-shadow: 0 1px 0 #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px #ddd inset;
    box-shadow: 0 2px 2px #ddd inset;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    cursor: pointer;
    margin: 0;
}
input[type="text"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus, .input:focus, .textarea:focus {
    background-color: #fff;
    outline: none
}
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="text"][disabled],
input[type="email"][disabled],
input[disabled='disabled'] {
    background:#e9e9e9;
    color: #605e5e;
    -webkit-text-fill-color:#605e5e;
}
input.readonly {
    background:#e9e9e9;
    color: #605e5e;
    -webkit-text-fill-color:#605e5e;
}
input[type="range"] {
    -webkit-appearance: none;
    background-color: #e4e5e6;
    height: 8px;
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
}
input[type="text"].error+.icon-clear,
input[type="search"].error+.icon-clear,
input[type="tel"].error+.icon-clear,
input[type="url"].error+.icon-clear,
input[type="email"].error+.icon-clear,
input[type="password"].error+.icon-clear,
input[type="number"].error+.icon-clear,
textarea.error+.icon-clear,
.input.error+.icon-clear,
.textarea.error+.icon-clear,
input[type="text"].form-error+.icon-clear,
input[type="search"].form-error+.icon-clear,
input[type="tel"].form-error+.icon-clear,
input[type="url"].form-error+.icon-clear,
input[type="email"].form-error+.icon-clear,
input[type="password"].form-error+.icon-clear,
input[type="number"].form-error+.icon-clear,
textarea.form-error+.icon-clear,
.input.form-error+.icon-clear,
.textarea.form-error+.icon-clear {
    background: url("../images/ico-clear.png") no-repeat scroll 50% 50%;
    display: block;
}
input:-webkit-autofill+.icon-clear{ background: url("../images/ico-clear.png") no-repeat scroll 50% 50%;display: block}
input[type="text"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="url"].error,
input[type="email"].error,
input[type="password"].error,
input[type="number"].error,
textarea.error,
.input.error,
.textarea.error,
input[type="text"].form-error,
input[type="search"].form-error,
input[type="tel"].form-error,
input[type="url"].form-error,
input[type="email"].form-error,
input[type="password"].form-error,
input[type="number"].form-error,
textarea.form-error,
.input.form-error,
.textarea.form-error {
    background-color: #f9dddd;
}

.control input[type="text"], .control input[type="search"], .control input[type="tel"], .control input[type="url"], .control input[type="email"], .control input[type="password"], .control input[type="number"], .control textarea, .control .input, .control .textarea {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: -9px 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-shadow: none;
}
.captcha:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}
.left {float:left}
.gray {color: #999}

a.button, .button {
    border: 1px solid #d1d2d3;
    color: #789;
    text-shadow: 0 1px 1px #000;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f8f9), color-stop(100%, #eaebec));
    background-image: -webkit-linear-gradient(#f7f8f9, #eaebec);
    background-image: linear-gradient(#f7f8f9, #eaebec);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 9px 8px;
    font-size: 14px;
    margin: 0;
    display: inline-block;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
a.button.primary, .button.primary {
    border: 1px solid #2a3547;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bef0), color-stop(100%, #00a0dc));
    background-image: -webkit-linear-gradient(#00bef0, #00a0dc);
    background-image: linear-gradient(#00bef0, #00a0dc);
    margin: 0;
}
a.button.btn-large, .button.btn-large {
    font-size: 16px !important;
    height: 40px;
    padding: 9px 8px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%
}
a.button.btn-register, .button.btn-register {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(29%,#7e7e7e), color-stop(73%,#666666), color-stop(100%,#5c5c5c));
    background: -webkit-linear-gradient(top, #888888 0%,#7e7e7e 29%,#666666 73%,#5c5c5c 100%);
    background: linear-gradient(to bottom, #888888 0%,#7e7e7e 29%,#666666 73%,#5c5c5c 100%);
    /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2f384c), color-stop(100%, #161c26));*/
    /*background-image: -webkit-linear-gradient(#2f384c, #161c26);*/
    /*background-image: linear-gradient(#2f384c, #161c26);*/
}

a.button.btn-guest, .button.btn-guest {
    border-color: #000;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5a4423), color-stop(100%, #423117));
    background-image: -webkit-linear-gradient(#5a4423, #423117);
    background-image: linear-gradient(#5a4423, #423117);
}
a.button.btn-facebook, .button.btn-facebook {
    border-color: #445599;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6576ba), color-stop(100%, #445599));
    background-image: -webkit-linear-gradient(#6576ba, #445599);
    background-image: linear-gradient(#6576ba, #445599);
    position: relative;
}
a.button.btn-cancel, .button.btn-cancel {
    border-color: #c0c0c0;
    color: #333333;
    /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f3f4), color-stop(100%, #e6e6e6));*/
    /*background-image: -webkit-linear-gradient(#f2f3f4, #e6e6e6);*/
    /*background-image: linear-gradient(#f2f3f4, #e6e6e6);*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(46%,#e2e2e2), color-stop(100%,#d8d8d8));
    background: -webkit-linear-gradient(top, #e6e6e6 0%,#e2e2e2 46%,#d8d8d8 100%);
    background: linear-gradient(to bottom, #e6e6e6 0%,#e2e2e2 46%,#d8d8d8 100%);
    position: relative;
    text-shadow: 0 1px 0 #fff;
}
.btn-facebook .ico-facebook {background: url(../images/ico-facebook40x38.png) no-repeat scroll 50% 50%;display: block;width: 43px;height: 40px;position: absolute;top:0;left: 0}
.list-item input[type="text"], .list-item input[type="search"], .list-item input[type="tel"], .list-item input[type="url"], .list-item input[type="email"], .list-item input[type="password"], .list-item input[type="number"], .list-item textarea, .input, .textarea {
    color: #333;
    padding: 10px 27px 10px 10px;
    font-size: 14px;
}
.full {
    width: 100%
}
.height44 {
    height: 44px;
}
.mgt5 {margin-top: 5px}
.mgb0 {margin-bottom: 0 !important;}
.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.hint {font-size: 0.75em;margin-top: 5px}
.container {
    margin: 0 auto;
    overflow: hidden
}
.index p {margin: 15px 0}
p.caption {margin: 15px 0 7px;}
.unit.modal-form p.caption:first-child {margin-top: 0}
.page {
    width: 100%;
    position: relative;
    box-shadow: -3px 0 15px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: -3px -15px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: -18px rgba(0, 0, 0, 0.8);
    z-index: 10;
    overflow: hidden
}
.navigation-bar {
    position: relative;
    color: #fff;
    background: #000;
    text-align: center
}
.contents-area {
    position: relative;
}
.unit {
    padding: 10px;
    position: relative
}
.unit.modal-form {
    padding: 15px 12px
}
.unit.modal-form+.modal-form {
    margin-top: -15px;
    padding-top: 15px;
}
.unit.modal-form.shade {
    margin-top: -15px;
}
.list-item {margin-bottom: 10px}
.list-item.last {margin-bottom: 0 !important;}
.list-item.control {border: solid 1px #bdbdbd;padding: 9px 0}
.list-item.control:first-child {
    -webkit-box-shadow:0 1px 2px #ddd inset;
    box-shadow: 0 1px 2px #ddd inset;
    border-bottom: none;
    margin-bottom: 0;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius:4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius:4px
}
.list-item.control:last-child, .list-item.control.last {
    /*border-bottom-color: #e1e2e3;*/
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.facebook-connect {
    background:  url(../images/ico-facebook-flat-32x32.png) no-repeat scroll 12px 0;
    background-size: 21px 21px;
    /*border-bottom: solid 1px #e4e4e4;*/
    color: #000;
    font-size: 16px;

    height: 22px;
    line-height: 22px;
    font-weight: bold;
    padding: 0 0 0 41px;
    margin: 0;
    text-shadow: 0 1px 0 #fff;
}
.facebook-connect:after {
    /*background: #dbdbdb;*/
    height: 2px;
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    margin: 0 0 0 -54px;
}
.clearable, .locked {
    position: relative;
}
.clearable .icon-clear{
    background: url(../images/ico-clear@2x.png) no-repeat scroll 50% 50%;
    background-size: 19px 19px;
    cursor: pointer;
    display: none;
    width:36px;
    height:36px;
    text-indent: -2000em;
    position: absolute;
    right: 0;
    top: 2px;
}

.locked .icon-lock {
    background: url(../images/ico-lock.png) no-repeat scroll 50% 50%;
    display:block;
    width:16px;
    height:16px;
    text-indent: -2000em;
    position: absolute;
    right: 8px;
    top: 10px;
}
.message {margin-bottom: 15px;}
.contents-area > .message {margin: 15px 12px 0;}
.msg-error {background: url(../images/msg-error-icon.png) no-repeat scroll 0 0;color: #f00;padding: 0 0 0 25px;line-height: 18px}
ul.msg-error {list-style: none}
.msg-sucess {background: url(../images/msg-success-icon.png) no-repeat scroll 0 0;color: #259e10;font-weight: bold;line-height: 20px;padding-left: 30px;}
.captcha-image {display: block;height: 59px}
.captcha-reload {background: url(../images/captcha_reload.png) no-repeat scroll 0 0;display: block;width: 27px;height: 27px;margin: 18px 0 0 30px}
.range {
    background: #e4e5e6;height: 8px;font-size: 0;line-height: 0;position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.range:after {
    background-color: #d2d2d2;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    top: -3px;
    right: 0;
    display: block;
}
.range .val {
    background: #71d91d;height: 8px;font-size: 0;line-height: 0;position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 50%;
}
.range .point {background: url(../images/range-point.png) no-repeat scroll 0 0;display: none;width: 22px;height: 22px;position: absolute}

footer {
    border-top: solid 1px #cfcfcf
}
footer:before {
    background: #ebeced;
    height: 2px;
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

/********* Khanh ********/

.cf:before, .cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}
/*float*/
.fll{float:left}.flr{float:right}.fln{float:none}
.login{padding: 17px 18px 0}
.button.btn-playnow{
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f3f4), color-stop(100%, #e6e6e6));
    background-image: -webkit-linear-gradient(#f2f3f4, #e6e6e6);
    background-image: linear-gradient(#f2f3f4, #e6e6e6);
    position: relative;
    color: #333333;
    text-shadow: 0 1px 0 #fff;
    font-size: 16px;
}
.mainTitle{font-size: 120%;margin-bottom: 15px}
.guest .btn-facebook, .login .btn-facebook, .singup .btn-facebook, .complete .btn-facebook, .login .btn-twitter {width: 100%;color: #fff;text-shadow: 0 1px 1px #141829;font-size: 16px;margin-bottom: 12px }
.guest .btn-facebook .ico-facebook, .login .btn-facebook .ico-facebook, .singup .btn-facebook .ico-facebook, .complete .btn-facebook .ico-facebook{top: -1px;left: -1px;background-size: 43px 41px}
.content .login .btn-facebook, .content .login .btn-twitter{margin-bottom: 8px}
.text{display: block;font-size: 80%}
.boxline{position: relative;text-align: center;margin-bottom: 10px}
.boxline .fakeline{position: absolute;top: 8px;height: 1px;width: 100%;background: #e4e4e4;z-index: 1}
.boxline .or{padding: 0 7px;position: relative;z-index: 9;font-size: 85%;background: #fff}
.btn-email, .btn-playnow{width: 100%;font-size: 16px}
.button.btn-twitter{
    position: relative;
    background: rgb(0,195,218);
    background: -moz-linear-gradient(top,  rgba(0,195,218,1) 0%, rgba(0,253,255,1) 1%, rgba(0,201,236,1) 3%, rgba(0,185,231,1) 4%, rgba(0,189,234,1) 7%, rgba(0,185,234,1) 19%, rgba(0,145,223,1) 89%, rgba(0,139,219,1) 96%, rgba(0,143,222,1) 97%, rgba(0,157,229,1) 99%, rgba(0,141,199,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,195,218,1)), color-stop(1%,rgba(0,253,255,1)), color-stop(3%,rgba(0,201,236,1)), color-stop(4%,rgba(0,185,231,1)), color-stop(7%,rgba(0,189,234,1)), color-stop(19%,rgba(0,185,234,1)), color-stop(89%,rgba(0,145,223,1)), color-stop(96%,rgba(0,139,219,1)), color-stop(97%,rgba(0,143,222,1)), color-stop(99%,rgba(0,157,229,1)), color-stop(100%,rgba(0,141,199,1)));
    background: -webkit-linear-gradient(top,  rgba(0,195,218,1) 0%,rgba(0,253,255,1) 1%,rgba(0,201,236,1) 3%,rgba(0,185,231,1) 4%,rgba(0,189,234,1) 7%,rgba(0,185,234,1) 19%,rgba(0,145,223,1) 89%,rgba(0,139,219,1) 96%,rgba(0,143,222,1) 97%,rgba(0,157,229,1) 99%,rgba(0,141,199,1) 100%);
    background: -o-linear-gradient(top,  rgba(0,195,218,1) 0%,rgba(0,253,255,1) 1%,rgba(0,201,236,1) 3%,rgba(0,185,231,1) 4%,rgba(0,189,234,1) 7%,rgba(0,185,234,1) 19%,rgba(0,145,223,1) 89%,rgba(0,139,219,1) 96%,rgba(0,143,222,1) 97%,rgba(0,157,229,1) 99%,rgba(0,141,199,1) 100%);
    background: -ms-linear-gradient(top,  rgba(0,195,218,1) 0%,rgba(0,253,255,1) 1%,rgba(0,201,236,1) 3%,rgba(0,185,231,1) 4%,rgba(0,189,234,1) 7%,rgba(0,185,234,1) 19%,rgba(0,145,223,1) 89%,rgba(0,139,219,1) 96%,rgba(0,143,222,1) 97%,rgba(0,157,229,1) 99%,rgba(0,141,199,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,195,218,1) 0%,rgba(0,253,255,1) 1%,rgba(0,201,236,1) 3%,rgba(0,185,231,1) 4%,rgba(0,189,234,1) 7%,rgba(0,185,234,1) 19%,rgba(0,145,223,1) 89%,rgba(0,139,219,1) 96%,rgba(0,143,222,1) 97%,rgba(0,157,229,1) 99%,rgba(0,141,199,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c3da', endColorstr='#008dc7',GradientType=0 );
    border: 1px solid #05547d;
}
.btn-twitter .ico-twitter{
    background: url(../images/ico-twitter.png) no-repeat scroll 50% 50%;
    display: block;
    width: 44px;
    height: 38px;
    position: absolute;
    top: 0;
    left: -1px;
    background-size: 44px 38px;
}
.button.btn-email ,a.button.btn-common, .button.btn-common {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(27%,#7f7f7f), color-stop(75%,#656565), color-stop(100%,#5c5c5c));
    background: -webkit-linear-gradient(top, #888888 0%,#7f7f7f 27%,#656565 75%,#5c5c5c 100%);
    background: linear-gradient(to bottom, #888888 0%,#7f7f7f 27%,#656565 75%,#5c5c5c 100%);

    color: #fff;
    text-shadow: 0 1px 1px #000;
    border-color: #000;}


/****tao tk****/
.singup{padding: 19px 17px 0}
.singup .mainTitle{margin-bottom: 21px}
.text.msg-error{margin-bottom: 13px;font-size: 90%}
.singup .text, .complete .text{margin-bottom: 18px}
.singup .btn-facebook, .complete .btn-facebook {margin-bottom: 10px}
.singup .btn-email, .complete .btn-email, .regis .btn-email, .regis .btn-cancel, .regisOk .btn-email{width: 100%}
/***** hoan thien tk *******/
.complete{padding: 19px 11px 0}
.complete .mainTitle, .complete .text.msg-error, .regis .text.msg-error{margin-bottom: 15px}
.complete .mainTitle{font-size: 14px}
/**** dang ky tk ****/
.regis{padding: 12px 11px}
.regis .name{font-size: 90%;margin-bottom: 10px;display: block}
.regis .list-item.control, .regisMail .list-item.control{
    -webkit-box-shadow:0 1px 2px #ddd inset;
    box-shadow: 0 1px 2px #ddd inset;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 7px;
}
.regis .btn-email{margin-bottom: 13px}
.regis .btn-cancel{font-size: 120%}
/******* dang ky thanh cong **********/
.regisOk{padding: 15px 10px}
.regisOk .titleOk{font-size: 90%;margin:0 0 15px 2px;background: url(../images/msg-success-icon.png) no-repeat scroll 0 0;padding: 0 0 0 25px;line-height: 20px;}
/****** guest ******/
.guest {padding: 19px 10px}
.guest .control-group .list-item.control:last-child{margin-bottom: 11px;border-bottom-color: #bdbdbd}
.regisMail .btn-email, .regisMail .btn-cancel, .guest .btn-cancel, .guest .btn-email, .guest .btn-playnow, .guest .btn-facebook{width: 100%;font-size: 120%;margin-bottom: 11px}

/********* dang ky tk email *********/
.regisMail{padding: 19px 10px}
/*.msg-error {*/
/*background: url(../images/msg-error-icon.png) no-repeat scroll 0 50%;*/
/*color: #f00;*/
/*padding: 0 0 0 25px;*/
/*line-height: 18px;*/
/*}*/
.regisMail .list-item.control:first-child{border-bottom: solid 1px #bdbdbd;}
.regisMail .list-item.control:last-child{border-bottom-color:  #bdbdbd}
.regisMail .list-item.control{margin-bottom: 14px}
.regisMail .list-item.control.err, .regisMail .list-item.control.err input{background: #f9dddd}
.regisMail .box{}
.regisMail .box .notice{margin: 0 0 17px 15px}


/**** update fb *********/

.container .page.skin{padding: 17px 6px 0}
.container .page.skin .msg-error{padding: 0 0 0 35px;background:url(../images/msg-error-icon.png) no-repeat scroll 12px 50% }
ul{list-style: none}
.content .complete.update{padding: 19px 0 0 }
.content.detect .login, .content .complete.update{width: 80%;margin: 0 auto}
/*.textsml{margin-top: 15px}*/
/* Smartphones (portrait and landscape) ----------- */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .content.detect .login, .content .complete.update{width: 80%}
}


/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    .content.detect .login , .content .complete.update{width: 100%;padding: 19px 10px 0}
}