/*************goPhone Select Only**************/
 
.selectWrap { position: relative; height: 35px; line-height: 28px; display: inline-block; width: 100%; }
select { margin-left: 0; margin-right: 0; }
select.span12 { width: 940px }
select.span11 { width: 860px }
select.span10 { width: 780px }
select.span9 { width: 700px }
select.span8 { width: 620px }
select.span7 { width: 540px }
select.span6 { width: 460px }
select.span5 { width: 380px }
select.span4 { width: 300px }
select.span3 { width: 220px }
select.span2 { width: 140px }
select.span1 { width: 60px }
.group .selectWrap { margin: 0 0 10px 0 }
.mod-select { position: relative; top: 0; left: 0; z-index: 1010; height: 35px; min-width: 100%; opacity: 0.0001; text-align: left !important; filter: alpha(opacity=0.01); /*: ; -webkit-appearance: none; -moz-appearance: none; appearance: none; */ }
.mod-select > optgroup { padding-left: 8px; font-style: normal; margin-top: 10px; }
.mod-select > optgroup:first-child { margin-top: 0 }
.mod-select > optgroup > option, .mod-select > option { outline: none; border-right: 1px solid #000; padding: 3px 0 3px 8px; }
.mod-select + span { background-color: #fff; position: absolute; top: 0; left: 0; z-index: 0; display: block; border: 1px solid #b7b7b7; border-radius: 4px; height: 35px; line-height: 33px; padding: 0; text-indent: 9px; width: 100%; box-sizing: border-box; font-size: 16px; text-align: left; }
.mod-select:focus + span, .mod-select:hover + span { background: #F2F8FB; border-color: #82BCD9; outline: thin dotted #000; outline-offset: -1px; }
.mod-select + span:after { background-color: #0574ac; border-radius: 0 3px 3px 0; border: 1px solid #0574ac; color: #FFFFFF; content: ""; display: inline-block; height: 33px; padding: 0; pointer-events: none; position: absolute; right: -1px; text-align: left; text-indent: 0.95em; top: -1px; width: 38px; }
@media \0screen\,screen\8 { 
    .mod-select + span:after { color: #999 }
}
.mod-select:hover + span:after, .mod-select:focus + span:after { text-decoration: none; transition: box-shadow linear 0.2s, border linear 0.2s; }
@media \0screen\,screen\8 { 
    .mod-select:hover + span:after, .mod-select:focus + span:after { color: #4487b2 }
}
.mod-select + span > i { position: absolute; right: 11px; top: 12px; z-index: 1000; }
.placeholdercolor { color: #959595 !important }
.mod-select[disabled] + span, .mod-select[disabled]:focus + span, .mod-select[disabled]:hover + span, .mod-select[disabled="disabled"] + span, .mod-select[disabled="disabled"]:focus + span, .mod-select[disabled="disabled"]:hover + span { cursor: not-allowed; border-color: #d9d9d9; background-color: #eeeeee; outline: 0; color: #888; }
.mod-select[disabled] + span:after, .mod-select[disabled]:focus + span:after, .mod-select[disabled]:hover + span:after, .mod-select[disabled="disabled"] + span:after, .mod-select[disabled="disabled"]:focus + span:after, .mod-select[disabled="disabled"]:hover + span:after { background-color: #d9d9d9 !important; border-color: #d9d9d9; }
.mod-select[disabled] + span > i, .mod-select[disabled]:focus + span > i, .mod-select[disabled]:hover + span > i, .mod-select[disabled="disabled"] + span > i, .mod-select[disabled="disabled"]:focus + span > i, .mod-select[disabled="disabled"]:hover + span > i { background-position: -1px -56px }
.selectWrap .cssIcon-chevron-d-w { background-image: url("../images/ATT_Sprite_Retina_v3.2.2.png?grunted=1431362770180"); background-size: 224px 140px; background-position: -1px -45px; height: 10px; width: 15px; }
.mod-select + span { background-color: #fff; position: absolute; top: 0; left: 0; z-index: 0; display: block; border: 1px solid #b7b7b7; border-radius: 4px; padding: 0; text-indent: 9px; width: 100%; box-sizing: border-box; font-size: 14px; box-shadow: none; }
.mod-select:focus + span, .mod-select:hover + span { background-image: none; background: #F2F8FB; border-color: #82BCD9; outline: thin dotted #000; outline-offset: -1px; box-shadow: none; }
.mod-select + span:after { background-image: none; background-color: #0574ac; border-radius: 0 3px 3px 0; border: 1px solid #0574ac; color: #FFFFFF; content: ""; display: inline-block; padding: 0; pointer-events: none; position: absolute; right: -1px; text-align: left; text-indent: 0.95em; top: -1px; width: 38px; box-shadow: none; }
.mod-select:focus + span, .mod-select:hover + span { border-radius: 0 3px 3px 0 }
.mod-select:focus + span:after, .mod-select:hover + span:after { background-image: none; background-color: #0574ac; box-shadow: none; }
@media \0screen\,screen\8 { 
    .mod-select + span:after { color: #999 }
}
.mod-select:hover + span:after, .mod-select:focus + span:after { text-decoration: none; transition: box-shadow linear 0.2s, border linear 0.2s; }
@media \0screen\,screen\8 { 
    .mod-select:hover + span:after, .mod-select:focus + span:after { color: #4487b2 }
}
.mod-select + span > i { position: absolute; right: 11px; top: 12px; z-index: 1000; }

.btnSelect-wrap .mod-select { opacity: 1 !important; position: relative; }
.btnSelect-wrap .mod-select > a { height: 35px; line-height: 35px; color: #555 !important; font-size: 14px; padding-left: 20px; display: block; white-space: nowrap; overflow: hidden; }
.btnSelect-wrap .mod-select > a:hover,.btnSelect-wrap .mod-select > a:focus { text-decoration: none; }
.btnSelect-wrap .mod-select ul { display: none; position: absolute; left: 0; top: 34px; width: 99.5%; border: 1px solid #ccc; background: #fff; margin: 0; border-bottom: none; }
.btnSelect-wrap .mod-select ul li { display: block; border-bottom: 1px solid #ccc; }
.btnSelect-wrap .mod-select ul li a { font-size: 14px; padding: 6px 0 6px 18px; display: block; color: #555 !important; }
.btnSelect-wrap .mod-select ul li a:hover, .btnSelect-wrap .mod-select ul li a:focus { text-decoration: none; background-color: #f8f8f8; }