.selectmenu {font-size: 16px !important; width: 200px !important;}
.selectmenu-c {font-size: 16px !important; widthx: 250px !important;}
xselect, xoption {font-size: 16px; width: 250px !important;}

 /*-----------------------------*/
#navx > a {display: none;}
#nav .open, #nav .close {display: none;}
 
#nav{ width: 100%; background-color: #006;color:#fff;display:table; white-space: nowrap;padding:7px 0px 7px 0px;}
#nav > div{display:table-cell;}

#nav div div{padding-left:20px;display:inline-block;}
#nav .middle{text-align:center; width: 45%;}
#nav .left div {padding-right:40px;}
#nav .middle div {padding-left:40px;}
#nav .middle2{text-align:center; padding-right:20px;}
#nav .right{text-align:right; padding-right:20px;}

#nav a {color: #fff; text-decoration: none;}
#nav a:hover {color: #ffcc55;}

#nav .middle2 a {font-size:11px;}
#nav .right a {font-size:13px;}


 

 
 /*-----------------------------*/
 
#header { width: 100%; background-color: #f5f5f5; display: table; padding-bottom:7px;}
#header > div { display: inline-block; vertical-align:top; padding: 5px 0px 0px 10px;}

#header .pagetitle  { display: table-cell; width:40%;}
#header .pagetitle1  { padding-top:2px;}
#header .pagetitle2  {color:#333; font-size:22px; font-weight:bold; }

.logo {color:#006; font-size:15px; font-weight:bold; letter-spacing:0.1em}
.logo2 {font-size:20px; line-height:30px;}

#header .search  { display: table-cell; width:40%;} 
#header .search .menus { display: inline-block; padding-top:0px;}
#header .search .menus div { display: block; padding-top:3px;}
#header .search .menus .header { display: block; padding-top:0px; font-weight:bold;}
#header .social { display: table-cell; padding-right:15px; vertical-align:top; text-align:right; width: 20%;}

/*-----------------------------*/

#hpage { width: 100%; background-color: #fff; display: inline-block; padding-top:10px;}
#hpage > div { display: inline-block; }
#hpage .left { width: 15%; vertical-align:top; position:relative; left:-70%; overflow:auto; }
#hpage .middle { width: 70%; vertical-align:top;position:relative; left:15%; overflow:auto;}
#hpage .right { width: 15%;  vertical-align:top; background-color: #fff; overflow:auto;}



.side-menu-l {padding: 0px 10px 0px 10px; white-space:nowrap;}
.side-menu-l .header {padding: 0px 0px 5px 0px; color:#777;font-size:15px;}
.side-menu-l .item {padding-bottom: 2px; color:#777;font-size:13px;}



#hcontent-cont {padding: 0px 10px 0px 10px; border-right:solid 1px #aaa;border-left:solid 1px #aaa;overflow:hidden;}
#hcontent .header {padding: 0px 0px 5px 0px; color:#777;font-size:16px;}

.hbanner {padding: 2px 0px 2px 0px; border-top:solid 1px #777;border-bottom:solid 1px #777;background-color: #f3f3f3;}
.hbanner2 {padding: 5px 0px 5px 0px;}


#hcontent { display: block; overflow:auto; width:100%; padding:10px;}
#hcontent .hleft { display: inline-block; vertical-align:top; overflow:auto; width:75%; }
#hcontent .hright { display: inline-block; vertical-align:top; overflow:auto; width:24%; }

#hfeat-cont .hfeat {font-size:10px;font-family:Verdana,Helvetica,sans-serif;}

/*-----------------------------*/

#loc-head {width:100%; display: block; overflow:auto; background-color:#555;}
#loc-head .d1 {display: inline-block; width:50%; color:#bbb; font-size: 18px;float:left;}
#loc-head .d2 {display: inline-block; text-align:right; width:50%; float:right; }
#loc-head .d1 div, #loc-head .d2 div {padding: 5px 10px 5px 10px;} 


#lbanners {display: table; background-color:#d7d7d7; width:100%; }
#lbanners .lbanner1 {display: table-cell;width:60%;}
#lbanners .lbanner2 {display: table-cell;}
#lbanners .lbanner1 .im, #lbanners .lbanner2 .im {padding: 5px 10px 5px 10px;}

#pcontent {display: inline-block; width:100%;}
#pcontent .left{display: inline-block; vertical-align:top; width:65%; float:left;}
#pcontent .right{display: inline-block; vertical-align:top; width:35%;float:right;}
#pcontent .left .banner3l{ padding-left:15px;padding-top:10px; margin-bottom:15px;}
#pcontent .right .banner3r{display: none;}



.listing1, .listing2 {display:inline;}

.sub_head {padding: 0px;}

.bmenu-header {padding:5px; padding-left:20px; background-color:#555; color:#fff; margin-top:10px; margin-bottom:5px;}

#bmenu1, bmenu2 {display:table;}
#bmenu1 .tr, #bmenu2 .tr {display:table-row;}
#bmenu1 .td, #bmenu2 .td {display:table-cell;padding: 2px 15px 2px 15px; font-family: verdana, sans-serif; font-size: 10px; white-space: nowrap;}

/*-----------------------------*/

.table {display:table;}
.tr {display:table-row;}
.td {display:table-cell;}
.textbox {width:600px;} .textbox500 {widths:450px;}

.line-input {margin-top: 3px; margin-bottom: 3px;}

.submit-1 {width:60%; text-align:left; vertical-align: middle;}
.submit-2 {border:1px solid #f00; padding:10px; width:40%;}
.submit-list {padding:20px; margin-left:20px;} .sp-list {padding:10px; margin-left:5px; padding-top:0px;}

#cc {display:inline-block; text-align: left; border: 1px solid #777; margin-bottom: 10px;}
#cc .left, #cc .right {display: inline-block;}
#cc .left {width: 200px; text-align: right; overflow: hidden;}
#cc .header {background-color:#eee; font-weight:bold; text-align: left; color: #009;}
#cc .left, #cc .right, #cc .header {padding:5px; vertical-align:top;}
#cc .row, #cc .header {border-bottom: 1px solid #777;}
#cc .left {border-right: 1px solid #777;}

.red {color: #f00;} .green {color: #0b0;}

/*-----------------------------*/
@media only screen and (max-width:900px){

#nav div div{padding-left:15px;display:inline-block;}
#nav .middle{text-align:center; width: auto;}
#nav .left div {padding-right:10px;}
#nav .middle div {padding-left:15px;}
#nav .middle2{text-align:center; padding-right:10px;}
#nav .right{text-align:right; padding-right:20px;}


}