@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*/




/*2017-12-12*/


/*#biz06*/

section#biz06 ul li {
    height: 407px;
	width: 300px;
    border: 3px solid rgba(242, 242, 242, 1);
    background-color: transparent;
    border-radius: 0 0 0 0;
    position: absolute;
	/*top: -132px;*/
}

section#biz06 ul li:nth-child(1) { left: 12px; }

section#biz06 ul li:nth-child(2) { left: 37.4%; }

section#biz06 ul li:nth-child(3) { right: 0px; }


section#biz06 ul div.caption {
	left: -12px;
    width: 300px;
    position: absolute;
    top: -12px;
    right: 0;
    bottom: 0;
    height: 405px;
    border: 0px solid rgba(48, 120, 190, 1);
    background-color: rgba(242, 242, 242, 1);
    border-radius: 0;
	padding: 33px 50px;
    text-align: left;
}

section#biz06 ul li div.mb-md { display: none; }

section#biz06 {
	height: 280px;
	margin-top: 340px;
}

#biz06 ul li h4 a {
    color: #1A2B6D;
	font-size: 1.4em;
	margin-bottom: 20px;
}
#biz06 ul li p {
    color: #000;
}

#biz06 ul {
	position: absolute;
    height: 570px;
    left: auto;
	width: 1140px;
}

#biz06 ul li p { margin-bottom: 25px; line-height: 1.7; }

#biz06 h2#servicestitle {
	font-size: 3.7em;
    font-family: 'Montserrat',sans-serif;
    font-weight: 600;
	margin-bottom: 50px;
}

div.m-section5 { background-color: rgb(26, 43, 109); }

#biz06 .row {
    margin-top: -315px;
    position: relative;
}

a.l-more {
	color: #D41317;
	font-weight: 600;
}

a.l-more:hover {
	transition: color 0.4s ease 0s;
	color: rgb(26, 43, 109);
}

/*#biz06_end*/


a { color: #616161; }
a.btn:hover { border-bottom: 1px solid; }
a#backtotop {
	border-radius: 14px;
	background-color: rgba(26, 43, 109, 1);
    border: solid rgba(43, 104, 156, 1) 0px;
}

.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: 50px; }


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: #1A2B6D !important;
    background-color: rgba(242, 242, 242, 1) !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#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; }

.btn, .btn.inverse:hover {
    background-color: rgba(212, 19, 23, 1);
    border-color: rgba(212, 19, 23, 1);
}

#mainav .active a, #mainav a:hover, #mainav li:hover > a {
    color: #D41317;
}

#mainav li a, .absolute.affix #mainav li a, .basic #mainav li a {
    color: #fff;
    font-weight: 600;
}

#mainav > ul > li > a:hover, .absolute.affix #mainav > ul > li > a:hover {
    background: transparent;
    color: #D41317;
	transition: color 0.4s ease 0s;
}

#header { padding: 10px 15px 5px; }
#header #logo { margin: 10px 0 2px 0px; }

#ex02 .owl-carousel.owl-drag .owl-item { border: 1px solid rgba(242, 242, 242, 1); }

#ex02 .owl-carousel .owl-stage-outer { padding: 15px 0 20px; }

.b-color { color: #1A2B6D; }

footer.about-btn {
	font-size: 1.8rem;
	position: relative;
    top: -15px;
    right: 0;
    left: 73.7%;
}

footer.about-btn div { padding: 15px 0; text-align: center; }

footer.about-btn div a {
	color: #fff;
	display: inline-block;
}

footer.about-btn div:nth-child(1) {
	background-color: rgba(26, 43, 109, 1);
    border: solid rgba(43, 104, 156, 1) 0px;
}

footer.about-btn div:nth-child(2) {
	background-color: rgba(212, 19, 23, 1);
    border: solid rgba(43, 104, 156, 1) 0px;
	width: 18%;
}

div.m-section3 .row div.col-xs-8 {
	border: 0px solid rgba(48, 120, 190, 1);
    background-color: rgba(242, 242, 242, 1);
    border-radius: 0;
	padding: 35px 50px;
}

div.intro_line { padding: 0; }
div.intro_line span {
	border-bottom: 3px solid rgba(26, 43, 109, 1);
    height: 0 !important;
    min-height: 0 !important;
    width: 80%;
	display: inline-block;
}

div.m-section3 .row div.col-xs-8 div.col-xs-9 p { font-size: 1.6rem; }
div.m-section3 .row div.col-xs-8 div.col-xs-9 p.font-x3 {
	font-size: 2.3rem !important;
	font-weight: 600;
    opacity: .2;
    padding-top: 15px;
}

div.owl-nav { display: none; }

div.m-section3 .row div.col-xs-8 h2.mb-md.b-color { margin-bottom: 35px !important; }

div.m-section3 .row div.col-xs-8 p.font-sm.b-color { margin: 0; }

.row3 {
    background-color: transparent;
}

div.m-section3 { position: relative; top: -157px; margin-bottom: -70px; }

div.m-intro { display: none; }

#ex02 {
    /*padding: 50px 0;*/
}

footer.about-btn div:nth-child(1):hover {
	background-color: rgba(212, 19, 23, 1);
    border: solid rgba(43, 104, 156, 1) 0px;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    cursor: pointer;
}

footer.about-btn div:nth-child(2):hover {
	background-color: rgba(26, 43, 109, 1);
    border: solid rgba(43, 104, 156, 1) 0px;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    cursor: pointer;
}

#mainav li:first-child a { /*color: #D41317; */}

.sidebar .nav-list > li.active > a {
    background: #1A2B6D;
}

.support h4 {
    background: #1A2B6D;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 20px 0px;
    font-size: 1.5em;
    font-weight: 600;
    margin: 0 auto 20px;
}

.support h4 span {
    font-weight: lighter;
    font-size: 1.7rem;
    line-height: 1.8;
}


#contents-top {
    padding: 0;
    min-height: 2px;
    margin-bottom: 30px;
}