/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video ,p

{	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}


/* Add for this website */

html, body { padding:0; margin:0; font-family:'Tahoma'}
html { height:100%; }
body { background-color:#fff; font-size:13px; font-weight:normal; line-height:22px; color:#4d4d4f; min-height:100%; position:relative; -webkit-text-size-adjust:none; }
body * { text-shadow:none; }


h1, h2, h3, h4, h5, h6 { line-height:1; font-weight:700; margin:0; padding:0; }
h1, h2, h3 { font-size:18px; }
h4, h5, h6 { font-size:16px; }
img {border:none;}

a, a:link, a:hover, a:visited {color:666; text-decoration:none; }
ul, dl, ol, li, dd, p, span { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; list-style:none; }
h3 a, h3 a:link, h3 a:visited {color:#666; }
h4 a, h4 a:link, h4 a:visited {color:#666; }

h3 a:hover, h4 a:hover {color:#666; text-decoration:underline;}



/* MARGIN & PADDING==================== */
	/* margin */
	.mg0 {margin:0 0 0 0}
	
	.mt1{margin-top:1px !important;}
	.mt2{margin-top:2px !important;}
	.mt3{margin-top:3px !important;}
	.mt4{margin-top:4px !important;}
	.mt5{margin-top:5px !important;}
	.mt6{margin-top:6px !important;}
	.mt10{margin-top:10px !important;}
	.mt15{margin-top:15px !important;}
	.mt20{margin-top:20px !important;}
	.mt25{margin-top:25px !important;}
	.mt30{margin-top:30px !important;}
	.mt35{margin-top:35px !important;}
	.mt40{margin-top:40px !important;}
	.mt50{margin-top:50px !important;}
	.mt60{margin-top:60px !important;}
	
	.mtn1{margin-top:-1px !important;}
	.mtn2{margin-top:-2px !important;}
	.mtn3{margin-top:-3px !important;}
	.mtn5{margin-top:-5px !important;}
	.mtn10{margin-top:-10px !important;}
	.mtn14{margin-top:-14px !important;}
	.mtn15{margin-top:-15px !important;}
	.mtn25{margin-top:-25px !important;}
	
	.mr1{margin-right:1px !important;}
	.mr2{margin-right:2px !important;}
	.mr3{margin-right:3px !important;}
	.mr4{margin-right:4px !important;}
	.mr5{margin-right:5px !important;}
	.mr6{margin-right:6px !important;}
	.mr7{margin-right:7px !important;}
	.mr8{margin-right:8px !important;}
	.mr9{margin-right:9px !important;}
	
	
	.mr5{margin-right:5px !important;}
	.mr6{margin-right:6px !important;}
	.mr10{margin-right:10px !important;}
	.mr11{margin-right:11px !important;}
	.mr15{margin-right:15px !important;}
	.mr16{margin-right:16px !important;}
	.mr20{margin-right:20px !important;}
	.mr22{margin-right:22px !important;}
	.mr25{margin-right:25px !important;}
	.mr30{margin-right:30px !important;}
	.mr40{margin-right:40px !important;}
	.mr50{margin-right:50px !important;}
	
	.mb0{margin-bottom:3px !important;}
	.mb3{margin-bottom:3px !important;}
	.mb5{margin-bottom:5px !important;}
	.mb6{margin-bottom:6px !important;}
	.mb7{margin-bottom:7px !important;}
	.mb8{margin-bottom:8px !important;}
	.mb9{margin-bottom:9px !important;}
	.mb10{margin-bottom:10px !important;}
	.mb25{margin-bottom:25px !important;}
	
	
	
	.mb5m{margin-bottom:-5px !important;}
	.mb1{margin-bottom:1px !important;}
	.mb2{margin-bottom:2px !important;}
	.mb3{margin-bottom:3px !important;}
	.mb4{margin-bottom:4px !important;}
	.mb5{margin-bottom:5px !important;}
	.mb8{margin-bottom:8px !important;}
	.mb10{margin-bottom:10px !important;}
	.mb15{margin-bottom:15px !important;}
	.mb20{margin-bottom:20px !important;}
	
	.mb30{margin-bottom:30px !important;}
	.mb40{margin-bottom:40px !important;}
	.mb50{margin-bottom:50px !important;}
	.mb0{margin-bottom:0 !important;}
	.mb100{margin-bottom:100px !important;}
	
	.ml10m{margin-left:-10px !important;}
	
	.ml20m{margin-left:-20px !important;}
	.ml1m{margin-left:-1px !important;}
	.ml2m{margin-left:-2px !important;}
	.ml3m{margin-left:-3px !important;}
	.ml10m{margin-left:-10px !important;}
	.ml0{margin-left:0px !important;}
	.ml1{margin-left:1px !important;}
	.ml2{margin-left:2px !important;}
	.ml3{margin-left:3px !important;}
	.ml4{margin-left:4px !important;}
	.ml5{margin-left:5px !important;}
	.ml6{margin-left:6px !important;}
	.ml7{margin-left:7px !important;}
	.ml8{margin-left:8px !important;}
	.ml10{margin-left:10px !important;}
	.ml13{margin-left:13px !important;}
	
	.ml15{margin-left:15px !important;}
	.ml16{margin-left:16px !important;}
	.ml17{margin-left:17px !important;}
	.ml18{margin-left:18px !important;}
	.ml20{margin-left:20px !important;}
	.ml22{margin-left:22px !important;}
	.ml24{margin-left:24px !important;}
	.ml25{margin-left:25px !important;}
	.ml28{margin-left:28px !important;}
	.ml30{margin-left:30px !important;}
	.ml40{margin-left:40px !important;}
	.ml50{margin-left:50px !important;}
	.ml60{margin-left:60px !important;}
	.ml70{margin-left:70px !important;}
	.ml75{margin-left:75px !important;}
	.ml140{margin-left:140px !important;}
	.ml250{margin-left:250px !important;}
	.ml300{margin-left:300px !important;}
	
	.mg5{margin:5px !important;}
	.mg15{margin:15px !important;}
	.mg30{margin:30px !important;}
	
	/* padding */
	.pd {padding:0 0 0 0}
	.pt3{padding-top:3px !important;}
	.pt5{padding-top:5px !important;}
	.pt10{padding-top:10px !important;}
	.pt13{padding-top:10px !important;}
	.pt15{padding-top:15px !important;}
	.pt20{padding-top:20px !important;}
	.pt25{padding-top:25px !important;}
	.pt30{padding-top:30px !important;}
	
	.pr5{padding-right:5px;}
	.pr10{padding-right:10px !important;}
	.pr15{padding-right:15px !important;}
	.pr20{padding-right:20px !important;}
	.pr25{padding-right:25px !important;}
	.pr30{padding-right:30px !important;}
	
	.pl5{padding-left:5px !important;}
	.pl10{padding-left:10px !important;}
	.pl15{padding-left:15px !important;}
	.pl20{padding-left:0px !important;}
	.pl25{padding-left:25px !important;}
	.pl30{padding-left:30px !important;}
	
	.pt0 {padding-top:0 !important;}
	.pb0 {padding-bottom:0 !important;}
	.pb3 {padding-bottom:3px !important;}
	.pb5 {padding-bottom:5px !important;}
	.pb10 {padding-bottom:10px !important;}
	.pb20 {padding-bottom:20px !important;}
	.pb30 {padding-bottom:30px !important;}
	
	.pd10{padding:0 10px 0 10px;}
	.pd102{padding:10px !important;}
	.pdt10 {padding:10px 0;}
	.pdall {padding:10px !important;}
	.pd8m {padding:0 -8px}
	
	
	
	/* Height */
	.hgAuto {height:auto;}
	.hg12 {height:12px !important;}
	.hg30 {height:30px !important;}
	.hg25 {height:24px !important;}
	.hg20 {height:20px !important;}
	.hg50 {height:50px !important;}
	.hg100 {height:100px !important;}
	.hg130 {height:130px !important;}
	.hg140 {height:140px !important;}
	.hg150 {height:150px !important;}
	.hg155 {height:155px !important;}
	.hg160 {height:160px !important;}
	.hg180 {height:180px !important;}
	.hg230 {height:230px !important;}
	.hg300 {height:300px !important;}
	
	/* border */
	.bdBlue {border:1px solid #6789ca !important }
	.bdGray {border:1px solid #999 !important }
	
	.dottedBd {border-top:1px dotted #adadad !important;}
	.bdL {border-left:1px solid #f5f5f5}
	.bdR {border-right:1px solid #f5f5f5}
	.bdT {border-top:1px solid #f5f5f5}
	.bdB {border-bottom:1px solid #ddd}
	.bdB2 {border-bottom:2px solid #dfdfdf}
	.bdB3 {border-bottom:1px solid #dfdfdf}
	
	.bdT2 {border-top:2px solid #b7b7b7}
	
	.bgn {background:none !important}
	.bdn {border:none !important;}
	.bdnL {border-left:none !important}
	.bdnR {border-right:none !important}
	.bdnT {border-top:none !important}
	.bdnB {border-bottom:none !important}

	
	.ft_n{font-weight:normal;}
	
	.th_b{border:1px solid #d6d6d6;}
	.comm_bb1{border:1px solid #ffffff;}
	.comm_bt1{border-top:2px solid #c3c3c3;}
	.bdr1px {border:1px solid #333;}
	
	.dpNone { display:none;}
	.dpShow { display:"";}
	.em { font-weight:bold;}
	
	.text-white {color:white;}
	.text-green {color:#05957d}
	.text-center {text-align:center;}

	
	.hr{display:block; width:100%;margin-top:100px; border:0px solid #333;}
	
	.clearBoth {clear:both;}
	
	
	
	.small-device {display:none}
	.main-banner-color {background:#ddd;}
	
	.large-device {display:block}
	
	.bdr1px {border:1px solid #333;}
	
	/* Button */
	
	.btn-dark {background-color:black; color:#f7f7f7;}
	
	.btn-dark:hover, .btn-dark:visited, .btn-dark:active { color:#f7f7f7;}
	a.btn-brown  {background-color:#675555; color:#fff;}
	a.btn-aqua  {background-color:#00a6a0; color:#fff;}
	a.btn-pink  {background-color:#EB176F; color:#fff;}
	a.btn-green  {background-color:#a2b665; color:#fff;}
	
	a:link.btn-aqua, a:active.btn-aqua, a:visited.btn-aqua   {background-color:#00a6a0; color:#fff;}
	a:link.btn-green, a:active.btn-aqua, a:visited.btn-aqua   {background-color:#a2b665; color:#fff;}
	a:link.btn-brown, a:active.btn-aqua, a:visited.btn-aqua   {background-color:#a2b665; color:#fff;}
	a:hover.btn-aqua {background-color:#00a6a0; color:#fff;}
	a:hover.btn-green {background-color:#a2b665; color:#fff;}
	a:hover.btn-brown {background-color:#675555; color:#fff;}
	
	a:link.btn-pink, a:active.btn-pink, a:visited.btn-pink   {background-color:#EB176F; color:#fff;}
	a:hover.btn-pink {background-color:#EB176F; color:#fff;}
	
	.btn-aqua  {background-color:#00a6a0; color:#fff;}
	.btn-pink  {background-color:#EB176F; color:#fff;}
	
	
	.btn-aqua:hover {background-color:#00a6a0; color:#fff;}
	
	p {
padding-bottom: 0;
margin-bottom: 20px;
margin-top: 0;
}
	.btn-default { color: #333;background-color: #fff;border-color: #ddd;}
	
	/* Text Size */
	
	.font-size-12 {font-size:12px;}
	.font-size-13 {font-size:13px;}
	.font-size-14 {font-size:14px;}
	.font-size-15 {font-size:15px;}
	.font-size-16 {font-size:16px;}
	.font-size-17 {font-size:17px;}
	.font-size-18 {font-size:18px;}
	.font-size-19 {font-size:19px;}
	.font-size-20 {font-size:20px;}
	.font-size-21 {font-size:21px;}
	.font-size-22 {font-size:22px;}
	.font-size-23 {font-size:23px;}
	.font-size-24 {font-size:24px;}
	.font-size-25 {font-size:25px;}
	.font-size-26 {font-size:26px;}
	.font-size-27 {font-size:27px;}
	.font-size-28 {font-size:28px;}
	.font-size-29 {font-size:29px;}
	.font-size-30 {font-size:30px;}
	.font-size-31 {font-size:31px;}
	.font-weight-400 {font-weight:400;}
	.font-weight-700 {font-weight:700;}
	
	/* responsive menu  */

	.slicknav_menu {
		display:none;
	}
	
	.text-left {text-align:left;}
	.text-right {text-align:right;}
	.text-center {text-align:center;}
	
		
	/* Board Paging */
	
	.pagination>li>a, .pagination>li>span {color: #666;}
	.pagination li a:hover  {	color: #666;}
	.pagination .active { background-color:#00a6a0;}
	.pagination a.active { color:#fff;}
	.pagination a:hover.active { background-color:#00a6a0; color:#fff;}
	
	
	/* Scroll To Top */
	.top-scroll {position:fixed; bottom:50px; right:5px; z-index:30; width:50px; height:50px; } 
	
	.ht { color:#666; font-size:19px; font-weight:400;}
/* °øÅë Margin And Padding ¿Ï·á*/

/*  Section Color */
.main-section-template { background-color:#fff;}
.main-color {background: #3e9cde !important;}
.main-news-color {background: #f9f9f9 !important; }
.sub-header-color {background: #fbfbfb !important; }
.sub-header-line {border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.main-color-2 {background: #ebebeb !important;}
.footer-bg-color {background: #333 !important;}

/* global navigation and logo */

.nav-bar .logo {display:block; width:150px;border:none; margin:0; padding:0;  border:0px solid #333; margin-top:5px;}

.nav-bar {float:left; position:relative; width:100%; margin:0 auto; height: 42px;border:0px solid #333;}
.nav-bar p { float:left; border:0px solid #333;height:42px;}


.heading-block { margin-bottom: 50px;}
.heading-block h1 {font-size: 32px;}
.heading-block:after {
	content: '';
	display: block;
	margin-top: 30px;
	width: 40px;
	border-top: 2px solid #444;
}

.emphasis-title h1, .emphasis-title h2, .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4 {
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #047c73;
}


.lead { margin-bottom: 20px; font-size: 15px; font-weight: 300; line-height: 1.4; }

/* responsive menu  */


.top-header-color {
	background-color: #333;
}
.block-icon {
	font-size: 16px;
	border-radius: 5px;
	background: #037a9c;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	padding: 5px 5px 5px 5px;
}
/* wrapper */

.content-wrapper {float:left; position:relative; width:100%;margin:0px auto; margin-top:0px; min-width:1100px }
.content {display:block;position:relative; width:1100px; margin-bottom:0px;padding:0;margin:0px auto; }

/*  Footer */
.footer {color:#666;}

.footer .menu li { float:left;margin:0; padding:0; padding:0px 15px 0px 15px; border:0px solid #333  }

.footer a { color:#666;}

.footer li a:hover { color:#666; text-decoration:underline;}
.footer h3 {color: #fff;}
.footer .hr { border-top:1px solid #444; margin:0; padding:0;}
.footer p {margin:0; padding:0; margin-left:10px;}
.footer li span.divline { background-color:#666; float:left; width:1px; height:15px; margin-top:3px;  }

.list-dashed li {
	border-bottom: 1px dashed #d6dfdf;
}

pre.prettyprint {
margin-top: 20px;
margin-bottom: 20px;
}
.list-dashed li {
	margin: 0;
	padding-top: 9px;
	padding-bottom: 9px;
	position: relative;
}


.emphasis-title h1, .emphasis-title h2, .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4 {
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
	
}

.promo .h3 {display:block;  border-bottom:3px solid #333; padding-bottom:2px;}
.promo a {display:block; border-bottom:0px solid #ddd; padding:2px 0px 3px 5px; color:#999}
.promo a:hover {text-decoration:underline;}

.promo span.title{display:block; width:240px; }
.promo span.date{ display:block;font-size:12px; margin-left:20px;color:#a8a8a8}
/* tip */
.tip .h3 {display:block;  border-bottom:3px solid #333; padding-bottom:5px;}
.tip a {display:block; border-bottom:1px solid #ddd; padding:10px 0px 3px 5px; color:#999}
.tip a:hover {text-decoration:underline;}

.tip span.title{display:block; width:240px; }
.tip span.date{ display:block;font-size:12px; margin-left:20px;color:#a8a8a8}

.review .text {
  padding: 30px 40px;
  width: 350px;
  height: 162px;
  line-height: 22px;
  font-size: 14px;
  color: #666;
  background: url("../../imgs/bg_review.gif") no-repeat;
  word-break: keep-all;
  border:0px solid #ddd;
}

.subheader-bg {

 background: url("../../imgs/sub-header2.jpg") no-repeat;
 height:300px;
}
.time li {display: inline-block; margin-right:20px;}
.time .total_time {display: inline-block; float: left; width: 48px; height: 16px; margin-right: 6px; background: url('../../imgs/icon-total-time.png') no-repeat ; line-height: 20px; color: #858585; margin-top:3px;}
.time .start_date {display: inline-block; float: left; width: 48px; height: 16px; margin-right: 6px; background: url('../../imgs/icon-start-date.png') no-repeat ; line-height: 20px; color: #858585; margin-top:3px;}


.scrollingBox {
	width: 300px; /* Replace with the same width as sidebar */
	z-index:100000;
}

.btn_top {
  display: none;
  position: fixed;
  right: 40px;
  bottom: 60px;
  z-index: 1000;
  width: 48px;
  height: 48px;
  border-radius: 3px;
  background-color: #e9047a;
  font-size: 24px;
  line-height: 46px;
  color: #fff;
  text-align: center;
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn_top:hover {color:#fff;}

/* login */
.member {float:left; position:absolute; top:0px; width:247px; border:0px solid #000; background-color:#dcddde; right:45px; margin-bottom:30px;  }

.member ul>li>a {float:left; padding:0 7px 0 7px; border:0px solid #ddd; color:#000; }
.member ul>li>ul>li>a {float:left; padding:0 7px 0 7px; border:0px solid #ddd; color:#000 ;  }
.member ul>li>a:hover {color:#000; text-decoration:none; }
.member ul>li>ul {float:left; display:block;position:absolute;  border:0px solid #000; top:22px; right:1px; z-index:2000; background-color:#a2b665; color:#fff; border-top:1px solid #fff;} 
.member ul>li>a.join { float: left; width: 15px; height: 18px; margin-right: 6px; background: url('../../imgs/join-ico.png') no-repeat ; margin-top:2px;background-color:#dcddde }
.member ul>li>a.login { float: left; width: 15px; height: 18px; margin-right: 6px; background: url('../../imgs/login-ico.png') no-repeat ; margin-top:2px; padding-right:10px;  background-color:#dcddde }
.member ul>li>a.lang { background-color:#a2b665; color:#fff;padding-left:10px; padding-right:5px;}
.member ul>li>a.down {  color:#fff; float: left;  height: 22px;  background: url('../../imgs/arrow-down.png') no-repeat ; padding-top:10px; background-position: 3px 7px; background-color:#a2b665;padding-right:10px; }
.member ul>li>ul {display:none; }
.member ul>li>ul>li>a{color:#fff; padding:3px; padding-left:15px; padding-right:15px;}
.member ul>li>ul>li>a:hover{color:#000; }

/* hieu - error*/
span.errors {float: left; margin-left: 20px; color: red !important; font-size: 13px; }



/* Main Menu - Start */

.gnb {
	display: inline-block;
	margin-left:0px;
	padding:0;	
}
.gnb li a {
	display: block;
	padding:0px;
	
	color: #333;
	font-size: 12px;
}
.gnb li ul {
	padding-left: 0;
	
}



.gnb > ul > li {
	float:left;
	position: relative;
	
	*display: inline;
	*zoom:1;
	margin:0 5px 0 5px;
	font-size:11px;
	border:0px solid #333;
	background-color: #a2b665;
	color:#fff;
	
	
	
	
}
.gnb > ul > li > a {
	overflow: hidden;
	
	*display: inline;
	*zoom:1;
	float:left; 
	
	color:#fff;
	padding:1px 12px 0 15px;
	/*border-bottom: 2px solid #fff;*/
}

.gnb .down {
	background: url('../../imgs/arrow-down.png') no-repeat;
	color: #fff;
 
  float:left;
  position:relative;
  height:22px;
  width:14px;
  
  background-position: 3px 7px;
  background-color: #a2b665;
  top:0px;
  right:5px;
}


.gnb > ul > li.current > a,
.gnb > ul > li.on > a,
.gnb > ul > li > a:hover {
	
	text-decoration:none;
	color:#fff;
	
}

.gnb > ul > li.has-sub > a:hover {
	
}
.gnb > ul > li > a i {
	display: block;
	height: 1.3em;
	
}
.gnb a b {
	position: absolute;
	text-indent: -100%;
}


.gnb li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	margin:0; padding:0;
	

	background-color: #fff;
	
	border-top-width: 2px;
	
	border: 1px solid #d7d7d7;
	z-index:100000;
}
.gnb li li a {
	color: #fff;
	
	padding:5px 17px 5px 18px;
	
	font-size:12px;
	background-color: #a2b665;
}

.gnb li li  {
	border-bottom: 1px solid #d7d7d7;
}

.gnb li li.on a,
.gnb li li a:hover {
	color: #fff;
	text-decoration: none;
	
}