/* CSS Document */
@font-face {
    font-family: Arial;
    src: url('/fonts/arial-webfont.eot');
    src: url('/fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/arial-webfont.woff2') format('woff2'),
         url('/fonts/arial-webfont.woff') format('woff'),
         url('/fonts/arial-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Arial;
    src: url('/fonts/arialbd-webfont.eot');
    src: url('/fonts/arialbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/arialbd-webfont.woff2') format('woff2'),
         url('/fonts/arialbd-webfont.woff') format('woff'),
         url('/fonts/arialbd-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: Arial;
    src: url('/fonts/ariali-webfont.eot');
    src: url('/fonts/ariali-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ariali-webfont.woff2') format('woff2'),
         url('/fonts/ariali-webfont.woff') format('woff'),
         url('/fonts/ariali-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
	font-family: 'supermarket';
	src: url('/fonts/supermarket.eot');
	src: url('/fonts/supermarket.eot?#iefix') format('embedded-opentype'),
		url('/fonts/supermarket.woff') format('woff'),
		url('/fonts/supermarket.ttf') format('truetype'),
		url('/fonts/supermarket.svg#supermarket') format('svg');
	font-weight: normal;
	font-style: normal;
}







html,body,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,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;
}
body{
	font-family: Arial;
	font-size: 16px;
	width: 100%;
	height: 100%; /* force the BODY element to match the height of the HTML element */
}
a{
	text-decoration: none;
	color: #ed1c24;
}
a:hover{
	text-decoration: underline;
}
a.nounder:hover{
	text-decoration: none;
}
.a{
	cursor: pointer;
}
.font-arial{
	font-family: Arial;
}
.font-andes-condensed{
	font-family: Andes Condensed;
}

img.grayscale{/*ทำให้ภาพมีสีเทา*/
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.cb{clear:both}
.hid{display:none;}
.show{display:block;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ok ,
.ok a{
	font-size: 30px;
	color: #060;
}
.ok a{
	font-size: 30px;
	color: #C00;
}

.er ,
.er a{
	font-size: 30px;
	color: #C00;
}

hr.line{
	background-color: #cacaca;
	color: #cacaca;
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	width:100%;
}
.circle{
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	border-radius: 500px;
}
.bg-grey{background-color: #ececec;}
.bg-orange{background-color: #d3410e;}
.bg-red{background-color: #bd2c2f;}
.bg-white{background-color: #FFF;}
.bg-dot{background-image: url(images/bg-dot.jpg);}
.bg-black-white{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,231,233,1) 50%, rgba(230,231,233,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(230,231,233,1)), color-stop(100%, rgba(230,231,233,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,231,233,1) 50%, rgba(230,231,233,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,231,233,1) 50%, rgba(230,231,233,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,231,233,1) 50%, rgba(230,231,233,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,231,233,1) 50%, rgba(230,231,233,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7e9', GradientType=1 );
}
.bg-world{
	background-image: url(images/bg_world.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.input:required:invalid, .input:focus:invalid {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

    background-image: url(images/invalid.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.input:required:valid {
    background-image: url(images/valid.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.input{
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(236,236,236,1);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(236,236,236,1);
	box-shadow: inset 0px 0px 5px 0px rgba(236,236,236,1);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d5d4d4;
	position: relative;
	width: 100%;
	display: block;
	height: 33px;
	line-height: 33px;
	color: #5e5e5e;
	font-family: supermarket;
	font-size:20px;
	padding: 3px;
}
.btn,
a.btn{
	font-family: supermarket;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 5px;
	cursor: pointer;
	display: inline-block;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #ed1b24;
	text-align: center;
}
.btn:hvoer,
a.btn:hvoer{
	text-decoration: none;
}
.btn.btnloading,
a.btn.btnloading{
	color: #666;
	background-color: #FFF;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
	cursor: default;
	background-size: 15px;
	border: 1px solid #CCC;
}
.btn.btnGr{
	color: #c2c2c2;
	background-color: #ececec;
	border-top-color: #777777;
	border-right-color: #777777;
	border-bottom-color: #777777;
	border-left-color: #777777;
}
.btn.btnGr:hover{
	color: #d2400d;
	border-top-color: #d2400d;
	border-right-color: #d2400d;
	border-bottom-color: #d2400d;
	border-left-color: #d2400d;
}
.btn.btnOr{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f67c2f+0,ec3815+100 */
	background: #f67c2f; /* Old browsers */
	background: -moz-linear-gradient(top,  #f67c2f 0%, #ec3815 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f67c2f 0%,#ec3815 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f67c2f 0%,#ec3815 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67c2f', endColorstr='#ec3815',GradientType=0 ); /* IE6-9 */
	text-transform: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn.btnOr:hover{
	text-decoration: none;
}
.btn-green,
a.btn-green{
	border: 1px solid #1d7755;
	font-size: 16px;
	line-height: 20px;
	color: #1d7755;
	text-transform: uppercase;
	margin: 5px;
	cursor: pointer;
	display: inline-block;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	text-decoration: none;
}
btn-green:hvoer,
a.btn-green:hvoer{
	text-decoration: none;
}

.btn.btn-loading,
.btn-loading{
	background-image: url(images/loading_s.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-left: 20px;
	background-color: #FFF;
	border: 1px solid #CCC;
	color: #666;
}
.btn.btnMb{
	max-width: 300px;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	display: block;
}
/*===================SELECT==================*/
.BoxSelectList select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-overflow: '';
	color: #777777;
	text-align: left;
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 26px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
}
.BoxSelectList select.select_lg {
	padding-left: 26px;
	background-image: url(images/ico-fs-world.png);
}
.BoxSelectList{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #c7c7c7;
	border-radius: 3px;
	overflow: hidden;
	background-image: url(images/ico-fs-select.png);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFF;
	display: inline-block;
}
/*===================SELECT==================*/

/*===================BUBBLE==================*/
.bubble1
{
position: relative;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #c1c1c1 solid 1px;
}
.bubble1:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 10px 10px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -10px;
left: 158px;
}
.bubble1:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 10px 10px;
border-color: #c1c1c1 transparent;
display: block;
width: 0;
z-index: 0;
top: -11px;
left: 158px;
}
/*===================BUBBLE==================*/

.clred{/*===วงกลมสีแดง===*/
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	background-color: #F00;
	display: inline-block;
	color: #FFF;
	padding: 2px;
	height:22px;
	min-width:22px;
	line-height:15px;
	text-align:center;
}



.col-back{color:#000}
.col-red1{color:#ed1c24}
.col-grey1{color:#58585a}
.col-green{color: #009900}
.col-white{color:#FFF}
.col-yellow{color: #FF0}
.col-orange{color: #ea7009}

.font-nomal{font-style: normal;font-weight: normal;}
.font-b{font-weight: bold;}
.font-i{font-style: italic;}
.font-bi{font-style: italic;font-weight: bold;}
.font-upper{text-transform: uppercase;}
.font-lower{text-transform: lowercase;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-top{vertical-align: top;}
.text-middle{vertical-align: middle;}
.text-bottom{vertical-align: bottom;}
.line-height0{line-height: 0px;}

.show_mobile{display:none;}

.bx1000{
	width: 100%;
	max-width: 1000px;
	position:relative;
	margin: auto;
}

s, strike {
    text-decoration: none;    /*we're replacing the default line-through*/
    position: relative;
    display: inline-block; /* don't wrap to multiple lines */
}
s:after, strike:after {
    content:"";    /* required property */
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid red;
    height: 45%;    /* adjust as necessary, depending on line thickness */
    /* or use calc() if you don't need to support IE8: */
    height: calc(50% - 1px); /* 1px = half the line thickness */
    width: 100%;
	-webkit-transform: rotateZ(-6deg);
	-moz-transform: rotateZ(-6deg);
	-ms-transform: rotateZ(-6deg);
    transform: rotateZ(-6deg);
}


.size-5{font-size: 5px;}
.size-6{font-size: 6px;}
.size-7{font-size: 7px;}
.size-8{font-size: 8px;}
.size-9{font-size: 9px;}
.size-10{font-size: 10px;}
.size-11{font-size: 11px;}
.size-12{font-size: 12px;}
.size-14{font-size: 14px;}
.size-16{font-size: 16px;}
.size-18{font-size: 18px;}
.size-20{font-size: 20px;}
.size-22{font-size: 22px;line-height: 32px;}
.size-24{font-size: 24px;}
.size-26{font-size: 26px;line-height: 34px;}
.size-28{font-size: 28px;line-height: 36px;}
.size-30{font-size: 30px;line-height: 38px;}
.size-32{font-size: 32px;line-height: 38px;}
.size-34{font-size: 34px;}
.size-36{font-size: 36px;line-height: 48px;}
.size-38{font-size: 38px;line-height: 50px;}
.size-40{font-size: 40px;line-height: 52px;}
.size-42{font-size: 42px;line-height: 54px;}
.size-44{font-size: 44px;}
.size-46{font-size: 46px;line-height: 60px;}
.size-48{font-size: 48px;}
.size-50{font-size: 50px;line-height: 63px;}
.size-52{font-size: 52px;}
.size-54{font-size: 54px;}
.size-56{font-size: 56px;}
.size-58{font-size: 58px;}
.size-60{font-size: 60px;}
.size-62{font-size: 62px;}
.size-64{font-size: 64px;}
.size-66{font-size: 66px;}
.size-68{font-size: 68px;}
.size-70{font-size: 70px;}

.size-em-10{font-size: 1em;}
.size-em-11{font-size: 1.1em;}
.size-em-12{font-size: 1.2em;}
.size-em-13{font-size: 1.3em;}
.size-em-14{font-size: 1.4em;}
.size-em-15{font-size: 1.5em;}
.size-em-16{font-size: 1.6em;}
.size-em-17{font-size: 1.7em;}
.size-em-18{font-size: 1.8em;}
.size-em-19{font-size: 1.9em;}
.size-em-20{font-size: 2em;}

.color-rad{color: #a2362a;}
.color-white{color: #FFF;}
.color-black{color: #000;}
.color-gray{color: #666666;}
.color-gray2{color: #5D5D5D;}

.margin-auto{margin:auto;}
.margin-no{margin: 0px;}
.margin-left-no{margin-left: 0px;}
.margin-right-no{margin-right: 0px;}
.margin-top-no{margin-top: 0px;}
.margin-bottom-no{margin-bottom: 0px;}
.padding-no{padding: 0px;}
.padding-left-no{padding-left: 0px;}
.padding-right-no{padding-right: 0px;}
.padding-top-no{padding-top: 0px;}
.padding-bottom-no{padding-bottom: 0px;}
.box-center{margin-left:auto; margin-right:auto;}

.position-absolute{position:absolute;}
.position-relative{position:relative;}

.bx-row:after, .bx-row:before {content:" ";display:table; }
.bx-row:after {clear:both; }
.l , .r{position: relative;}
.float-left , .l , .r{float:left;}
.float-right{float:right;}
.float-none{float:none;}
.bx-row.bx-row-tb30{
	padding-top: 30px;
	padding-bottom: 30px;
}
.border-no{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


p{margin:0 0 10px}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
  content:" ";
  display:table;
}
.clearfix:after,
.row:after {
  clear:both;
}


/*.ellipsis {
	overflow: hidden;
	height: 200px;
	line-height: 25px;
	margin: 20px;
	border: 5px solid #AAA;
}*/
.ellipsis {
	overflow: hidden;
}
.ellipsis:before {
	content: "";
	float: left;
	width: 5px;
	height: 200px;
}
.ellipsis > *:first-child {
	float: right;
	width: 100%;
	margin-left: -5px;
}		
.ellipsis:after {
	content: "\02026";
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	float: right;
	position: relative;
	top: -25px;
	left: 100%;
	width: 3em;
	margin-left: -3em;
	padding-right: 5px;
	text-align: right;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}


/*
mobile (xs)Phones (<768px), 
tablet (sm)Tablets (≥768px), 
desktop ขนาดกลาง (md)Desktops (≥992px), 
desktop ขนาดใหญ่ (lg)Desktops (≥1200px)
http://getbootstrap.com/css/#grid-options
*/
.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:12px;padding-right:12px}
@media (min-width:768px){.container{width:744px}}
@media (min-width:992px){.container{width:964px}}
@media (min-width:1200px){.container{width:1164px}}
.row{/*margin-left:-12px;margin-right:-12px*/}
.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.col-box{position:relative;min-height:1px;padding-left:12px;padding-right:12px}
.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{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.666%}
.col-xs-10{width:83.333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.666%}
.col-xs-7{width:58.333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.666%}
.col-xs-4{width:33.333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.666%}
.col-xs-1{width:8.333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.666%}
.col-xs-pull-10{right:83.333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.666%}
.col-xs-pull-7{right:58.333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.666%}
.col-xs-pull-4{right:33.333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.666%}
.col-xs-pull-1{right:8.333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.666%}
.col-xs-push-10{left:83.333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.666%}
.col-xs-push-7{left:58.333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.666%}
.col-xs-push-4{left:33.333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.666%}
.col-xs-push-1{left:8.333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.666%}
.col-xs-offset-10{margin-left:83.333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.666%}
.col-xs-offset-7{margin-left:58.333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.666%}
.col-xs-offset-4{margin-left:33.333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.666%}
.col-xs-offset-1{margin-left:8.333%}
.col-xs-offset-0{margin-left:0}
@media (min-width:768px){
	.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{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.666%}
	.col-sm-10{width:83.333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.666%}
	.col-sm-7{width:58.333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.666%}
	.col-sm-4{width:33.333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.666%}
	.col-sm-1{width:8.333%}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.666%}
	.col-sm-pull-10{right:83.333%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.666%}
	.col-sm-pull-7{right:58.333%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.666%}
	.col-sm-pull-4{right:33.333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.666%}
	.col-sm-pull-1{right:8.333%}
	.col-sm-pull-0{right:auto}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.666%}
	.col-sm-push-10{left:83.333%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.666%}
	.col-sm-push-7{left:58.333%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.666%}
	.col-sm-push-4{left:33.333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.666%}
	.col-sm-push-1{left:8.333%}
	.col-sm-push-0{left:auto}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.666%}
	.col-sm-offset-10{margin-left:83.333%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.666%}
	.col-sm-offset-7{margin-left:58.333%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.666%}
	.col-sm-offset-4{margin-left:33.333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.666%}
	.col-sm-offset-1{margin-left:8.333%}
	.col-sm-offset-0{margin-left:0}
}
@media (min-width:992px){
	.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{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.666%}
	.col-md-10{width:83.333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.666%}
	.col-md-7{width:58.333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.666%}
	.col-md-4{width:33.333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.666%}
	.col-md-1{width:8.333%}
	.col-md-pull-12{right:100%}
	.col-md-pull-11{right:91.666%}
	.col-md-pull-10{right:83.333%}
	.col-md-pull-9{right:75%}
	.col-md-pull-8{right:66.666%}
	.col-md-pull-7{right:58.333%}
	.col-md-pull-6{right:50%}
	.col-md-pull-5{right:41.666%}
	.col-md-pull-4{right:33.333%}
	.col-md-pull-3{right:25%}
	.col-md-pull-2{right:16.666%}
	.col-md-pull-1{right:8.333%}
	.col-md-pull-0{right:auto}
	.col-md-push-12{left:100%}
	.col-md-push-11{left:91.666%}
	.col-md-push-10{left:83.333%}
	.col-md-push-9{left:75%}
	.col-md-push-8{left:66.666%}
	.col-md-push-7{left:58.333%}
	.col-md-push-6{left:50%}
	.col-md-push-5{left:41.666%}
	.col-md-push-4{left:33.333%}
	.col-md-push-3{left:25%}
	.col-md-push-2{left:16.666%}
	.col-md-push-1{left:8.333%}
	.col-md-push-0{left:auto}
	.col-md-offset-12{margin-left:100%}
	.col-md-offset-11{margin-left:91.666%}
	.col-md-offset-10{margin-left:83.333%}
	.col-md-offset-9{margin-left:75%}
	.col-md-offset-8{margin-left:66.666%}
	.col-md-offset-7{margin-left:58.333%}
	.col-md-offset-6{margin-left:50%}
	.col-md-offset-5{margin-left:41.666%}
	.col-md-offset-4{margin-left:33.333%}
	.col-md-offset-3{margin-left:25%}
	.col-md-offset-2{margin-left:16.666%}
	.col-md-offset-1{margin-left:8.333%}
	.col-md-offset-0{margin-left:0}
}
@media (min-width:1200px){
	.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{float:left}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.666%}
	.col-lg-10{width:83.333%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.666%}
	.col-lg-7{width:58.333%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.666%}
	.col-lg-4{width:33.333%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.666%}
	.col-lg-1{width:8.333%}
	.col-lg-pull-12{right:100%}
	.col-lg-pull-11{right:91.666%}
	.col-lg-pull-10{right:83.333%}
	.col-lg-pull-9{right:75%}
	.col-lg-pull-8{right:66.666%}
	.col-lg-pull-7{right:58.333%}
	.col-lg-pull-6{right:50%}
	.col-lg-pull-5{right:41.666%}
	.col-lg-pull-4{right:33.333%}
	.col-lg-pull-3{right:25%}
	.col-lg-pull-2{right:16.666%}
	.col-lg-pull-1{right:8.333%}
	.col-lg-pull-0{right:auto}
	.col-lg-push-12{left:100%}
	.col-lg-push-11{left:91.666%}
	.col-lg-push-10{left:83.333%}
	.col-lg-push-9{left:75%}
	.col-lg-push-8{left:66.666%}
	.col-lg-push-7{left:58.333%}
	.col-lg-push-6{left:50%}
	.col-lg-push-5{left:41.666%}
	.col-lg-push-4{left:33.333%}
	.col-lg-push-3{left:25%}
	.col-lg-push-2{left:16.666%}
	.col-lg-push-1{left:8.333%}
	.col-lg-push-0{left:auto}
	.col-lg-offset-12{margin-left:100%}
	.col-lg-offset-11{margin-left:91.666%}
	.col-lg-offset-10{margin-left:83.333%}
	.col-lg-offset-9{margin-left:75%}
	.col-lg-offset-8{margin-left:66.666%}
	.col-lg-offset-7{margin-left:58.333%}
	.col-lg-offset-6{margin-left:50%}
	.col-lg-offset-5{margin-left:41.666%}
	.col-lg-offset-4{margin-left:33.333%}
	.col-lg-offset-3{margin-left:25%}
	.col-lg-offset-2{margin-left:16.666%}
	.col-lg-offset-1{margin-left:8.333%}
	.col-lg-offset-0{margin-left:0}
}

.width-10{ width:10%}
.width-20{ width:20%}
.width-30{ width:30%}
.width-33{ width:33.333%}
.width-40{ width:40%}
.width-45{ width:45%}
.width-47{ width:47%}
.width-50{ width:50%}
.width-60{ width:60%}
.width-70{ width:70%}
.width-75{ width:75%}
.width-80{ width:80%}
.width-90{ width:90%}
.width-95{ width:95%}
.width-97{ width:97%}
.width-100{ width:100%}

.space{max-height:1px;min-height:1px;overflow:hidden;margin:12px 0}
[class*=vspace-]{display:none}
.space-32,[class*=vspace-32]{max-height:1px;min-height:1px;overflow:hidden;margin:32px 0 31px}
.space-30,[class*=vspace-30]{max-height:1px;min-height:1px;overflow:hidden;margin:30px 0 29px}
.space-28,[class*=vspace-28]{max-height:1px;min-height:1px;overflow:hidden;margin:28px 0 27px}
.space-26,[class*=vspace-26]{max-height:1px;min-height:1px;overflow:hidden;margin:26px 0 25px}
.space-24,[class*=vspace-24]{max-height:1px;min-height:1px;overflow:hidden;margin:24px 0 23px}
.space-22,[class*=vspace-22]{max-height:1px;min-height:1px;overflow:hidden;margin:22px 0 21px}
.space-20,[class*=vspace-20]{max-height:1px;min-height:1px;overflow:hidden;margin:20px 0 19px}
.space-18,[class*=vspace-18]{max-height:1px;min-height:1px;overflow:hidden;margin:18px 0 17px}
.space-16,[class*=vspace-16]{max-height:1px;min-height:1px;overflow:hidden;margin:16px 0 15px}
.space-14,[class*=vspace-14]{max-height:1px;min-height:1px;overflow:hidden;margin:14px 0 13px}
.space-12,[class*=vspace-12]{max-height:1px;min-height:1px;overflow:hidden;margin:12px 0 11px}
.space-10,[class*=vspace-10]{max-height:1px;min-height:1px;overflow:hidden;margin:10px 0 9px}
.space-8,[class*=vspace-8]{max-height:1px;min-height:1px;overflow:hidden;margin:8px 0 7px}
.space-6,[class*=vspace-6]{max-height:1px;min-height:1px;overflow:hidden;margin:6px 0 5px}
.space-4,[class*=vspace-4]{max-height:1px;min-height:1px;overflow:hidden;margin:4px 0 3px}
.space-2,[class*=vspace-2]{max-height:1px;min-height:1px;overflow:hidden;margin:2px 0 1px}
.space-0,[class*=vspace-0]{max-height:1px;min-height:1px;overflow:hidden;margin:0}

.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important;visibility:hidden!important}
.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}
@media (max-width:767px){.visible-xs-block{display:block!important}}
@media (max-width:767px){.visible-xs-inline{display:inline!important}}
@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}
@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}
@media (min-width:1200px){.visible-lg-block{display:block!important}}
@media (min-width:1200px){.visible-lg-inline{display:inline!important}}
@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}
@media (max-width:767px){.hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}
@media (min-width:1200px){.hidden-lg{display:none!important}}
@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}
@media print{.visible-print-block{display:block!important}}
@media print{.visible-print-inline{display:inline!important}}
@media print{.visible-print-inline-block{display:inline-block!important}}
@media print{.hidden-print{display:none!important}}



/*==========STYLE_1000px===========*/
@media (max-width:1017px){
	.hidden-1000{display:none!important}
}




/*animation==================================*/

.animated {
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
@-webkit-keyframes zoomIn {
	0% {
		opacity:0;
		-webkit-transform:scale3d(.3,.3,.3);
		transform:scale3d(.3,.3,.3)
	}
	50% {
		opacity:1
	}
}
@keyframes zoomIn {
	0% {
		opacity:0;
		-webkit-transform:scale3d(.3,.3,.3);
		transform:scale3d(.3,.3,.3)
	}
	50% {
		opacity:1
	}
}
.zoomIn {
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn
}
@-webkit-keyframes zoomOut {
	0% {
		opacity:1
	}
	50% {
		opacity:0;
		-webkit-transform:scale3d(.3,.3,.3);
		transform:scale3d(.3,.3,.3)
	}
	100% {
		opacity:0
	}
}
@keyframes zoomOut {
	0% {
		opacity:1
	}
	50% {
		opacity:0;
		-webkit-transform:scale3d(.3,.3,.3);
		transform:scale3d(.3,.3,.3)
	}
	100% {
		opacity:0
	}
}
.zoomOut {
	-webkit-animation-name:zoomOut;
	animation-name:zoomOut
}
@-webkit-keyframes fadeIn {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@keyframes fadeIn {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes fadeOut {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@keyframes fadeOut {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
.fadeOut {
	-webkit-animation-name:fadeOut;
	animation-name:fadeOut
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity:1
	}
	100% {
		opacity:0;
		-webkit-transform:translate3d(-20%,0,0);
		transform:translate3d(-20%,0,0)
	}
}
@keyframes fadeOutLeft {
	0% {
		opacity:1
	}
	100% {
		opacity:0;
		-webkit-transform:translate3d(-20%,0,0);
		transform:translate3d(-20%,0,0)
	}
}
.fadeOutLeft {
	-webkit-animation-name:fadeOutLeft;
	animation-name:fadeOutLeft
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translate3d(-20%,0,0);
		transform:translate3d(-20%,0,0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translate3d(-20%,0,0);
		transform:translate3d(-20%,0,0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translate3d(20%,0,0);
		transform:translate3d(20%,0,0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translate3d(20%,0,0);
		transform:translate3d(20%,0,0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity:1
	}
	100% {
		opacity:0;
		-webkit-transform:translate3d(20%,0,0);
		transform:translate3d(20%,0,0)
	}
}
@keyframes fadeOutRight {
	0% {
		opacity:1
	}
	100% {
		opacity:0;
		-webkit-transform:translate3d(20%,0,0);
		transform:translate3d(20%,0,0)
	}
}
.fadeOutRight {
	-webkit-animation-name:fadeOutRight;
	animation-name:fadeOutRight
}

/*==========================*/
