* { -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box }

.hidden { display:none }
.hidden1 { display:none !important }

.underline { text-decoration:underline }
.color1 { color:#555 }
.color2 { color:#a4a4a4 }
.colorw { color:#fff }
.colorb { color:#000 }
.red_t { color:#f00 }

body { margin:0; padding:0; font-family: Arial,"微軟正黑體"; background-color: #fff; }

a { border:0; outline:none; text-decoration: none; color: #000; }

img { border:0 }

ul,li { margin:0; padding:0; list-style:none }

.header { width:100%; height: 55px; z-index:2 }

.bg_header { color:#fff; text-align: center; height:45px; font-weight: bold; position: relative; width:100%; background-color:#000; display: flex; justify-content: space-between; align-items: center; }
.bg_header_logo:before { content:''; width:1px; height:110%; display:inline-block; margin-left:-1px; vertical-align:middle }

.bet_text { float: left; height: 30px; margin: 0 3%; }

.login_reg { margin-right: 3%; display: flex; }

.log_btn { margin-left: 10px; padding: 0 8px 1px 26px; text-decoration: none; background-position: 6px center; background-repeat: no-repeat; background-size: 15px auto; border-radius: 100px; line-height: 23px; font-size: .85em; cursor: pointer;}
.log_btn img { height:100% }
.log_btn.reg { background-color: #ffa84d; background-image: url(https://texaswomenlawyers.com/btn_join.svg); }
.log_btn.log { background-color: #399fda; background-image: url(https://texaswomenlawyers.com/btn_login.svg); }
.log_btn a{color: #fff;font-weight: 400;}

.mr5 { margin-right:6% }
.mr3 { margin-right:2.5% }

.btn_close2 { position:absolute; background:url(../images/main/btn_close.svg)no-repeat center; background-size:35% auto; width:45px; height:45px; right:0; cursor:pointer }


@media(min-width:350px) {
	body { font-size:1.1em }
}
@media(min-width:400px) {
	body { font-size:1.2em }
	.bet_text{ height:23px; margin:16px 3%; }
}
@media(min-width:768px) {
	.bet_text { font-size:.85em }
	body { font-size:2em }
}

.container_main { padding: 2% 3% 53px; height:100%; width:100%; display: table }

@media(min-width:360px) {
	.container_main { padding: 3%; }
}
@media(min-width:400px) {
	.bg_header { height:55px }
	.container_main.noID { margin: 0; padding: 0 3%; flex: 1 1 auto; }
}
@media(min-width:530px) {
	.container_main { padding-left:4%; padding-right:4% }
}
@media(min-width:600px) {
	.container_main { padding:3.4% 5%; margin-bottom:84px }
}

.footer { width:100%; background-color:#000; height: 53px; position: fixed; z-index:20; bottom: 0; border-top: 1px solid #e1e1e2; }
.footer a { text-align: center; float: left; width:20%; height:100%; color: #2d2d2d; cursor: pointer; font-size:.75em; text-decoration: none; position: relative; padding-top:3px }
.footer a.off { position:static; color:#aaa }
.footer .btn_footer_DW img {width: 45px;margin-top: -19px;margin-bottom: 0;}
.footer a.off:first-child .footer_maintain { left:3%; right:60% }
.footer .btn_footer_gift.off .footer_maintain { left:20%; right:40% }
.footer .btn_footer_DW.off .footer_maintain { left:40%; right:20% }
.footer a.off:nth-child(5) .footer_maintain,.footer .btn_footer_menu.off .footer_maintain { left:60%; right:3% }
.btn_footer_menu.off .footer_maintainTxt:before { right:10%; left:auto }
.footer_img { width: 25px; height: auto }
.btn_footer_gift.on:after { content:""; position:absolute; width:8px; height:8px; right:calc(50% - 13px); top:8px; background-color:#f00; border-radius:50% }

@media(min-width:400px) {
	.btn_footer_gift.on:after { width:10px; height:10px; right:calc(50% - 18px); top:12px }
}
@media(min-width:768px) {
	.footer,.footer_DW_open li { height:84px }
	.footer a { font-size:.55em; line-height:20px; padding-top:10px }
	.footer_img { width:40px }
}