html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, hr, input, textarea, select, radio, a {
	margin: 0;
	padding: 0;
	outline:none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
.my_select
{
	min-width:200px;
	height:50px;
	padding:10px;
	margin-left:345px;
	
	}
body {
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	overflow-x:hidden;
	z-index: 0
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
a{
	text-decoration: none;
}
a:active, a:hover {
	outline: 0;
	color: #333;
}
.image, img{
	max-width: 100%
}
ul{
	list-style: none;
}
html, body, input, textarea, select, button {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	color:#333; font-size:14px;
}
.lite{
	font-weight:300;
}
.semi{
	font-weight:400;
}
b, strong, .b {
	font-weight:500;
}
.bold{
	font-weight: 600;
}
html, body{
	/*font-size:100%;*/
	-webkit-font-smoothing: antialiased;
}
input, textarea, select, button{
	font-size:100%;
}
textarea, input, select, button, .boxsize{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.ast{color:red}
.fl{float:left}
.fr{float:right}
.ln{list-style:none}
.cp{cursor:pointer}
.alC{text-align: center}
.alL{text-align: left}
.alR{text-align: right}
/*--common margin*/
.mr {margin:5px}
.mr1 {margin:10px}
.mr2 {margin:20px}
.mr3 {margin:30px}
.mr4 {margin:40px}
.mrT {margin-top:5px}
.mrB {margin-bottom:5px}
.mrL {margin-left:5px}
.mrR {margin-right:5px}
.mrT1 {margin-top:10px}
.mrB1 {margin-bottom:10px}
.mrL1 {margin-left:10px}
.mrR1 {margin-right:10px}
.mrT2 {margin-top:20px}
.mrB2 {margin-bottom:20px}
.mrL2 {margin-left:20px}
.mrR2 {margin-right:20px}
.mrT3 {margin-top:30px}
.mrB3 {margin-bottom:30px}
.mrL3 {margin-left:30px}
.mrR3 {margin-right:30px}
.mrT4 {margin-top:40px}
.mrB4 {margin-bottom:40px}
.mrL4 {margin-left:40px}
.mrR4 {margin-right:40px}
.mrB5 {margin-bottom:50px}
.mrB6 {margin-bottom:60px}
/*theme color settings*/
.themeBg{
  background-color: #0072BA;
}
.themeLink, .hilite, .themeClr{
  color: #0072BA
}
/*some line heights*/
.lh20{line-height: 20px;}
.lh24{line-height: 24px;}
.lh36{line-height: 36px;}


.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
.container:after, .container:before {
	content: " ";
	display: table
}
.container:after {
	clear: both
}
.row {
	margin-left: -15px;
	margin-right: -15px
}
.row:after, .row:before {
	content: " ";
	display: table
}
.row:after {
	clear: both
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}
.col-md-20{
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
}
.col-md-20{
	width: 100%;
	float: none;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	float: left;
}
.col-xs-1 {
	width: 8.333333333333332%
}
.col-xs-2 {
	width: 16.666666666666664%
}
.col-xs-3 {
	width: 25%
}
.col-xs-4 {
	width: 33.33333333333333%
}
.col-xs-5 {
	width: 41.66666666666667%
}
.col-xs-6 {
	width: 50%
}
.col-xs-7 {
	width: 58.333333333333336%
}
.col-xs-8 {
	width: 66.66666666666666%
}
.col-xs-9 {
	width: 75%
}
.col-xs-10 {
	width: 83.33333333333334%
}
.col-xs-11 {
	width: 91.66666666666666%
}
.col-xs-12 {
	width: 100%
}

@media (min-width:768px) {
	.container {
		max-width: 750px
	}
	/*.container{width: 90%}*/
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
		float: left
	}
	.col-sm-1 {
		width: 8.333333333333332%
	}
	.col-sm-2 {
		width: 16.666666666666664%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-4 {
		width: 33.33333333333333%
	}
	.col-sm-5 {
		width: 41.66666666666667%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-7 {
		width: 58.333333333333336%
	}
	.col-sm-8 {
		width: 66.66666666666666%
	}
	.col-sm-9 {
		width: 75%
	}
	.col-sm-10 {
		width: 83.33333333333334%
	}
	.col-sm-11 {
		width: 91.66666666666666%
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-push-1 {
		left: 8.333333333333332%
	}
	.col-sm-push-2 {
		left: 16.666666666666664%
	}
	.col-sm-push-3 {
		left: 25%
	}
	.col-sm-push-4 {
		left: 33.33333333333333%
	}
	.col-sm-push-5 {
		left: 41.66666666666667%
	}
	.col-sm-push-6 {
		left: 50%
	}
	.col-sm-push-7 {
		left: 58.333333333333336%
	}
	.col-sm-push-8 {
		left: 66.66666666666666%
	}
	.col-sm-push-9 {
		left: 75%
	}
	.col-sm-push-10 {
		left: 83.33333333333334%
	}
	.col-sm-push-11 {
		left: 91.66666666666666%
	}
	.col-sm-pull-1 {
		right: 8.333333333333332%
	}
	.col-sm-pull-2 {
		right: 16.666666666666664%
	}
	.col-sm-pull-3 {
		right: 25%
	}
	.col-sm-pull-4 {
		right: 33.33333333333333%
	}
	.col-sm-pull-5 {
		right: 41.66666666666667%
	}
	.col-sm-pull-6 {
		right: 50%
	}
	.col-sm-pull-7 {
		right: 58.333333333333336%
	}
	.col-sm-pull-8 {
		right: 66.66666666666666%
	}
	.col-sm-pull-9 {
		right: 75%
	}
	.col-sm-pull-10 {
		right: 83.33333333333334%
	}
	.col-sm-pull-11 {
		right: 91.66666666666666%
	}
	.col-sm-offset-1 {
		margin-left: 8.333333333333332%
	}
	.col-sm-offset-2 {
		margin-left: 16.666666666666664%
	}
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333333333%
	}
	.col-sm-offset-5 {
		margin-left: 41.66666666666667%
	}
	.col-sm-offset-6 {
		margin-left: 50%
	}
	.col-sm-offset-7 {
		margin-left: 58.333333333333336%
	}
	.col-sm-offset-8 {
		margin-left: 66.66666666666666%
	}
	.col-sm-offset-9 {
		margin-left: 75%
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333333334%
	}
	.col-sm-offset-11 {
		margin-left: 91.66666666666666%
	}
	.col-md-20{
		width: 100%;
		float: none;
	}
}

@media (min-width:992px) {
	.container {
		max-width: 980px
	}
	.col-md-1, .col-md-10, .col-md-11, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
		float: left
	}
	.col-md-1 {
		width: 8.333333333333332%
	}
	.col-md-2 {
		width: 16.666666666666664%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-4 {
		width: 33.33333333333333%
	}
	.col-md-5 {
		width: 41.66666666666667%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-7 {
		width: 58.333333333333336%
	}
	.col-md-8 {
		width: 66.66666666666666%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-10 {
		width: 83.33333333333334%
	}
	.col-md-11 {
		width: 91.66666666666666%
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-push-0 {
		left: auto
	}
	.col-md-push-1 {
		left: 8.333333333333332%
	}
	.col-md-push-2 {
		left: 16.666666666666664%
	}
	.col-md-push-3 {
		left: 25%
	}
	.col-md-push-4 {
		left: 33.33333333333333%
	}
	.col-md-push-5 {
		left: 41.66666666666667%
	}
	.col-md-push-6 {
		left: 50%
	}
	.col-md-push-7 {
		left: 58.333333333333336%
	}
	.col-md-push-8 {
		left: 66.66666666666666%
	}
	.col-md-push-9 {
		left: 75%
	}
	.col-md-push-10 {
		left: 83.33333333333334%
	}
	.col-md-push-11 {
		left: 91.66666666666666%
	}
	.col-md-pull-0 {
		right: auto
	}
	.col-md-pull-1 {
		right: 8.333333333333332%
	}
	.col-md-pull-2 {
		right: 16.666666666666664%
	}
	.col-md-pull-3 {
		right: 25%
	}
	.col-md-pull-4 {
		right: 33.33333333333333%
	}
	.col-md-pull-5 {
		right: 41.66666666666667%
	}
	.col-md-pull-6 {
		right: 50%
	}
	.col-md-pull-7 {
		right: 58.333333333333336%
	}
	.col-md-pull-8 {
		right: 66.66666666666666%
	}
	.col-md-pull-9 {
		right: 75%
	}
	.col-md-pull-10 {
		right: 83.33333333333334%
	}
	.col-md-pull-11 {
		right: 91.66666666666666%
	}
	.col-md-offset-0 {
		margin-left: 0
	}
	.col-md-offset-1 {
		margin-left: 8.333333333333332%
	}
	.col-md-offset-2 {
		margin-left: 16.666666666666664%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-4 {
		margin-left: 33.33333333333333%
	}
	.col-md-offset-5 {
		margin-left: 41.66666666666667%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-7 {
		margin-left: 58.333333333333336%
	}
	.col-md-offset-8 {
		margin-left: 66.66666666666666%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-10 {
		margin-left: 83.33333333333334%
	}
	.col-md-offset-11 {
		margin-left: 91.66666666666666%
	}
	.col-md-20{
		width: 20%;
		float: left;
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 980px
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
		float: left
	}
	.col-lg-1 {
		width: 8.333333333333332%
	}
	.col-lg-2 {
		width: 16.666666666666664%
	}
	.col-lg-3 {
		width: 25%
	}
	.col-lg-4 {
		width: 33.33333333333333%
	}
	.col-lg-5 {
		width: 41.66666666666667%
	}
	.col-lg-6 {
		width: 50%
	}
	.col-lg-7 {
		width: 58.333333333333336%
	}
	.col-lg-8 {
		width: 66.66666666666666%
	}
	.col-lg-9 {
		width: 75%
	}
	.col-lg-10 {
		width: 83.33333333333334%
	}
	.col-lg-11 {
		width: 91.66666666666666%
	}
	.col-lg-12 {
		width: 100%
	}
	.col-lg-push-0 {
		left: auto
	}
	.col-lg-push-1 {
		left: 8.333333333333332%
	}
	.col-lg-push-2 {
		left: 16.666666666666664%
	}
	.col-lg-push-3 {
		left: 25%
	}
	.col-lg-push-4 {
		left: 33.33333333333333%
	}
	.col-lg-push-5 {
		left: 41.66666666666667%
	}
	.col-lg-push-6 {
		left: 50%
	}
	.col-lg-push-7 {
		left: 58.333333333333336%
	}
	.col-lg-push-8 {
		left: 66.66666666666666%
	}
	.col-lg-push-9 {
		left: 75%
	}
	.col-lg-push-10 {
		left: 83.33333333333334%
	}
	.col-lg-push-11 {
		left: 91.66666666666666%
	}
	.col-lg-pull-0 {
		right: auto
	}
	.col-lg-pull-1 {
		right: 8.333333333333332%
	}
	.col-lg-pull-2 {
		right: 16.666666666666664%
	}
	.col-lg-pull-3 {
		right: 25%
	}
	.col-lg-pull-4 {
		right: 33.33333333333333%
	}
	.col-lg-pull-5 {
		right: 41.66666666666667%
	}
	.col-lg-pull-6 {
		right: 50%
	}
	.col-lg-pull-7 {
		right: 58.333333333333336%
	}
	.col-lg-pull-8 {
		right: 66.66666666666666%
	}
	.col-lg-pull-9 {
		right: 75%
	}
	.col-lg-pull-10 {
		right: 83.33333333333334%
	}
	.col-lg-pull-11 {
		right: 91.66666666666666%
	}
	.col-lg-offset-0 {
		margin-left: 0
	}
	.col-lg-offset-1 {
		margin-left: 8.333333333333332%
	}
	.col-lg-offset-2 {
		margin-left: 16.666666666666664%
	}
	.col-lg-offset-3 {
		margin-left: 25%
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333333333%
	}
	.col-lg-offset-5 {
		margin-left: 41.66666666666667%
	}
	.col-lg-offset-6 {
		margin-left: 50%
	}
	.col-lg-offset-7 {
		margin-left: 58.333333333333336%
	}
	.col-lg-offset-8 {
		margin-left: 66.66666666666666%
	}
	.col-lg-offset-9 {
		margin-left: 75%
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333333334%
	}
	.col-lg-offset-11 {
		margin-left: 91.66666666666666%
	}
	.col-md-20{
		width: 20%;
		float: left;
	}
}


/*buttons style start*/
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=search] {
	-webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover {
	outline: 0!important;
	-webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border:0;
	padding:0
}
.uneditable- input:focus, button:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
	border-color: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: 0
}
.button {
	padding: 10px 24px;
	display: inline-block;
	background: 0 0;
	color: #0072BA;
	border: 2px solid #0072BA;
	outline: 0;
	position: relative;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	z-index: 1;
	border-radius: 2px;
	font-size:14px; font-weight:500;
}
.button:after {
	content: '';
	position: absolute;
	width: 0;
	z-index: -1;
	height: 100%;
	top: 0;
	left: 0;
	background: #0072BA;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.button:hover {
	color: #FFF;
}
.button:active:after, .button:hover:after {
	width: 100%
}
.button.primary {
	color: #EEE;
	border-color: #EEE
}
.button.primary:after {
	background: #FFF
}
.button.primary:hover {
	color: #484848
}

.button.grey {
	color: #fff;
	border-color: #666;
	background-color: #666
}
.button.grey:after {
	background: #444;
}
.button.grey:hover {
	backgroud-color: #444;
	color: white
}
.button.blue {
	color: #fff;
	border-color: #0072BA;
	background-color: #0072BA
}
.button.blue:after {
	background: #00609c
}
.button.blue:hover {
	backgroud-color: #00609c;
	color: white
}
.button.red {
	color: #fff;
	border-color: #e75854;
	background-color: #e75854
}
.button.red:after {
	background: #d54440
}
.button.red:hover {
	backgroud-color: #d54440;
	color: white
}
.button.small {
	font-size: 12px;
	text-transform: uppercase
}
button {
	display: inline-block;
	margin: 0 1em;
	border: 0;
	background: 0 0
}
button span {
	display: block
}
textarea, input, select, button, .boxsize{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
/* all form elements-- input, select, textarea, button style starts*/
input.inp, textarea.txt {
	background:#fff; 
	border:solid 1px #cccccc; 
	border-radius:2px; 
	-webkit-border-radius:2px; 
	width:100%; 
	padding:8px; 
	color:#666; 
	font-size:1em; 
	transition:.2s; 
	-webkit-transition:.2s;
}
input.inp:focus, textarea.txt:focus {
	border-color:rgba(2,56,120,.45); 
	box-shadow:0 0 6px rgba(2,56,120,.45);
}
select.sel {
	/*background:url(../images/select-arrow.png) no-repeat right center #fff; */
	background: #fff;
	border:solid 1px #ccc; 
	/*-webkit-appearance: none; */
	height:36px; 
	padding:5px 20px 5px 5px; 
	width:100%; 
    text-indent: 0.01px;
    text-overflow: '';
}
.clearfix:before, .clearfix:after {display:table; content: " ";}
.clearfix:after {clear: both;}
.clearfix {clear:both; display:block;}
/*icons style*/
/*spirit styles icons styles*/
[class^="ic-"]{
  background-image: url('../images/spirit.png');
  background-repeat: no-repeat;
  display: inline-block;
}
.ic-flag{
  width: 45px;
  height: 36px;
}
.ic-flag.ind{background-position:-255px 0}
.ic-flag.chn{background-position:-255px -36px}

.ic-36{
  width: 36px;
  height: 36px;
}
.ic-36.addr{background-position: 0 0}
.ic-36.tel{background-position: -36px 0}
.ic-36.mail{background-position:-72px 0}

/*inquiry popup style*/
.popupinfo{
	background:#0072ba;
	box-shadow:inset 0px -10px 10px 0px rgba(0,0,0,.1),0px 0px 7px 0px rgba(0,0,0,.6);
	border-radius:3px;
	padding:10px;
	color:#fff;
	text-align:left;
	z-index:4;
	position:absolute;
	/*top:25px;*/
}

.popupinfo:after{
	content:'';
	position:absolute;
	left:50%;
	margin-left:-7px;
	top:-7px;
	width:0px;
	height:0px;
	border-bottom:7px solid #0072ba;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	background:url(../img/trangle.png) no-repeat 50% 0%;
}









