@media screen and (min-width: 768px) {
	#main{background:#f7f7f7}
	#navbar-main{margin-left:10%}
	#con{background:#f2f2f2;padding:30px ;text-align:center}
	.lf{margin-left:0%}
	.navbar-nav{margin-left:10%}
	.my{    margin-left: 23%;}
	#search{text-align:center;border:none;margin-left:30px}
	.placeholder{width:200%;margin-top:12px;}
	.mid{margin:20px 0 0 0;padding-left:3.5%}
	.mid-v1{margin:0px 0;padding-left:5%}
	.mid-v{margin:20px 0 0 0;padding-left:5%}
	.book{text-align:right}
	.b{text-align:center}
	.camp{background:#4f4f4f;color:#fff;padding:8px;font-size:12px;margin-left:5px;float:left}
	.camp a{color:#fff;text-decoration:none}
	.camp:hover{cursor:pointer;background:#2aa8ea;border-radius:8%}
	.navbar-right{margin-right:20%}
	.mybook{padding-left:5%;margin-top:5px}
	.a-block{padding:10px 8px;color:#fff;background:#f47d30;font-size:12px;font-weight:bold}
	.a-block:hover{text-decoration:none;color:#fff;background:#2aa8ea;border-radius:8%}
	.img-sc{margin-top:10px;margin-left:10px;border:1px solid #ececec}
	body{font-size:12px;margin:0px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}
	
	.rg .btn{min-width: 150px;text-align: center;
	margin-left:10px;
    font-size: 15px;
    font-family: AvenirLTStd-Medium, Helvetica, Arial, sans-serif;
    letter-spacing: 0.65px;
    text-transform: uppercase;
    padding: 1px;
    border: 2px solid white;
    position: relative;
    display: inline-block;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
	top:-5px;
	}
	
	.rg1 .btn{min-width:180px;text-align: center;
		margin-left:10px;
	    font-size: 14px;
	    font-family: AvenirLTStd-Medium, Helvetica, Arial, sans-serif;
	    letter-spacing: 0.65px;
	    text-transform: uppercase;
	    padding: 1px;
	    border: 2px solid white;
	    position: relative;
	    display: inline-block;
	    -moz-border-radius: 30px;
	    -webkit-border-radius: 30px;
	    -o-border-radius: 30px;
	    border-radius: 30px;
		top:-5px;
		background:rgb(51,51,51)
	}


	#account-content{padding:0 10% 0 15%;margin-top:10%}
	#login{width:35%;margin:0 auto;margin-bottom:5%;background:#fff}
       #login-title{width:35%;margin:0 auto;margin-top:10%;text-align:center;margin-bottom:1%;
       font-size:25px;font-weight:bold
       }
       .my-inp{background-color: rgb(250, 255, 189);
           background-image: none;
           color: rgb(0, 0, 0)}
	.content{padding:0 0 0 4%;margin-top:1%}
    .tbl-list th{text-align:center;font-size:14px}
 	.tbl-list tr{height:50px;line-height:50px}
	.title-nav{width:100%;background:#5fabf7;padding:8px;color:#fff;font-weight:bold;font-size:13px;margin-bottom:3%}
	.img-item{}

	.rg .btn a{border:3px solid #494949;border-radius: 30px;}
	.rg1 .btn a{color:#fff;border-radius: 30px;border:3px solid #494949;}
	.navbar-default .navbar-nav>.tcm-nav a:hover{color:#2aa8ea;}
	.navbar-default .navbar-nav>.tcm-nav a:active{color:#2aa8ea;}
	.rg .btn a:hover{ -moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;border: 3px solid rgb(51,51,51);}
	.rg1 .btn a:hover{ color:#2aa8ea;-moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;border: 3px solid rgb(51,51,51);}
 
	.rg .btn:hover{background:#fff;border:2px solid #fff;color:black}
       .navbar-nav>li>a{    padding-top: 10px;
    padding-bottom: 10px;}
 	.navbar-default .navbar-nav>li>a{padding: 8px 18px;color:#fff}
 
       
}

@media screen and (max-width: 1192px) {
.placeholder{width:120%;margin-top:12px;}
.mybook{padding-left:0}
}

@media screen and (max-width: 992px) {
		.placeholder{width:120%;margin-top:12px;}
		.lf{margin-left:10%}
		.mid{margin:20px 0  0px 0px;padding-left:15%}
		.mid-v1{margin:0px 0;padding-left:15%}
		.mid-v{margin:20px 0;padding-left:15%}
		.mybook{}
		body{font-size:12px;margin:0px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}
		.camp:hover{cursor:pointer;background:#2aa8ea;border-radius:8%}
		.navbar-default .navbar-nav>li>a{color:#fff}
		.navbar-default .navbar-nav>li>a:hover{color:#fff;background:#2aa8ea;border-radius:200%}
}

@media screen and (max-width: 768px) {
	.col-xs-6{border-bottom:3px solid #fff}
	#con{background:#f2f2f2;padding:30px 0 0 0 ;text-align:center}
	.f-lo{text-align:center}
	#search{text-align:center;border:none}
	.placeholder{width:90%;margin-top:10px}
	.camp{background:#4f4f4f;color:#fff;padding:15px 8px;border:1px solid #fff;float:left;width:100%}
	.n{background:#4f4f4f}
	.mybook{margin-top:10px;text-align:center}
	body{font-size:15px}
	.mid-v{margin:20px 0  0; padding-left:0%}
	.mid{margin:20px 0 0 0;padding-left:0%}
	.mid-v1{margin:0px 0;padding-left:0%}
	.policy{display:inline-block}
	.tcm-nav{border-bottom:1px solid #fff;text-align:center}
	#tx{display:none	}
}

.btn-primary {
    background-image: -webkit-linear-gradient(top,#2aa8ea 0,#2aa8ea 100%);
    /* background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%); */
    background-repeat: repeat-x;
    border-color: #2aa8ea;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff2d6ca2',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.container{padding:0}
.navbar-default .navbar-nav>li>a:active{color:#fff}
.navbar-default .navbar-nav>li>a:visited{color:#fff}

 #navbar-main ul{margin-top:8px}
#navbar-main ul li{font-size:15px;font-weight:300;font-family:  Helvetica, Arial, sans-serif;}
.img-a img{width:100%;max-width:100%}
.navbar-default{background:rgb(51,51,51);color:#fff;border:none}
.navbar-collapse{background:rgb(51,51,51);color:#fff;}
.img-responsive{width:100%;max-width:100%;height:auto}
#footer{background:rgb(51,51,51);color:#fff;width:100%;padding:5px 0}
.slidesjs-play{display:none}
#footer-desc{background:rgb(51,51,51);color:#fff;width:100%;padding:5px 0}
#footer-desc .container{margin-top:18px;text-align:center}
#footer-desc ul{list-style:none;font-size:24px;padding:0px}
#footer-desc ul li{display:inline-block;}
#footer-desc ul li a{color:#fff;}
#kx{padding-top:20px;background:#f7f7f7}
.print-s .tit{width:100%;background:#3ca1d6;font-size:28px;padding-left:7.5%;color:#fff}
.print-s .tips{font-size:14px;margin-left:40%;    font-family: comic sans ms;}
.print-d {padding-top:20px;padding-bottom:20px}
.print-d table{width:60%}
.print-d .temp{float:left;width:18%}
.print-d .temp ul{list-style:none;margin:0px;padding:0px}
.print-d .temp p{font-size:14px;font-weight:bold;margin-bottom:20px}
.print-d .temp ul li{font-size:14px}
.print-d .temp-r{float:left;margin-left:30px}