@charset "utf-8";

/*tab*/
ul.tabs {
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	width:20%;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_content .table{
	text-align:center;
}

.tab_content .table thead tr th{
	text-align:center;
}

.tab_content .table tbody tr td{
	padding: 8px 10px !important;
}

/*2017-03-27*/
.panel-box {
    width: 25%;
    float: left;
    margin-bottom: 0px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: none;
}

.panel-01 { background: url(/theme/theme_s/img/main/panel01.jpg) top center no-repeat; height: 266px; }
.panel-02 { background: url(/theme/theme_s/img/main/panel02.png) top center no-repeat; height: 266px; }
.panel-03 { background: url(/theme/theme_s/img/main/panel03.png) top center no-repeat; height: 266px; }
.panel-04 { background: url(/theme/theme_s/img/main/panel04.png) top center no-repeat; height: 266px; }
.panel-05 { background: url(/theme/theme_s/img/main/panel05.png) top center no-repeat; height: 266px; }
.panel-06 { background: url(/theme/theme_s/img/main/panel06.png) top center no-repeat; height: 266px; }
.panel-07 { background: url(/theme/theme_s/img/main/panel07.png) top center no-repeat; height: 266px; }
.panel-08 { background: url(/theme/theme_s/img/main/panel08.png) top center no-repeat; height: 266px; }


.cont-title1 {
	margin-top: 20px;
	text-align: center;
}

.cont-title1 h2 {
	font-size: 35px;
	margin-bottom: 5px;
}

.cont-title2 {
	margin-bottom: 33px;
	text-align: center;
}

.main-thumbnail {
	border: 0 !important;
	border-radius: 0 !important;
	float: left;
	padding: 0 !important;
	margin-right: 20px !important;
}

.main-thumbnail img {
	border-radius: 0 !important;
}

.main-thumbnail-text {
	float:right;
	width: 180px;
}

.add-btn {
	display: block;
	text-align: center;
	margin-top: 25px;
}

.main-wrap {
	margin-top: 0 !important;
}

.main-listbox {
	margin-bottom: 0px !important;
}

.main-list-text a{
    font-size: 25px;
	color: #a94368 !important;
}

.sct_basic {
	color: #969696;
	font-size: 12px;
}

.cust_price_no {
	margin-right: 15px;
	color: #818181;
	font-size: 13px;
}

.it_tel_inq {
	color: #818181;
	font-size: 20px;
}

.add-btn-img {
	background: none;
}

#sit_pvi_thumb {
    padding-right: 0;
}

.footer-icon a {
    float: right;
    margin: 0 5px;
}

#footer .contact li {
	color: #fff;
}

/*aside*/


/*end*/




/*2018-01-08*/

a#backtotop {
    border-radius: 14px;
    background-color: #4c5365;
}

.owl-theme .owl-dots { display: none; }

div.gallery { padding-bottom: 50px; }

div.section.divider h2 {
    color: inherit;
    background-color: transparent;
    margin: 0 auto 30px;
    width: 100%;
    font-size: 2.2em;
    text-transform: uppercase;
    line-height: 1.6;
}

div.section.divider {
    height: auto;
    border: none;
}

a { color: #616161; }
a.btn:hover { border-bottom: 1px solid; }

.content-contactus ul.list {
	margin-left: 0px !important;
    padding-left: 0px !important;
    line-height: 1.6em;
    padding-bottom: 20px;
}

div.content-aboutus form { padding-top: 30px; }

div#wrapper-contents { padding-bottom: 35px; }

.title-stripe { margin-bottom: 15px; }

tbody td {
	vertical-align: middle;
	padding: 10px 20px !important;
}
tbody td p {
	padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.tbl_head01 td { padding: 8px 5px !important; }

div.m-section8 div.section button.slick-arrow { display: none !important; }
div.m-section1 #main_slick_slider button.slick-arrow { display: none !important; }

#bo_v_con p { padding-bottom: 3px; margin-bottom: 0px !important; }

.light-grey, .hover-light-grey:hover, .light-gray, .hover-light-gray:hover {
    color: #000!important;
    background-color: #f9f9f9!important;
    font-size: 1.5rem;
}

.aside .active a, .aside a:hover, .aside li:hover > a { color: inherit; }

#bo_gall li.gall_text_href {
	width: 256px;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 2rem;
}

div#wrapper-contents main.container { min-height: 540px; }

div#bo_gall #fboardlist .row span.thumb-info-wrapper a img {
	border: 1px solid #ededed;
    padding: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
}

div#bo_gall #fboardlist .row span.thumb-info-caption {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
div.content_wrap span.thumb-info-no-zoom .thumb-info-wrapper img { display: block; }

.slick-dots li.slick-active button:before {
    color: #ff3333;
}

div.tbl_frm01 .frm_input { width: 170px; }
#bo_vc_w .tbl_frm01 th { width: 120px; }
form#fwrite .tbl_frm01 th { width: 120px; }
.tbl_frm01 .frm_file { width: 200px !important; }
#captcha #captcha_key { width: 120px; }

#autosave_wrapper .frm_input.required { width: 350px; }

.tbl_frm01 th { width: 105px; }
#captcha #captcha_key { width: 120px; }

#bo_list .td_date { width: 85px; }

a:hover { color: #979797; }

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #496f9e; /*#4c5365;*/
}

.mbr-section-full {
    height: 80vh;
}

#aboutus6 {
    margin: 30px 0;
}

#mainav li:first-child a {
    color: #496f9e;
	font-weight: 600;
}

#mainav > ul > li > a:hover, .absolute.affix #mainav > ul > li > a:hover {
    background: transparent;
    color: #496f9e;
}

.m-color { color: #496f9e; }

.sidebar .nav-list > li.active > a {
    background: #496f9e;
}

.btn, .btn.inverse:hover {
    background-color: #4c5365;
    border-color: #2e333d;
}

p.lead b {
	color: #333;
    font-size: 1.2em;
}

div.mbr-table-md-up .btn, .btn.inverse:hover {
    color: #FFFFFF;
    background-color: #496f9e;
    border-color: #ff8202;
}

div.mbr-table-md-up .btn:hover, div.mbr-table-md-up .btn.inverse {
    color: inherit;
    background-color: transparent;
    border-color: inherit;
}

#contents-top {
    min-height: 210px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: auto;
	padding: 32px 0;
}

#contents-top h3.text-right span {
	font-size: 1.5em;
    letter-spacing: .1em;
	line-height: 1.6;
}

.j_txt{font-size:16px}
.j_txt img{text-align: center;margin: auto;}
.j_txt .gong{height: 10px;margin: 10px 0;}
.j_txt h3, .j_txt h4, .j_txt p{margin: 10px 0;padding: 0;}
.j_txt p{font-size:16px;}
.j_txt p.lead2{font-weight: bold;}
.j_txt ul li{margin-bottom: 8px;}