/*







Theme Name: lionsee







Theme URI: http://lionsee.com/







Description: Frontier is a multi-purpose, HTML5 and CSS3 WordPress theme. It lets you choose between 1, 2 or 3 column layouts while offering independent template layouts for pages. The theme's responsive design makes it compatible with a wide variety of devices and screen resolutions. Frontier is easy to customize through its wide array of options that are simple and easy to understand. It has a lot of strategically placed Widget Areas and Action Hooks that helps achieve a higher level of customization. Theme features include favicons, logos, header images, color options, custom css, a simple image slider, rtl support and a whole lot more. Frontier accomplishes all this while maintaining a minimal file size for a fast and efficient WordPress experience.







Author: Thiết Kế Website







Author URI: http://lionsee.com/







Version: 1.2.4







Tags: black, blue, white, dark, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, microformats, translation-ready, rtl-language-support







Text Domain: frontier







License: GNU General Public License, Version 3 or later







License URI: http://www.gnu.org/licenses/gpl.html















This theme is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; 







without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.















IMPORTANT: Do not edit this file. All your modifications will be deleted when the theme is updated. It is recommended to either use the Custom CSS option for CSS changes or use a child-theme if you also plan to modify HTML & PHP.







--------------------------------------------- */























html, body, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, form, fieldset {







	border: none;







	margin: 0;







	padding: 0;







	list-style: none;







	vertical-align: baseline;







	 font-family: Arial, Helvetica, sans-serif !important;







  color: #666;







}















html {







	-webkit-box-sizing: border-box;







	-moz-box-sizing: border-box;







	box-sizing: border-box;







}















*,







*:before,







*:after {







	-webkit-box-sizing: inherit;







	-moz-box-sizing: inherit;







	box-sizing: inherit;







}















body {







	background-color: #eeeeee;







	color: #303030;







	font-family: Arial, Sans-serif;







	font-size: 13px;







	line-height: 1.5;







}















article, aside, details, figcaption, figure, footer, header, nav, section, summary {







	display: block;







}















embed, iframe, object, video {







	max-width: 100%;







}















h1 {font-size: 24px; font-size: 1.500rem;}







h2 {font-size: 22px; font-size: 1.375rem;}







h3 {font-size: 20px; font-size: 1.250rem;}







h4 {font-size: 18px; font-size: 1.125rem;}







h5 {font-size: 16px; font-size: 1.000rem;}







h6 {font-size: 14px; font-size: 0.875rem;}















h1, h2, h3, h4, h5, h6 {







	clear: both;







	font-family: 'Roboto Condensed', Sans-serif;







	font-weight: inherit;







	line-height: 1.2;







}















a {







	color: #0E4D7A;







	cursor: pointer;







	text-decoration: none;







}















a:hover {color: #0000EE;}















pre {







	background-color: #F0F0F0;







	border: 1px solid #AAA;







	margin: 8px 0;







	padding: 8px;







	overflow: auto;







	-ms-word-wrap: normal;







	word-wrap: normal;







}















pre, code {







	font-size: 13px;







	font-size: 0.813rem;







	line-height: 1.55;







}















blockquote {







	background-color: #EDEDED;







	border-left: 6px solid #687888;







	margin: 20px;







	padding: 10px 14px 2px;







	font-style: italic;







}















blockquote cite {







	display: block;







	margin-top: 8px;







	text-align: right;







	font-style: normal;







	font-size: small;







}















dl {padding-left: 20px;}







dt {font-weight: bold;}







dd {margin: 0 0 10px;}















table {







	width: 100%;







	border-collapse: collapse;







	margin: 3px auto;







}







th {







	background-color: #DDD;







	font-weight: normal;







}







th, td {







/*	border: 1px solid #AAA; */







	font-size: 14px;







	font-size: 0.875rem;







}















ul, ol {







	margin-top: 4px;







	margin-bottom: 8px;







	padding-left: 20px;







}







ul ul, ol ol {padding-left: 15px;}















li {







	margin-top: 4px;







	margin-bottom: 4px;







	margin-left: 15px;







	margin-right: 0;







}















address {margin-bottom: 10px;}















.cf:before,







.cf:after {







    clear: both;







    content: "";







    display: table;







}















/*----------------------------------------------







	Main Structure







-----------------------------------------------*/







#container {







	margin: 0 auto;







	







}















#top-bar {







	background-color: #222;







	border-bottom: 1px solid #000;







	padding: 4px;







	min-height: 34px;







	width: 100%;







}







#top-bar-info {







	float: left;







	margin-top: 2px;







}







#site-title, #site-description {







	display: inline-block;







	margin-right: 4px;







	line-height: 1;







	vertical-align: bottom;







}







#site-title {font-size: 20px;}







#site-title a {color: #DC8300;}







#site-description {







	color: #CCC;







	font-size: 15px;







}















#header {







	background-color: #F5F5F5 !important;







	background-position: center;







	width: 100%;







}







#header-logo {display: inline-block;}







#header-logo, #header-logo img {







	max-width: 100%;







	float: left;







}















#below-menu {width: 100%;}















#main {







	background-color: #fff;







padding-top: 20px;







    padding-left: 15px;







    padding-right: 25px;







}















#content {







	display: inline-block;







	padding: 5px;

	   





}















.sidebar {







	display: inline-block;







	float: left;







	padding: 5px;



 padding-lefT: 20px;



}















#footer {width: 100%;}















#bottom-bar {







	background-color: #222;







	color: #FFF;







	width: 100%;







	min-height: 34px;







	border-top: 1px solid #000;







	text-shadow: 0 0 2px #000;







}















#bottom-bar a {color: #DC8300;}















#bottom-bar-text {







	float: left;







	padding-top:5px}















#theme-link {







	float: right;







	margin: 6px 10px;







	font-family: 'Roboto Condensed', Sans-serif;







	font-size: 15px;







}















#theme-link a {color: #CCC;}















#theme-link a:hover {color: #DC8300;}















/* No Sidebar */







.col-c #content, #content.no-sidebars {







	width: 100%;







	max-width: 100%;







}















/* 1 Sidebar - Left */







.col-sc #content {float: right;}















/* 1 Sidebar - Right */







.col-cs #content {float: left;}















/* 2 Sidebars - Left */







.col-ssc #content {float: right;}















/* 2 Sidebars - Right */







.col-css #content {float: left;}















/* 2 Sidebars - Left & Right */







.col-scs #sidebar-left {







	float: left;







	margin-right: 0;







}







.col-scs #sidebar-right {







	float: right;







	margin-left: -4px;







}















.page-template-page-sc-php #main #content {float: right;}







.page-template-page-cs-php #main #content {float: left;}







.page-template-page-scs-php #main #content  {float: none;}







.page-template-page-scs-php #main #sidebar-left {







	float: left;







	margin-right: 0;







}







.page-template-page-scs-php #main #sidebar-right {







	float: right;







	margin-left: -4px;







}















/*----------------------------------------------







	Navigation Menus







-----------------------------------------------*/







#nav-main {







	background-color: #2A5A8E;







	width: 100%;







	border-bottom: 1px solid #fff;







	padding-left: 10px;







	line-height: 1.2;







}







#nav-main * {







	-webkit-transition: all 0.14s ease-out;







	-moz-transition: all 0.14s ease-out;







	transition: all 0.14s ease-out;







}















#nav-main ul, #nav-main li, #nav-top ul, #nav-top li {







	margin: 0;







	padding: 0;







	list-style: none;







}















#nav-main .nav-main {







	position: relative;







	float: left;







	border-left: 1px solid #023266;







	border-right: 1px solid #4878AC;







	z-index: 300;







}







#nav-main .nav-main li {







	float: left;







	position: relative;







}

#nav-main .nav-main > li, #nav-main .nav-main > ul > .page_item {

	background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.15) 100%);

	border-right: 1px solid #023266;

	border-left: 1px solid #4878AC;

}

#nav-main .nav-main > li > a, #nav-main .nav-main > ul > .page_item > a {

	min-width: 80px;

	text-align: left;

}

#nav-main .nav-main a {

	display: block;

	padding: 8px 14px;

	color: #FFF;

	font-family: arial;

        font-size: 14px;

    font-weight: bold;

}







#nav-main .nav-main a:hover {







	background-color: #37b8eb ;







	color: #fff;







	text-shadow: none;







}

#post-17 .entry-header{padding-top: 10px;}

#nav-main ul.sub-menu li:hover a{     color: #e9aa3d !important; background: none !important;}















#nav-main .menu-item-has-children > a:after,







#nav-main .page_item_has_children > a:after {







	font-family: "Genericons";







	content: "\f431";







	vertical-align: top;







	padding-left: 4px;







}















#nav-main .sub-menu, #nav-main .children {







	background-color: #ddd;



    border-radius: 0 0 3px 3px;



	position: absolute;







	float: left;







	width: 230px;



	z-index: 990;



	display: none;







}















#nav-main .sub-menu li, #nav-main .children li {







	/*border-top: 1px solid #3B3B3B;







	border-bottom: 1px solid #000; 

*/





}















#nav-main .sub-menu li:first-child,







#nav-main .children li:first-child {border-top: none;}







#nav-main .sub-menu li:last-child,







#nav-main .children li:last-child {border-bottom: none;}















#nav-main .sub-menu a, #nav-main .children a {







	float: left;







	width: 230px;







	padding: 10px 14px;







	font-size: 14px;

	color: #2d96b5 ;

	font-weight:bold







}















#nav-main .sub-menu .sub-menu, #nav-main .children .children {top: -1px;}















#nav-main li:hover > ul {display: inline;}















#nav-main .drop-toggle {







	display: none;







	font-size: 22px;







	margin: 10px auto;







	padding: 5px 20px;







}















#nav-top {float: right;}







#nav-top .nav-top, #nav-top .nav-top li {float: left;}







#nav-top .nav-top a {







	display: block;







	margin-top: 2px;







	padding: 0 18px;







	color: #FFF;







	font-family: 'Roboto Condensed', Sans-serif;







	font-size: 14px;







}















/*----------------------------------------------







	Post Elements







-----------------------------------------------*/







.blog-view, .single-view, .author-info, .archive-info, .form-404 {

	background-color: #FFF;

		margin: 0px;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}















.archive-title {color: #555;}







.archive-title span {color: #333;}







.archive-description {







	border-top: 2px dotted #888;







	margin-top: 8px;







	padding-top: 2px;







}















.form-404 h2 {







	border-bottom: 2px dotted #888;







	padding-bottom: 10px;







}







.form-404 p {margin: 4px 0 10px;}















.blog-view {border-top: 6px solid #2A5A8E;}















.blog-view.sticky {







	background-color: #FFDC8A;







	border-top: 6px solid #222;







}















.entry-header {margin-bottom: 4px;}







.entry-title {line-height: 1; font-size: 15px;

    font-weight: bold;}







.entry-title a {color: #303030;}















.sticky .entry-title:before {







	font-family: "Genericons";







	content: "\f308";







	vertical-align: top;







	padding-right: 4px;







	display: inline-block;







}















.entry-byline * {line-height: 20px; display: none;}







.entry-author,







.entry-date,







.entry-categories,







.entry-comment-info {







	float: left;







	margin-right: 10px;







}





.single-view .entry-byline {}





.entry-thumbnail {







	float: left;







	padding-right: 8px;







}







.entry-thumbnail .post-thumbnail {







	display: table;







	background-color: #EEE;







	border: 1px solid #888;







	padding: 3px;







}







.entry-thumbnail img {







	float: left;







	width: auto;







	max-width: none;







}















.continue-reading {







	background: #EEE;







	background: -moz-linear-gradient(top, #FBFBFB 0%, #E5E5E5 100%);







	background: -webkit-linear-gradient(top, #FBFBFB 0%, #E5E5E5 100%);







	background: linear-gradient(to bottom, #FBFBFB 0%, #E5E5E5 100%);







	display: inline-block;







	float: right;







	padding: 2px 10px;







	color: #555;







	border: 1px solid #CCC;







	border-radius: 4px;







}







.continue-reading:hover {







	border-color: #AAA;







	color: #333;







}







.sticky .continue-reading {border-color: #AAA;}















.blog-view .entry-content {







	padding-top: 4px;







	padding-bottom: 4px;







	font-family: Arimo, Sans-serif;







	font-size: 14px;







	font-size: 0.875rem;







	line-height: 1.55;







}







.single-view .entry-content {

	font-family: Arimo, Sans-serif;

	font-size: 13px;

	line-height: 1.6;



}

.entry-footer {clear: both;}



.entry-updated {







	color: #555;







	font-size: 11px;







	padding: 2px 0;







}







.entry-tags {padding: 2px 0;}











.blog-nav, .post-nav {margin-bottom: 10px;}















.blog-nav {padding: 4px 0;}















.link-prev {float: left;}







.link-next {float: right;}















.link-prev a,







.link-next a {







	background-color: #FFF;







	display: inline-block;







	padding: 2px 8px;







	border: 1px solid #555;







	box-shadow: 0 0 2px #333;







	color: #333;







}







.link-prev a:hover,







.link-next a:hover {







	color: #333;







}















.attachment-nav div a {







	background-color: #DDD;







	border: none;







	box-shadow: none;







	text-decoration: none;







}















.page-nav, .comment-nav {







	display: block;







	padding: 2px 0;







	font-family: Arimo, Sans-serif;







	font-size: 13px;







	line-height: 20px;







}







.page-nav > *, .comment-nav > * {







	background-color: #2A5A8E;







	color: #FFF;







	display: inline-block;







	padding: 2px 8px;







	border-radius: 3px;







}







.page-nav a, .comment-nav a {







	text-decoration: none;







}







.page-nav a:hover, .comment-nav a:hover {







	color: #FFF;







	text-decoration: underline;







}















/*-------------------------------------







	Post Content







--------------------------------------*/







.entry-content a { color: #0E4D7A}

.entry-content a:hover { color: #e9aa3d}















.entry-content p, .comment-content p {margin: 4px 0  12px 0px;}















.entry-excerpt p {margin: 0 0 4px;}















.entry-content h1,







.entry-content h2,







.entry-content h3,







.entry-content h4,







.entry-content h5,







.entry-content h6,







.comment-content h1,







.comment-content h2,







.comment-content h3,







.comment-content h4,







.comment-content h5,







.comment-content h6 {







	clear: none;







	line-height: 1.5;







}















.entry-content li, .comment-content li {







	list-style-position: outside;







	list-style-type: disc;







}















.entry-content ol > li,







.comment-content ol > li {list-style-type: decimal;}















.entry-content ol > li > ol > li,







.comment-content ol > li > ol > li {list-style-type: lower-alpha;}















.entry-content ol > li > ol > li > ol > li,







.comment-content ol > li > ol > li > ol > li {list-style-type: lower-roman;}















.entry-content th, .entry-content td, .comment-content th, .comment-content td {







	padding: 0 0 8px 0px;







}

#text-5 .textwidget a{line-height: 28px;}

img[class*="align"],







img[class*="wp-image-"],







img[class*="attachment-"],







.entry-content img,







.comment-content img {







	height: auto;







	max-width: 100%;







}















.wp-smiley {







	width: auto !important;







	border: none !important;







	padding: 0 !important;







}















.alignnone {







	margin-top: 4px;







	margin-bottom: 4px;







}







.alignleft {







	float: left;







	margin: 4px 8px 4px 0;







}







.alignright {







	float: right;







	margin: 4px 0 4px 8px;







}







.aligncenter {







	display: block;







	margin: 4px auto;







}















.wp-caption {max-width: 100%;}















.wp-caption img {







	width: 100%;







	background-color: #EEE;







	border: 1px solid #CCC;







	padding: 4px;







}















.wp-caption .wp-caption-text, .gallery-caption {







	margin: 0;







	padding: 0 5px;







	color: #555;







	font-size: 12px;







	font-size: 0.750rem;







	line-height: 1.6;







}















.gallery .gallery-item {







	margin-left: 0;







	margin-right: 0;







	margin-bottom: 0;







}







.gallery-item img {







	padding: 4px;







	display: inline-block;







	border: 1px solid #CCC !important;







}







.gallery-item img:hover {







	background-color: #DDD;







	border: 1px solid #AAA !important;







}















.type-attachment .entry-content div.attachment {







	margin-bottom: 10px;







	text-align: center;







}















.sitemap-template .entry-content h3 {margin-left: 10px;}







.sitemap-template .entry-content ul {margin: 8px 0 15px 10px;}







.sitemap-template .entry-content ul li {list-style: square inside;}















/*-------------------------------------







	Author Info & Author Page







--------------------------------------*/







.author-info {padding: 0;}















.author-info .title {







	background-color: #2A5A8E;







	color: #FFF;







	padding: 4px 8px;







	text-shadow: 1px 1px 2px #222;







}







.author-avatar, .author-description{







	display: table-cell;







	padding: 8px;







	vertical-align: top;







}







.author-avatar img {display: block;}















.author-post-count {text-align: center;}















.author-latest-posts {







	background-color: #FFF;







	border: 1px solid #555;







	box-shadow: 0 0 2px #333;







	padding: 8px;







}







.author-latest-posts li {







    list-style: square inside;







	margin: 4px 0 4px 4px;







}















/*-------------------------------------







	Comments







--------------------------------------*/







#comment-header, #respond, #no-comments, .comment-body {







	background-color: #FFF;







	margin: 0 0 10px;







	padding: 8px;







	border: 1px solid #555;







	box-shadow: 0 0 2px #333;







}















#comment-header .title {







	display: inline-block;







	float: left;







	line-height: 20px;







}







#comment-header .respond-link {







	display: inline-block;







	float: right;







}







#comment-header .respond-link a {







	display: inline-block;







	padding-left: 8px;







	padding-right: 8px;	







	font-size: 16px;







	font-weight: bold;







	line-height: 22px;







}







#comment-header .respond-link a:hover {







	text-decoration: underline;







}















#comments .comment-list {







	padding-left: 0;







}















#comments .children {







	padding-left: 30px;







}















.comment-list .comment,







.comment-list .pingback,







.comment-list .trackback {







	list-style: none;







	margin: 0 0 10px;







}















.comment-author-admin > .comment-body, .bypostauthor > .comment-body {







	border-top: 6px solid #2A5A8E;







}















.comment-author,







.comment-author .avatar,







.comment-author .link {







	float: left;







}















.comment-author .avatar {







    margin-left: -8px;







    margin-top: -8px;







}







.comment-author .link {







	margin: 6px 8px;







	font-size: 15px;







	font-weight: bold;







	word-wrap: break-word;







}















.comment-metadata {float: right;}







.comment-metadata a {color: #888;}







.comment-edit-link {







	background-color: #E0E0E0;







	color: #222;







	padding: 2px 8px;







}















.comment-awaiting-moderation {







	clear: right;







	display: inline-block;







	float: right;







	margin: 8px;







	font-style: italic;







}















.comment-content {







	clear: both;







	padding-top: 4px;







	font-size: 13px;







	font-size: 0.813rem;







	line-height: 1.55;







}







.comment-content th, .comment-content td {







	font-size: 13px;







	font-size: 0.813rem;







	line-height: 1.55;







}















.comment-body .reply {







	margin-top: 8px;







	overflow: hidden;







}















.comment-reply-link {







	background-color: #2A5A8E;







	color: #FFF;







	display: inline-block;







	float: right;







	padding: 2px 10px;







}















#no-comments .genericon {







	color: #888;







	font-size: 20px;







	line-height: 22px;







}







#no-comments  h4 {







	display: inline-block;







	margin-left: 10px;







	color: #888;







}















#respond .comment-reply-title {margin-bottom: 8px;}















#respond p {margin-top: 8px;}















#cancel-comment-reply-link {







	background-color: #F0F0F0;







	padding: 2px 8px;







	font-size: 16px;







}















.comment-form-author label,







.comment-form-email label,







.comment-form-url label {







	margin-left: 2px;







}















.comment-form-author input,







.comment-form-email input,







.comment-form-url input,







.comment-form-comment textarea {







	display: block;







	padding: 3px;







	border: 1px solid #555;







	box-shadow: 0 0 3px #888 inset;







}















.comment-form-comment {padding: 0 3px;}















.comment-form-comment label {display: block;}















.comment-form-comment textarea {







	position: relative;







	width: 100%;







	padding: 4px;







}















#respond #submit {padding: 5px 10px;}















.comment-navigation {margin-bottom: 10px;}







.page-numbers.current {cursor: default;}















#comment-area #disqus_thread {







	background-color: #FFF;







	padding: 10px;







	border: 1px solid #555;







	box-shadow: 0 0 2px #333;







}















/*----------------------------------------------







	Widgets







-----------------------------------------------*/







.frontier-widget {







	border:none;







width:239px;







margin: 0px;











    padding-top: 15px;







	word-wrap: break-word;





}



.textwidget{

box-shadow:1px 2px 5px 2px rgba(0, 0, 0, 0.08);



-webkit-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.08);

margin-bottom: 15px;

 -moz-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.08);}


.widget-header .textwidget{box-shadow: none !important}
.frontier-widget:after {







	clear: both;







	content: "";







	display: table;







}







.widget-title {







	background:none !important;







text-align:center;







color: #57AFD6;







text-shadow:none;







font-weight:bold !important;





font-size:15px;







width:239px;







padding-top: 6px;







padding-bottom: 0px;







margin: -18px 0px 8px;



text-align: left;



}







.widget-title a {







	color: #FFF;







	text-decoration: none;







}















.widget-body {display: inline-block;}















.widget-header {







	display: inline-block;







	float: left;







	margin: 0;







}















.widget-header,







.widget-before-post,







.widget-before-post-content,







.widget-after-post-content,







.widget-after-post {







	background-color: transparent;







	border: none;







	box-shadow: none;







}















.widget-after-post {margin: 10px 0 0;}















.widget-footer {







	display: inline-block;







	float: left;







	margin: 0 0.5% 10px;







}















.widget-column-1 .widget-footer {







	display: block;







	width: auto;







	float: none;







	margin: 0 0 10px;







}







.widget-column-2 .widget-footer {width: 48.98%;}







.widget-column-3 .widget-footer {width: 32.32%;}







.widget-column-4 .widget-footer {width: 23.98%;}







.widget-column-5 .widget-footer {width: 18.98%;}







.widget-column-6 .widget-footer {width: 15.65%;}















.widget-column-2 .widget-footer:nth-child(2n+1),







.widget-column-3 .widget-footer:nth-child(3n+1),







.widget-column-4 .widget-footer:nth-child(4n+1),







.widget-column-5 .widget-footer:nth-child(5n+1),







.widget-column-6 .widget-footer:nth-child(6n+1) {







	clear: left;







}















#widgets-wrap-below-menu {







	background-color: rgba(0, 0, 0, 0.25);







	width: 100%;







	padding: 10px 10px 0;







}







#widgets-wrap-before-post,







#widgets-wrap-before-post-content,







#widgets-wrap-after-post-content,







#widgets-wrap-after-post {







	position: relative;







	clear: both;







}







#widgets-wrap-after-post {margin-top: 8px;}







#widgets-wrap-footer {







	background-color: rgba(0, 0, 0, 0.25);







	border-top: 1px solid #000;







	padding: 10px;







}















.frontier-widget * {







	max-width: 100%;







}















.frontier-widget .widget-title {







	max-width: none;







}















.frontier-widget img {







	height: auto;







}















.frontier-widget p {margin: 4px 0 12px;}















.frontier-widget ul, .frontier-widget ol {







	padding: 0 4px;







}















.frontier-widget ul ul, .frontier-widget ol ol {







	margin: 4px 0;







	padding-left: 15px;







}















.frontier-widget li {







	list-style: none;







	margin: 0;







	padding: 5px 0;







	border-bottom: 1px solid #E0E0E0;







}















.frontier-widget li:last-child {







    border-bottom: none;







}















.widget_search label .screen-reader-text {







	display: none;







}







.widget_search label .search-field {







	background-color: #EEE;







    margin: 4px 4px 4px 0;







	padding: 4px;







	min-width: 55%;







	border: 1px solid #555;







	box-shadow: 0 0 2px #333 inset;







}







.widget_search .search-submit {







    background-color: #2A5A8E;







    border: 1px solid #333;







    border-radius: 3px;







    box-shadow: 0 0 0 #333;







    color: #FFF;







    cursor: pointer;







	margin: 2px 0;







    padding: 4px 8px;







}















.widget_tag_cloud {







	line-height: 24px;







}















.widget_calendar table {







	width: 100%;







	margin: 0 auto;







	text-align: center;







	line-height: 1.2;







}







.widget_calendar caption {







	background-color: #2A5A8E;







	padding: 8px 0;







	color: #FFF;







}







.widget_calendar th {







	background-color: #E0E0E0;







	padding: 8px;







}







.widget_calendar td {







	background-color: #FFF;







	padding: 8px;







}















/*-------------------------------------







	Basic Slider







--------------------------------------*/







#slider {







    background-color: #FFF;







    border: 1px solid #555;







    box-shadow: 0 0 2px #333;







    display: block;







    overflow: hidden;







}







.slider-main {margin: 5px;}







.slider-content {margin-bottom: 10px;}















#basic-slider {max-width: 100% !important;}















.bjqs, .bjqs-slide {







	margin: 0;







	padding: 0;







	list-style: none;







	display: none;







}







.bjqs {position: relative;}







.bjqs-slide {position: absolute;}















.bjqs-slide a {







	display: block;







}







.bjqs-slide img {







	display: block;







	margin: auto;







}















.bjqs-controls {







	list-style: none;







	margin: 0;







	padding: 0;







	z-index: 9999;







}







.bjqs-controls a {







	position: absolute;







	-webkit-transition: left 0.3s ease-in-out;







	-webkit-transition-property: left, right;







	-moz-transition: left 0.3s ease-in-out;







	-moz-transition-property: left, right;







	transition: left 0.3s ease-in-out;







	transition-property: left, right;







}







.bjqs-prev a {left: -50px;}







.bjqs-next a {right: -50px;}







.slider-prev {background-image: url('images/slider-prev.png');}







.slider-next {background-image: url('images/slider-next.png');}







.slider-prev, .slider-next {







	display: block;







	height: 32px;







	width: 38px;







}







#basic-slider:hover li.bjqs-next a {right: 10px;}







#basic-slider:hover li.bjqs-prev a {left: 10px;}















.slider-element {display: none;}















.bjqs-heading, .bjqs-descript {







	background-color: rgba(0, 0, 0, 0.65);







	color: #EEE;







	padding: 8px;







	width: 100%;







}







.bjqs-heading {







	position: absolute;







	top: 0;







	font-size: 16px;







}







.bjqs-descript {







	position: absolute;







	bottom: 0;







}















/*-------------------------------------







	Extra







--------------------------------------*/







#wpadminbar {box-shadow: 0 0 3px #000;}















/* bbPress */







#content #bbpress-forums,







#bbpress-forums ul.bbp-lead-topic,







#bbpress-forums ul.bbp-topics,







#bbpress-forums ul.bbp-forums,







#bbpress-forums ul.bbp-replies,







#bbpress-forums ul.bbp-search-results,







#bbpress-forums ul.super-sticky,







#bbpress-forums ul.sticky {







	font-family: Arial, Sans-serif;







	font-size: 13px;







	font-size: 0.813rem;







}







#content #bbpress-forums a {text-decoration: none;}















#bbpress-forums li.bbp-body ul.forum,







#bbpress-forums li.bbp-body ul.topic {padding: 8px 20px;}















#bbpress-forums .bbp-topic-permalink {







	font-size: 14px;







	font-size: 0.875rem;







}















#bbpress-forums .avatar {







	min-width: 20px;







	min-height: 20px;







}















#bbpress-forums .bbp-reply-content {padding: 10px 0 0;}















.bbp-pagination-links > * {







	background-color: #222;







	padding: 2px 10px !important;







	border: 1px solid #000 !important;







	color: #FFF;







}







.bbp-pagination-links .page-numbers.current {background-color: #555;}















.bbp-pagination-links > a:hover {







	background-color: #E0E0E0;







	color: #000;







	font-weight: bold;







}















@media print {







	#nav-top,







	#header,







	#nav-main,







	#below-menu,







	#slider,







	#sidebar-right,







	#sidebar-left,







	#footer,







	#bottom-bar,







	#comment-area,







	#widgets-wrap-before-content,







	#widgets-wrap-after-content,







	#widgets-wrap-before-post,







	#widgets-wrap-after-post,







	#widgets-wrap-before-post-content,







	#widgets-wrap-after-post-content,







	.entry-footer,







	.blog-nav,







	.post-nav {







		display: none;







	}















	#main,







	#content {







		padding: 0;







	}















	#content {







		display: block;







		float: none;







		width: auto;







	}















	.blog-view,







	.single-view {







		border: none;







	}















	.blog-view,







	.blog-view.sticky {







		border-top: 1px dashed #555;







	}















	#site-title a {







		color: #000;







	}















	#site-description {







		color: #333;







	}















	.entry-byline a,







	.genericon {







		color: #333;







	}







}































div#text-2 {



    border: medium none;

    /* height: 36px; */

    width: 534px;

    margin: 0px 119px;

    overflow: hidden;







}







#bottom-bar a



{



color: #222 !important;



}







#bottom-bar a:hover



{



color: #57AFD6 !important;



}





#bottom-bar {

background-color: #eeeeee;

    width: 100%;

	 min-height: 34px;

   border-top: none;

  text-shadow: none;



}



#footer {



    color: #333333 !important;



}



.footercominfo {







   float: left; 



   width: 41%;



font-size: 12px;



}















.footercominfo2 {







    float: left; width: 42%;



font-size: 12px;



}

.footercominfo3 {

   display: inline-block; width: 13%;



   padding-left: 27px;



font-size: 12px;



}



#bottom-bar-text{



color:#222;



padding-top:12px;



padding-bottom:30px;



font-family:Arial, Helvetica, sans-serif !important;



    width: 95.5%;

    margin-lefT: 20px;

    margin-right: 27px;

    border-top: 2px solid #efefef;



}



#header-logo img {



    padding: 7px;



}



.banquyen{

    display: block;

    color: rgba(128, 128, 128, 0.72);

    float: right;

    padding-top: 5px;

}

.banquyen:hover{ color: #0E4D7A}





.formlienhe {



    padding-left: 10px;



    padding-right: 10px;



}

 @media only screen and (max-width: 480px) {

	 #container{ width:480px !important;}

	#main{ width: 100%; margin: 0 auto;     padding-left: 5px;

    padding-right: 5px;} 

	#content{ width: 100% !important;}

	#slider{ width: 100% !important; }

	#sidebar-right{ width: 100% !important; clear: both;}

	div#text-2 .img-top{ display: none}

	#text-2 .hotline-top{ display: block !important;}

	.footercominfo2, .footercominfo3, .footercominfo{clear: both;     width: 100%;     margin-top: 10px;}

	.single-view{ padding: 0}

	.frontier-widget{ width: 100%;}

	.widget-title{    background: #eee !important;

    border: 1px solid #cecece;

    border-radius: 5px 5px 0 0; width: 100%}

	#bottom-bar{ padding: 0 10px;padding-bottom: 0px;

    overflow: hidden;}

	.footercominfo3{ padding-left: 0px;}

	#post-17{    margin-top: 25px;}

	.mobile-menu{ display: block !important;     margin: 6px 0 0px 0px;

    width: 100%;

    overflow: hidden;}

	.mobile-menu a{color: #fff;

    padding: 10px;

    font-size: 14px;

    font-weight: bold;     overflow: hidden;}

	.nav-main{ display: none;}

	#nav-main .nav-main{ float: none !important; border-left: none !important; border-right: none !important;}

	.mobile-menu span{    margin-top: 6px;

    padding-lefT: 5px;

    overflow: hidden;

    float: left;color: #fff;

}

#nav-main .nav-main > li > a, #nav-main .nav-main > ul > .page_item > a{     min-width: 52px;}

.mobile-menu img{    float: left;

    margin-bottom: 9px;}

#nav-main .nav-main > li{ background: none; border-left: none !important; border-right: none !important; border-bottom: 1px solid #0d82a6}

#nav-main .sub-menu{ width: 100%;}

#nav-main{ padding-lefT: 0px;}

div#text-2{     floaT: left;

    width: 65%;

    margin: 0px;

    text-align: center;}

#nav-main .nav-main a{    font-family: arial;

    font-size: 15px;}

#sidebar-right{ display: none;}

#bottom-bar-text {

    width: 99.5%;

     margin-lefT: 0px; 

 }

#header-logo img {

    max-width: 89%;

}

.frontier-widget{ padding-top: 6px;}

.hotline-top p.text{text-align: center;     text-align: center;

    font-size: 15px;

    color: #e9aa3d;

    font-weight: bold;

    margin-bottom: 0;

    padding: 0;}

.hotline-top p.hotline{ text-align: center;     text-align: center;

    font-size: 17px;

    color: #0f5481;

    font-weight: bold;

    margin-bottom: 0;

    padding: 0;}

.hotline-top a{color: #e9aa3d}

.email-sdt{ display: block !important;

    /*position: fixed;*/

    bottom: 0;

		    overflow: hidden;

    background: #f5f5f5;

    width: 100%;

}

.sdt{ left: 0;     width: 50%;

    floaT: left;}

.sdt img{ float: left; bottom: 0;     margin-top: 9px;}

.email{ right: 0;     width: 50%; float: right;}

.email img{ float: right;}

article strong{ color: #000 !important}

#bottom-bar-text{     padding-bottom: 5px;}

.scrollup{ display: none; bottom: 10px !important;

    right: 61px !important;}

 } 

  @media only screen and (max-width: 380px) {

	 #container{ width:360px !important;}

	 ul#menu-menu li{ width: 100% !important; clear: both;}

}

@media only screen and (max-width: 320px) {

	 #container{ width:320px !important;}

	 ul#menu-menu li{ width: 100% !important; clear: both;}	

	 div#text-2{     floaT: left;

    width: 55%; margin-left: 0px;}

	.hotline-top p.text{ font-size: 13px;}

	.hotline-top p.hotline{ text-align: center;     text-align: center;

    font-size: 13px;}

	}

@media only screen and (max-width: 280px) {

	 #container{ width:280px !important;}

	

	}

	.mobile-menu, .email-sdt{ display: none;}

	#text-2 .hotline-top{ display: none;}

.metaslider .caption{ float: right;}

#menu-menu li.menu-item-home a{ background-image: url(images/home.png)!important;

    background-repeat: no-repeat!important;

    background-position: center -44px;

    text-indent: -9999px;

    height: 32px !important;

    width: 35px;

    padding: 0 10px;}

#menu-menu li.current-menu-item a {

    background-position: center 7px;

}#topcontrol:before {

    width: 30px;

    height: 30px;

    line-height: 30px;

    color: #FFF;

}

.tieicon-up-open:before {

    content: '\f005';

}[class^="tieicon-"]:before, [class*=" tieicon-"]:before, .search-block .search-button:before, #main-nav li.menu-item-home a:before, blockquote:before, .rss-cat-icon:before, #twitter-widget li:before, .flex-direction-nav a:before, .overlay-icon:before {

    font-family: "tiefontello";

    font-style: normal;

    font-weight: normal;

    speak: none;

    width: 32px;

    height: 32px;

    display: inline-block;

    text-decoration: inherit;

    text-align: center;

    font-variant: normal;

    text-transform: none;

    line-height: 32px;

    font-size: 18px;

    -webkit-font-smoothing: antialiased;

    -o-transform: scale(1);

    text-rendering: optimizeLegibility;

    text-shadow: none;

}