@charset "utf-8";
.searchbar {width: 94%; height: 2.43rem; padding: 0.57rem 3%; background-color: #e8e8e8;}
.searchentry {float: left; width: 86%; height: 2.43rem; background:#ffffff; border-radius:4px;}
.searchentry input {display: block; width: 94%; height: 1.8rem; padding: 0.32rem  3%; background-color: rgba(0, 0, 0, 0);  border-radius:4px;}
.searchentry input::-webkit-input-placeholder {color:#999999;}
.searchbtn {float: left; width: 14%; height: 2.43rem; line-height: 2.43rem; text-align: center; background-color: rgba(0, 0, 0 , 0);}

.selectnav {width: 100%; padding: 0.57rem 0; background-color: #fff;}
.selectitem {position: relative; float: left; width:50%; height: 2.14rem; line-height: 2.14rem;}
.selectitem span {display: block; text-align: center; border-right: 1px solid #dcdcdc;}
.selectnav .selectitem:last-child span {border-right: 0;}
.arrowicon {display: inline-block; width: 0.71rem; height: 0.43rem; margin-left: 0.36rem; background: url("../../images/countserver/triangledown.png") 0 0 no-repeat; background-size: 100% 100%; vertical-align: middle;}
.selectentry {position: absolute; top: 0; left; width: 100%; height: 100%; opacity: 0;}
.rankinglist{width: 78%; margin: 1rem auto 0; background-color: #fff; border-radius:4px;  padding: 1.43rem 7% .71rem;}
.rankinglist h3 {font-size: 1.29rem; text-align: center; color:#ffb718; margin-bottom: 0.72rem;}
.rankingitem {width: 100%; padding: 0.71rem 0; }
.rankingsort {float: left; width: 1.57rem; height: 1.57rem; line-height: 1.57rem; text-align: center; margin-right: 7%; font-size: 1.14rem; color:#333333;}
.money {float: left; width: 38%; font-size: 1.14rem; color:#1b37a8; text-align: left;}
.company {float: right; width: 46%; font-size: 1rem; color:#333; text-align: right;}
.rankingsort i {display: block; width: 100%; height: 100%; }
.rangkinone {background: url("../../images/countserver/rankingOne.png") 0 0 no-repeat; background-size: 100% 100%;}
.rangkintwo {background: url("../../images/countserver/rankingtwo.png") 0 0 no-repeat; background-size: 100% 100%;}
.rangkinthree {background: url("../../images/countserver/rankingthree.png") 0 0 no-repeat; background-size: 100% 100%;}

body {padding-bottom: 2.2rem;}
.myfootertext {position: fixed; bottom: 0; width: 100%; min-width: 320px; max-width: 750px; padding: 1rem 0 1rem; background-color: #fff; box-shadow: 0 -1px 2px 0 #d2d2d2;}
.mytwoText {width:50%; margin: 0 auto 0;}
.mytwoText a {float: left; font-size: 1rem; color:#1b37a8;}
.mytwoText a:nth-child(1) {padding-right: 1rem; border-right: 1px solid #c8c8c8;}
.mytwoText a:nth-child(2) {padding-left: 1rem;}
.mytwoText .mytext {color:#bfbfbf;}