@charset "utf-8";
/* CSS Document 
@media screen and (min-width:320px) {html {font-size:21.33px}body {font-size:12px}}
@media screen and (min-width:360px) {html {font-size:24px}body {font-size:12px}}
@media screen and (min-width:375px) {html {font-size:16px}body {font-size:12px}}
@media screen and (min-width:384px) {html {font-size:25.6px}body {font-size:14px}}
@media screen and (min-width:400px) {html {font-size:26.67px}body {font-size:14px}}
@media screen and (min-width:414px) {html {font-size:18px}body {font-size:14px}}
@media screen and (min-width:424px) {html {font-size:28.27px}body {font-size:14px}}
@media screen and (min-width:480px) {html {font-size:32px}body {font-size:15.36px}}
@media screen and (min-width:540px) {html {font-size:36px}body {font-size:17.28px}}
@media screen and (min-width:720px) {html {font-size:48px}body {font-size:23.04px}}
@media screen and (min-width:750px) {html {font-size:22px}body {font-size:18px}}*/

body{ font-size:16px ;}
html{ font-size:16px ;}

.form-group { margin-bottom: 1rem;}
.form-group a { margin-top: 0}
.form-group i { margin-bottom: 0;}

.user_top .user_name .user_photo{width:25%;}
.user_box .user_fut a { height: 2.8rem;}

.cokbox .cok_in a i img { width: 100%;height: auto;}
.cokbox .cok_tab{ margin: .5rem auto;}
.cokbox .cok_msg h1 { padding: 1rem 1.5rem;}

.staging a{ width: 100%; height:5rem; }
.search .search-text{text-indent:2rem;}
.tpt-bar label {padding:.5rem; height:5rem;}
.tpt-bar label img{ height: 50%; width:auto  }