/*
Template Name: Newserific
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(global.css);
@import url(forms.css);
@import url(box.css);

body{
	margin:0;
	padding:0;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	}

#tth-loading{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1500;
	background:#fff url(../images/loading.gif) no-repeat center center;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}

#tth-wrapper{
	min-width:980px;
	position:absolute;
	width:100%;
	min-height:100%;
	}
	
.detail-content table{
	background:#01c2c6;
	border-spacing:1px;
	}
.detail-content table tr{
	background:#fff;
	}
.detail-content table th,
.detail-content table td{
	padding:10px;
	}

/* --------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:980px;
	margin:0 auto;
	text-align:left;
	}

/* -------------------------------------Header-------------------------------------*/
#header{
	background:url(../images/header.gif) repeat-x bottom;
	}
#header div.wrapper{
	position:relative;
	height:112px;
	background:url(../images/header1.png) no-repeat right top;
	}
#header .logo{
	position:absolute;
	top:9px;
	left:0px;
	}
#header .header-slogan{
	position:absolute;
	top:9px;
	left:157px;
	}
#header .header-banner{
	position:absolute;
	top:4px;
	right:0px;
	}
#header .box_search{
	position:absolute;
	bottom:10px;
	right:30px;
	}
#header .box_search .text_search{
	border:1px solid #c4c4c4;
	height:19px;
	line-height:19px;
	width:105px;
	padding:0px 20px 0px 5px;
	color:#444;
	}
#header .box_search .btn_search{
	position:absolute;
	top:1px;
	right:1px;
	}
	
#header #box_lang{
	position:absolute;
	bottom:15px;
	right:0px;
	}
#header #box_lang a{
	display:inline-block;
	width:20px;
	height:12px;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:center center;
	}
#header #box_lang a.current{
	display:none;
	}
#header #box_lang a.flag_en {
	background-image:url(../images/flag_en.gif);
	}
#header #box_lang a.flag_vi {
	background-image:url(../images/flag_vi.gif);
	}
/* ------------------------------------BreadCrumb-------------------------------*/
#menu_main{
	position:absolute;
	bottom:2px;
	left:154px;
	max-width:660px;
	}
#menu_main .sf-menu{
	display:inline-block;
	float:none;
	}
#menu_main .menu_li{
	float:none;
	display:inline-block;
	padding:0px 0px 0px 0px;
	text-align:left;
	margin-left:0px;
	}
#menu_main .menu_li .menu_link{
	text-align:center;
	height:32px;
	line-height:32px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px 20px;
	background: url(../images/menumain_item.gif) repeat-x top;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
#menu_main .menu_li.sfHover .menu_link,
#menu_main .menu_li .menu_link:hover,
#menu_main .menu_li .menu_link.current{
	background-image:url(../images/menumain_item_cur.gif);
	}
#menu_main .menu_li .menu_link .icon_home{
	display:inline-block;
	background:url(../images/menu_home.png) no-repeat center center;
	width:26px;
	height:33px;
	}
#menu_main .sf-arrows .sf-with-ul:after{
	display:none;
	}

#menu_main .menu_li ul{
	background:#a00d12;
	}
#menu_main .menu_li ul li{
	padding:5px 10px;
	border-bottom:1px dotted #ec1c24;
	}
#menu_main .menu_li ul li a{
	color:#ffffff;
	}

/* ------------------------------------BreadCrumb-------------------------------*/

#main_slide{
	padding:0px 0px;
	}

#main_slide ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#main_slide ul.slider li .slider-info{
	position:absolute;
	top:165px;
	right:0px;
	width:470px;
	}
#main_slide ul.slider li .slider-info h3{
	text-transform:uppercase;
	color:#cd9e56;
	font-size:24px;
	padding-bottom:10px;
	}
#main_slide ul.slider li .slider-info .short{
	color:#5a5a5a;
	font-size:14px;
	}
#main_slide ul.slider li .slider-info .view-deital{
	color:#cd9e56;
	font-style:italic;
	text-align:right;
	padding-top:10px;
	font-size:16px;
	}
#main_slide .wrapper{
	position:relative;
	height:0px;
	}
#news_slide{
	position:absolute;
	width:100%;
	height:30px;
	left:0px;
	bottom:0px;
	padding:0px 30px 0px 85px;
	background:url(../images/news_slide.png) repeat;
	z-index:60;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
#news_slide .news_slide-title{
	position:absolute;
	width:75px;
	top:0px;
	left:10px;
	height:30px;
	line-height:30px;
	color:#e91b23;
	font-weight:bold;
	
	}
#news_slide .item a{
	color:#000;
	display:block;
	height:30px;
	line-height:30px;
	}
#news_slide .owl-controls{
	bottom:auto;
	top:50%;
	width:0px;
	left:auto;
	right:-10px;
	}
#news_slide .owl-theme .owl-controls .owl-buttons div{
	background:url(../images/news_slide_arrow.png) no-repeat 0px center;
	width:7px;
	height:7px;
	margin-top:-3px;
	}
#news_slide .owl-theme .owl-controls .owl-buttons .owl-prev{
	background-position:left center;
	left:-10px;
	}
#news_slide .owl-theme .owl-controls .owl-buttons .owl-next{
	background-position:right center;
	right:-10px;
	}

/* -----------------------------Content---------------------------------*/

#container{
	padding:20px 0px 20px;
	background:url(../images/container.gif) repeat-x top;
	}

#content{
	display:block;
	float:right;
	width:744px;
	}
#content img{
	max-width:690px;
	height:auto !important;
	}
	
#content .main_search{
	padding-top:3px;
	padding-right:50px;
	position:relative;
	border-bottom:3px solid #ab1819;
	}
#content .main_search .main_search-title{
	background:url(../images/main_search_title.png) no-repeat right top;
	line-height:35px;
	height:35px;
	text-transform:uppercase;
	font-size:16px;
	font-family: MYRIADPRO-SEMIBOLD;
	font-weight:normal;
	color:#ffffff;
	padding:0px 30px 0px 10px;
	position:absolute;
	bottom:-3px;
	left:0px;
	}
#content .main_search .main_search-title a{
	color:#ffffff;
	}
#content .main_search .main_search-content{	
	height:29px;
	background:url(../images/text_search.gif) repeat-x bottom;
	}
#content .main_search .text_search{
	height:29px;
	line-height:29px;
	background:none;
	border:none;
	padding:0px;
	margin:0px;
	width:100%;
	color:#323232;
	}
#content .main_search .btn_search{
	position:absolute;
	right:0px;
	bottom:0px;
	}
/* -----------------------------Column------------------------------*/
#column_left{
	display:block;
	float:left;
	width:180px;
	min-height:100px;
	}
	
#column{
	display:block;
	float:left;
	width:220px;
	}
#column .banner_item{
	margin-top:15px;
	}

/*--------------------fanpage_facebook---------------------*/	
#fanpage_facebook{
	background:#ffffff;
	-webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    -1px 1px 3px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         -1px 1px 3px 0px rgba(0, 0, 0, 0.75);
	}

/*---------------paginate---------------*/
.paginate{
	text-align:center;
	}
.paginate .pagetotal{
	background:#000000;
	display:none;
	padding:0px 2px;
	color:#ffffff;
	}
.paginate .pagelink,
.paginate .pagecur,
.paginate .btnPage{
	border:1px solid #ccc;
	display:inline-block;
	color:#000000;
	width:21px;
	height:21px;
	line-height:21px;
	text-align:center;
	margin:0px 2px;
	background:#fff;
	}
.paginate .pagecur{
	border:1px solid #00a8ed;
	color:#00a8ed;
	}
.paginate .btnPage{
	background:url(../images/paginate.gif) #fff no-repeat 0px 0px;
	}
.paginate .btnPage.first{
	background-position:0px -63px;
	}
.paginate .btnPage.prev{
	background-position:0px -42px;
	}
.paginate .btnPage.next{
	background-position:0px -84px;
	}
.paginate .btnPage.last{
	background-position:0px -106px;
	}

/* ------------------------------------footer---------------------------------*/
#footer {
}
#footer .footer{
	float: left;
	width: 70%;
}
#footer .footer-partner{
	background:url(../images/footer-partner.png) repeat-x top;
	height:60px;
	padding-top:19px;
	}
#footer .banner_scroll-title{
	float:left;
	width:100px;
	font-size:110%;
	text-transform:uppercase;
	font-weight:bold;
	color:#fe0000;
	padding-top:10px;
	}
#footer .banner_scroll-content{
	position:relative;
	margin-left:130px;
	margin-right:20px;
	}
#footer .footer-floor{
	background:url(../images/footer_floor.gif) #008ef0 repeat-x top;
	text-align:center;
	color:#fff;
	padding:15px 0px;
	}
#footer .footer-floor a{
	color:#fff;
	}
#footer .footer-menu{
	float: left;
	width: 30%;
	}
#copyright{
	text-align:center;
	padding-top:5px;
	font-size:90%;
	}
#copyright a{
	}
	
/* ------------------------------------scroll---------------------------------*/
#tth-scroll_left{
	position:fixed;
	width:154px;
	z-index:100;
	top:196px;
	left:0px;
	overflow:hidden;
	}
#tth-scroll_left .box_support{
	position:relative;
	text-align:center;
	width:124px;
	padding:10px;
	background:url(../images/support_bg.jpg) repeat;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	right:144px;
	}
#tth-scroll_left .box_support .arrow{
	height:108px;
	width:20px;
	position:absolute;
	right:-20px;
	top:10px;
	background:url(../images/support_mini.png) no-repeat right 0px;
	}
#tth-scroll_left .box_support a{
	color:#282828;
	}
#tth-scroll_left .box_support .row{
	padding:3px 0px 0px;
	}
#tth-scroll_left .box_support .support_tool{
	font-size:110%;
	color:#282828;
	padding-top:55px;
	background:url(../images/hotline.png) no-repeat center 5px;
	}
#tth-scroll_left .box_support .support_tool p{
	padding:2px 0px;
	}
	
#tth-scroll_right{
	display:none;
	position:fixed;
	width:108px;
	padding:6px;
	background:#fff;
	border:1px solid #f0f0f0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 1);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 1);
	z-index:100;
	top:196px;
	right:10px;
	}