body {
	background: #fff;
	color: #222;
	font: 12px/1.5em Arial;
	margin: 0
}
#header, #body, #footer {
	margin: 0 auto;
	width: 1000px;
	background: #fff;
}
form, h1, h2, h3, p {
	margin: 0;
	padding: 0
}
@font-face {
	font-family: tahoma;
	font-weight: bold;
	src: url('../404.html');
}
@font-face {
	font-family: tahoma;
	font-weight: bold;
	src: url('../404.html');
}
td {
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.1em
}
h3 {
	font-size: 1em
}
img {
	border: 0
}
ul, li {
	margin: 0;
	padding: 0;
}
a {
	color: #2e2e2e;
	text-decoration: none;
}
a:hover {
	color: #003399;
}

a
{
	color: #2e2e2e;
	text-decoration: none;
}

.b {
	font-weight: bold
}
b {
	color: #039
}
.di {
	display: inline
}
tt {
	color: red;
}
.fr {
	float: right;
	display: inline
}
.fl {
	float: left;
	display: inline;
}
.cb {
	clear: both
}
.ov {
	overflow: hidden;
}
.db {
	display: block;
}
.lh20 {
	line-height: 20px;
}
.small {
	font-size: 0.9em
}
.p2px {
	padding: 2px
}
.p2px5px {
	padding: 2px 5px
}
.p5px {
	padding: 5px
}
.p5px10px {
	padding: 5px 10px
}
.p10px {
	padding: 10px
}
.m3px {
	margin-top: 12px;
}
.mt10px {
	margin-top: 10px;
}
.m5px {
	margin-top: 5px;
}
.ml5px {
	margin-left: 5px
}
.m10px {
	margin-left: 10px;
}
.m7px {
	margin-left: 7px;
}
.m15px {
	margin-left: 15px;
}
.m30px {
	margin-left: 30px;
}
.pl15px {
	padding-left: 15px;
}
.m40px {
	margin-left: 40px;
}
.mt15px {
	margin-top: 15px;
}
.mr15px {
	margin-right: 15px;
}
.ml {
	margin: 7px 0 0 9px;
}
.mt20 {
	margin-top: 20px
}
.ml3px {
	margin-left: 3px
}
ml4px {
	margin-left: 10px;
}
.ml12px {
	margin-left: 12px;
}
.mt5px {
	margin-top: 5px;
}
.mb5 {
	margin-bottom: 5px
}
.mb10px {
	margin-bottom: 10px
}
.ml30px {
	margin-left: 30px;
}
.mt30px {
	margin-top: 30px;
}
.mr8px {
	margin-right: 8px;
}
.mbp10 {
	margin-bottom: -10px;
}
.pl50 {
	padding-left: 50px;
}
.pl5 {
	padding-left: 5px;
}
.mt12 {
	margin-top: 12px;
}
.ml_20 {
	margin-top: -20px;
}
.oh {
	overflow: visible
}
.pt20px {
	padding-top: 20px
}
.mlpx20 {
	margin-left: 20px;
}
.bgc {
	background: #f5f5f5
}
.bgc1 {
	background: #dcecf5
}
.bgc2 {
	background: #fff6e9
}
.bdc {
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #c8c8c8;
	line-height: 28px;
}
/*-------------------------------home-page-start ----------------------------------*/	

.w {
	width: 100%;
	margin: 0 auto;
	background: #FFF;
}
.logo {
	width: 400px; padding:20px 3px;
}
.top {
	float: right;
}
.top li {
	float: right;
	margin: 0;
	padding: 0 5px;
	list-style: none;
	border-right: solid 1px #fff;
}
.top li a {
	color: #fff;
	font-weight: bold;
}
.top li:first-child {
	border: none
}
.language {
	height: 25px;
	border: 1px solid #a0a0a0;
}
.fb {
	background: url(../images/fb.png) no-repeat;
	height: 35px;
}
.fb a {
	display: block;
    height: 28px;
    margin: 0px 0 0 0px;
    width: 30px;
}
.welcome {
	text-align: right;
	padding-right: 15px;
}/*-------------------------------height:30px; line-height:30px; ----------------------------------*/
.top_area {
	width: 100%; 
	background:-webkit-linear-gradient(top, #003194 0%,#0b1d72 100%);
	border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
	box-shadow: 3px 1px 5px #838383;
	margin-bottom: 5px;
    margin-top: 1px;

}
.nav_bg {
	height: 121px;
	margin: 0 auto;
    width: 1000px;
}
.navbar {
	width: 1000px;
	/*background: url(nav_bg.gif) no-repeat center;*/
	height: 36px;
}
.navbar ul {

}
.navbar li {
/*	 background: rgba(0, 0, 0, 0) url("nav_spacer.gif") no-repeat scroll right center;*/
    border-left: 1px solid;
    color: #fff;
    float: left;
	text-shadow:0px 1px 1px #F7DB7E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 106%;
    font-weight: bold;
    line-height: 17px;
    list-style: outside none none;
    margin: 0;
    padding: 0 13px;
}
.navbar li:first-child { border:none}
.navbar li:last-child {
	background: none;
}
.navbar li a {
	color: #fff;
}
.navbar li a:hover {
	color: #F9C00B;
}

.search{ background:#fff url(../images/bg.png) repeat-x bottom;
    border-radius: 9px;
    float: left;
    overflow: hidden;
    padding: 0 13px 0px;
	margin-left: 11px;
    width: 79%;
	box-shadow:	0px 1px 3px 2px #063F34;
}

.search img{ float:left;    margin-top: 10px;}
/*-------------------------------body-page-start----------------------------------*/
.pamain {
	width: 1000px;
	clear: both;
	overflow: hidden;
}
.page1000 {
	width: 1000px;
	background: #fff;
}
.hot {
	width: 150px;
}
.hott {
	width: 170px;
	line-height: 30px;
}
.bu {
	width: 150px;
}
.ht {
	text-shadow: 1px 1px 1px #E8E8E8;
	color: #1B4F6F;
	font-size: 13px
}
.move {
	width: 829px;
}
.move1 {
	width: 840px;
}
.page {
	width: 100%;
	overflow: hidden;
}
.bg_border {
	border: 1px solid #c7c7c7;
	margin: 6px 2px 2px;
	overflow: hidden;
	padding-bottom: 6px; background:#fff url(../images/bg.png) repeat-x bottom;
}
.lw {
	width: 217px;
	margin-left: 7px;
	margin-bottom: 7px;
}
.he {
	font-size: 105%;
	font-weight: bold;
	line-height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 2px;
	background: -webkit-linear-gradient(top, #003194 0%,#0b1d72 100%);
	padding-bottom: 2px;
	padding-left: 5px;
	white-space: 1px;
}
.lw ul {
	padding: 0;
	margin: 0;
	margin-left: 3px;
	height: 1110px;
}
.lw li {
	color: #024063;
	line-height: 24px;
	background-position: 4px center;
	padding-left: 15px;
}
.lw li a {
	color: #212121;
}
.bt {
	background-attachment: scroll;
	background: url(../images/bullets.png) no-repeat;
}
.btj {
	background-position: 4px 2px;
}
.icon {
	background-attachment: scroll;
	background: url(top-navi-mail-icon.gif) bottom no-repeat;
}
.bt3 {
	background-attachment: scroll;
	background: url(../images/tabbg.png) no-repeat;
}
.btt {
	background-attachment: scroll;
	background: url(../images/tabg.png) no-repeat;
}
.mw {
	width: 541px;
	clear: both;
}
.bc {
	border: solid 1px #c7c7c7;
	width: 173px;
	margin-bottom: 5px;
	padding-left: 2px;
}
.mp {
	width: 172px;
}
.mp ul {
}
.mp li {
	line-height: 28px;
	background-position: 0 11px;
	list-style: none;
}
.mp li a {
	color: #000000;
	padding-left: 12px;
}
.pr {
	width: 98px;
}
.borng {
	padding: 6px 0 0 6px;
	font-size: 11px;
	display: block;
	text-align: center;
}
.pa img {
	border: 1px dashed #555;
	border-radius: 2px 2px 2px 2px;
	margin-left: 9px;
	margin-top: 5px;
}
.rw {
	width: 217px;
	margin-right: 2px;
}
.ull ul {
	margin: 0;
	padding: 0;
}
.ull li {
	line-height: 22px;
	background-position: 0px 9px;
	padding-left: 13px;
	list-style: none;
}
.ull a {
	color: #000;
}
.pic {
	padding-left: 3px;
	border: solid 1px #0d90ff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	margin-top: 6px;
}
.w209 {
	width: 210px;
	border: 1px solid #c7c7c7;
	margin-top: 8px;
	padding: 4px 3px 4px 4px;
	margin-left: 7px;
	clear: both;
}
.ipp {
 border: 1px solid #bcbcbc;
    float: left;
    height: 24px;
    margin: 15px 0 15px 13px;
    width: 418px;
}
.icp {
	float: left;
	height: 28px;
	margin-top: 15px;
	padding: 1px;
	width: 150px;
	border: solid 1px #bcbcbc;
	font-size: 12px;
}
.go {
	background: url(go1.gif) no-repeat;
	float: left;
	height: 33px;
	width: 53px;
	margin: 14px 0 0 10px;
	border: none;
	cursor: pointer;
}
.el {
	float: left;
	margin: 9px 0 0 12px;
}
.btn {
    background: #271c0f -moz-linear-gradient(100% 100% 90deg, #483e30, #5e5446) repeat scroll 0 0;
	font-size:15px;
    border: 1px solid #110b03;
    border-radius: 3px;
    box-shadow: 0 1px 2px #110b03;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    float: left;
    margin:14px 0 0 7px;
    padding: 3px 16px 3px; background-color:#483e30;
    text-transform: capitalize;
}
.btn:hover {
	/*float: left;
	margin: 17px 0 0 10px;
	border: 1px solid #110b03;
    border-radius: 3px;
    box-shadow: 0 1px 2px #110b03;
	color: #FFFFFF !important;
	display: inline-block;
	font: 700 11px/12px "Open Sans", sans-serif;
   padding: 2px 16px 11px;
	text-transform: uppercase;
	background: -moz-linear-gradient(100% 100% 90deg, #483e30, #271c0f) repeat scroll 0 0 transparent;
	background-color: #5e5446;
	border: 1px solid #0b9dcb;
	cursor: pointer;
	height: 28px;*/
	   background: #5e5446 -moz-linear-gradient(100% 100% 90deg, #483e30, #271c0f) repeat scroll 0 0;
    border: 1px solid #110b03;
	 background-color:#271c0f;
    border-radius: 3px;
    box-shadow: 0 1px 2px #110b03;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    float: left;
    margin:14px 0 0 7px;
    padding: 3px 16px 3px;
    text-transform: capitalize;
}
.bgimg {
	background:-webkit-linear-gradient(top, #003194 0%,#0b1d72 100%);
	height: 30px;
	margin: 3px 3px 8px;
}
.h2g {
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 17px;
}
.w760 {
	width: 760px;
}
.w979 {
	width: 979px;
}
.w759 {
	width: 759px;
}
.w765 {
	width: 765px;
}
.w192px {
	width: 192px
}
.w165px {
	width: 180px;
}
.w217px {
	width: 217px;
	margin-right: 5px;
}
.h400 {
	height: 400px;
}
.w110 {
	width: 110px;
}
.uwl {
	font-size: 13px;
	line-height: 25px;
}
.uwl li {
	background-position: 4px -55px;
	padding-left: 15px;
	list-style: none;
}
.bta {
	background-position: 4px -227px;
}
.div_glass {
	padding: 0 5px 0px 10px;
	line-height: 24px;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
	padding-top: 8px;
	text-align: left
}
.bg_small {
	border: 1px solid #0D90FF;
	margin: 12px 2px 2px;
	padding-bottom: 6px;
}
/*-------------------------------silde-page-start----------------------------------*/
.sil {
	border: solid 1px #d3d3d3;
	border-radius:5px;
	padding: 5px;
	height: 63px;
	margin-top: 6px;
	width: 245px;
	padding-left: 4px;
	float: left;
	margin-left: 6px;
	margin-right: 12px;
	overflow: hidden;
	line-height: 20px; background: #fff url(../images/bg.png) bottom repeat-x;
}
.spn {
	float: left;
	width: 245px;
	margin: 0 8px;
}
.h10px {
	height: 65px;
	padding-top: 10px;
}
.sdli {
	margin-top: 8px;
	padding-left: 10px;
}
.sicol {
	font-weight: bold;
	color: #003399;
	padding-bottom: 2px;
	text-align: left;
}
.sicol a{ color:#039}

/* *************Home Start ***************** */
.expo-box {
    width: 100%;
}

.expo-tit {
    border-bottom: 1px solid #d9d9d9;
    margin-top: 10px;
    overflow: hidden;
    padding-bottom: 5px;
    line-height: 40px;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}
.tit-text span {
    font-size: 24px;
    color: #ff8a00;
    background: url(../images/tit-line.jpg) left center no-repeat;
    padding-left: 10px;
    display: inline-block;
    margin-right: 5px;
}

.tit-text a {
    color: #929292;
    font-size: 16px;
    background: url(../images/line.png) right center no-repeat;
    padding-right: 10px;
}

.tit-text a:last-child {
    background: 0px;
}

.tit-text a:hover {
    text-decoration: underline;
}

.more {
    color: #929292;
    line-height: 45px;
}

.more:hover {
    color: #ff971d;
}

.expo-list {
    width: 100%;
}

.expo-list ul {
    width: 1250px;
    overflow: hidden;
}

.expo-list ul li {
    float: left;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    margin-right: 12px;
    margin-top: 12px;
}

.expo-pic {
    width: 289px;
    height: 176px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position:relative;
}

.expo-pic img {
    display: block;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.expo-text {
    width: 277px;
    padding: 5px;
}

.expo-text span {
    font-size: 14px;
	font-weight: 550;
    color: #125BEB;
}

.expo-text p {
    color: #333333;
}

.expo-text a:hover span {
    color: #da7e11;
}
.middle {
    width: 1200px;
    margin: 0 auto;
}
.banner {
    width: 100%;
    height: 250px;
    background: url(../images/banner2.jpg) top center no-repeat;
}
.expcon {
    width: 1200px;
    margin: 0 auto;
}
.con-left {
    width: 915px;
}
.con-lb {
    background: #fff;
    border: 1px solid #e7e7e7;
    margin-top: 20px;
}
.reservation {
    padding: 18px;
}
.yd-pic {
    width: 326px;
    height: 204px;
}

.yd-text {
    width: 524px;
}

.yd-text h2 {
    font-size: 19px;
    font-weight: 100;
    margin-top: 23px;
}

.yd-text p {
    color: #b6b6b6;
    font-size: 18px;
    margin-top: 20px;
    padding-left: 30px;
}

.yd-adress {
    background: url(../images/icon-adress.png) left center no-repeat;
}

.yd-time {
    background: url(../images/icon-time.png) left center no-repeat;
}

.yd-text a {
    display: inline-block;
    width: 130px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    background: #ff8a00;
    font-size: 18px;
    margin-top: 20px;
}

.yd-text a:hover {
    background: #e27a00;
}


.banner {
    width: 100%;
    height: 250px;
    background: url(../img/banner2.jpg) top center no-repeat;
}

.banner-ny {
    width: 100%;
    height: 250px;
    background: url(../img/banner3.jpg) left center no-repeat;
}

.tab {
    width: 740px;
    margin: 70px auto;
}

.tab-hd {
    overflow: hidden;
    zoom: 1;
}

.tab-hd li {
    float: left;
    width: 88px;
    font-size: 16px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #444;
    margin-right: 5px;
}

.tab-hd li.active {
    background: #ff971d;
    color: #fff;
}

.tab-bd {
    position: relative;
    border-bottom-left-radius: 4px;
}

.tab-bd li {
    display: none;
    background: #fff;
    border-radius: 4px;
    border-top-left-radius: 0px;
}

.tab-bd li.thisclass {
    display: list-item;
}

.ban-input {
    width: 720px;
    height: 50px;
    border: 0px;
    padding: 0 15px;
    font-size: 16px;
}

.ban-btn {
    width: 87px;
    height: 50px;
    background: #ff971d;
    line-height: 50px;
    text-align: center;
    border: 0px;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: 0px;
}

.ban-btn img {
    display: block;
    margin: 0 auto;
}

.middle {
    width: 1200px;
    margin: 0 auto;
}


/*åŠ å…¥æ”¶è—*/

.yd-text a:last-child {
    background: #e3e3e3;
}

.yd-text a:last-child:hover {
    background: #d3d3d3;
}

.zh-details {
    padding: 16px 0;
}

.xq-text {
    font-size: 24px;
    color: #ff8a00;
    background: url(../images/tit-line.jpg) left center no-repeat;
    padding-left: 15px;
}

.expo-Introduction {
    border-bottom: 1px solid #EAEAEA;
}

.Introduction-tit {
    font-size: 16px;
    color: #7b7b7b;
    margin: 18px;
}

.expo-jj {
    background: url(../images/icon-jj.png) left center no-repeat;
    padding-left: 40px;
    height: 28px;
}

.Introduction-con {
    font-size: 14px;
    color: #7b7b7b;
    line-height: 24px;
    padding: 0 18px 25px 18px;
}

.expo-fw {
    background: url(../images/icon-fw.png) left center no-repeat;
    padding-left: 40px;
    height: 21px;
}

.scope-con {
    font-size: 14px;
    color: #7b7b7b;
    line-height: 24px;
    padding: 0 18px 25px 18px;
}

.scope-con p {
    padding-bottom: 15px;
    line-height: 28px;
}

.scope-con p:last-child {
    padding-bottom: 0px;
}

.expo-adress {
    background: url(../images/icon-adress.png) left center no-repeat;
    padding-left: 30px;
    height: 23px;
}

.adress-con {
    padding: 0 18px 18px 18px;
}

.adress-con img {
    width: 100%;
    height: 255px;
}

.bqsm {
    padding: 18px 18px 0 18px;
    color: #e2e1e1;
}

.con-right {
    width: 265px;
    background: #fff;
    border: 1px solid #e7e7e7;
    margin-top: 20px;
}

.right-tit {
    margin-top: 10px;
    padding-bottom: 10px;
}

.right-tit p {
    background: url(../images/tit-line.jpg) left center no-repeat;
    padding-left: 15px;
    font-size: 18px;
    color: #ff8a00;
}

.right-box img {
    width: 245px;
    height: 76px;
    display: block
}

.right-con {
    width: 245px;
    padding: 10px;
    margin-bottom: 20px;
}

.right-text {
    width: 265px;
    font-size: 15px;
}

.right-text a {
    color: #ff8a00;
    overflow: hidden;
    display: block;
    width: 265px;
    padding: 10px 0 5px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.right-text p {
    color: #a29e98;
}


/* side-bar */

.side-pannel {
    position: fixed;
    left: 58.3%;
    margin-left: 496px;
    z-index: 999
}

.side-bar {
    border: 1px solid #E7E7E7;
    border-bottom: none;
    bottom: 100px;
    background: #fff
}

.side-bar a {
    display: block;
    cursor: pointer;
    width: 64px;
    height: 40px;
    border-bottom: 1px solid #E7E7E7;
    position: relative;
    color: #676767;
    text-align: center;
    padding-top: 25px;
    box-sizing: content-box;
}

.side-bar a s {
    display: block;
    margin-left: auto;
    margin-right: auto ;
}

.side-bar a span {
    line-height: 20px
}

.side-bar a:hover {
    background: #DFFFED
}

.side-bar a.gotop s {
    position: absolute;
    top: 50%;
    left: 17px
}


/* .side-bar a.text{} */

.side-bar a.qr s {
    position: absolute;
    top: 50%;
    left: 18px
}

.side-bar a.qr i {
    width: 276px;
    height: 259px;
    position: absolute;
    left: -277px;
    top: 50%;
    margin-top: -120px;
    display: none;
    background-position: 0 0
}

.side-bar a.qr:hover i {
    display: block
}

.side-bar a.qr i {
    background-image: url(../images/card1.jpg)
}

.g-icon-top {
    height: 20px;
    width: 35px;
    margin-top: -10px;
    background-position: 0 -33px
}

.g-icon-survey1 {
    height: 23px;
    width: 26px;
    margin-top: -11px;
    background-position: 0 -53px
}

.side-bar a.survey:hover s {
    height: 23px;
    width: 26px;
    margin-top: -11px;
    background-position: -26px -53px
}

.g-icon-qq1 {
    background-image: url(../images/gray-qq.png)
}
.side-bar a.qq:hover s{
    height: 20px;
    width: 20px;
    background-position: -36px -33px;
    background-image: url(../images/sprite1.png)
}
.g-icon-weibo1 {
    height: 25px;
    width: 27px;
    margin-top: -12px;
    background-position: -72px 0
}

.g-icon-weibo2,
.side-bar a.weibo:hover s {
    height: 25px;
    width: 27px;
    margin-top: -12px;
    background-position: -72px -25px
}

.g-icon-qr1 {
    height: 33px;
    width: 36px;
    margin-top: -16px;
    background-position: -36px 0
}

.g-icon-qr2,
.side-bar a.qr:hover s {
    height: 33px;
    width: 36px;
    margin-top: -16px;
    background-position: 0 0
}
.g-icon-qr1,
.g-icon-qr2,
.g-icon-survey1,
.g-icon-survey2,
.g-icon-top,
.g-icon-weibo1,
.g-icon-weibo2,
.side-bar a.qr:hover s,
.side-bar a.survey:hover s,
.side-bar a.weibo:hover s {
    background-image: url(../images/sprite1.png)
}


.banner-ny {
    width: 100%;
    height: 250px;
    background: url(../images/banner3.jpg) left center no-repeat;
}
.price-money{ position: absolute; right: 0px; bottom: -1px; background: url(../images/price-bg.png) no-repeat; color: #fff; width: 123px; height: 35px;
    line-height: 35px; font-size: 14px; padding-left: 30px; border-top-left-radius: 8px;}
.price-money span{ font-size: 24px;}


.mark{
    width:100%;
    height:100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    z-index: 1001;
}
.share-dialog{
    position: fixed;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 270px;
    margin:-135px 0 0 -250px;
    background: #fff;
    z-index: 1002;
}
.share-dialog .share-close{
    position: absolute;
    right: 7px;
    top: 10px;
    width: 26px;
    height: 26px;
    display: inline-block;
    cursor: pointer;
    background: url("dialog-close.png") no-repeat;
}
.share-dialog .share-dialog-title{
    height: 45px;
    line-height: 45px;
    text-indent: 15px;
    background: #eee;
}
.share-dialog .share-dialog-cont{
    padding:38px 20px;
    font-size: 14px;
}
.share-dialog .share-copy-l{
    float: left;
    width: 77px;
    margin-top: 8px;
}
.share-dialog .share-copy-c{
    float: left;
    width: 307px;
}
.share-dialog .share-copy-c input{
    display: block;
    width: 100%;
    height: 36px;
    padding: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.2;
    color: #555;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ccc;
}
.share-dialog .share-copy-c input:focus{
    border-color: #333;
    outline: 0;
}
.share-dialog .share-copy-r{
    float: left;
    width: 76px;
    text-align: right;
    color: #f37b1d;
    margin-top: 8px;
    cursor: pointer;
}
.share-platform{
    clear: both;
    margin-top: 10px;
}
.share-platform .share-platform-l{
    float: left;
    width: 57px;
    margin-top: 13px; margin-left: 18px;
}
.share-platform .share-platform-r{
    float: left;
    width: 710px;
}
.share-platform .bds_weixin{
    background-image: url(../images/css-bg.png);
    background-position: -13px -7px !important;
}
.share-platform .bds_tsina{
    background-image: url(../images/css-bg.png);
    background-position: -57px -7px !important;
}
.share-platform .bds_sqq{
    background-image: url(../images/css-bg.png);
    background-position: -101px -7px !important;
}
.share-platform .bds_qzone{
    background-image: url(../images/css-bg.png);
    background-position: -146px -7px !important;
}


.details {
    width: 100%;
}

.details-titBox {
    background: #fff;
    height: 57px;
    box-shadow: 2px 2px 8px #cdcdcd;
    line-height: 57px;
}

.details-mid {
    width: 1200px;
    margin: 0 auto;
}

.details-left {
    width: 915px;
    font-size: 18px;
    text-align: center;
}

.details-left a {
    width: 130px;
    display: block;
    float: left;
}

.left-actvie {
    background: #ff8a00;
    color: #fff;
}
.share-platform .share-platform-text{
    color: #aaa;
    margin-top: 5px;
}
.bdsharebuttonbox a{ display: inline-block; width: 35px; height: 35px;}
/* *************home ends ***************** */


/*-------------------------------footer-page-start----------------------------------*/
.foot {
/*	width: 1000px;*/
	overflow: hidden;
	width:100%;  background: #1c2b36 none repeat scroll 0 0;
}
.bgcol {
	 
    margin: 0 auto;
    padding-top: 10px;
    width: 1000px;
}
.ul {
	width: 173px;
	margin-left: 15px;
}
.ul ul {
	margin: 0;
	padding: 0;
	padding-top: 10px;
}
.ul li {
	background-position: 4px -55px;
    line-height: 24px;
    padding-left: 3px;
}
.ul li a {
	color: #7793a7;
}
.orang {
	color: #E63A00;
}
.black {
	color: #000;
}
.gray {
	color: #fff;
}
.it {
	font-style: italic;
}
.st {
	width: 480px;
	height: 78px;
	display: block
}
.das {
	border-bottom: dashed 1px #c6c6c6;
	width: 100%;
	display: block;
	clear: both
}
.cp {
	margin: 0 auto;
	background-color: #263845;;
    padding: 15px 0 15px 600px;
	color: #7793a7;
    width: 1000;
}
/*********************************/

.brd_bl {
	border: solid 1px #25BFFF;
}
.brd_rd {
	border: #FF0000;
}
.ln {
	list-style: none;
}
.bw {
	width: 210px;
}
.bm {
	margin: 8px 0px 0px 7px;
}
.bp {
	padding: 4px 3px 4px 4px;
}
h1 {
	font-size: 13px;
	color: #006AA7;
	font-size: 12px;
	padding-right: 10px;
}
.g {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
}
.bcrb {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-top: 6px;
	font-size: 13px;
	text-transform: capitalize;
}
.bcrb_bg {
	width: 973px;
	background: #f3f3f3;
	margin: 5px 0px 0px 5px;
	border: solid 1px #e3e3e3;
	padding-bottom: 5px;
	float: left;
}
/************************************/
.left_col {
	 margin-bottom: 15px;
	float: left;
	border: solid 1px #ccc;
	margin-top: 12px;
	margin-left: 4px;
	width: 759px
}
.button {
	background: #483e30 -moz-linear-gradient(100% 100% 90deg, #483e30, #5e5446) repeat scroll 0 0;
    border: 1px solid #110b03;
	background-color:#483e30;
	border-radius: 0.2em 0.2em 0.2em 0.2em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	display: inline-block;
	padding: 6px 10px;
	text-shadow: 0 -1px 1px #08385d;
	font-size: 1.2em;
	font-family: CALIBRI;
}
.button a {
	color: #fff
}
.button:hover {
	background-color: #fc8900;
	background: -moz-linear-gradient(100% 100% 90deg, #FC7200, #FCA800) repeat scroll 0 0 transparent;
	cursor: pointer;
	border: 1px solid #F06C00;
	border-radius: 0.2em 0.2em 0.2em 0.2em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	display: inline-block;
	padding: 6px 10px;
	text-shadow: 0 -1px 1px #08385d;
	font-size: 1.2em;
	font-family: CALIBRI;
	cursor: pointer;
}
.grey2 {
	border: dashed 1px #bbbbbb;
}
.grey2:hover{ background: #F7F7F7}
.blll {
	border: solid 1px #0480ad;
}
.grey {
	background:#EEEEEE url(bg.png) repeat-x top;
	/*background: #F6F5F5;*/
	border: 1px dashed #D4D4D4;
	text-align: justify
}
.blue {
	color: #003399
}
.gregg {
	background: #F6F5F5;
	border: 1px solid #D4D4D4;
}
.yell {
/*	background: #fff4bf;
	border: 1px solid #CD6E03;*/
	 background: #ffecce none repeat scroll 0 0;
    border: 1px solid #ff9e0b;
}
.prli ul {
	padding: 0;
	margin: 0;
}
.prli li {
	float: left;
	width: 140px;
	padding-bottom: 8px;
	list-style-image: none;
	margin-right: 6px;
	list-style: none;
}
.prli li a > img {
	border: 1px dashed #666;
	border-radius: 3px 3px 3px 3px;
}
.prli li .bold {
	color: #000;
	font-size: 10px;
	font-weight: bolder;
	text-align: center;
	line-height: 18px
}
.prli li .titel {
	color: #ee5400;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}
.eee ul {
}
.eee li {
	border: 1px solid #25BFFF;
	border-radius: 2px 2px 2px 2px;
	float: left;
	height: 91px;
	margin: 2px;
	overflow: hidden;
	padding: 2px;
}
.nnn ul {
	margin-top: 10px;
}
.nnn li {
	height: 93px;
	border: solid 1px #25BFFF;
	float: left;
	margin: 4px 4px 4px 4px;
	padding-left: 3px;
	padding-top: 3px;
	list-style: none;
}
/*  width:93px; */


/*------------------------------- tabs -page-start----------------------------------*/
.tabs {
	position: relative;
	min-height: 650px;
	clear: both;
	margin: 25px 0;
	width: 740px;
	margin-left: 10px;
}
.tab {
	float: left;
}
.tab label {
	background: url(bg.jpg) repeat-x;
	padding: 10px;
	border: 1px solid #25BFFF;
	margin-left: -1px;
	position: relative;
	left: 1px;
	font-weight: bold;
}
.tab [type=radio] {
	display: none;
}
.content {
	position: absolute;
	top: 28px;
	left: 0;
	background: white;
	right: 0;
	bottom: 0;
	padding: 20px;
	border: 1px solid #25BFFF;
}
[type=radio]:checked ~ label {
	background: white;
	border-bottom: 1px solid white;
	z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
	z-index: 1;
}
.tab3 {
	width: 210px;
	border: groove 1px #c2c2c2;
	padding-left: 10px;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 8px;
}
.tab4 {
	width: 210px;
	border: groove 1px #c2c2c2;
	padding-left: 10px;
	float: left;
	margin-left: 12px;
	padding-bottom: 10px;
}
.tabimg {
	float: left;
	margin-right: 10px;
	width: 60px;
	height: 50px;
}
.taspan {
	float: left;
	font-size: 11px;
	line-height: 18px;
}
.bt4 {
	background-position: 0px 0px;
}
.bt5 {
	background-position: -75px 0px;
}
.bt6 {
	background-position: -150px 0px;
}
.bt7 {
	background-position: 0px -77px;
}
.bt8 {
	background-position: -75px -77px;
}
.bt9 {
	background-position: -150px -77px;
}
.bt10 {
	background-position: 0px -155px;
}
.bt11 {
	background-position: -75px -155px;
}
.bt12 {
	background-position: -150px -155px;
}
.bt13 {
	background-position: 0px -230px;
}
.bt14 {
	background-position: -75px -230px;
}
.bt15 {
	background-position: -150px -230px;
}
.bt16 {
	background-position: 0px -303px;
}
.bt17 {
	background-position: -75px -303px;
}
.bt18 {
	background-position: -150px -303px;
}
.bt19 {
	background-position: 0px -377px;
}
.bt20 {
	background-position: -75px -377px;
}
.bt21 {
	background-position: -150px -377px;
}
div.pagination {
	float: left;
	font-size: 12px;
	margin: 5px;
	padding: 5px;
	text-align: center;
	font-family: tahoma
}
div.pagination a {
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	margin-right: 7px;
	padding: 7px 6px;
	text-decoration: none;
	 background: #483e30 -moz-linear-gradient(100% 100% 90deg, #483e30, #5e5446) repeat scroll 0 0;
    border: 1px solid #110b03;
	background-color: #483e30;
}
div.pagination a:hover, div.pagination a:active {
	border-radius: 3px 3px 3px 3px;
	background-color: #fc8900;
	background: -moz-linear-gradient(100% 100% 90deg, #FC7200, #FCA800) repeat scroll 0 0 transparent;
	border: 1px solid #F06C00;
}
div.pagination span.current {
	background-color: #fc8900;
	background: -moz-linear-gradient(100% 100% 90deg, #FC7200, #FCA800) repeat scroll 0 0 transparent;
	border: 1px solid #F06C00;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	margin-right: 7px;
	padding: 7px 8px;
}
div.pagination span.disabled {
	border-radius: 3px 3px 3px 3px;
	border: 1px solid;
	color: #CCCCCC;
	margin-right: 7px;
	padding: 7px 8px;
}
.width_coler {
	border: 1px solid #0789D2;
	clear: both;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	overflow: hidden;
	width: 735px;
}
.wrap_div {
	margin-left: 10px;
	padding-right: 4px;
	padding-top: 9px;
}
.hbg {
	color: #3A3A3A;
	font-size: 115%;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	text-align: justify;
}
.viw {
	width: 80px;
	text-align: center;
	margin-left: 2px;
}
.mt3px {
	margin: 0px 3px 0px 3px;
}
.w500px {
	float: left;
	width: 500px;
	margin-left: 5px;
	cursor: auto;
}
.bbc {
	float: left;
	width: 500px;
	text-align: center;
	font-weight: bold;
}
.bbcf {
	float: left;
	width: 80px;
	text-align: center;
	font-weight: bold;
}
.wee {
	border: solid 1px #CCCCCC;
	background-color: #cdcdcd;
	clear: both;
	margin: 0px 2px 0px 2px;
	line-height: 26px;
}
.prt {
	color: #970808;
	height: 200px;
	overflow: auto;
}
.det {
	color: #000;
}
.bd {
	font-weight: bold;
}
/*------------------------------- form -page-start----------------------------------*/
	

#mask {
	background-color: #000;
	display: none;
	height: 600%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
#layer1, #details_frame {
	background-color:#f7f7f7 /*#e4e4e4*/;
//visibility:collapse;
	display: none;
	left: 45%;
	margin-left: -300px;
	position: fixed;
	top: 40%;
	margin-top: -170px;
	width: 700px;
	z-index: 9999;
/*	border-radius: 8px;
	-moz-border-radius: 8px;
-webkit-border-radius:8px;*/
	/*padding:2px;*/
	padding-left: 15px;
	padding-right: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	/*	border: 2px solid #02b5f1;*/
}
#close, #close_me {
	float: right;
	margin-top: -10px;
	margin-right: -15px;
}
.element {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: hidden;
	font-weight: bold;
}
.element div {
	float: left;
	color: #FF0000;
}
.element label1 {
	border: 1px;
	background: #F3F3F3;
}
.element input, .element select {
	width: 212px;
	margin-top: 3px;
}
.element input, .element select {
	margin-left: 5px;
}
.element {
	clear: both;
	font-family: tahoma;
	font-size: 11px;
}
.element div {
	float: left;
	padding-left: 50px;
	margin-top: 4px;
}
.element label {
	border: 1px none;
	color: #000000;
	overflow: hidden;
}
.submit {
	margin-left: 12em;
}
input.text {
	padding: 3px 2px;
	width: 313px;
	border: solid 1px #7f9db9;
}
input.error {
	padding: 3px 2px;
	width: 700px;
	border: solid 1px #EA5200;
	height: 50px;
}
#SignUp.loading {
	background: url(../images/ajax-loader.gif) no-repeat center;
}
.successmsg {
	display: none;
}
div.errormsg {
	background: url(unchecked.gif)no-repeat left center;
	padding-left: 20px;
	margin-left: 14px;
	margin-left: 45px;
	font-weight: normal;
}
.wrap_inp {
	border: 1px solid #B3DEFF;
	padding: 3px 2px;
	width: 300px;
}
.form_b {
	display: inline-block;
	width: 108px;
}
.hin {
	color: #4A4A4A;
	font-size: 133%;
	line-height: 25px;
	padding-bottom: 6px;
	padding-left: 25px;
	text-shadow: 1px 1px 1px #E8E8E8;
}
.contact_inner label {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	width: 130px;
}
.join_pg label {
	color: #333333;
	float: left;
	line-height: 18px;
	margin-top: 4px;
}
.join_pg label {
	color: #000000;
	font-size: 11px;
}
.element label {
	border: 1px none;
	color: #000000;
	overflow: hidden;
}
label {
	font-size: 11px;
	text-align: left;
}
.sub {
	margin-top: 4px;
	float: left;
	background: url(../images/submit.png) no-repeat;
	width: 109px;
	height: 48px;
	border: none;
	margin-left: 200px;
	cursor: pointer;
}
.sub:hover {
	background: url(../images/submit-hover.png) no-repeat;
	width: 109px;
	height: 48px;
}
.proceed {
	margin-top: 4px;
	float: left;
	background: url(../images/proceed.png) no-repeat;
	width: 109px;
	height: 48px;
	border: none;
	margin-left: 200px;
	cursor: pointer;
}
.proceed:hover {
	background: url(../images/proceed_hover.png) no-repeat;
	width: 109px;
	height: 48px;
}
.reset {
	float: left;
	background: url(../images/reset.png) no-repeat;
	width: 109px;
	height: 48px;
	border: none;
	margin-top: 5px;
	cursor: pointer;
}
.reset:hover {
	background: url(../images/reset-hover.png) no-repeat;
	width: 109px;
	height: 48px
}
.sub2 {
	margin-top: 15px;
	float: left;
	background: url(../images/btn_submit.png) no-repeat;
	width: 70px;
	height: 28px;
	border: none;
	margin-left: 304px;
	cursor: pointer;
}
.sub2:hover {
	float: left;
	background: url(../images/btn_submit1.png) no-repeat;
	width: 70px;
	height: 28px;
	border: none;
	margin-left: 304px;
	cursor: pointer;
}
.nee {
	border: 1px solid #0789D2
}
.bbb {
	background: #02356E;
}
.h28px {
	height: 28px;
	margin: 3px;
}
.tel {
	color: #FF0000;
	padding-right: 5px;
}
.tell {
	margin-left: 10px;
	line-height: 25px;
}
.w775 {
	width: 775px;
}
.h200 {
	background: url(col_bg.jpg) repeat-x #FEFEFE;
	border: 1px solid #D2D2D2;
	height: 200px;
	width: 362px;
}
.blk {
	color: #3B3B3B;
	font-size: 136%;
	line-height: 30px;
	text-shadow: 1px 1px 1px #E8E8E8;
}
.lih {
	line-height: 24px;
	padding-right: 8px;
}
.content_page_me {
	color: #036BA5;
	font-size: 117%;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 5px;
	text-align: justify;
	text-shadow: 1px 1px 1px #E8E8E8;
	text-transform: capitalize;
	word-spacing: -1px;
}
.hb {
	color: #FF0000;
	font-size: 130%;
	padding-bottom: 6px;
	text-shadow: 1px 1px 1px #E8E8E8;
}
.site ul {
	margin-left: 30px;
margin:;
	padding: 0;
}
.site li {
	background-position: 4px -115px;
	line-height: 28px;
	list-style: none outside none;
	padding-left: 13px;
	float: left;
	width: 130px;
}
.site li a {
	color: #333
}
.site1 ul {
	margin-left: 30px;
margin:;
	padding: 0;
}
.site1 li {
	background-position: 4px -115px;
	line-height: 28px;
	list-style: none outside none;
	padding-left: 13px;
	float: left;
	width: 200px;
}
.site1 li a {
	color: #333
}
.butra {
	background: #0480ad;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	margin-left: 18px;
	border: solid 1px #025b7b
}
.butra:hover {
	background: #d14703;
	cursor: pointer;
	transition: all 1s ease 0s;
	border: solid 1px #943303
}
.cot {
	background: #02356E;
	clear: both;
	height: 28px;
	margin: 3px;
	width: 726px;
	color: #fff;
	padding-left: 5px;
}
.ccb {
	border: 1px solid #0789D2;
	clear: both;
	overflow: hidden;
	width: 737px;
}
.ccbl {
	border-bottom: 1px dashed #CBCBCB;
	clear: both;
	overflow: hidden;
	width: 720px;
	padding-bottom: 10px;
}
.box_color {
	border: 1px solid #B3DEFF;
	height: 20px;
}
.boxa {
	border: 1px solid #fda3b2;
	background: #fff;
	color: #2b2b2b;
	font-size: 14px;
}
.join_pg label {
	color: #333333;
	line-height: 18px;
	float: left;
}
.join_pg dfn {
	float: left;
}
.join_pg dfn input {
	padding: 3px 2px;
	width: 313px;
	border: solid 1px #b3deff
}
.contact_inner label {
	width: 140px!important;
	font-size: 11px;
	text-align: left;
}
.chek_in {
	width: 50px;
	height: 25px;
	background: none;
	border: solid 1px #b3deff
}
.element {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.w70px {
	width: 70px;
}
div.give a {
	border-radius: 3px 3px 3px 3px;
	color: #000;
	margin-right: 7px;
	padding: 5px 6px;
	text-decoration: none;
	border: solid 1px #b8b392;
	background: #fff7c0;
}
div.give a:hover, div.give a:active {
	border-radius: 3px 3px 3px 3px;
	background-color: #008fbc;
}
div.give span.current {
	border-radius: 3px 3px 3px 3px;
	color: #000;
	margin-right: 7px;
	padding: 7px 8px;
	border: solid 1px #cecece;
}
div.give span.disabled {
	border-radius: 3px 3px 3px 3px;
	border: 1px solid;
	color: #CCCCCC;
	margin-right: 7px;
	padding: 7px
}
.sample {
	width: 730px;
	clear: both;
	margin-left: 15px;
	text-align: left;
}
.sample dl {
	margin: 0;
	padding: 0;
	width: 240px;
	float: left;
}
.sample dl dt {
	line-height: 27px;
	background: url(about_list1.gif) no-repeat left center;
	padding-left: 12px;
	padding-right: 8px;
}
.sample dl dt a {
	color: #000
}
.sample_arrows {
	background: url(../images/arrows_bg.png) no-repeat;
	width: 170px;
	height: 35px;
	clear: both;
}
.sample_arrows .hb {
	font-size: 170%;
	padding-left: 30px;
	padding-top: 6px;
	color: #fff;
	font-weight: normal;
}
.white_content {
	background-color: white;
	border: 3px solid orange;
	border-radius: 6px 6px 6px 6px;
	height: 360px;
	left: 28%;
	overflow: auto;
	padding: 16px;
	position: absolute;
	top: 13%;
	width: 50%;
	z-index: 1002;
	width: 570px;
}
.black_overlay {
	background-color: black;
	height: 201%;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1001;
}
/************************************/
#submit.loading {
	/* show the preloader.gif image*/
	background: url(loading.gif) no-repeat center;
}
#SignUp.loading {
	/* show the preloader.gif image*/
	background: url(loading.gif) no-repeat center;
}
.successmsg {
	display: none;
}
.product_list {
	overflow: hidden;
	margin-left: 12px;
}
.product_list ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.product_list ul li {
	float: left;
	width: 135px;
	padding-bottom: 8px;
	list-style-image: none;
	padding-right: 0px;
	margin-right: 6px;
}
.product_list ul li a > img {
	border: 1px solid #25BFFF;
	border-radius: 3px 3px 3px 3px;
}
.product_list ul li .bold {
	color: #000;
	font-size: 10px;
	font-weight: bolder;
	text-align: center;
	line-height: 18px
}
.product_list ul li .titel {
	color: #ee5400;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}
.element1 {
	background: #fff;
	margin: 0px;
	padding: 0;
	padding: 15px 5px;
	overflow: hidden;
	border-top: 1px dashed #CCC
}
.element1 div {
	margin-left: 0px;
}
.element1 img {
	border: 1px dashed #CCCCCC;
	padding: 1px;
	margin-right: 10px;
}
.element1 img div {
	border: 1px dashed #CCCCCC;
	padding: 1px;
	margin-right: 4px;
	-webkit-opacity: 0.80;
	-moz-opacity: 0.80;
	opacity: 0.80;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease;
}
.element1 img:hover {
	-webkit-opacity: 85;
	-moz-opacity: 85;
	opacity: 85;
}
.element1:hover {
	color: #000;
}
.contact_inner label {
	width: 200px !important
}
.manage-pro b {
	color: #003399
}
.manage-pro {
	margin-top: 15px;
	overflow: hidden;
	margin: 15px 5px;
}
.manage-pro li {
	list-style: none;
	padding: 4px;
	float: left;
	margin: 1px;
	border: 1px dashed #ccc;
	width: 361px;
}
.manage-pro li:first-child+li+li+li+li+li+li+li {
	overflow-x: auto;
	overflow-y: scroll;
	height: 150px;
}
.manage-pro li:first-child+li+li+li+li+li+li {
	height: 150px;
}
.manage-pro li:first-child+li+li+li+li+li+li img {
	width: 150px;
	height: 140px;
}
.manage-pro:hover {
	background: #fff;
	color: #000
}
.manage-pro:hover b {
	color: #F00
}
.manage-pro h2 {
	text-align: right;
	color: #F00;
	padding-right: 15px;
	line-height: 18px;
}
.cmw ul {
	margin-left: 8px;
	border-bottom: 1px dashed #ccc;
	overflow: hidden
}
.cmw li {
	list-style: none;
	font-weight: bold;
	float: left;
	margin-right: 15PX;
	line-height: 35px;
	padding-left: 40px;
}
.cmw li:first-child {
	background: url(../images/pro.png) 2px 5px no-repeat;
}
.cmw li:first-child+li {
	background: url(../images/pro.png) 2px -59px no-repeat;
}
.cmw li:first-child+li+li {
	background: url(../images/pro.png) 2px -123px no-repeat;
}
.cmw li:first-child+li+li+li {
	background: url(../images/pro.png) 2px -186px no-repeat;
}
.cmw li:first-child+li+li+li+li {
	background: url(../images/pro.png) 2px -252px no-repeat;
}
.cmw li a {
	color: #db3700
}
.cmw li a:hover {
	color: #1869d6;
}
.cmw li:first-child:hover {
	background: url(../images/pro.png) 2px -27px no-repeat;
}
.cmw li:first-child+li:hover {
	background: url(../images/pro.png) 2px -91px no-repeat;
}
.cmw li:first-child+li+li:hover {
	background: url(../images/pro.png) 2px -155px no-repeat;
}
.cmw li:first-child+li+li+li:hover {
	background: url(../images/pro.png) 2px -218px no-repeat;
}
.cmw li:first-child+li+li+li+li:hover {
	background: url(../images/pro.png) 2px -284px no-repeat;
}
/* *************only 4 company temp ***************** */
.template1 {
	overflow: hidden;
	width: 75%;
}
.template-header {
	height: 100px;
	background: #c6c6c6;
	border-radius: 5px;
	margin-bottom: 15px;
	font-family: arial;
	clear: both;
}
.template-header ul {
	margin: 0px;
	padding: 0px;
}
.template-header li:first-child {
	font-size: 30px;
	color: #000;
	float: left;
	padding: 30px 15px;
	list-style: none;
	margin: 0px;
}
.template-header li:first-child+li, .template-header li:first-child+li+li {
	float: right;
	background: url(../404.html) repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: 100px;
	line-height: 30px;
	text-align: center;
	margin: 6px;
	border-radius: 5px;
	font-weight: bold;
}
.template-menu {
	height: 40px;
	overflow: hidden;
	font-family: arial;
	background: url(../404.html) repeat-x;
}
.template-menu li {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
.template-menu li a:hover {
	text-decoration: underline;
}
.template-menu li a {
	display: block;
	color: #000;
	text-decoration: none;
	float: left;
	width: 116px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 11px;
	margin-right: 110px;
	border-radius: 5px;
	font-family: arial;
}
.template-menu a li:last-child {
	margin-right: 0px;
}
.template-aboutus {
	border-radius: 5px;
	border: solid 1px #999;
	padding: 5px;
	margin-top: 15px;
	font-family: arial;
}
.template-aboutus h3 {
	font-size: 14px;
	color: #000;
	background: url(../404.html) 10px 12px no-repeat #e3dfdf;
	border-radius: 5px;
	line-height: 20px;
	padding: 8px 30px;
	margin-top: 0px;
	font-weight: bolder;
}
.template-aboutus h4 {
	padding: 0px 0px 0px 5px;
	margin: 0px;
}
.template-aboutus p {
	text-align: justify;
	font-size: 14px;
	color: #303030;
	padding-left: 5px;
	line-height: 20px;
}
.template-enquiry {
	background: #FF7200;
	padding: 15px;
	margin-top: 5px;
	width: 97%;
	font-size: 12px;
}
.template-enquiry strong {
	color: #000
}
.template-enquiry div {
	width: 50%;
	float: left
}
.template-enquiry textarea {
	width: 90%;
	height: 63px;
	margin: 7px 8px 9px 0px;
	border: none;
	padding: 3px 7px;
	border-radius: 5px;
}
.template-enquiry input[name=subject], .template-enquiry input[name=firstname], .template-enquiry input[name=input] {
	border-radius: 5px;
	padding: 3px 7px;
	width: 90%;
	height: 27px;
	margin: 7px 5px 0px 0px;
	border: none;
}
.template-enquiry input[name=text], .template-enquiry input[name=email], .template-enquiry input[name=city] {
	border-radius: 5px;
	padding: 3px 7px;
	width: 127px;
	height: 27px;
	margin: 8px 8px 0 0px;
	border: none;
}
.template-enquiry textarea:focus, .template-enquiry input[name=subject]:focus, .template-enquiry input[name=firstname]:focus, .template-enquiry input[name=input]:focus, .template-enquiry input[name=text]:focus, .template-enquiry input[name=email]:focus, .template-enquiry input[name=city]:focus {
	background: #FFF9D8;
	border: none;
}
.template-enquiry input[name=submit] {
	background: none repeat scroll 0 0 #fffb9b;
	border: medium none;
	border-radius: 5px;
	margin: 11px -3px -5px 691px;
	padding: 8px 15px;
	font-weight: bold
}


.tp-l-bg{ background:#ff8a00; padding: 5px 0 10px;}
.tp-l{ width:1000px; margin:0 auto; overflow:hidden}
.tp-h{float:left; font-weight: bold; color:#fff; line-height: 25px;}
.tp-l b{ color:#fff}
.tp-l ul li{ border-right:none !important}

.ph-icon{ background: rgba(0, 0, 0, 0) url("../images/call-now.png") no-repeat scroll 5px 2px;
    padding-left: 24px;}
.email-icon{ background: rgba(0, 0, 0, 0) url("../images/call-now.png") no-repeat scroll 2px -30px;
    padding-left: 27px;}
	

.fnt-sze{ font-size: 14px;}
.lne-hgt{ line-height:35px;}

/*.bdr-bttm{ border-bottom:1px solid #ccc; overflow:hidden}*/




.expo-list ul { display: flex; flex-wrap: wrap; list-style: none; }
.expo-item { width: 310px; margin: 10px; float: left; } /* Or use flex-basis */




/* --- Fix Button Alignment --- */
.yd-buttons {
    display: flex;
    flex-direction: row;
    gap: 12px; /* Space between buttons */
    margin-top: 20px;
}

/* Ensure buttons are consistent */
.yd-text a.btn-booking, 
.yd-text a.btn-add {
    display: inline-block;
    width: 160px; /* Increased to fit longer text */
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0; /* Managed by .yd-buttons wrapper */
    border-radius: 4px;
    color: #fff;
}

.yd-text a.btn-booking {
    background: #ff8a00;
}

.yd-text a.btn-add {
    background: #e3e3e3 !important;
    color: #444 !important;
}

/* --- Fix Google Maps Display --- */
#map {
    width: 100%;
    height: 350px; /* Explicit height is required */
    background-color: #f0f0f0;
    border: 1px solid #e7e7e7;
    margin-top: 10px;
}


/* Container for text and buttons */
.yd-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Button Wrapper to force a row */
.yd-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px; /* Space between buttons */
    margin-top: 15px;
}

/* Common button styling */
.yd-buttons a {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;
    text-decoration: none;
    min-width: 140px;
    padding: 0 15px;
}

/* Booking Button (Orange) */
.btn-booking {
    background: #ff8a00;
    color: #fff !important;
}

/* Add To Button (Grey) */
.btn-add {
    background: #e0e0e0;
    color: #666 !important;
}

/* Form Container */
.booking-wrapper {
    background: #fff;
    padding: 30px;
    border: 1px solid #ddd;
    border-top: 3px solid #ff8a00; /* Matching the orange theme */
}

/* Info Labels (Exhibition/Location) */
.booking-info p {
    margin-bottom: 8px;
    font-size: 14px;
}

/* Form Groups */
.form-group {
    margin-top: 20px;
}

.form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
}

/* Input Fields */
.form-group input[type="text"], 
.form-group select, 
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    font-family: inherit;
    box-sizing: border-box; /* Prevents overflow */
}

/* No Stalls Error Message */
.error-msg {
    color: #d9534f;
    background: #fcf2f2;
    padding: 10px;
    border: 1px solid #d9534f;
    border-radius: 4px;
    font-weight: bold;
    margin: 10px 0;
}

/* Footer Buttons Row */
.form-footer {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.btn-submit {
    background: #ff8a00;
    color: #fff;
    border: none;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}

.btn-cancel {
    color: #666;
    text-decoration: none;
}

/* Container for the booking form */
.booking-wrapper {
    max-width: 850px;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.booking-header {
    font-size: 24px;
    color: #333;
    border-bottom: 2px solid #ff8a00;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.booking-info {
    background: #fdfdfd;
    padding: 15px;
    border-left: 4px solid #ff8a00;
    margin-bottom: 25px;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #444;
}

.form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Red error text from your image */
.error-msg {
    color: #e74c3c;
    font-weight: bold;
    padding: 10px 0;
}

/* Footer layout for buttons in a row */
.form-footer {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 35px;
}

.btn-submit {
    background: #ff8a00;
    color: #fff;
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.3s;
}

.btn-submit:hover {
    background: #e67e00;
}

.btn-cancel {
    color: #777;
    text-decoration: none;
    font-size: 15px;
}

.btn-cancel:hover {
    text-decoration: underline;
}


/* Container to center the box */
.booking-container {
    display: flex;
    justify-content: center;
    padding: 20px;
}

/* The Box (Card) Styling */
.booking-card {
    width: 100%;
    max-width: 800px;
    background: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 30px;
}

.booking-title {
    font-size: 22px;
    color: #333;
    border-bottom: 2px solid #ff8a00;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.exhibition-summary {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 25px;
    line-height: 1.6;
}

.form-row {
    margin-bottom: 20px;
}

.form-row label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    color: #555;
}

.custom-input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box; /* Important for width alignment */
}

/* Red error message style */
.status-msg-error {
    color: #d93025;
    background: #feeeee;
    padding: 10px;
    border: 1px solid #fadad7;
    border-radius: 4px;
    font-weight: bold;
}

/* Button Row Alignment */
.button-group {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.submit-btn {
    background: #ff8a00;
    color: white;
    border: none;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s;
}

.submit-btn:hover {
    background: #e67e00;
}

.cancel-link {
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

.cancel-link:hover {
    text-decoration: underline;
}


/* Table Styling */
.bookings-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-family: sans-serif;
}

.bookings-table th {
    background: #f8f9fa;
    text-align: left;
    padding: 15px;
    border-bottom: 2px solid #eee;
    color: #333;
}

.bookings-table td {
    padding: 15px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

/* Status Pills */
.status-pill {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.status-pending {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
}

.status-approved {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.status-cancelled {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Dashboard Specific Styles */
.dashboard-widgets {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.widget {
    flex: 1;
    background: #fdfdfd;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
    text-align: center;
}

.widget-label {
    display: block;
    font-size: 14px;
    color: #888;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.widget-value {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

/* Ensure the card is centered and matches your theme */
.booking-card {
    background: #fff;
    padding: 30px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Flex layout for Dashboard */
.dashboard-flex {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

/* Sidebar Widget */
.dashboard-sidebar {
    width: 280px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}

.user-info {
    padding: 25px;
    background: #fcfcfc;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.user-avatar {
    width: 60px;
    height: 60px;
    background: #ff8a00;
    color: white;
    font-size: 30px;
    line-height: 60px;
    border-radius: 50%;
    margin: 0 auto 10px;
}

.sidebar-nav a {
    display: block;
    padding: 15px 25px;
    color: #444;
    text-decoration: none;
    font-weight: 500;
    transition: 0.2s;
    border-bottom: 1px solid #f9f9f9;
}

.sidebar-nav a:hover {
    background: #fff8f0;
    color: #ff8a00;
}

.sidebar-nav a.active {
    background: #ff8a00;
    color: #fff;
}

.logout-link:hover {
    background: #fff0f0 !important;
    color: #d93025 !important;
}

/* Right Content Box adjustment */
.dashboard-content {
    flex-grow: 1;
}
.cancel-btn-small {
    background: #fff;
    color: #d93025;
    border: 1px solid #d93025;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    transition: 0.3s;
}

.cancel-btn-small:hover {
    background: #d93025;
    color: #fff;
}

.status-msg-success {
    background: #d4edda;
    color: #155724;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #c3e6cb;
}

.status-msg-error {
    background: #f8d7da;
    color: #721c24;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #f5c6cb;
}

/* Enhanced Sidebar Widget */
.user-info-box {
    padding: 30px 20px;
    background: linear-gradient(180deg, #fff 0%, #f9f9f9 100%);
    text-align: center;
    border-bottom: 1px solid #eee;
}

.profile-image-container {
    width: 85px;
    height: 85px;
    margin: 0 auto 15px;
    border-radius: 50%;
    border: 3px solid #ff8a00;
    padding: 3px;
    background: #fff;
    overflow: hidden;
}

.user-photo {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.user-initials {
    width: 100%;
    height: 100%;
    background: #ff8a00;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    line-height: 75px;
    border-radius: 50%;
}

.user-name {
    font-size: 18px;
    color: #333;
    margin: 5px 0;
    font-weight: 700;
}

.user-company {
    font-size: 13px;
    color: #777;
    margin-bottom: 12px;
}

.user-role-badge {
    background: #e3f2fd;
    color: #1976d2;
    padding: 4px 12px;
    font-size: 11px;
    border-radius: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Sidebar Nav Icons */
.sidebar-nav i {
    width: 25px;
    margin-right: 10px;
}

/* Ensure the parent <li> is the reference point */
.fl.m10px.mr15px {
    position: relative;
}

/* Hide the dropdown by default */
.dropdown {
    display: none;
    position: absolute;
    top: 100%; /* Sits right below the "Hi Name" link */
    left: 0;
    background: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    z-index: 999;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #ddd;
}

/* Show the dropdown on hover */
.fl.m10px.mr15px:hover .dropdown {
    display: block;
}

/* Style the links inside the dropdown */
.dropdown li a {
    color: #333;
    padding: 8px 15px;
    text-decoration: none;
    display: block;
    font-size: 13px;
    font-weight: normal;
}

.dropdown li a:hover {
    background-color: #f5f5f5;
    color: #ff8a00; /* Matches your theme color */
}

/* This keeps the dropdown text dark even though the greeting is white */
.dropdown li a {
    color: #333 !important; 
    background: #ffffff !important;
}

.dropdown li a:hover {
    background-color: #ff8a00 !important;
    color: #ffffff !important;
}

/* Force the "Hi User" link to be white */
.nav-user-link {
    color: #ffffff !important;
    font-weight: bold !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0 5px;
}

/* Ensure the dropdown menu background is white and text is dark */
.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff !important; 
    min-width: 180px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    z-index: 99999;
    border: 1px solid #ddd;
}

.dropdown li a {
    color: #333333 !important; /* Dark text for the menu */
    background: #ffffff !important;
    padding: 10px 15px !important;
    display: block !important;
}

.dropdown li a:hover {
    background: #ff8a00 !important; /* Orange only on hover inside menu */
    color: #ffffff !important;
}

/* Hover trigger */
.user-dropdown-parent:hover .dropdown {
    display: block;
}

/* Styling for the user greeting text */
.nav-user-link {
    color: #ffffff !important;
    font-weight: bold;
}

/* Styling for the direct Dashboard and Logout links */
.nav-dashboard-link, .nav-logout-link {
    color: #ff8a00 !important; /* Orange to make the action stand out */
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

.nav-dashboard-link:hover, .nav-logout-link:hover {
    color: #ffffff !important; /* Turns white on hover */
    text-decoration: underline;
}

/* Since we removed the dropdown, we no longer need the overflow:visible 
   on the parent, but it doesn't hurt to keep it. */
   
   
   /* All white text for the greeting and dashboard link */
.nav-white-text, 
.nav-white-link {
    color: #ffffff !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.nav-white-link:hover {
    text-decoration: underline !important;
}

/* Separator styling */
.nav-separator {
    color: #ffffff;
    margin: 0 8px;
    opacity: 0.7;
}

/* Logout link remains orange for visibility */
.nav-logout-link {
    color: #ff8a00 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.nav-logout-link:hover {
    color: #ffffff !important;
}

/* Direct targeting for all user-related header items */
.nav-white-item {
    color: #ffffff !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 13px;
}

/* Add a hover effect so users know they are clickable links */
a.nav-white-item:hover {
    color: #ff8a00 !important; /* Changes to orange only when hovering */
    text-decoration: underline !important;
}

/* Vertical divider styling */
.nav-divider {
    color: #ffffff;
    margin: 0 10px;
    font-weight: normal;
    opacity: 0.8;
}
/* Base style for the greeting (not a link) */
.nav-text-white {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 13px;
}

/* Base style for Dashboard and Logout links */
.nav-link-hover-black {
    color: #ffffff !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 13px;
    transition: color 0.2s ease-in-out;
}

/* HOVER EFFECT: Changes color to black */
.nav-link-hover-black:hover {
    color: #000000 !important; /* Pure black on hover */
    text-decoration: none !important;
}

/* Divider styling */
.nav-divider {
    color: #ffffff;
    margin: 0 10px;
    opacity: 0.7;
}