@charset "UTF-8";
body{font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif!important;}
a, a:hover, a:active, a:focus{text-decoration: none;}
a.black, a.black:hover, a.black:active, a.black:focus{color:#373a3c;}
p.form-notice{margin-bottom:0;}


hr{border-top: 1px solid #ccc;}

/*特殊*/
.pre{white-space: pre-wrap;word-break: break-all;text-overflow: ellipsis;}
b{font-weight:bold; color:#d9534f;}
b.big{font-size:120%;}


/* overwrite */
a:focus, button.ui-button:focus {outline: none;}
@media(max-width:32em){
    .container {
        padding-right: .5rem;
        padding-left: .5rem;
    }
}
.card-columns {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}

.alert-warning {border-color: #eae4c3;}
.carousel-indicators{left: 58.2%;text-align: right;top: -70px;}
.carousel-indicators li{margin: 3px;}
.carousel-indicators .active{margin: 2px;}
#index-carousel .carousel-indicators{bottom: 7.2em;}
#index-carousel .carousel-indicators li{background-color: #fff;}
#index-carousel .carousel-indicators .active{background-color: #f5565a;border-color: #f5565a;}

.c-select, .c-text{border-radius: 0.2rem;padding: .25rem 1rem;border-color: #a6a6a6;height: 34px;}
.c-select.dark, .c-text.dark{border-color: #707070;}
.form-long-md .c-select, .c-text{min-width:7em;}
.c-select{padding: .1875rem 1.75rem .1875rem .75rem;background-image:url("/images/selector_style01.png");background-size: 17px 42px;background-position:right -1px center;}
.c-select.select-large{padding-top: .45rem;padding-bottom:.45rem;border-width: 0px;border-radius: 0.15rem;}
.c-select.black {background-color: #565a5c;}
.c-select.placeholder{color: #555;}
.c-select.placeholder option[disabled]:first-child {display: none;}
.c-select[disabled]{background-color: #eceeef;cursor: not-allowed;}

.checkbox label.c-input{display:inline-block;padding-left: 1.5rem;}
.c-checkbox .c-indicator{top: 4px;border: 1px #aaa solid;}
.c-input>input:checked~.c-indicator{border-width: 0px;}

tr.collapse.in{display:table-row;}
tr.text-center th, tr.text-center td{text-align:center;}
.tr-h-sm th, .tr-h-sm td{padding-top:.3rem;padding-bottom:.3rem;}
.table-sm th:first-child, .table-sm td:first-child{padding-left:.5rem;}
.table-responsive .table{min-width:38rem;}
.table-responsive.table-respo-sm .table{min-width:25rem;}
.table-responsive.table-respo-md .table{min-width:45rem;}
.table-responsive.table-respo-lg .table{min-width:54rem;}
.thead-default th{background-color: #edefed;}
.table-hover tbody tr:hover{background-color: #fafafa;}
.table.vertical-middle th, .table.vertical-middle td, tr.vertical-middle th, tr.vertical-middle td{vertical-align:middle;}

/*
.card.active{border-color: #628c9c;}
.card.active .card-footer{border-top-color: #628c9c;background-color: #628c9c;color: #fff;}
.card.add{color: #266526;}
.card.add:hover{border-color: #5cb85c;}
.card-sm .card-block{padding:1rem;}
.card.card-hover:hover{border-color: #999;}
*/
.file-custom, .file input:focus ~ .file-custom{-webkit-box-shadow:none;box-shadow:none;}
.file-custom:after{content: "選擇檔案...";}
.file-custom:before{top: -.05rem;content: "瀏覽";}
.has-error .file-custom{border-color: #d9534f;}
.has-error .file-custom:before{border-color: #d9534f;}

.input-group .form-notice{display: table-row;white-space: nowrap;}

.modal.black .modal-header{background-color: #333;color: #fff;border-radius: .2rem .2rem 0 0;}
.modal.black .close {color: #fff;}

.label.costom{font-size: 93%;font-weight: 400;}

.nav-pills.style1 a.nav-link{color: #666;background-color: #eee;}
.nav-pills.style1 a.nav-link:hover{color: #fff;background-color: #0d88f1;}
.nav-pills.style1 .nav-link.active, .nav-pills.style1 .nav-link.active:focus, .nav-pills.style1 .nav-link.active:hover {color: #fff;background-color: #0275d8;}

/*overwright fullcalender*/
.fc-toolbar h2{padding-top:.2em;font-size:1.5rem;}


/*tool*/
.block-center{margin:0 auto;}
.disabled{cursor: not-allowed;opacity: .65;}

.d-table{display:table;width: 100%;}
.d-row{display:table-row;}
.d-extend, .d-fix{display:table-cell;width:100%;vertical-align:middle;}
.d-fix{width:1%;}

.text-nowarp{white-space: nowrap;}
.text-green{color:#359235;}
.text-white{color:#fff;}
.text-brown{color:#B37621;}
.text-gray-light{color:#9DA7AF;}
.text-black{color:#000;}

.font-160{font-size: 160%;}

/*特殊 icon 顏色*/
.text-fblue{color:#3B579D;}
.text-lblue{color:#0274B3;}
.text-ypurple{color:#640F6C;}
.text-gred{color:#DA4835;}
.text-red{color:#ff0000;}

.cursor-pointer{cursor: pointer;}

.hide{display:none;}
.inline-block{display:inline-block;}
.inline-relative{position:relative;display:inline-block;}
.position-relative{position:relative;}
.position-absolute{position:absolute;}

.overflow-x-hide{overflow-x:hidden;}

.vertical-top, .form-inline .form-group.vertical-top{vertical-align:top;}
.vertical-middle{vertical-align:middle;}
.vertical-bottom{vertical-align:bottom;}

.bk-white{background: #fff;}
.bk-red{background: #F5A9E1;}
.bk-pink{background-color: #ff5a5f;}
.bk-naturals{background-color: #c9ae00;}
.bk-gray-blue{background-color: #75b7cb;}
.bk-gray-light{background-color: #edefed;}
.bk-gray-green{background-color: #228B22;}
.bk-blue-green{background-color: #229C94;}
.bk-h.hv-gray:hover{background-color:#edefed;}

.fa-md{font-size:1.2em}

.horizontal-line{height:1px;border-bottom: 1px #aaa solid;}
.horizontal-line-b{border-bottom: 1px #aaa dashed;}
.vertical-line-l{border-left: 1px #aaa solid;}

.small-50{font-size:50%;}
.small-xs{font-size:96%;}
.small-sm{font-size:90%;}
.big-xs{font-size:106%;}
.big-sm{font-size:115%;}

@media (min-width: 48.1em){
    .form-inline-md .control-label, .form-inline-md .form-group {margin-bottom: 0;vertical-align: middle;}
    .form-inline-md .form-control-static, .form-inline-md .form-group {display: inline-block;}
}

/*
sm-34
md-48
lg-62
xl-75
*/
@media (min-width: 62em){
    .lg-px-4{padding-left:4rem;padding-right:4rem;}
    .lg-px-3{padding-left:3rem;padding-right:3rem;}
}
.pt_2{padding-top:.2rem;}
.py_3{padding-top:.3rem;padding-bottom:.3rem;}
.pt_5{padding-top:.5rem;}
.pl_5{padding-left:.5rem;}
.py_5{padding-top:.5rem;padding-bottom:.5rem;}
.py_7{padding-top:.7rem;padding-bottom:.7rem;}
.pb_7{padding-bottom:.7rem;}
.pl1{padding-left:1rem;}
.pt2{padding-top:2rem;}
.pb2{padding-bottom:2rem;}
.px2{padding-left:2rem;padding-right:2rem;}
.pt3{padding-top:3rem;}
.pb3{padding-bottom:3rem;}
.px3{padding-left:3rem;padding-right:3rem;}
@media (max-width: 48em){
    .container.px3{padding-left:.5rem;padding-right:.5rem;}
}
.pr4{padding-right:4rem;}
.pl4{padding-left:4rem;}
.pt5{padding-top:5rem;}

.ml-1{margin-left:-1rem;}
.mx_1{margin-left:.1rem;margin-right:.1rem;}
.mx_1{margin-top:.1rem;}
.mb_1{margin-bottom:.1rem;}
.mb_2{margin-bottom:.2rem;}
.mb_3{margin-bottom:.3rem;}
.mt_5{margin-top:.5rem;}
.mb_5{margin-bottom:.5rem!important;}
.ml_5{margin-left:.5rem;}
.mr_5{margin-right:.5rem;}
.my_5{margin-top:.5rem;margin-bottom:.5rem;}
.mt1{margin-top:1rem;}
.mr1{margin-right:1rem;}
.ml1{margin-left:1rem;}
.my1{margin-top:1rem;margin-bottom:1rem;}
.mt2{margin-top:2rem;}
.mr2{margin-right:2rem;}
.ml2{margin-left:2rem;}
.mb2{margin-bottom:2rem;}
.mx2{margin-left:2rem;margin-right:2rem;}
.mr4{margin-right:4rem;}
.ml4{margin-left:4rem;}
.mx4{margin-left:4rem;margin-right:4rem;}
.mt5{margin-top:5rem;}

.width1{width:1%;}
.width7{width:7%;}
.width8{width:8%;}
.width10{width:10%;}
.width11{width:11%;}
.width12{width:12%;}
.width14{width:14%;}
.width15{width:15%;}
.width17{width:17%;}
.width20{width:20%;}
.width25{width:25%;}
.width30{width:30%;}
.width60{width:60%;}
.width70{width:70%;}
.width75{width:75%!important;}
.width90{width:90%;}
.width100{width:100%;}
.height100{height:100%;}


.w-7{width:7rem;}
.w-150p{width:150px;}
.w-715p{width:715px;}
.w-740p{width:740px;}
.m-w-18{max-width:18rem;}
.m-w-22{max-width:22rem;}

.h-120p{height:120px;}
.min-height-md{min-height:32em;}
.max-height-sm{max-height:18em;}

.line-height-1_5{line-height:1.5;}
.line-height-2{line-height:2;}
.line-height-2_5{line-height:2.5;}

@media(min-width:48.1em) {
.row-2{width: 122%;}
}

.bdr-r{border-radius: .25rem;}
.bdr-t-0{border-top-width:0px!important;}
.bdr-gray{border: 1px #c4c4c4 solid;}
.bdr-card{border: 1px #eee solid;}
.bdr-transparent{border: 1px transparent solid;}
.bdr.hv-add:hover{border-color: #5cb85c;}
.bdr.hv-gray:hover{border-color: #c4c4c4;}

.scroll-y{overflow-y: scroll;}
.left66{left:66%!important;}

/*custom*/
header .navbar-toggler{padding: .7em 0em;}
header .navbar-brand {margin-right: .5rem;}
header .nav-pills.pull-right{margin-right:-.5rem;}
header .nav-pills .nav-link{padding: .5em .1em;color:#000;}
header .nav-link span{padding: .35em 0;}
header .navbar{padding: .5em .5em;}
header .navbar .fa-chevron-down{vertical-align: 10%;font-size: .9em;}
header .dropdown-menu{font-size: 0.95em; min-width: 120px;margin:0px;}
header .nav-right{float:right;}
@media (min-width: 48.1em){
    header .nav-item+.nav-item:before{content:" ";border-left:1px #999 solid;position: absolute;height: 2em;display: block;margin-top: .5em;}
    header .nav-pills .nav-link{padding: .5em 1em;}
    header .navbar{padding: .5em 1em;}
    header .collapse{display: block !important;}
}
@media (max-width: 48em){
    header .nav-pills .nav-item {float: none;}
    header .nav-right{float:none;}
    header .nav-pills .nav-link{padding:.5rem 0 0 0;}
    header .nav-pills .nav-link button{width:100%;}
    header .nav-pills .nav-item+.nav-item, .nav-tabs .nav-item+.nav-item {margin-left: 0rem;}
}
#header_menu{background-color: white;}
#header_menu .close{color: #fff;text-shadow: none;opacity: 1;}
#header_menu .nav-pills .nav-link button{width: 11rem;padding-top: .4rem;padding-bottom: .4rem;font-size: 105%;}
#header_menu .nav-pills .nav-link{padding:1.5rem 0 0 0;}

.dropdown-menu.popover-bottom .popover-arrow {top: -6px;right: 13%;margin-left: -6px;border-top-width: 0;border-bottom-color: rgba(0,0,0,.25);}
.dropdown-menu .popover-arrow{border-width: 6px;}
.dropdown-menu.popover-bottom .popover-arrow::after {top: 1px;margin-left: -5px;content: "";border-top-width: 0;border-bottom-color: #fff;}
.dropdown-menu .popover-arrow::after{border-width: 5px;}
.dropdown-menu{border-color:rgba(0,0,0,.35);}
.dropdown-menu.popover-bottom .popover-arrow {border-bottom-color: rgba(0,0,0,.45);}

#index-carousel{margin-top: -1px;}
#index-carousel .img-responsive{width: 100%;}
#index-carousel .carousel-footer{background-color: rgba(0,0,0,.5);bottom: 0;left: 0;right: 0;padding: 2em 0;}
@media (min-width: 34.1em){
    #index-carousel .carousel-footer{position: absolute;}
}
@media (max-width: 34em){
    #index-carousel{margin-left: 1rem;margin-right:1rem;}
    #index-carousel .carousel-footer{padding: .8em 0 0 0;background: none;}
    #index-carousel .carousel-footer button{
    font-size: 90%;
    padding: .3rem .5rem;}
}

footer{background-color:#2b2d2e;width: 100%;color:#fff;}
footer a{color:#fff;}
footer a:hover{color:#aaa;}
footer .title{font-size:1.1rem;}
footer li{line-height:1.8;}
footer hr.line{position:absolute;top: 2.1em;left: 0;right: 0;border-color: #777;}
footer .container .clearfix{padding:1rem 0 1rem 0;}
@media (min-width: 48.1em){
    footer select{margin-top: 4.25em;}
footer hr.line{top: 4.1em;}
    footer .container .clearfix{margin:0 4rem 0 4rem;padding:3rem 0 1rem 0;}
}

.container-title{margin-top:4rem;font-weight:bold;}
@media (max-width: 62em){
.container-title{margin-top:2.5rem;}
}
@media (max-width: 48em){
.container-title{margin-top:1.5rem;}
}

.nav-style1{margin-left: 0px;}
.nav-style1 li+li:before{content:" ";border-left:0px #eee solid;}
.nav-style1 .nav-link{padding:.5rem 0;min-width: 9.5rem;text-align: left;font-weight:bold;}
.nav-style1 .nav-link span{border-bottom: .15rem solid transparent;color:#ededed;font-size:1.075rem;padding:2px;}
.nav-style1 .nav-link:hover span{border-bottom-color: #ededed;}
.nav-style1 .nav-link span.active{border-bottom-color: #fff;color:#fff;}
@media (max-width: 62em){
    .nav-style1 .nav-link{min-width: 8.5rem;}
}
@media (max-width: 48em){
    .nav-style1 li{display:block;}
    .nav-style1 li+li:before{border-left:0px #eee solid;}
}

.nav-style2{background: #47a3da;}
.nav-style2 li{border-bottom: #258ecd 1px solid;}
.nav-style2 .nav-title{padding: 1.3rem 0 1.3rem 1rem;display: inline-block;font-size: 1.25rem;color: #afdefa;background: #0C7EC1;width: 100%;}
.nav-style2 .nav-link{background: #47a3da;color: #fff;padding: .6rem .8rem;width: 100%;font-size: 1.075rem;}
.nav-style2 .nav-link:hover{background: #258ecd;color: #fff;}
.nav-style2 .nav-link.active{background: #fff;color: #1F4D69;font-size: 1.1rem;}

.nav-tabs.custom{border-bottom-color: #aaa;}
.nav-tabs.custom .nav-item:first-child{margin-left:2em;}
.nav-tabs.custom .nav-item+.nav-item {margin-left: 0rem;}
.nav-tabs.custom .nav-link{padding: .5em 2em;border-color: #ddd #ddd transparent;border-radius: 0;color:#aaa;}
.nav-tabs.custom .nav-link:hover{color:#444;}
.nav-tabs.custom .nav-link.active{border-color: #aaa #aaa transparent;cursor: default;color:#333;}
@media (max-width: 48em){
    .nav-tabs.custom .nav-item:first-child{margin-left:0em;}
    .nav-tabs.custom .nav-item{float:none;}
    .nav-tabs.custom{border-bottom-color: #ddd;}
    .nav-tabs.custom .nav-link.active{border-bottom-color: #aaa;}
}

.alert.alert-bottom{position: relative;}
.alert.alert-bottom .popover-arrow{top: -11px;left: 50%;margin-left: -11px;border-top-width: 0;border-bottom-color: rgba(0,0,0,.25);}
.alert.alert-bottom .popover-arrow:after{top: 1px;margin-left: -10px;content: "";border-top-width: 0;border-bottom-color: #fff;}
.alert.alert-warning .popover-arrow{border-bottom-color: rgba(234, 228, 195, 1);}
.alert.alert-warning .popover-arrow:after{border-bottom-color: #fcf8e3;}

.btn-group-v-m_1 .btn+.btn{margin-top:.1rem;}

.loginbolck-label, .loginbolck-input{padding:0;}
@media (min-width: 32.1em){
    .loginbolck-label{width:16%;}
    .loginbolck-input{width:80%;}
}

.input-group .fa{min-width:16px;}
.btn .fa.w-fix{min-width:21px;}
/*.btn .fa-lg{vertical-align: 0%;}*/

.btn{padding: .25rem 1rem;border-radius: 0.15rem;}
.btn.btn-rounded{border-radius: .3rem;}
.btn-sm{padding: .25rem .75rem;font-size: .85rem;line-height: 1.5;}

.btn-success-outline.dark{color: #2a9a2a;border-color: #2a9a2a;}
.btn-success-outline:focus,.btn-success-outline:active,.btn-success-outline:hover{color:#fff;background-color: #2a9a2a;}

.btn-warning-outline.dark{color: #ca882b;border-color: #ca882b;}
.btn-warning-outline:focus,.btn-warning-outline:active,.btn-warning-outline:hover{color:#fff;background-color: #ca882b;}

.btn.gradient{background: -moz-linear-gradient( center top, #fff 5%, #e6e6e6 100% );background: -ms-linear-gradient( top, #fff 5%, #e6e6e6 100% );filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e6e6e6');background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #fff), color-stop(100%, #e6e6e6));background-color: #f2f2f2;color: #222;border: 1px solid #a4a4a4;}
.btn.gradient:hover{background: -moz-linear-gradient( center top, #e6e6e6 5%, #fff 100% );background: -ms-linear-gradient( top, #e6e6e6 5%, #fff 100% );filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#fff');background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #e6e6e6), color-stop(100%, #fff));}
.btn.gradient.gradient-md{font-size: 95%;padding: .235rem 1.25rem;}
.btn.gradient.gradient-lg{font-size: 105%;padding: .35rem 1.5rem;}
.btn.btn-long-md{min-width: 6.5rem;}
.btn.gradient.btn-long-lg{padding-left: 2.5rem;padding-right: 2.5rem;}

.btn.btn-lg{font-size: 105%;padding: .35rem 1.5rem;}
.btn.bk-none{background: transparent;border-color: #ccc;color:#333;}
.btn.bk-none-black{background: transparent;border-color: black;color:#333;}
.btn.bk-red{background: #af1010;border-color: #af1010;color:#fff;}
.btn.bk-red:hover{background: #d21b1b;border-color: #d21b1b;}
.btn.bk-pink{background: #ff5a5f;border-color: #f34f54;color:#fff;}
.btn.bk-pink:hover{background: #ea4d52;border-color: #e4454a;}
.btn.bk-naturals{background: #c9ae00;border-color: #c3a903;color:#fff;}
.btn.bk-naturals:hover{background: #b39b03;border-color: #ab9401;}
.btn.bk-gray-blue{background: #75b7cb;border-color: #6bafc3;color:#fff;}
.btn.bk-gray-blue:hover{background: #5da4b9;border-color: #539bb1;}
.btn.bk-gray-blue.dark{background: #5199af;border-color: #59a2b9;}
.btn.bk-gray-blue.dark:hover{background: #458a9e;border-color: #4b94a9;}
.btn.bk-gray-green{background: #228B22;border-color: #197d19;color:#fff;}
.btn.bk-gray-green:hover{background: #008000;border-color: #008000;}
.btn.bk-blue{background: #5abfdd;border-color: #4eb4d2;color:#fff;}
.btn.bk-blue:hover{background: #4ea9c3;border-color: #439cb7;}
.btn.bk-blue-green{background: #229C94;;border-color: #4eb4d2;color:#fff;}
.btn.bk-blue-green:hover{background: #779C94;;border-color: #439cb7;}

.btn.bk-blue-green2{background: #fff;border-color: #32a495;color:#32a495;}
.btn.bk-blue-green2:hover{background: #32a495;border-color: #32a495; color:#fff;}


/*from*/
.required:before, .sty-required:before{content:"* ";color:#d9534f;}
.form-input-sm .form-control{padding: .175rem .5rem;}
.form-input-sm .c-select{padding: .1rem 1.25rem .1rem .25rem;}
.form-input-sm .input-group-btn .btn{padding: .2rem .95rem;}
.form-input-md .form-control, .form-input-md .input-group-addon{padding: .27rem .75rem;}
.form-label-colon label.form-control-label:after{content:"：";}

table.bdr-gray th, table.bdr-gray td{border: 1px #c4c4c4 solid;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;}
.bdr-gray.none-b{border-bottom-width: 0px;}
tr.none-b, tr.none-b th, tr.none-b td{border-bottom-width: 0px;}
.table-border .bdr-gray+.bdr-gray{border-top-width: 0px;}

/*頭像*/
.userpic{text-align: center;position: relative;width:250px;}
/*.userpic .userpic-bk{position:absolute;z-index:0;top:0;opacity: 0.4;left:auto;display: inline-block;}
.userpic .userpic-content{z-index:2;top:0;display:inline-block;}*/
.userpic .userpic-mask{position:absolute;z-index:5;top:0;left:0;right:0;bottom:0;opacity: 0.65;background:url(/images/mask.png);}

/*可關閉區塊*/
.close-block .close{display:none;z-index:5;position: absolute;top: 0;right: 0;}
.close-block.active .close{display:block;}
.close-block .close.top-6{top: -6px;}
.close-block .close.top-8{top: -8px;}
.close-block .close.right8{right: 8px;}
.close-block .close.right-6{right: -6px;}
button.close[disabled]{cursor: not-allowed;}



.alert-default{color: #636363;background-color: #F1F1F1;border-color: #D8D8D8;}
.alert-default hr{border-top-color: #a8a8a8;}
.alert-default .alert-link{color: #245269;}

.alert-default.light{color: #3c3c3c;background-color: #f9f9f9;border-color: #E0E0E0;}



.icon-group .imgbox{display:inline-block;}
.icon-group .imgbox+.imgbox{margin-left:.5em;}

.content-height-fix{bottom:0;left:3rem;right:3rem;position:absolute;}
.search-map{top:70px;}
.search-block, .map-block{top:0px;}
.search-block{width:51.7%;right:auto;overflow-y:auto;overflow-x:hidden;}
@media (max-width: 62em){
    .search-block{width:100%;left:auto;}
}
.search-block .img-cover, .map-block .img-cover, #search_result .img-cover{position: absolute;left: 0;right: 0;padding: .8rem 1rem;color: #ddd;margin-top: -3.2rem;background: rgba(0, 0, 0, 0.5);z-index: 20;text-align: right;font-size: 1.5rem;line-height: 1.5rem;}
.map-block .img-cover{padding: .8rem 1rem;margin-top: -2.8rem;font-size: 1.2rem;line-height: 1.2rem;}
.map-block{width:40%;left:auto;background-color: rgb(229, 227, 223);}
.search-block .card-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 1.2em;font-size: 1.13rem;}

.message-count{border-radius:.3rem;background:#67a9bd;padding: 0 .3rem;color:#fff;}
.message-count:after{top: 100%;left: 40%;border: solid transparent;content: " ";position: absolute;border-top-color: #67a9bd;border-width: 6px 0px 0px 6px;margin-left: -3px;}
.message-count.active{background:#ff5a5f;}
.message-count.active:after{border-top-color: #ff5a5f;}


select option[default] {color: #333;}

.product-page-style{padding:0 1rem;line-height:1.7;}
.product-page-style p{margin-bottom:.5rem;}
.product-page-style a{color:#003563;}
.product-page-style a:hover{color:#001D35;}
.product-page-style .horizontal-line{margin-left: -1rem;margin-right: -1rem;}
.product-page-style ol, .product-page-style ul{margin-bottom:0;margin-left:-1rem;}
.product-page-style .d-row .text-muted{display:inline-block;vertical-align: top;font-size:.9rem;padding-left:1.5rem;line-height:1.5;padding-top:.1rem;}
.product-page-style form .d-row .text-muted{display:block;padding-left:0rem;}
.product-page-style .text-point{display:inline-block;vertical-align: top;padding-left:1.5rem;}
.product-page-style .text-point .text-muted{font-weight:normal;padding-left:.1rem;}
.product-page-style .d-row > div{padding:.6rem 0;border-bottom: 1px #aaa dashed;}
.product-page-style .d-row:last-child > div{border-bottom-width: 0px;}
.product-page-style .d-row > div:first-child{padding-left:1rem;}
.product-page-style .d-row > div:last-child{padding-right:1rem;}
.product-page-style .checkbox, .product-page-style .radio-group{margin: .3rem 0;}
.product-page-style .c-radio .c-indicator{margin-top: 3px;}

.comment .media.horizontal-line-b:last-child{border-bottom-width:0px;}

.statlist-content{font-size: 0px;letter-spacing:-4px;}
.statlist{font-size: 1rem;letter-spacing:0px;color:#818a91;}
.statlist .proc-style{position:relative;padding:0 2.2rem;}
.statlist .fa-stack{z-index:55;position: relative;height: 1em;line-height: 1em;}
.statlist small{line-height:1.3;display: block;margin-top: .3rem;}
.statlist .up, .statlist .down{position:absolute;height:2px;top:48%;width:100%;background:#ccc;left:0;}
.statlist:first-child .up, .statlist:first-child .down{left:50%;width:50%;}
.statlist:last-child .up, .statlist:last-child .down{right:50%;width:50%;}
.statlist.before .up, .statlist.active .up{background:#359235;}
.statlist.active, .statlist.before{color:#333;}
.statlist.active span{font-weight:bold;}
.statlist.active .up{width:50%;}
.statlist.active:first-child .up{width:0%;}
.statlist.active .text-green{color:#237B23;}

/* overwrite google map */
.gm-style{font-family: "Hiragino Sans GB","微軟雅黑","Microsoft YaHei",SimHei,"微軟正黑體","Helvetica Neue",Helvetica,Arial,sans-serif !important;font-size: 16px;}
.marker{font-size: 80%;position:absolute;cursor:pointer;width:auto;}
.infoBox{background-color: #fff;border: 2px solid rgba(0, 0, 0, .2);border-radius: .3rem;max-width:220px;}
.infoBox .card-block{padding:.6rem;}
.infoBox .card-block .big-sm{font-size:105%;}
.infoBox > img{border-radius: 50%;}
.marker:after, .infoBox:after {top: 100%;left: 50%;border: solid transparent;content: " ";position: absolute;border-top-color: #818a91;border-width: 7px 4px 0px 4px;margin-left: -4px;}
.infoBox:after {border-width: 7px 6px 0px 6px;margin-left: -6px;}
.marker > span {background-color: #ccc;border: 1px #000 solid;border-radius: 50%;height: 6px;width: 14px;position: absolute;bottom: -9px;left: 0px;}
.marker.label-info:hover, .marker.label-info.active, .infoBox.box-label-info > img{background-color: #3e95af;}
.marker.label-info:after{border-top-color: #5bc0de;}
.marker.label-info:hover:after, .marker.label-info.active:after, .infoBox.box-label-info:after{border-top-color: #3e95af;}
.infoBox.box-label-info{border-color: #3e95af;}
.marker.label-info > span{background-color: #083C5A;border-color: #021A27;}
.marker.label-warning:hover, .marker.label-warning.active, .infoBox.box-label-warning > img{background-color: #b17e35;}
.marker.label-warning:after{border-top-color: #f0ad4e;}
.marker.label-warning:hover:after, .marker.label-warning.active:after, .infoBox.box-label-warning:after{border-top-color: #b17e35;}
.infoBox.box-label-warning{border-color: #b17e35;}
.marker.label-warning > span{background-color: #502308;border-color: #100A01;}

/* Jcrop coord */
.jcrop-border {background: rgba(0,0,0,0.8);}
.jcrop-handle {border-color: rgba(0,0,0,0.8);}
.jcrop-coords {display: none;position: absolute;bottom: -24px;right: 7px;color: rgba(255, 255, 255, 0.8);padding: 1px 4px 0;font-size: 10px;white-space: nowrap;font-family: "Lucida Console", Monaco, monospace;background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.jcrop-current .jcrop-coords {display: block;}

/* linkedin 分享標籤位置修正 */
.share_linked_in > span{height: 20px;vertical-align: bottom !important;}

/* ChatBox */
.chatbox{position: fixed;left:auto;bottom:0;right:50px;z-index: 300;height:340px;width:300px;}
.chatbox .alert{padding:.5em;}
.chatbox .space{height:5px;width:100%;}
.chatbox .cb_topbar{height:30px;background-color: #903131;border-radius: 3px 3px 0 0;padding: 4px 9px;}
.chatbox .cb_topbar .title{padding-right:8px;overflow : hidden;text-overflow : ellipsis;white-space : nowrap;width:250px;}
.chatbox .cb_topbar, .chatbox .cb_topbar a {color: #fff;}
.chatbox .cb_info, .chatbox .cb_content, .chatbox .cb_message{background-color: #fff;border:1px solid #903131;border-top-width:0;border-bottom-width:0;}
.chatbox .cb_info{padding:10px;height:70px;border-bottom-width:1px;}
.chatbox .cb_info img{height:50px;width:50px;}
.chatbox .cb_content{height: 204px;padding:7px;overflow-y: scroll;}
.chatbox .cb_content .msgbox{border:1px solid #ccc;border-radius:2px;padding:0 4px;margin-bottom: 1px;word-break: break-all;}
.chatbox .cb_content .msgleft{float:left;background:#F1DDDD;border-color:#EAD0D0;margin-right:15px;}
.chatbox .cb_content .msgright{float:right;background:#e4e4e4;border-color:#d5d5d5;margin-left:15px;}
.chatbox .cb_message{height: 36px;padding:4px 4px;border-top-color:#903131;border-top-color: #903131;border-top-width: 1px;border-top-style: solid;}
.chatbox .cb_message .cb_input{width: 100%;height:25px;border-width:0;outline:none;}

/*tinymce*/
.mce-btn-group .mce-btn{float: left;}

/*jCarouselLite*/
.jclite{/*width:100% !important;*/}

/*20170502 york add header's css (from index.css) -- start */
.clear {
    clear: both;
}
#header_menu {
    background-color: rgba(0, 0, 0, 0.6); 
}

#header_menu .nav-item+.nav-item:before {
    border: 0;
}

#header_menu .nav-pills .nav-item+.nav-item, 
#header_menu .nav-tabs .nav-item+.nav-item {
    margin-left: 0;
}

#header_menu .nav > li  > ul {
    padding: 0 15px 0 0;
    margin-bottom: 30px;
    list-style: none;
}

#header_menu .nav > li > ul:last-child {
    padding: 0;
}

#header_menu .nav > li > ul > li.title {
    padding: 3px 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    background-color: #209d97;
    color: #fff;
    font-weight: bold;
}

#header_menu .nav > li > ul > li {
    padding: 5px 10px;
}

#header_menu .nav > li > ul > li a {
    color: #fff;
}

#header_menu .nav > li > ul > li:hover a {
    text-decoration: underline;
}

/* +width: 1024↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
    #btn-menu {
        display: block!important;
    }
    
    #webview-menu {
        display: none;
    }
}

/* +width: md↓
*----------------------------------------------------------------------------*/
@media (max-width: 48em) {
    header .nav-pills .nav-item {
        padding: 0 20%;
    }
}

/* 20170503 add by york */
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .contactus { display: none; }
    header .navbar { padding: .5em 0em; }
}


/*20170502 york add header's css (from index.css) -- end */