body {
    min-width: 1200px;
    padding: 0;
    margin: 0;
    background: #fff;
    font-size: 17px;
    color: #333333;
    line-height: 1.6;
    font-family: Microsoft JhengHei, LiHei Pro, sans-serif;
}

a {
    color: #13569bcc;
    text-decoration: none;
            -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:hover{
    color: #13569a;
    text-decoration: none;
            -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a.icon img{
    opacity: .7;
        -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a.icon:hover img{
    opacity: 1;
        -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

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

.container {
    padding-right: 0;
    padding-left: 0;
    width: 1200px;
    margin: 0 auto;
}

.color-green{
    color: #3b5d1c;
}

header {
    width: 100%;
    height: 200px;
    background-image: url(../images/bg_header.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    overflow-x: hidden;
    min-width: 1200px;
}

header .logo {
    padding: 45px 0 0 100px;
    position: relative;
    display: block;
}

header .logo::after {
    content: url(../images/bg_header2.png);
    position: absolute;
    left: auto;
    right: -100px;
    top: 0;
    width: 772px;
    height: 196px;
}

.title {
    position: relative;
}

.title h3 {
	font-weight: bold;
    margin: 0;
    font-size: 28px;
    letter-spacing: .8px;
    line-height: 1;
    color: #393939;
}

.btn-yellow {
	display: inline-block;
    font-weight: bold;
    line-height: 1;
    color: #2f271abf;
    font-size: 18px;
    padding: 7px 30px 7px 35px;
    position: relative;
    z-index: 1;
    border-radius: 8px;
    background: rgb(255, 223, 148);
    background: -moz-linear-gradient(top, rgba(255, 223, 148, 1) 1%, rgba(255, 218, 130, 1) 43%, rgba(237, 176, 30, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 223, 148, 1) 1%, rgba(255, 218, 130, 1) 43%, rgba(237, 176, 30, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 223, 148, 1) 1%, rgba(255, 218, 130, 1) 43%, rgba(237, 176, 30, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf94', endColorstr='#edb01e', GradientType=0);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.btn-yellow:hover{
    color: #2f271a;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.btn-yellow::before {
    content: url(../images/btn_dec.png);
    position: absolute;
        top: -5px;
    left: -17px;
}

.btn-yellow.style1::after{
	content: url(../images/btn_dec1.png);
    position: absolute;
        top: 8px;
    right: 11px;
}
.btn-yellow.style2::after{
	content: url(../images/btn_dec2.png);
    position: absolute;
        top: 8px;
    right: 11px;
}

.tag-green{
	background: #eeeecd;
	border-radius: 3px;
	line-height: 1;
	display: inline-block;
	padding: 5px 15px 9px;
}

.icon-style-1{
    margin-right: 30px;
    transform: translateY(-5px);
    display: inline-block;
}

a .icon-style-1 img{
    opacity: .7;
                -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:hover .icon-style-1 img{
    opacity: 1;
                -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.table.style-1,
.table.style-2{
    width: 100%;
    border-spacing: 0;
    color: #393939;
}
.table.style-1 thead{
	background: #4d841b;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .17);
	border-width: 0 3px;
	border-color: #4d841b;
	border-style: solid;
}
.table.style-1 thead tr td{
	padding: 15px 23px 13px 0;
	color: #fff;
	font-weight: bold;
}
.table.style-1 thead tr td:first-child{
	padding-left: 23px;
}
.table.style-1 thead tr td .left-border{
	display: inline-block;
	line-height: 1;
	border-left: 1px solid #fff;
	padding-left: 6px;
}
.table.style-1 tbody tr td{
	line-height: 24px;
	border-width: 3px 0 1px 0;
	border-style: solid solid dotted solid;
	border-color: #fcfcf4 red #c3c3ac red;
}
.table.style-1 tbody tr td{
	padding: 15px 23px;
	position: relative;
	vertical-align:middle;
}
.table.style-1 tbody tr td a{
    color: #393939;
}
.table.style-1 tbody tr td a:hover{
    color: #222222;
}
.table.style-1 tbody tr td:first-child::before{
	content:"";
	position: absolute;
	top: -3px;
	left: -3px;
	width: 3px;
	height: 3px;
	background: #fcfcf4
}
.table.style-1 tbody tr td:last-child::before{
	content:"";
	position: absolute;
	top: -3px;
	right: -3px;
	width: 3px;
	height: 3px;
	background: #fcfcf4
}
.table.style-1 tbody tr:nth-child(odd){
	background: #f7f7ec
}
.table.style-1 tbody tr:nth-child(even){
	background: #fcfcf4
}
.table.style-1 tbody tr:nth-child(odd) td:first-child{
	border-width: 3px 0 1px 3px;
	border-style: solid solid dotted solid;
	border-color: #fcfcf4 #d7d78e #c3c3ac #d7d78e;
}
.table.style-1 tbody tr:nth-child(odd) td:last-child{
	border-width: 3px 3px 1px 0;
	border-style: solid solid dotted solid;
    border-color: #fcfcf4 #d7d78e #c3c3ac #d7d78e;
}
.table.style-1 tbody tr:nth-child(even) td:first-child{
	border-width: 3px 0 1px 3px;
	border-style: solid solid dotted solid;
	border-color: #fcfcf4 #b4cf9a #c3c3ac #b4cf9a;
}
.table.style-1 tbody tr:nth-child(even) td:last-child{
	border-width: 3px 3px 1px 0;
	border-style: solid solid dotted solid;
    border-color: #fcfcf4 #b4cf9a #c3c3ac #b4cf9a;
}
.table.style-1 tbody tr:last-child td,
.table.style-1 tbody tr:last-child td:first-child,
.table.style-1 tbody tr:last-child td:last-child{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #b4cf9a;
}

.table.style-2{
    border-bottom: 2px solid #e0e7bb
}
.table.style-2 tr th,
.table.style-2 tr td{
    text-align: center;
}

.table.style-3 tr td{
    vertical-align: top;
    line-height: 1.65;
    padding: 6px 10px 6px 0;
}

.table-responsive{
    display: block;
    width: 100%;
    overflow-x: auto;
}

.table.style-2 thead tr th,
.table.style-2 tbody tr td{
    border-right: 2px solid #eaecda;
    padding: 13px 15px;
    font-size: 14px
}
.table.style-2 thead tr th{
    background: #fcfcf4;
    border-bottom: 2px solid #cbd596;
    font-size: 16px;
    font-weight: normal;
}
.table.style-2 thead tr th:last-child,
.table.style-2 tbody tr td:last-child{
    border-right: none;
}
.table.style-2 tbody tr:nth-child(odd) td{
    background: #fcfcf4
}
.table.style-2 tbody tr:nth-child(even) td{
    background: #f2f4e7
}

.description {
    margin-bottom: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.description .col-left {
    width: 360px;
}

.description .col-left .title.style-1 {
    background: url(../images/bg_title.png) left center no-repeat;
    width: 100%;
    height: 67px;
    position: relative;
    z-index: 5
}

.description .col-left .title.style-1 h3 {
    padding: 15px 0 0 65px;
    color: #ffffff;
}

.description .col-left .info {
    background: url(../images/bg_desleft.jpg) right 3px bottom no-repeat;
    margin: -15px 35px 0 17px;
    border-radius: 3px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .22);
    padding: 18px 14px 65px 16px;
    line-height: 1.8;
    height: calc(100% - 65px);
    position: relative;
    z-index: 0
}

.description .col-right {
    width: calc(1170px - 360px);
}

.description .col-right .title.style-2 {
    background: url(../images/bg_title2.png) left bottom no-repeat;
    padding-top: 8px;
    margin-bottom: 12px;
}

.description .col-right .title.style-2 h3 {
    margin: 0 0 0 3px;
    padding: 10px 0 8px 60px;
    border-bottom: 3px solid #c6cc79;
    position: relative;
    z-index: 1
}

.description .col-right .title.style-2 h3::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 3px;
    bottom: -3px;
    left: 0;
    background: #007e3f
}

.data {
    padding: 0 0 0 18px
}
.data .title.style-3,
.data .title.style-4{
	padding: 15px 0 8px 75px;
}
.data .title.style-3 h3,
.data .title.style-4 h3{
	display: inline-block;
	margin-right: 25px;
}
.data .title.style-3 .btn-yellow,
.data .title.style-4 .btn-yellow{
    transform: translateY(-5px);
}

.data .title.style-3{
    background: url(../images/bg_title3.png) left bottom no-repeat;//, url(../images/bg_title3-2.png) right 15px bottom no-repeat;
}

.data .title.style-4{
	background: url(../images/bg_title4.png) left bottom no-repeat;
	margin-bottom: 7px
}

.footer{
    background: url(../images/bg_footer.png) center top no-repeat;
	padding-top: 85px;
}
.footer .wrapper{
	padding: 40px 80px 30px 100px;
	display: flex
}
.footer .wrapper .logo-footer{
	margin-right: 30px;
}
.footer .wrapper .logo-footer img{
	margin-top: 6px
}
.footer .wrapper .address{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	padding-left: 30px;
    border-left: 1px solid #fff;
}

ul.list-style {
    padding: 0;
    margin: 0;
}

ul.list-style li {
    list-style: none;
    display: flex;
    margin-bottom: 8px;
}

ul.list-style li .num {
    padding: 3px 10px 0 5px
}

ul.list-style li .num span {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    border-radius: 100%;
    background: #007e3f
}

ul.list-style li .info {
    width: calc(100% - 35px);
    line-height: 27px
}

/* Search input box */
.has-search .form-control {
    padding-left: 4rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.fa-search {
    position: relative;
    top: 18px;
    right: 220px;
}

input[type=search] {
    position: relative;
    top: -10px;
    right: 54px;

    &:focus {
        border: 1px solid #777;
    }
}