@media print {
    body a:link:after, body a:visited:after {  display: none; content: ""; }
}
body{
    background-color:#fff;
    color: #3c3c3c;
    line-height: 1.428em;
    font-family: "Lato","Microsoft JhengHei","Microsoft YaHei","微軟正黑體","微软雅黑",STHeitiTC,STHeitiSC,sans-serif;
    font-size: 16px;
}
@media (max-width: 1199px) and (min-width: 992px){
    body{
        font-size: 16px;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    body{
        font-size: 16px;
    }
}
@media (max-width: 767px) and (min-width: 10px){
    body{
        font-size: 14px;
    }
}

a {
    
}

a:focus, 
a:hover {
    
    cursor: pointer;
    text-decoration: underline;
}

.space{
    height: 40px;
}

.clear{
    clear: both;
}

.pc{
    display: block;
}

.mb{
    display: none;
}

@media (max-width: 768px) and (min-width: 10px){
    .pc{
        display: none;
    }

    .mb{
        display: block;
    }
}
@media (max-width: 767px){
    .hidden-xs {
        display: none!important;
    }
}

.required{
    color: red;
}


.caret{
    border-top: 4px solid;
    border-bottom: 4px solid transparent;
    margin-bottom: -2px;
    margin-top: 0;
}
.dropup .caret{
    border-top: 4px solid transparent;
    border-bottom: 4px solid ;
    margin-bottom: 0;
    margin-top: -4px;
}

.layout_float_left{
    float: left;
}

.layout_float_right{
    float: right;
}

.layout_center{
    margin-left: auto;
    margin-right: auto;
}

.row_margin{
    margin: 10px 15px;
}

.no_margin{
    margin: 0;
}

.no_padding{
    padding: 0;
}

.row.content{
    width: 100%;
    margin: 0 auto;
}

.row.content_9{
    width: 90%;
}

.row.content_8{
    width: 80%;
}

.row.content_7{
    width: 70%;
}

.row.content_6{
    width: 60%;
}
.auto_width{
    width: auto;
}

.font_center{
    text-align: center;
}

.font_left{
    text-align: left;
}

.font_right{
    text-align: right;
}

@media (max-width: 767px) and (min-width: 10px){
    .mb_font_center{
        text-align: center;
    }

    .mb_font_left{
        text-align: left;
    }

    .mb_font_right{
        text-align: right;
    }
}

.font_bold{
    font-weight: 700;
}

.font_normal{
    font-weight: 400;
}

.font_white{
    color: #fff;
}

.font_gray{
    color: #898989;
}

.font_color_1{
    color: #04a64f;
}

.font_color_2{
    color: #555555;
}

.font_color_3{
    color: #dddddd;
}

.bg_color_white{
    background-color: #fff;
}

.bg_color_black{
    background-color: #000;
}

.bg_color_gray{
    background-color: #898989;
}

.bg_color_1{
    background-color: #626262;
}

.bg_color_2{
    background-color: #E1E1E2;
}

.bg_color_3{
    background-color: #C7CEE2;
}

.btn_more{

}

.noselect {
    -webkit-touch-callout: none;  
    -webkit-user-select: none;   
    -khtml-user-select: none;    
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;      
}


.div_table_cell{
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}
.div_table_cell .div_center{
    display: inline-block;
}

.div_absolute_table{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: table;
    width: 100%;
    height: 100%;
}
.div_absolute_table_cell{
    display: table-cell;
    vertical-align: middle;
}


.btl_bt{
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #1655a3;
    border-width: 1px;
    border-style: solid;
    border-color: #1655a3;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    cursor: pointer;
    transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -webkit-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
}
@media (max-width: 1199px) and (min-width: 992px){
    .btl_bt{
        font-size: 16px;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .btl_bt{
        font-size: 14px;
    }
}
@media (max-width: 767px) and (min-width: 10px){
    .btl_bt{
        font-size: 14px;
    }
}
.btl_bt:hover,.btl_bt:active,.btl_bt:focus{
    background-color: #fff;
    color: #1655a3;
    outline: none;
    transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -webkit-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
}



.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}


.btn-breadcrumb .btn {
    padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
    padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
    padding:6px 18px 6px 24px;
}


.btn-breadcrumb .btn.btn-default:not(:last-child):after {
    border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
    border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
    border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
    border-left: 10px solid #adadad;
}


.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
    border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
    border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
    border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
    border-left: 10px solid #285e8e;
}


.btn-breadcrumb .btn.btn-success:not(:last-child):after {
    border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
    border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
    border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
    border-left: 10px solid #398439;
}


.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
    border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
    border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
    border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
    border-left: 10px solid #ac2925;
}


.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
    border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
    border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
    border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
    border-left: 10px solid #d58512;
}


.btn-breadcrumb .btn.btn-info:not(:last-child):after {
    border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
    border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
    border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
    border-left: 10px solid #269abc;
}

.btl_breadcrumb{
    margin-top: 20px;
    margin-bottom: 20px;
}
.btl_breadcrumb a,.btl_breadcrumb a:hover,.btl_breadcrumb a:active,.btl_breadcrumb a:focus{
    color: #3c3c3c;
    text-decoration: none;
}


.fa.circle{
    border: 1px solid #3c3c3c;
    border-radius: 50%;
    cursor: pointer;
    padding: 12px;
    text-align: center;
    -moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;
}
.fa.circle:hover{
    background-color: #3c3c3c;
    color: #fff;
    -moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;
}


.carousel-control{
    width: 10%;
}
.carousel-inner>.item{
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
}
.carousel-control.left,
.carousel-control.right{
    background-image: none;
}
.carousel-caption{
    height: 100%;
}
.carousel_item{
    padding: 15px;
    position: relative;
}
.carousel_item .carousel_item_container{
    display: inline-block;
    position: relative;
}
.carousel_item img{
    
}
.carousel-caption > table{
    width: 100%;
    height: 100%;
}
.carousel-control.right{
    right: 15px;
}