@charset "utf-8";
/* CSS Document 
  by Dung Nguyen 
*/
.main_visual { background: url(../common_img/bg_title.png) no-repeat top left; display: table; background-size: 320px; height: 91px; width: 320px; }
.main_visual .title_page { display: table-cell; vertical-align: middle; padding-left: 10px; }
.bg_block { padding: 10px; background: #161616; margin: 15px 0 20px; }
.plr05 { padding: 0 7px !important;}
.box_bg { background: #000000; background-image: url(../about/images/bg_01.png); background-repeat: no-repeat; background-position: top right; padding: 10px 0; background-size: 234px; }
.box_bg01 { background: #000000;  padding: 10px 0;  }
.sg_main a { color: #fff; }
/*====================================================================================
■ 01. About Page
====================================================================================*/
h3.title_head { padding-bottom: 10px; }
h3.title { padding-bottom: 10px; }
.about_page .block_01 { font-size: 13px;}
.about_page .block_01 .sub_02 .list_box li { background: #373737; padding: 10px; margin-top: 15px; color: #fff; border: 1px solid #6d6d6d;}
.about_page .block_01 .sub_02 .list_box li h4.sub_t { text-align: center; padding-bottom: 10px;}
.about_page .block_02 .table { width: 100%; }
.about_page .block_02 .table th {vertical-align: middle; border: 1px solid #535353; font-weight: normal; color: #fff; background: #383838; padding: 5px 10px; text-align: left; }
.about_page .block_02 .table td { border: 1px solid #535353; padding: 5px 10px;  background: #434343;}
.about_page .block_02 .table td a { color: #fff;}
.about_page .about_tt_h3 {
	position: relative;
}
.about_page h3.about_tt_h3.opened:after {
    background: url(../about/images/down.png) no-repeat center;
    background-size: 29px;
    width: 29px;
    height: 29px;
    content: "";
}
.about_page h3.about_tt_h3:after {
    background: url(../about/images/up.png) no-repeat center;
    background-size: 29px;
    width: 29px;
    height: 29px;
    position: absolute;
    right: 5px;
    content: "";
    top: 5px;
}
.about_page .block_02 .media_txt { padding: 10px; background: #383838; }
.about_page .block_02 .media_txt .block_03_list {}
.about_page .block_02 .maps a { color: #d7ae73;}
.side_bar { margin-top: 15px;}
/*====================================================================================
■ 02. Column Page
====================================================================================*/

.column_page .gnav_menu { padding: 15px 0; }
.column_page .gnav_menu .menu_link { display: block; cursor: pointer; }
.column_page .gnav_menu .drop_dow { display: none; background: #000; margin-top: 3px; }
.column_page .gnav_menu .drop_dow .gnav_drop { padding: 2px 5px 5px 5px; }
.column_page .gnav_menu .drop_dow .gnav_drop li { padding: 10px; border: 1px solid #fff; margin-top: 5px; }
.column_page .gnav_menu .drop_dow .gnav_drop li a { color: #fff; text-decoration: none; }
.column_page .gnav_menu .drop_dow .gnav_drop li a:hover { text-decoration: underline; }

.column_page .list_item h4.title { font-size: 16px; font-weight: normal; border-left: 5px solid #383838; color: #e3bc7d; padding-left: 10px; }
.column_page .list_item .list li { margin-top: 20px; border-bottom: 1px dashed #383838; padding-bottom: 20px; }
.column_page .list_item .list li .media_txt .img { float: left; width: 150px; }
.column_page .list_item .list li .media_txt .txt { margin-left: 20px; float: left; width: 130px; }
.column_page .list_item .list li .media_txt .txt .title a { font-weight: bold; font-size: 13px; color: #fff; text-decoration: none; }
.column_page .list_item .list li .media_txt .txt .title a:hover { text-decoration: underline; }
.column_page .list_item .list li .category_name { font-size: 14px; font-weight: normal; margin-top: 12px; color: #919191; }
.column_page .pagination_number {text-align: center; display: block; padding-bottom: 10px; }
.column_page .pagination_number .number_page { margin-top: 3px; margin-left: 100px;}
.column_page .pagination_number .number_page li {  float: left; margin-right: 5px; background: #5c575e; text-align: center; color: #fff; width: 30px; padding: 5px 0;}
.column_page .pagination_number .number_page li a { color: #fff; text-decoration: underline;}
.column_page.detail_page .list_item h3.title { font-size: 18px; padding: 0 5px 5px; font-weight: bold; margin-bottom: 15px; border-bottom: 3px solid #5a5a5a; }
.column_page.detail_page .list_item .box { padding-bottom: 15px; }
.column_page.detail_page .list_item .box .title { padding: 5px; border-left: 4px solid #383838; font-size: 15px; font-weight: normal; margin-bottom: 10px; color: #e3bc7d;}
.column_page.detail_page .list_item .box .img { text-align: center; margin: 15px 0; }

/*====================================================================================
■ 03. contact Page
====================================================================================*/
.contact_page .info_top { position: relative; }
.contact_page .info_top a { position: absolute; bottom: 100px; left: 8px;}
.contact_page .form_style { padding: 10px 7px 20px; color: #fff; background: #000; margin: 20px 0;}
.contact_page .form_style a { color: #c5a576; }
.contact_page .form_style .wrap_table { margin-bottom: 30px; padding: 0 10px; margin-top: 20px; border: 1px solid #232323; background: #161616; }
.contact_page .form_style .wrap_table .table_form .list2 li { float: left; margin-right: 90px; }
.contact_page .form_style .wrap_table .table_form .note { font-size: 12px; color: #c0c0c0; font-weight: normal; }
.contact_page .privacy .title { margin: 0 -5px;}
.contact_page .form_style .privacy .list { padding: 10px; margin-top: 15px; background: #161616; border: 1px solid #232323;  }
.contact_page .form_style .privacy .list li { list-style: inside disc; margin-bottom: 10px; padding-left: 15px; text-indent: -15px;}
.contact_page .form_style .privacy .color01 { color: #7a7a7a;}
/*====================================================================================
■ 03. Flow Page
====================================================================================*/
.flow_page .sec_01 .block_01 .sub_t {
    margin-bottom: 10px;
}
.decor_none { text-decoration: none!important;}
.flow_page .sec_01 .block_01 .note { color: #ab402b; }
.flow_page .sec_01 .block_01 .list_img .sub_t2 { color: #ab402b; margin-bottom: 5px; }
.flow_page .sec_01 .block_01 .list_img ul li { width: 92px; margin-right: 5px; float: left; text-align: center; }
.flow_page .sec_01 .block_01 .list_img ul li .img { margin-bottom: 5px; }
.flow_page .sec_01 .block_01 .list_img ul li.last { margin-right: 0; }
.flow_page .icon_arround { text-align: center; }
.flow_page .bg_block { margin-bottom: 10px; margin-top: 10px;}
.flow_page .sec_01 .block_03 .txt .list li { position: relative; padding-left: 15px; }
.flow_page .sec_01 .block_03 .txt .list li:after { content: "※"; position: absolute; top: 0; left: 0; }
.flow_page .sec_01 .block_03 .box_list { background: #434343; padding: 10px; margin-top: 10px; color: #fff; }
.flow_page .sec_01 .block_03 .box_list .sub_t { font-size: 16px; }
.flow_page .sec_01 .block_03 .box_list .list li { list-style: inside decimal; margin-top: 5px; padding-left: 10px; text-indent: -10px;}
.flow_page .delivery { margin-top: 20px; padding: 10px; position: relative; background: #000; background-image: url(../flow/images/bg_delivery.png); background-position: top right; background-repeat: no-repeat; border: 3px solid #473b2f; background-size: 173px; }
.flow_page .delivery h3 { margin-bottom: 15px; }
.flow_page .delivery p { }
.flow_page .sec_02 .block_02 .box_list { background: #434343; padding: 10px; margin-top: 10px; color: #fff; }
.flow_page .sec_02 .block_02 .box_list a { color: #fff; }
.flow_page .info_contact { position: relative; margin-top: 20px;}
.flow_page .info_contact .info_contact_tel { position: absolute; top: 105px; left: 5px;}
.flow_page .info_contact .info_contact_mail { position: absolute; top: 138px; left: 30px;}
.flow_page .info_contact .btn { position: absolute; bottom: 0px; left: 15px;}
/*====================================================================================
■ 04. Menu Page
====================================================================================*/
.menu_page .menu_before { margin: 15px 0px;}
.menu_page .menu_before li { width: 138px; text-align: center;  color: #fff; float: left; margin-right: 10px;}
.menu_page .menu_before li p { padding-top: 5px;}
.list_price .menu_tit {
	font-size: 16px;
	background: #5c575e;
	text-align: center;
	padding: 5px;
}
.list_price .menu_h5 { position: relative; background: #252525; font-weight: normal; color: #fff; padding: 5px 7px; font-size: 16px; border: 1px solid #535353;}
.list_price .menu_h5.opened:after {
    color: #fff;
    content: "▲";
}
.list_price .menu_h5:after {
    color: #fff;
    content: "▼";
    position: absolute;
    right: 5px;
    top: 8px;
}
.menu_page .list_price .table_price,.table_price01 { width: 100%;}
.menu_page .list_price .table_price th, td { padding: 5px 7px; text-align: left; font-weight: normal;}
.menu_page .list_price .table_price th { background: #464646;border: 1px solid #535353; }
.menu_page .list_price .table_price td { background: #888888;border: 1px solid #888888; }
.menu_page .list_price .table_price01 th, td { padding: 5px 10px; text-align: left;border: 1px solid #535353;}
.menu_page .list_price .table_price01 th { background: #383838; }
.menu_page .list_price .table_price01 td { background: #434343; }
.menu_page .block_02 .list_table { margin : 15px 0; }
.menu_page .block_02 .list_table li { }
.menu_page .block_02 .list_table li .sub_t { margin-bottom: 5px; color: #888888; }
.menu_page .block_02 .list_table li .table { width: 100%; }
.menu_page .block_02 .list_table li .table tr>td, .table tr>th { border: none; padding: 2px 0; font-weight: normal;}
.menu_page .block_03 .table { width: 100%; }
.menu_page .block_03 .table th { text-align: left; color: #9c9c9c; font-weight: normal;padding: 5px 10px 0;}
.menu_page .block_03 .table td { padding: 5px 10px 7px; border: none; border-bottom: 1px dashed #3f3f3f; }
.border_none { border: none !important;}
.tit_m02 {
    font-size: 16px;
    font-weight: normal;
	border-bottom: 1px dashed #3f3f3f;
}
.menu_page .block_03 .table .th_me04 {
    width: 27%;
} 
.border_bottom {border-bottom: 1px dashed #3f3f3f; }

/*====================================================================================
■ 05. News Page
====================================================================================*/
.news_page .box_new { padding: 10px; margin-bottom: 20px; }
.news_page .box_new .box_t { margin-bottom: 10px; }
.news_page .box_new .box_t .date { color: #e7c48b; background: url(../news/images/bg_date.png) no-repeat center right; background-size: 210px;}
.news_page .box_new .box_t .title { font-size: 16px;  }
.news_page .box_new .photo { float: left; border: 2px solid #fff; margin-right: 10px; margin-bottom: 10px;}
/*====================================================================================
■ 06. Repair Page
====================================================================================*/
.repair_page .box_bg { padding: 20px 10px;}
.repair_page h3.title { background: url(../repair/images/bg_title.png) repeat-x bottom left; font-size: 20px; color: #fff; padding-bottom: 5px; background-size: 320px;}
.repair_page .box_bg .pagination { margin: 20px 0px; padding: 0; }
.repair_page .box_bg .list_item { margin-bottom: 20px; }
.repair_page .box_bg .list_item li { border: 1px solid #232323; float: left; width: 145px; padding: 5px; margin-right: 10px; background: #161616; }
.repair_page .box_bg .list_item li .sub_t { padding-bottom: 10px;  color: #e3bc7d; font-weight: normal;}
.repair_page .box_bg .list_item li .img {text-align: center; }
.repair_page .box_bg .list_item li .btn_more { margin: 10px 0; text-align: center; }
.repair_page .box_bg .list_item li.last { margin-right: 0 !important; }
.repair_page.detail_page .box_bg .box_item { background: #161616; padding: 10px;  border: 1px solid #232323; }
.repair_page.detail_page .box_bg .box_item h4.title { border-left: 5px solid #383838; color: #e3bc7d; font-size: 16px; font-weight: normal; margin-bottom: 20px; line-height: 1.2; padding-left: 15px; }
.repair_page.detail_page .box_bg .box_item .box { border-bottom: 1px dashed #3f3f3f; margin-bottom: 20px; padding-bottom: 20px; }
.repair_page.detail_page .box_bg .box_item .box.last { margin-bottom: 0; border-bottom: 0; }
.repair_page.detail_page .box_bg .box_item .box .media_txt .repair_photo { display: table;}
.repair_page.detail_page .box_bg .box_item .box .media_txt .repair_photo a { float: left; margin-right: 5px; width: 130px; margin-bottom: 10px;}
.repair_page.detail_page .box_bg .box_item .box .media_txt .repair_photo .note_image {  text-align: center; display: table-cell; vertical-align: middle; }
.repair_page.detail_page .box_bg .box_item .box .media_txt .photo {  float: left; margin-right: 20px; margin-bottom: 30px;}
.red_size{
	font-size:18px;
	color:#F00;	
	}
.bg_new{
	background: #C00000 !important;
	border-radius:5px !important;
	}









































