@import "style.css";
@import "/css/fontawesome/css/all.css";
@import "/css/jquery-ui.css";
.main_slide{float: left;width: 100%;height: 760px;background-image:url('/images/banners/header-anabolic.jpg');background-repeat: no-repeat;background-size: cover;text-align:center;}
.main_logo{color:#fff;text-shadow: 2px 2px #00000099;text-align:center;margin-top: 40px;}
.main_logo h1{color:#fff;text-shadow: 2px 2px #00000099;font-size:2rem;font-weight:normal;margin:5px 0 0;padding:0;line-height:60px;letter-spacing: 4px;text-transform: uppercase;}
.main_search{width: 40%;height:auto;overflow: hidden;padding: 0 0 30px;background:#000000ad;border-radius: 20px;text-align: center;margin: 150px auto 0;}
.main_search .label{color: #ff0;margin-bottom: 10px;height: 25px;border-radius: 20px 20px 0 0;background: rgba(0,0,0,.52);font-family: 'Square721 BT';font-size: 1.5em;letter-spacing: 1px;padding: 1em 0;font-weight: 600;}
.main_search input{width: calc(90% - 2px);direction: ltr;line-height:40px;text-align: center;margin:15px 5% 10px;padding: 0;}
.main_search .check{width: 50px;margin: 0 auto;color: #fff;border-radius: 5px;background: #2cc990;border: none;padding: 0.3em 2em;outline: 0;font-size: 1.2em;cursor: pointer;letter-spacing: 1px;margin-top: 8px;transition: .5s all;-webkit-transition: .5s all;-o-transition: .5s all;-moz-transition: .5s all;-ms-transition: .5s all;font-family: Philosopher,sans-serif;}
.search_result{display:none;opacity:0;position:fixed;width: 40%;min-width:300px;right:29%;height:fit-content;top:15%;max-height:70%;min-height:40%;overflow:hidden;overflow-y:auto;border-radius: 6px;padding:1%;background:#ddd;z-index: 5;}
.search_result .close{position:absolute;left:0px;top: 5px;color: #888;cursor: pointer;width: 25px;height: 25px;text-align: center;}
.search_result .fake_img{width: 100%;float: right;text-align: center;margin:10px 0;}
.search_result .fake_img img{width:30%;max-width:200px;height:auto;}
.search_result .fake_note{font-size: 13px;text-align: justify;line-height: 28px;color: #555;}
.search_result .fake_note span{color:#f00;}
.search_result .original{border: 2px solid #04c33a;border-radius: 5px;width: 150px;margin: 10px calc(50% - 77px);line-height: 40px;text-align: center;color: #00d000;font-size: 22px;font-weight: 700;}
.search_result .original_note{font-size: 13px;text-align: justify;line-height: 28px;color: #555;}
.search_result .original_note span{color:#04c33a;font-weight: 700;}
.search_result .product{float:right;width:250px;text-align:center;margin:0 calc(49% - 125px) 30px 0;box-shadow: 0 0 7px 0 #ccc;padding:10px 1% 20px;background: #fff;border-radius: 10px;overflow: hidden;}
.search_result .product .img{width: 94%;margin: 5px 3% 10px;height:200px;}
.search_result .product .img img{max-width:100%;max-height:100%;border-radius: 5px;}
.search_result .product .title{font-size: 14px;padding: 0 2%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.search_result .product .see{width: 90px;line-height: 26px;background: #04c33a;color: #fff;border-radius: 5px;margin: 10px auto 0;}
.main_dark{display:none;opacity:0;position:fixed;top:0;bottom:0;right:0;left:0;z-index:4;background:#0000008a;}
.footer{color:#fff;margin: 40px 0;}
.footer a{color:#2cc990;}
@media(max-width:600px){
    .main_logo h1 {font-size: 1.5rem;letter-spacing: 2px;}
    .main_slide {background-position:center;}
    .main_search {width: 86%;}
    .main_search .label {font-size: 1.2em;}
    .search_result {width: 80%;right: 9%;}
}