@charset "utf-8";
/* CSS Document 
  by Dung Nguyen
*/
/*====================================================================================
■01.MainVisual PAGE 
====================================================================================*/
#main { background: #f9f7f2;}
.main_visual { background: url(../images/bg_main_visual.jpg); padding: 16px 0 15px; text-align: center; position: relative; }
.main_visual h2 { position: relative; background: url(../common_img/bg_banner.png) no-repeat center; height: 231px; text-align: left; width: 1128px; margin: 0 auto;  
 }
.main_visual h2 img {padding-left: 63px; padding-top: 88px;}
.main_visual span { position: absolute; top: 50%; left: 20%; margin-top: -14px; margin-left: 0px;}
.main_visual span img {padding: 0;}

.breadcrum { padding-top: 10px;  margin-bottom: 20px;}
.breadcrum a { text-decoration: none;}
/*====================================================================================
■02.SIDEBAR 
====================================================================================*/
#sidebar { width: 246px; float: left;}
#sidebar .side01 { position: relative; padding-right: 0px; width: 238px; text-align: center; margin-bottom: 15px;}
#sidebar .side01 .side01_txt { position: absolute; left: 0px; bottom: 80px; color: #000000; text-align: left; padding: 0 15px; font-size: 13px; line-height: 1.7;}
#sidebar .side01 .side01_btn { position: absolute; left: 20px; bottom: 25px; }
#sidebar .side02 { width: 238px; text-align: center;}
#sidebar .side02 li { padding-bottom: 15px;}
#sidebar .side03 { position: relative; padding-right: 0px;  margin-bottom: 15px;}
#sidebar .side03 .side03_txt { position: absolute; left: 0px; bottom: 73px; color: #58300C; text-align: left; padding: 0 15px; font-size: 13px; line-height: 1.7;}
#sidebar .side03 .side03_btn { position: absolute; left: 20px; bottom: 25px; }
#sidebar .side03 .side03_message { position: absolute; left: -70px; top: 150px; }

/*====================================================================================
■03.MAINCONTENT 
====================================================================================*/
#main_content { float: right; width: 750px; font-size: 13px; color: #333333;}

/*====================================================================================
■03.News PAGE 
====================================================================================*/
.news_box { background: #fff; border: 1px solid #ebebeb; padding: 30px; margin-bottom: 20px;}
.news_box .tit_news {}
.news_box .tit_news .date {background: url(../news/images/bg_date.png) no-repeat; color: #fff; font-size: 13px; font-weight: bold; padding: 8px;}
.news_box .tit_news h3 {color: #58300c; font-size: 16px; font-weight: bold; line-height: 1.7; border-bottom:1px solid #ff7800; padding-bottom: 13px;}
.news_box .detail_news { padding-top: 20px; line-height: 1.7}
.news_box .detail_news > img {float: left; margin: 0px 25px 25px 0px;}
.news_box .detail_news > a {float: left; margin: 0px 20px 20px 0px;}
/*====================================================================================
■04.Items PAGE 
====================================================================================*/
.list_tititems {margin-left: 50px;}
.list_tititems li { float: left; margin-right: 40px;  padding-bottom: 10px;  width: 188px;  text-align: center; text-decoration: none; margin-bottom: 30px;}
.list_tititems li a { color: #58300c; text-decoration: none; display: block; background:#ead06a;  font-size: 16px; font-weight: bold; padding: 15px 0;}
.list_tititems li a:hover { color: #fff; text-decoration: none;width: 188px; background:#ff882f; color: #fff!important; font-size: 16px; font-weight: bold; padding: 15px 0; text-align: center;}
.list_tititems li a.active { color: #fff; text-decoration: none;width: 188px; background:#ff882f; color: #fff!important; font-size: 16px; font-weight: bold; padding: 15px 0; text-align: center;}
.itemsbox { background: #fff; border: 1px solid #ebebeb; padding: 20px 30px; margin-bottom: 30px;}
.items_l { float: left; width: 428px;}
.itemsbox h3 { background: url(../items/images/bg_tit.png) no-repeat; padding: 30px 0 15px; font-weight: bold; font-size: 19.5px; color: #58300c; padding-left: 75px; margin-bottom: 20px; border-bottom: 2px dotted #f8d33e; }
.itemsbox p { color: #151515; font-size: 13px; line-height: 1.7}
.itemsbox .items_detail { width: 100%; margin-top: 20px;}
.itemsbox .items_detail  th, .itemsbox .items_detail td { text-align: left; font-size: 13px; padding: 10px;}
.itemsbox .items_detail  th { width: 30%; background: #e8f6ff; border: 1px solid #ebf1f4;}
.itemsbox .items_detail  td { background: #fff; border: 1px solid #eeeeee; padding-right: 5px;}
.items_btn { text-align: center; margin: 30px 0 10px;}

/*====================================================================================
■04.Contact PAGE 
====================================================================================*/
.contact_tit01 { margin-top: -25px;}
.contact_img { background: #fff; border: 1px solid #ebebeb; padding: 30px 30px 50px; text-align: center; margin-top: 10px; margin-bottom: 50px;}
.contact_box { background: #fff; border: 1px solid #ebebeb; padding: 20px 30px; margin-top: 10px;}
.contact_box h4 { background: #e58530; font-size: 16px; font-weight: bold; color: #fff; padding: 10px 20px;}
.contact_box p { line-height: 1.7}
#personal {
	font-size: 13px;
	padding-bottom:  20px;
	line-height: 1.7
}
.list_titpersonal { padding-top: 20px; margin-left: -10px; }
.list_titpersonal li { padding-bottom: 3px;}
.list_personal {
	background: #e8f6ff;
	border: 1px solid #dcdcdc;
	padding: 15px 40px;
	margin-top: 10px;
}
.list_personal li {
	list-style: disc;
	padding-bottom: 10px;
}

/*====================================================================================
■04.Company PAGE 
====================================================================================*/
.box_company {background: #fff; border: 1px solid #ebebeb; padding: 20px;  margin: 10px 0 50px;}
.company_table { width: 100%; font-size: 13px; border: 1px solid #f1f1f1;}
.company_table th { background: #f07100; color: #fff; font-weight: bold; text-align: center; vertical-align: middle; padding: 10px 0; border-bottom: 1px solid #edded1; width: 18%;}
.company_table td { background: #fff; color: #151515; text-align: left; vertical-align: middle; padding: 10px 30px; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef}
.map_company { background: #fff; border: 1px solid #898989; padding: 3px;}
/*====================================================================================
■05.Guide PAGE 
====================================================================================*/
.guide_sec .guide01 {background: url(../guide/images/tt1_bg.png) no-repeat top center; width: 711px; height: 575px; position: relative; margin: 0px auto;}
.guide_sec .guide01 h3 {position: absolute; top: 31px; left: 33px;}
.guide_sec .guide01 .tt1_text {position: absolute; top: 135px; left: 33px; width: 376px;line-height: 22px;}
.guide_sec .guide01 .tt1_img {position: absolute; top: 23px; right: -20px; }
.guide_sec .guide01 ul {position: absolute; top: 305px; left: 21px;}
.guide_sec .guide01 ul li {margin-bottom: 15px;}
.guide_sec .guide02 {background: #fff; border:1px solid #ebebeb; margin-top: 30px; padding: 20px;}
.guide_sec .guide02 h3 {margin-bottom:20px; }
.guide_sec .guide02 h4 {margin-bottom:20px; }
.guide_sec .guide02 table {width: 700px; margin: 0px auto;}
.guide_sec .guide02 table tr {border-bottom: 1px dotted #ebebeb; padding: 15px 0px; }
.guide_sec .guide02 table th {text-align: left; color: #58300c; font-weight: bold; width: 226px;}
.guide_sec .guide02 table td {text-align: left; color: #000; font-weight: bold;padding: 10px;}
.guide_sec .guide02 .tt3_sec {background: #e8f6ff; width: 690px; min-height:140px; margin: 0px auto 30px auto; position: relative;}
.guide_sec .guide02 .tt3_sec h4 {color: #0073bd; font-size: 20px; position: absolute; top: 20px; left: 10px;}
.guide_sec .guide02 .tt3_sec .text_tt3 {position: absolute; font-size: 13px; line-height: 24px; width: 600px; left: 20px; top: 51px;}
.guide_sec .guide02 .tt3_sec .img_tt3 {position: absolute; top: 65px; right: -15px;}
.guide_sec .guide02 .tt3_point {margin-bottom: 15px; width: 690px; margin: 0px auto;}
.guide_sec .guide02 .tt3_point .content {background: url(../guide/images/tt3_bg.png) no-repeat 568px 0px;}
.guide_sec .guide02 .tt3_point .content p {width: 525px; padding-bottom: 35px; line-height: 24px;}
.guide_sec .contact_banner {background: url(../guide/images/banner_bg.png) no-repeat top center; width: 750px; height: 176px; position: relative; margin-top: 30px;}
.guide_sec .contact_banner > p {position: absolute;}
.guide_sec .contact_banner .banner_img {top: 10px; left: 29px; }
.guide_sec .contact_banner .banner_text {top: 15px; left: 223px; }
.guide_sec .contact_banner .banner_tel {top: 75px; left: 222px; }
.guide_sec .contact_banner .banner_time {top: 128px; left: 225px; }
.guide_sec .contact_banner .banner_btn {top: 71px; right: 30px; }

.guide_sec .guide02 .certificate .btn {margin-top:145px; text-align:right;}
/*====================================================================================
■06.About PAGE 
====================================================================================*/
.about_sec > h3 {margin-bottom: 10px;}
.about_sec .about_content {background: #fff; border:1px solid #ebebeb; padding:29px;}
.about_sec .about_content .about01 h4, .about_sec .about_content .about02 h4, .about_sec .about_content .about03 h4, .about_sec .about_content .about04 h4 {margin-left: -7px; margin-bottom: 15px} 
.about_sec .about_content .about01 , .about_sec .about_content .about02 , .about_sec .about_content .about03 , .about_sec .about_content .about04, .about_sec .about_content .about05 , .about_sec .about_content .about06 {margin-bottom: 25px;} 
.about_sec .about_content .about01 h5 {margin: 10px 0px 25px 0px;}
.about_sec .about_content .about01 .content {background: url(../about/images/tt1_bg.png) no-repeat 215px 5px; padding-top: 3px;}
.about_sec .about_content .about01 .content p {width: 289px; line-height: 23px; padding-bottom: 25px;}
.about_sec .about_content .about02 ul li {margin-right:24px; margin-bottom: 24px; float: left;}
.about_sec .about_content .about03 table {font-size: 13px; width: 100%;}
.about_sec .about_content .about03 th, .about_sec .about_content .about03 td {border:1px solid #f1f1f1;}
.about_sec .about_content .about03 th {font-weight: bold; text-align: center; vertical-align: middle; padding:10px 0px; width: 164px; background: #e8f6ff;} 
.about_sec .about_content .about03 td {text-align: left; vertical-align: middle; padding:10px 30px;} 
.about_sec .about_content .about05 .pull-left {width: 425px;}
.about_sec .about_content .about06 h4 {font-size: 13px; font-weight: bold; background: url(../about/images/point-red.png) no-repeat 0px 3px; padding-left: 17px; margin-bottom: 10px;}
.about_sec .about_content .about06 table {width: 100%; font-size: 13px;}
.about_sec .about_content .about06 .col1_about {width: 116px; background: #ff7800; text-align: center; color: #fff; font-size: 14px;}
.about_sec .about_content .about06 .col2_about {width: 123px; background: #ff7800; text-align: center; color: #fff; font-size: 14px;}
.about_sec .about_content .about06 .col3_about {width: 312px; background: #ff7800; text-align: center; color: #fff; font-size: 14px;}
.about_sec .about_content .about06 .col4_about {width: 100px; background: #ff7800; text-align: center; color: #fff; font-size: 14px;}
.about_sec .about_content .about06 td {vertical-align: middle; border:1px solid #ebebeb; padding: 5px 5px;}
.about_sec .about_content .about06 td a {float:right;}
.font12 {font-size:12px;}
.mt-25 {margin-top: -25px;}