@import "font.css";

 @charset "utf-8";

body {

	margin: 0px auto;

	padding: 0px auto;

	font-size: 13px;

	line-height: 22px;

	font-family: Arial, Helvetica, Tahoma, sans-serif;

	font-weight: normal;

}

* {

	margin: 0px auto;

	padding: 0px auto;

	outline: none;

	text-decoration: none;

}

.clr {

	clear: both;

}

ul {

	padding: 0px;

}

img {

	border: 0;

}

.pagewrap {

	position: relative;

	width: 1200px;

	margin: 0 auto;

}

.padding_pagewrap {

	padding: 0 10px;

}

#menuMobile{

	display:none;

}

.showText {

	padding: 0 5px

}

.showText h2, .contact h2 {

	font-size: 16px;

	font-weight: bold;

	color: #004993;

	padding-bottom: 15px;

	text-transform: capitalize;

}

.showText p {

	padding-bottom: 15px;

}

.showText img {

	display: block;

	margin: 0 auto;

	height: auto;

	max-width: 100%;

}

.showText ul {

	padding-bottom: 15px;

}

.showText ul li {

	margin-left: 35px;

}

.header {

padding: 15px 0;

background: #174577;

/* margin-bottom: 20px; */
}

.logo_top {

	float: left;

}

.logo_top img {

height: 110px;

width: auto;
}

.right_header {

float: right;

padding: 20px 5px;
}

.right_header ul {

	border-bottom: dashed #666666 1px;

	padding-bottom: 10px;

	margin-bottom: 15px;

}

.right_header ul li {

padding: 0 3px;

color: #fff;

text-transform: capitalize;

float: left;

font-size: 14px;

font-weight: 500;

list-style: none;

position: relative;
}
.thongtincty{float:left;text-align:center;width: 465px;color:#fff;margin-left:20px;padding: 10px 0;}
.thongtincty h2{color:#FF0;}
#menu {
	text-align: center;
	line-height: 0;
}
#menu > li {
	display: inline-block;
	vertical-align: text-top;
	position: relative;
}
#menu > li > a {
	padding: 0 18px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
#menu li:hover > a {
	background: #b4252d;
	color: #fff;
}
#menu li a {
	display: block;
	height: 45px;
	line-height: 45px;
	position: relative;
	z-index: 5;
	color: #ff0;
}
#menu li ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 11;
	margin-top: 15px;
	border-bottom: solid 4px #b4252d;
	border-left: solid 1px #b4252d;
	box-shadow: 2px 1px 2px rgba(0,0,0,.3);
	visibility: hidden;
	opacity: 0;
	padding-top: 15px;
	background: #fff;
}
#menu li li {
	position: relative;
}
#menu li:hover li ul {
	top: 0px;
	left: 100%;
	opacity: 0;
	visibility: hidden;
	margin-left: 20px;
}
#menu li:hover ul, #menu li:hover li:hover ul {
	margin-top: 0;
	margin-left: 0;
	visibility: visible;
	opacity: 1;
}
#menu li ul li {
	white-space: nowrap;
	text-align: left;
	display: block;
	background: #fff;
	padding: 0 15px;
}
#menu li ul li:last-child {
	padding-bottom: 10px;
}
#menu li ul li a {
	padding: 0 15px;
	border-bottom: solid 1px #F0F0F5;
	border-top: solid 1px #fff;
	line-height: 35px;
	height: 35px;
	position: relative;
	text-transform: capitalize;
	color: #333;
	transition: padding .2s linear;
	-webkit-transition: padding .2s linear;
	-moz-transition: padding .2s linear;
	-o-transition: padding .2s linear;
	-ms-transition: padding .2s linear;
}
#menu li ul li:first-child a {
	border-top: none;
}
#menu li ul li:last-child a {
	border-bottom: none;
}
#menu li ul li > a:before {
	content: attr(icons);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 18px;
	line-height: 35px;
	transition: left .2s linear;
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-o-transition: left .2s linear;
	-ms-transition: left .2s linear;
}
#menu li ul li:hover > a {
	padding: 0 10px 0 20px;
}
#menu li ul li:hover > a:before {
	left: 8px;
}
#menu li ul li li:first-child {
	padding-top: 10px;
}
#menu li ul li ul {
	padding: 0;
}
.main_menu{
    /* padding: 15px 0; */
    background: #174577;
    margin-bottom: 20px;
}
.list_tour ul h2 a, .list_tour ul p a, .footer ul li a, .link_thongtin_id ul li a, .tour_dulich h2 a, .tour_dulich h3 a, .hotel_id ul h2 a, .tour_hot_home ul h2 a, .tour_home_id ul h2 a, .tour_home_id ul h3 a, .tour_hot_home ul h3 a {

	color: #004993;

}
.right_header ul li a,.right_header h2 a{color:#fff;}
.footer p a:hover, .list_tour ul h2 a:hover, .list_tour ul p a:hover, .footer ul li a:hover, .footer p a:hover, .link_thongtin_id ul li a:hover, .tour_dulich h2 a:hover, .tour_dulich h3 a:hover, .hotel_id ul h2 a:hover, .tour_home_id ul h2 a:hover, .tour_home_id ul h3 a:hover, .tour_hot_home ul h3 a:hover, .tour_hot_home ul h2 a:hover {

	color: #960202;

	text-decoration: underline;

}
.right_header ul li a:hover, .right_header h2 a:hover{color:#9F0;}
#menu li ul {

	position: absolute;

	top: 100%;

	left: 0;

	z-index: 11;

	margin-top: 15px;

	border-bottom: solid 4px #eee;

	border-left: solid 1px #eee;

	border-right: solid 1px #eee;

	box-shadow: 2px 1px 2px rgba(0,0,0,.3);

	visibility: hidden;

	opacity: 0;

	padding-top: 15px;

	background: #fff;

}

#menu li li {

	position: relative;

}

#menu li:hover li ul {

	top: 0px;

	left: 100%;

	opacity: 0;

	visibility: hidden;

	margin-left: 20px;

}

#menu li:hover ul, #menu li:hover li:hover ul {

	margin-top: 0;

	margin-left: 0;

	visibility: visible;

	opacity: 1;

}

#menu li ul li {

	white-space: nowrap;

	text-align: left;

	display: block;

	background: #fff;

	padding: 0 15px;

}

#menu li ul li:last-child {

	padding-bottom: 10px;

}

#menu li ul li a {

	padding: 0 15px;

	border-bottom: solid 1px #F0F0F5;

	border-top: solid 1px #fff;

	line-height: 35px;

	height: 35px;

	position: relative;

	text-transform: capitalize;

	color: #333;

	transition: padding .2s linear;

	-webkit-transition: padding .2s linear;

	-moz-transition: padding .2s linear;

	-o-transition: padding .2s linear;

	-ms-transition: padding .2s linear;

}

#menu li ul li:first-child a {

	border-top: none;

}

#menu li ul li:last-child a {

	border-bottom: none;

}

#menu li ul li > a:before {

	content: attr(icons);

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	font-size: 18px;

	line-height: 15px;

	transition: left .2s linear;

	-webkit-transition: left .2s linear;

	-moz-transition: left .2s linear;

	-o-transition: left .2s linear;

	-ms-transition: left .2s linear;

}

#menu li ul li:hover > a {

	padding: 0 10px 0 20px;

}

#menu li ul li:hover > a:before {

	left: 8px;

}

#menu li ul li li:first-child {

	padding-top: 10px;

}

#menu li ul li ul {

	padding: 0;

}

.right_header h2 {

padding: 0 5px;

color: #fff;

text-transform: capitalize;

float: right;

font-size: 13px;

font-weight: bold;

list-style: none;
}

.right_header h2 img {

	padding-right: 5px;

}

.left_conten {

	float: left;

	width: 285px;

}

.right_conten {

	float: right;

	width: 900px;

}

.conten_page {

	float: left;

	width: 680px;

}

.right_conten_page {

	float: right;

	width: 205px;

}

.bannerInside {

	height: 350px;

	width: 100%;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

}

.bannerMain {

	position: relative;

	overflow: hidden;

	height: 350px;

	padding: 5px;

	background: #ffffff;

	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);

	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);

	box-shadow: 0 0 8px rgba(0,0,0,0.5);

	margin-bottom: 10px;

}

.banner li {

	float: left;

	width: 100%;

	height: 350px;

	list-style: none;

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat;

	cursor: default;

	position: relative;

}

.posBL {

	left: 0px;

	bottom: 0px;

}

.pagiBanner {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 20px;

	margin: auto;

	width: auto;

	text-align: center;

	z-index: 10;

}

.pagiBanner a {

	display: inline-block;

	vertical-align: text-top;

	width: 10px;

	height: 10px;

	background: #ccc;


	text-indent: -100000px;

	margin: 0 4px;

	box-shadow: 1px 1px 3px rgba(0,0,0,.2);

	border: solid #fff 2px;

	border-radius: 500px;

	-webkit-border-radius: 500px;

	-moz-border-radius: 500px;

}

.pagiBanner a.selected {

	background: #248155;

	border: solid #FFF 2px;

}

.box_id_border {

	border: solid #CCC 1px;

	background: #F3F3F3;

	margin-bottom: 10px;/* box-shadow: 3px 3px 0px rgba(0,0,0,0.15); */

}

.title_id {

	padding: 0px 15px;

	line-height: 35px;

	background: url(../images/website/bg_title.gif) top repeat-x #fff;

	border-bottom: 1px solid #BAB7C0;

	font-size: 14px;

	font-weight: bold;

	color: #444;

	/* text-align:center; */































































	text-transform: capitalize;

}

.title_id_2 {

padding: 0px 15px;

line-height: 35px;

background: #174577;

/* border-bottom: 1px solid #BAB7C0; */

font-size: 14px;

font-weight: bold;

color: #444;

text-transform: capitalize;
}

.title_id_2 h2 {

	font-size: 18px;

	font-weight: bold;

	color: #ff0;

	text-transform: capitalize;

	float: left;

	line-height: 30px;

	padding-top: 10px;

	-webkit-animation: my 700ms infinite;

	-moz-animation: my 700ms infinite;

	-o-animation: my 700ms infinite;

	animation: my 700ms infinite;

}

.title_id_2 li {

	float: right;

	list-style: none;

}

.title_id_2 li a {

	font-size: 14px;

	color: #fff;

	background: #80bf33;

	border: solid #FFF 1px;

	padding: 0px 20px;

	text-transform: capitalize;

	display: block;

	margin: 5px 0;

	font-weight: bold;

}

.title_id_2 li a:hover {

	color: #fff;

	background: #f60;

}

.title_id h2 {

	font-size: 13px;

	font-weight: bold;

	color: #444;

	text-transform: capitalize;

	text-align: center;

}

.list_tour, .link_thongtin_id ul, .customize_tour {

	padding: 10px;

}

.list_tour ul {

	border-bottom: solid #ccc 1px;

	padding-bottom: 8px;

	padding-top: 8px;

	position: relative;

	background: url(../images/website/pointer-hot-list.jpg) left top 15px no-repeat;

	padding-left: 15px;

}

.list_tour ul.tours_detail {

	background: none;

	padding-left: 0px;

}

.list_tour ul h2 {

	font-size: 13px;

	font-weight: bold;

	/* padding-top: 5px; */















	color: #666;

}

.list_tour ul.tours_detail h2 {

	text-align: center;

}

.list_tour ul.tours_detail img {

	width: 100%;

	height: auto;

	margin-bottom: 5px;

}

.link_thongtin_id ul li {

	border-bottom: solid #ccc 1px;

	padding-bottom: 5px;

	margin-bottom: 5px;

	list-style: none;

	font-size: 13px;

	font-weight: bold;

	padding-left: 15px;

	background: url(../images/website/pointer-hot-list.jpg) left top 7px no-repeat;

}

.footer {

	text-align: center;

	color: #444;

	padding: 15px 0;

	margin-top: 15px;

	border-top: solid #ccc 1px;

}

.footer ul li {

	display: inline-table;

	padding: 0 3px;

	padding-bottom: 10px;

	color: #004993;

	list-style: none;

	text-transform: capitalize;

}

.footer p a {

	color: #444;

	font-weight: bold;

}

#back-top {

	position: fixed;

	bottom: 30px;

	right: 10px;

	z-index: 1;

}

#back-top a {

	display: block;

	width: 35px;

	line-height: 35px;

	background: #8a8a8a;

	outline: none;

	color: #fff;

	font-size: 12px;

	text-align: center;

}

#back-top a:hover {

	color: #fff;

	background: #004993;

}

.box_load_border {

	border: solid #CCC 1px;

	background: #fff;

	margin-bottom: 15px;

}

.box_load_border_2 {

border: solid #174577 1px;

background: #fff;

margin-bottom: 15px;

border-bottom: solid #174577 5px;
}

.load_conten_id {

	padding: 15px 10px;

}

.title_page {



	padding: 0px 15px;

	line-height: 35px;

	background: url(../images/website/bg_title.gif) top repeat-x #fff;

	border-bottom: 1px solid #BAB7C0;

	font-size: 14px;

	font-weight: bold;

	color: #444;

}

.title_page h1 {

	font-size: 15px;

	font-weight: bold;

	color: #444;

	text-transform: uppercase;

}

.tour_home_id ul {

	border: solid #CCC 1px;

	padding: 10px;

	float: left;

	width: 307px;

	margin: 5px;

	color: #4F4D76;

	min-height: 390px;

}

.tour_home_id ul li, .tour_home_id ul li img {

	width: 100%;

	height: 190px;

	list-style: none;

	line-height: 0;

	margin-bottom: 5px;

}

.tour_dulich {

	border-bottom: solid #CCC 1px;

	padding-bottom: 10px;

	margin-bottom: 10px;

	margin-left: 5px;

	margin-right: 5px;

	color: #4F4D76;

}

.tour_dulich h2, .hotel_id ul h2, .tour_home_id ul h2, .tour_hot_home ul h2 {

	font-size: 14px;

	font-weight: bold;

	color: #004993;

	padding-bottom: 7px;

	text-transform: capitalize;

}

.tour_dulich li {

	float: left;

	width: 240px;

	list-style: none;

	line-height: 0;

}

.tour_dulich li img {

	width: 100%;

	height: 145px;

}

.tour_dulich ul {

	float: right;

	width: 395px;

}

.tour_dulich ul h3, .tour_home_id ul h3, .tour_hot_home ul h3 {

	font-size: 13px;

	font-weight: bold;

	color: #004993;

	padding-top: 10px;

	text-transform: capitalize;

	text-align: right;

}

.tour_dulich li:hover, .hotel_id ul li:hover, .tour_home_id ul li:hover, .tour_hot_home li:hover, .customize_tour img:hover {

	-webkit-filter: brightness(50%);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

	transition: all 1s ease;

}

.hotel_id ul {

	float: left;

	width: 297px;

	border: solid #eee 1px;

	margin: 0 5px 10px 5px;

	padding: 10px;

	color: #4F4D76;

	height: 335px;

}

.hotel_id ul li, .hotel_id ul li img {

	width: 100%;

	list-style: none;

	line-height: 0;

	margin-bottom: 10px;

	height: 190px;

}

.nums {

	table-layout: auto;

	margin-top: 15px;

	text-align: center;

}

.nums li {

	list-style: none;

	display: inline-table;

}

.nums a {

	font-size: 14px;

	display: block;

	margin: 0 4px 0 0;

	padding: 3px;

	line-height: 20px;

	height: 20px;

	width: 20px;

	table-layout: inherit;

	text-align: center;

	color: #666;

	background: #eee;

	border: #cccccc 1px solid;

	text-decoration: none;

	border-radius: 20px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	-o-border-radius: 20px;

}

.nums a:hover, .nums a.active, .nums a.stay:hover {

	background: #248155;

	color: #ffffff;

	border: #248155 1px solid;

}

.nums a.stay {

	background: #00549d;

	border: #00549d 1px solid;

	color: #fff;

}

.map {

	display: block;

	width: 98%;

	margin: 0 5px;

}

.map iframe {

	display: block;

	width: 100%;

	height: 500px;

}

.contact {

	padding-bottom: 20px;

	padding-top: 10px;

	margin-left: 5px;

	margin-right: 5px;/* padding-right: 10px; */

}

.contact h2 {

	text-transform: none;

	font-size: 16px;

	line-height: 25px;

	font-weight: bold;

	color: #004993;

	padding-bottom: 10px;

}

.formBox li {

	display: block;

	position: relative;

	margin-bottom: 10px;

}

.formBox li input, .formBox li textarea {

	border: solid 1px #E1E1E1;

	height: 38px;

	color: #999;

	padding: 0 10px 0 45px;

	font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif;

}

.formBox li textarea {

	padding: 10px 10px 10px 45px;



	height: 168px;

}

.contact .right input, .contact .right textarea, .contact .left input {

	width: 91%;

}

.formBox li:after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 45px;

	height: 40px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index: 10;

}

.formBox li.name:after {

	background-image: url("../images/website/contact/c_name.png")

}

.formBox li.phone:after {

	background-image: url("../images/website/contact/c_phone.png");

}

.formBox li.mail:after {

	background-image: url("../images/website/contact/c_mail.png");

}

.formBox li.local:after {

	background-image: url("../images/website/contact/c_local.png");

}

.formBox li.day:after {

	background-image: url("../images/website/contact/c_day.png");

}

.formBox li.subject:after {

	background-image: url("../images/website/contact/c_subject.png");

}

.formBox li.mess:after {

	background-image: url("../images/website/contact/c_mess.png");

}

.formBox li.code:after {

	background-image: url("../images/website/contact/c_code.png");

}

.formBox .button {

	float: right;

	text-transform: uppercase;

	font-size: 15px;

	padding: 0 25px;

	margin-left: 10px;

	height: 40px;

	line-height: 40px;

	margin-top: 10px;

	color: #FFF;

	background: #8a8a8a;

	white-space: nowrap;

	/* border-radius: 5px; */































































	webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.formBox .button:hover {

	color: #FFF;

	background: #004993;

}

.formBox li span {

	position: absolute;

	right: 0;

	top: 0;

	line-height: 42px;

	padding: 0 10px;

	font-weight: bold;

	z-index: 2;

	letter-spacing: 1px;

	user-select: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-o-user-select: none;

	-ms-user-select: none;

}

.albumView {

	min-height: 300px;

	padding: 0 10px 20px 0px;

}

.albumView .galleria-info {

	visibility: hidden;

}

.listtabs {

	display: block;

	overflow: hidden;

	text-align: center;

	border-bottom: solid #004993 6px;

	/* margin-top: 25px; */































































	padding-left: 20px;

}

.listtabs li {

	list-style: none;

	float: left;

	margin-bottom: 0px;

}

.listtabs li a {

	color: #fff;

	text-decoration: none;

	margin-right: 2px;

	display: block;

	padding: 0px 28px;


	line-height: 35px;

	font-size: 13px;

	font-weight: bold;

	text-transform: capitalize;

	background: #8a8a8a;

	border: solid #8a8a8a 1px;

	-webkit-border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

	-o-border-radius: 5px 5px 0 0;

}

.listtabs li a:hover, .listtabs li a.selected, .listtabs li a.selected:hover {

	color: #FFF;

	background: #004993;

	border: solid #004993 1px;

}

#pro_tabs {

	border-top: none;

}

.tabs {

	padding: 20px;

	border: solid #CCC 1px;

}

#pro_tabs {

	margin-right: 5px;

	margin-left: 5px;

	margin-bottom: 20px;

}

.conten_tab {

	padding: 0px 5px;/* border: solid #cdd3d8 1px; *//* margin-bottom: 20px; */

	display: none;

}

.tour_hot_home {/* border: solid #CCC 1px; */

	padding: 10px;/* margin: 0 5px 5px 5px; */

	color: #4F4D76;

	position: relative;

}

.tour_hot_home ul {

	float: right;

	width: 390px;

}

.tour_hot_home li {

	float: left;

	width: 240px;

	list-style: none;

	line-height: 0;

}

.tour_hot_home li img {

	width: 100%;

	height: 145px;

}

.list-yahoo li a {

	background-image: url(../images/website/yahoo.png);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 30px;

	line-height: 25px;

	display: block;

	margin-right: 5px;

	margin-left: 0px;

	color: #004993;

	text-decoration: none;

	font-size: 13px;

	font-weight: bold;

}

.list-yahoo li {

	background: none;

	padding-left: 0px;

	list-style: none;

	border-bottom: dotted #CCC 1px;

	padding-bottom: 5px;


	margin-bottom: 5px;

}

.list-yahoo li a.last {

	background-image: url(../images/website/skype.png);

	/* font-weight: normal; */

































































	text-transform: none;

}

.list-yahoo li a:hover {

	/* opacity: .7; */































































	color: #960202;

	text-decoration: underline;

}

.list-yahoo li h2 span {

	color: #666;

	font-weight: normal;

	font-size: 13px;

}

.list-yahoo li h2 {

	color: #4f4d76;

	font-weight: normal;

	font-size: 13px;

	line-height: 25px;

	text-align: center;

}

.list-yahoo {

	padding: 10px;

}

.customize_tour img {

	width: 100%;

	height: auto;

}

.hottour {

	position: absolute;

	width: 40px;

	height: 40px;

	background: url(../images/website/icon_hottours.png) no-repeat center;

	right: 0px;

	bottom: 10px;

	background-size: contain;

}

.hoaanhdao {

	height: 250px;

	overflow: hidden;

	background: #ffffff;

	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);

	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);

	box-shadow: 0 0 8px rgba(0,0,0,0.5);

	padding: 5px;

	margin-bottom: 15px;

}

.hoaanhdao img {

	width: 890px;

	height: 250px;

}

.load_banner_detail img {

	width: 100%;

	height: auto;

}

.onePro img:hover {

	-webkit-filter: brightness(50%);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

	transition: all 1s ease;

}

.onePro {

	width: 288px;

	border: solid 1px #ddd;

	background: #fff;

	margin-bottom: 20px;

	margin-right: 5px;

	margin-top: 10px;

	list-style: none;

	float: left;

	position: relative;

	margin-left: 5px;

}

.onePro img {

	width: 100%;

	height: 170px;

	display: block;

}

.onePro h2 a {

	color: #004993;

	font-weight: bold;

	font-size: 14px;

	text-transform: capitalize;

	line-height: 25px;

	display: block;

	text-align: center;

	padding-bottom: 5px;

}

.onePro h2 a:hover {

	color: #F00;

}

.proImg {

	padding: 5px;

}

.placeSlide {

	width: 1300px;

}

.icon_khuyenmai {

	position: absolute;

	right: 0px;

	top: -35px;

	width: 110px;

	height: 65px;


	background: url(../images/website/khuyen-mai.gif) no-repeat;

	background-size: contain;

}

.form-group {

	margin-bottom: 5px;

	padding: 5px 10px;

}

label {

	display: inline-block;

	max-width: 100%;

	margin-bottom: 5px;

	font-weight: bold;

}

.form-control {

	display: block;

	width: 100%;

	height: 34px;

	padding: 6px 12px;

	font-size: 14px;

	line-height: 1.42857143;

	color: #555;

	background-color: #fff;

	background-image: none;

	border: 1px solid #ccc;

	border-radius: 4px;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

 @-webkit-keyframes my {

 0% {

 color: #F8CD0A;

}

 50% {

 color: #fff;

}

 100% {

 color: #F8CD0A;

}

}

 @-moz-keyframes my {

 0% {

 color: #F8CD0A;

}

 50% {

 color: #fff;

}

 100% {

 color: #F8CD0A;

}

}

 @-o-keyframes my {

 0% {

 color: #F8CD0A;

}

 50% {

 color: #fff;

}

 100% {

 color: #F8CD0A;

}

}

 @keyframes my {

 0% {

 color: #F8CD0A;

}

 50% {

 color: #fff;

}

 100% {

 color: #F8CD0A;

}

}