html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.42857143;
    color: #768399;
    background-color:#1e2022;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Microsoft JhengHei", Helvetica, Arial, sans-serif;
	line-height: 1.1;
	letter-spacing: 0;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
	font-weight: normal;
	line-height: 1;
	color: #999999;
}


.container2 {
    margin-right: auto;
    margin-left: auto;
    width: 1170px;
    
}

@media (max-width: 1280px) {
    .container2 {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* -----------------------------------------
   Template helpers
----------------------------------------- */
/* ------------------ Sizes --------------------*/
.s12 {
	font-size: 12px !important;
}
.s16 {
	font-size: 16px !important;
}
.s18 {
    font-size: 18px !important;
}
.s20 {
	font-size: 20px !important;
}
.s24 {
	font-size: 24px !important;
}
.s32 {
	font-size: 32px !important;
}
.s64 {
	font-size: 64px !important;
}
.vat {
	vertical-align: top !important;
}
.vam {
	vertical-align: middle !important;
}
.vab {
	vertical-align: bottom !important;
}
/* ------------------ Margins --------------------*/
.row.no-padding {
	margin-left: 0;
	margin-right: 0;
}
.row.no-padding [class^="col-"] {
	padding: 0;
}
.m0 {
	margin: 0 !important;
}
.m5 {
	margin: 5px !important;
}
.m10 {
	margin: 10px !important;
}
.m15 {
	margin: 15px !important;
}
.m20 {
	margin: 20px !important;
}
.m25 {
	margin: 25px !important;
}
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
/* ------------------ Paddings --------------------*/
.p0 {
	padding: 0 !important;
}
.p5 {
	padding: 5px !important;
}
.p10 {
	padding: 10px !important;
}
.p15 {
	padding: 15px !important;
}
.p20 {
	padding: 20px !important;
}
.p25 {
	padding: 25px !important;
}
.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pr0 {
	padding-right: 0 !important;
}
.pr5 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pb0 {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pl0 {
	padding-left: 0 !important;
}
.pl5 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
/* ------------------ Percent widths --------------------*/
.per5 {
	width: 5% !important;
}
.per10 {
	width: 10% !important;
}
.per15 {
	width: 15% !important;
}
.per20 {
	width: 20% !important;
}
.per25 {
	width: 25% !important;
}
.per30 {
	width: 30% !important;
}
.per35 {
	width: 35% !important;
}
.per40 {
	width: 40% !important;
}
.per45 {
	width: 45% !important;
}
.per50 {
	width: 50% !important;
}
.per55 {
	width: 55% !important;
}
.per60 {
	width: 60% !important;
}
.per65 {
	width: 65% !important;
}
.per70 {
	width: 70% !important;
}
.per75 {
	width: 75% !important;
}
.per80 {
	width: 80% !important;
}
.per85 {
	width: 85% !important;
}
.per90 {
	width: 90% !important;
}
.per95 {
	width: 95% !important;
}
.per100 {
	width: 100% !important;
}
/* ------------------ Borders --------------------*/
.b {
	border: 1px solid #e7e7e2;
}
.bt {
	border-top: 1px solid #e7e7e2;
}
.br {
	border-right: 1px solid #e7e7e2;
}
.bb {
	border-bottom: 1px solid #e7e7e2;
}
.bl {
	border-left: 1px solid #e7e7e2;
}
.btlr {
	border-top-left-radius: 4px;
}
.btrr {
	border-top-right-radius: 4px;
}
.bblr {
	border-bottom-left-radius: 4px;
}
.bbrr {
	border-bottom-right-radius: 4px;
}
.brall {
	border-radius: 4px;
}
.bn {
	border: none !important;
}
/* ------------------ Colors --------------------*/
.color-red {
	color: #ff7b91 !important;
}
.color-blue {
	color: #75c5e6 !important;
}
.color-green {
	color: #71d398 !important;
}
.color-yellow {
	color: #ffcc66 !important;
}
.color-orange {
	color: #f4b162 !important;
}
.color-white {
	color: #ffffff !important;
}
.color-teal {
	color: #8bd0cc !important;
}
.color-dark {
	color: #79859b !important;
}
.color-pink {
	color: #f78db8 !important;
}
.color-lime {
	color: #b9dc74 !important;
}
.color-magenta {
	color: #e65097 !important;
}
.color-purple {
	color: #a88dd4 !important;
}
.color-brown {
	color: #d1b993 !important;
}
.color-gray {
	color: #555555 !important;
}
.color-grayspr {
	color: #f3f5f6 !important;
}
/* ------------------ Backgrounds --------------------*/
.white-bg {
	color: #768399;
	background-color: #ffffff;
}
.red-bg {
	color: #ffffff;
	background-color: #ff7b91;
}
.blue-bg {
	color: #ffffff;
	background-color: #75c5e6;
}
.green-bg {
	color: #ffffff;
	background-color: #71d398;
}
.yellow-bg {
	color: #ffffff;
	background-color: #ffcc66;
}
.orange-bg {
	color: #ffffff;
	background-color: #f4b162;
}
.purple-bg {
	color: #ffffff;
	background-color: #a88dd4;
}
.pink-bg {
	color: #ffffff;
	background-color: #f78db8;
}
.lime-bg {
	color: #ffffff;
	background-color: #b9dc74;
}
.magenta-bg {
	color: #ffffff;
	background-color: #e65097;
}
.teal-bg {
	color: #ffffff;
	background-color: #8bd0cc;
}
.brown-bg {
	color: #ffffff;
	background-color: #d1b993;
}
.gray-bg {
	color: #768399;
	background-color: #e4e9eb;
}
.dark-bg {
	color: #ffffff;
	background-color: #79859b;
}
/* ------------------ Opacity --------------------*/
.opacity {
	opacity: 1 !important;
}
.opacity0 {
	opacity: 0 !important;
}
/* ------------------ Typo --------------------*/
.strong {
	font-weight: bold;
}
.uppercase {
	text-transform: uppercase;
}
.normal {
	font-weight: normal;
}
/* ------------------ Contextual colors --------------------*/
.text-muted {
	color: #999999;
}
.text-primary {
	color: #75c5e6;
}
a.text-primary:hover {
	color: #4aa3de;
}
.text-success {
	color: #71d398;
}
a.text-success:hover {
	color: #4ac77c;
}
.text-info {
	color: #8bd0cc;
}
a.text-info:hover {
	color: #73c4b1;
}
.text-warning {
	color: #f4b162;
}
a.text-warning:hover {
	color: #f19932;
}
.text-danger {
	color: #ff7b91;
}
a.text-danger:hover {
	color: #f35454;
}
.text-yellow {
	color: #ffcc66;
}
a.text-yellow:hover {
	color: #ffbb33;
}
.text-orange {
	color: #f4b162;
}
a.text-orange:hover {
	color: #f19932;
}
.text-dark {
	color: #79859b;
}
a.text-dark:hover {
	color: #606c81;
}
.text-brown {
	color: #d1b993;
}
a.text-brown:hover {
	color: #c2a26f;
}
.text-pink {
	color: #f78db8;
}
a.text-pink:hover {
	color: #f45d9a;
}
.text-magenta {
	color: #e65097;
}
a.text-magenta:hover {
	color: #e0237c;
}
.text-lime {
	color: #b9dc74;
}
a.text-lime:hover {
	color: #90c526;
}
/* ------------------ Positions --------------------*/
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
/* -----------------------------------------
   Body styles
----------------------------------------- */
/* ------------------ IE10 and windows phone 8 fix. --------------------*/
@-webkit-viewport {
 width: device-width;
}
@-moz-viewport {
 width: device-width;
}
@-ms-viewport {
 width: device-width;
}
@-o-viewport {
 width: device-width;
}
@viewport {
 width: device-width;
}
body {
	overflow-x: hidden;
	min-height: 100%;
	color: #768399;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	-webkit-transition: -webkit-transform 0.4s ease !important;
	transition: transform 0.4s ease !important;
	position: relative;
}
body.stop-scrolling {
/*height: 100%;
  overflow: hidden;
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -ms-filter: blur(6px);
  -o-filter: blur(6px);
  filter: blur(6px);*/
}
body.remove-scroll {
	height: 100%;
	overflow: hidden;
}
body.error-page {
	margin-top: 5%;
	background-color: #f3f5f6;
}
body.error-page h1.error-number {
	text-align: center;
	font-size: 20em;
	font-family: 'Cantarell';
}
body.mce-fullscreen #header {
	display: none;
}
body.full-screen {
	width: 100%;
}
body.full-screen #header {
	left: 0;
}
body {
	font-family: "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark {
	font-family: "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none !important;
}
/*----------------------------------
    bootstrap
    ---------------------------------*/
.btn {
    padding: 6px 12px 7px 12px;
    font-size: 16px;
    line-height: 1.2em;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1em;
}
.btn-sm {
	padding: 6px 10px 7px 10px;
	font-size: 15px;
	line-height: 1em;
}
.btn-xs {
	padding: 2px 5px;
	font-size: 14px;
	line-height: 1.2em;
}
.btn i {
	vertical-align: bottom;
	display: inline-block;
	font-size: inherit;
	line-height: 1em;
}
.radio, .checkbox {
	min-height: 20px;
	/*padding-left: 20px;*/
    /**/
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 0;
}
.radio label,  .checkbox label {
	display: inline;
	font-weight: normal;
	cursor: pointer;
	/**/
	display: inline-block;
	padding: 0 9px 0 0;
}
.radio input[type="radio"],  .checkbox input[type="checkbox"] {
	float: initial;
	margin-left: 0;
	/**/
	display: inline-block;
	margin-right: 5px;
}
.radio + .radio,  .checkbox + .checkbox {
	margin-top: -5px;
}
.radio-inline, .checkbox-inline {
	/**/
	display: inline-block;
	padding: 7px 0 0 0;
}
.search_row .radio-inline, .search_row .checkbox-inline {
    padding-top:2px;
}

    .radio-inline input[type="radio"], .checkbox-inline input[type="checkbox"] {
        float: none;
        margin-left: 0;
        /**/
        display: inline-block;
        margin-right: 5px;
    }
.radio-inline label,  .checkbox-inline label {
	display: inline-block;
	padding: 0 9px 0 0;
	vertical-align: middle;
}
.radio-inline + .radio-inline,  .checkbox-inline + .checkbox-inline {
	margin-top: 0;
	margin-left: 10px;
}
.help-block {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	color: #bfc5cf;
    font-size:15px;
}
.form-control.file-upload {
	margin-right: 5px
}

/*三欄式ul-------------------------------------------------------------------*/
.li3 li {
	position: relative;
	float: left;
	width: 32.33%;
	margin: 0.5%;
	-moz-transition: background 250ms;
	-o-transition: background 250ms;
	-webkit-transition: background 250ms;
}
 @media(max-width:900px) {
.li3 li {
	float: left;
	width: 48%;
	margin: 1% !important;
}
}
 @media(max-width:540px) {
.li3 li {
	float: left;
	width: 46%;
	margin: 2% !important;
}
}
/*4欄式ul-------------------------------------------------------------------*/
.li4 li {
	float: left;
	width: 24%;
	margin: 0.5%;
	-moz-transition: background 250ms;
	-o-transition: background 250ms;
	-webkit-transition: background 250ms;
}
 @media(max-width:640px) {
.li4 li {
	width: 49%;
}
}
/*5欄式ul-------------------------------------------------------------------*/
.li5 li {
	float: left;
	width: 19%;
	margin: 0.5%;
	-moz-transition: background 250ms;
	-o-transition: background 250ms;
	-webkit-transition: background 250ms;
}
 @media(max-width:960px) {
.li5 li {
	width: 24%;
}
}
 @media(max-width:720px) {
.li5 li {
	width: 32.33%;
}
}
 @media(max-width:540px) {
.li5 li {
	width: 49%;
}
}
/*表單排版----------------------------------------------------*/
.form_box {
    border-radius: 10px;
    background: #313236;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom:10px;
    margin-bottom: 10px;
    color: #f1f1f1;
}
.form_box h4{
    border-bottom:1px #666 solid;
    margin-bottom:10px;
    line-height:2em;
}
    .form_box .btn-primary {
        width: 15em;
        font-size: 20px;
        background: #0e76a8 !important;
        border-color: #0e76a8;
    }

        .form_box .btn-primary:hover {
            background: #026798 !important;
        }

@media(max-width:412px) {
    .form_box .btn-primary {
        width: 100%;
     
    }
} 
        
        .form-control {
    display: block;
    width: 100%;
    height: 46px;
    padding: 6px 8px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #f1f1f1;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #5e5f63;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    background: #494a4f;
}
@media(max-width:412px) {
    .form-control {
        height: 34px;
    }
    }

    .form_group {
        position: relative;
        display: block;
        padding-bottom: 8px;
        padding-top: 8px;
        overflow: hidden;
        min-height: 32px;
    }

    .form_label {
        width: 5em;
        float: left;
        margin-top: 10px;
        text-align: right;
    }

    .form_ctrol {
        top: 0;
        left: 0;
        display: block;
        margin-left: 6em;
        vertical-align: top;
    }

    .form_ctrol_text {
        top: 0;
        left: 0;
        display: block;
        margin-left: 6em;
        vertical-align: top;
    }

        .form_ctrol_text span {
            display: inline-block;
            padding-top: 10px;
        }

    @media(max-width:412px) {
        .form_group {
            padding-bottom: 4px;
            padding-top: 4px;
        }

        .form_label {
            margin-top: 10px;
            text-align: left;
        }

        .form_ctrol {
            top: 0;
            left: 0;
            display: block;
            margin-left: 0;
            vertical-align: top;
        }

        .form_ctrol_text {
            top: 0;
            left: 0;
            display: block;
            margin-left: 6em;
            vertical-align: top;
        }

        .label01 .form_label {
            width: auto;
        }

        .label01 .form_ctrol_text {
            margin-left: 0;
        }
    }

    .form_ctrol .form-control, .form_ctrol .btn, .form_ctrol .file-upload {
        vertical-align: top;
        display: inline-block;
        margin-top: 1px;
    }

    .form_ctrol_inline .form-control, .form_ctrol_inline span {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form_ctrol_inline {
    }

        .form_ctrol_inline span {
            vertical-align: bottom;
            vertical-align: middle
        }

    .form_group .left_icon, .form_group .right_icon {
        position: relative;
    }

    .form_ctrol_inline .left_icon, .form_ctrol_inline .right_icon {
        display: inline-block;
    }

    .form_group .left_icon .form-control {
        padding-left: 32px;
    }

    .form_group .right_icon .form-control {
        padding-right: 32px;
    }

    .form_group .left_icon .left-input-icon {
        position: absolute;
        left: 10px;
        top: 12px;
    }

    .form_group .right_icon .right-input-icon {
        position: absolute;
        right: 10px;
        top: 12px;
    }

    /*---只有文字時------------------------*/
    .form_group_text {
        position: relative;
        display: block;
        padding-bottom: 2px;
        padding-top: 2px;
        overflow: hidden;
    }

        .form_group_text .form_label {
            margin-top: 0;
            min-height: 24px;
        }

        .form_group_text .form_ctrol {
            margin-top: 0;
            min-height: 24px;
        }


    /*form_ctrol裡分成兩等分*/

    .form_group.has-success .form-control {
        border-color: #71d398;
    }

    .form_group.has-warning .form_label {
        color: #f4b162;
    }

    .form_group.has-warning .form-control {
        border-color: #f4b162;
    }

    .form_group.has-error .form_label {
        color: #ff7b91;
    }

    .form_group.has-error .form-control {
        border-color: #ff7b91;
    }

    @media(max-width:414px) {
        .form-control.file-upload {
            width: 13em;
        }
    }

    @media(max-width:375px) {
        .form-control.file-upload {
            width: 11em;
        }
    }

    @media(max-width:320px) {
        .form-control.file-upload {
            width: 8.5em;
        }
    }


    /*兩欄式表頭--------------------------------------------------------------------------------------*/
    .form2_group {
        display: block;
        overflow: hidden;
        padding: 2px 0;
        font-size: 15px;
    }

    .form2_label {
        width: 5em;
        float: left;
        text-align: right;
    }

    .form2_ctrol {
        top: 0;
        left: 0;
        display: block;
        margin-left: 5.5em;
        vertical-align: top;
    }

        .form2_ctrol .radio-inline {
            margin-top: 0;
            padding-top: 0;
        }

    @media(max-width:1024px) {
        .form_box {
            padding-left: 5%;
            padding-right: 5%;
        }
    }

    /*搜尋列-------------------------------------------------------------------------------*/
    .search_row .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .search_row .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .search_row .form-inline .input-group > .form-control {
        width: 100%;
    }

    .search_row .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    /*標題列===============================================================================*/
    .logo_row {
        display: block;
        overflow: hidden;
        margin-top: 15px;
    }

    .logo {
        float: left;
        width: 5em;
        margin-right: 5px;
    }

    .title {
        float: left;
        color: #f1f1f1;
        margin-top: 8px;
    }

    .logo img {
        width: 100%;
        height: auto;
    }

    @media(max-width:600px) {
        .logo_row {
            margin-bottom: 6px;
        }

        .logo {
            float: left;
            width: 3.5em;
            margin-right: 5px;
        }

        .title h3 {
            font-size: 20px;
            margin-top: 7px;
        }
    }

    @media(max-width:360px) {

        .logo {
            width: 2.5em;
        }

        .title h3 {
            font-size: 18px;
            margin-top: 6px;
        }
    }
    /*分店列表=============================================================================*/
    .branch_ul {
        margin: 0;
        padding: 0;
        list-style: none;
        list-style-type: none;
    }

    .branch_box {
        position: relative;
        float: left;
        width: 31.33%;
        margin: 1%;
        background: #45464a;
        color: #fff;
        border-radius: 8px;
        border: 1px #595a5d solid;
    }

    .b_img {
        position: relative;
        height: 100%;
        z-index:100;
        overflow:hidden;
    }

        .b_img img {
            width: 100%;
            height: auto;
        }

        .b_img img {
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            /*-webkit-backface-visibility: hidden;*/
        }

        .b_img:hover img {
            /*opacity: 0.5;
            transform: scale(1.05);*/
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

.open_box {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    z-index: 200
}

.open_text {
    display: inline-block;
    border: 1px solid #f1f1f1;
    font-size: 20px;
    padding: 0.5em 1em;
    background: rgba(0, 0, 0, 0.65);
    color: #8f9baf;
    -moz-transition: background 250ms;
    -o-transition: background 250ms;
    -webkit-transition: background 250ms;
}
a .open_text {
  
   
}
.b_img:hover a .open_text {
    background: rgba(255, 146, 40, 0.8);
    color: #fff;
}
/*.img_detail {
    background: #333;
    overflow: hidden;
    position: relative;
}*/


    /*.img_detail .mark {
        position: absolute;
        left: 5px;
        top: 5px;
        background-color: rgba(230,36,77,0.7);
        display: inline-block;
        width: 44px;
        height: 44px;
        text-align: center;
        line-height: 36px;
        color: #ffffff;
        font-size: 15px;
        -moz-border-radius: 22px;
        -webkit-border-radius: 22px;
        border-radius: 22px;
        vertical-align: middle;
    }*/

 


    .b_text {
    padding: 10px 16px 20px 16px;
   
}

.b_text h4 {
    font-size: 18px;
    margin-bottom: 1em;
    letter-spacing: 0.05em;
}

        .b_text p {
            font-size: 15px;
            letter-spacing: 0.05em;
        }

    .tel {
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        background: #313236;
        text-align: center;
    }

        .tel i {
            font-size: 24px;
            display: inline-block;
            margin-top: 12px;
            color: #fff;
        }

        .tel:hover {
            background: #1d1d21;
            -moz-transition: background 250ms;
            -o-transition: background 250ms;
            -webkit-transition: background 250ms;
        }

    @media(max-width:920px) {
        .branch_box {
            width: 48%;
        }
    }

    @media(max-width:600px) {
        .branch_box {
            width: 98%;
        }
    }
    /*備註文字區===================================================================*/
    .ps_ul {
        margin:0;
        padding:0 0 0 1.5em;
    }

        .ps_ul li {
            font-size: 15px;
            color:#75c5e6;
            padding-top: 2px;
            padding-bottom: 2px;
        }

.footer {
    text-align: center;
    display: block;
    color: #c1c6cb;
    margin: 0.75em 0 1.5em 0;
}
    .footer a {
        color: #ced1d5;
    }

    /*=驗證碼列==========================================================*/
.form_group2 {
    position: relative;
    display: block;
    overflow: hidden;
}

.form_label2 {
    width: 8em;
    float: left;
}

.form_ctrol2 {
    top: 0;
    left: 0;
    display: block;
    margin-left: 9em;
}
.TBValidate_img img {
    width:100%;
    height:46px;
    border-radius:3px;
    margin-top:1px;
}

@media(max-width:640px){
    .form_group2 {
        position: relative;
        display: block;
        overflow: hidden;
    }

    .form_label2 {
        width: 8em;
        float: none;
    }

    .form_ctrol2 {
        top: 0;
        left: 0;
        display: block;
        margin-left:0;
        margin-top:8px;
    }
}