html,
body {height: 100%; padding: 0px; margin: 0px; color: #fff; background-color: hsl(0, 0%, 96%);}
.container-fluid {padding: 0px;}
.row-margin-top {margin-top: 0px;} 
.row.no-gutter {margin-left: 0; margin-right: 0;}

.album_picture {overflow:hidden; border-radius: 20px;} 
.album_picture:hover .media_animate {-webkit-transform:scale(1.3); transform:scale(1.3);}
.media_animate {-webkit-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform:scale(1); transform:scale(1);}

/* 其它版面 20190401 */
.media-left_mobile img {width:80px;}
.well {background-color: rgba(255, 255, 255, 0.8); padding: 50px 50px 50px 50px; color: #000;}
.well p {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem;}
.well h3 {font-size: 4rem; font-weight: normal; letter-spacing:.1rem; line-height: 5rem;}
.well_pc p {font-size: 2rem; font-weight: normal; letter-spacing:2px; line-height: 2.5rem;}
.well_pad {background-color: rgba(255, 255, 255, 0.9); padding: 20px 20px 100px 20px; color: #000;}
.well_mobile {background-color: rgba(255, 255, 255, 0.9); padding: 20px 10px 50px 10px; color: #000;}
.well_mobile p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.2rem;}
.well_mobile h3 {font-size: 3rem; font-weight:700; letter-spacing:.1rem; line-height: 3rem;}
.well_mobile_register {background-color: rgba(255, 255, 255, 0.9); padding: 20px 20px 100px 20px; color: #000;}
.well_pc_photo {padding:100px 200px 200px 200px;}
.well_pc_photo p {font-size: 4rem; font-weight: normal; letter-spacing:2px; line-height: 5rem;}
.well_mobile_photo {margin-top:20px; padding:20px 0px 10px 0px;}
.well_mobile_photo p {font-size: 2.6rem; font-weight: normal; letter-spacing:2px; line-height: 5rem;}
.well_pad_photo {margin-top:20px; padding:40px 50px 60px 50px;}
.well_pad_photo p {font-size: 2.6rem; font-weight: normal; letter-spacing:2px; line-height: 5rem;}

.media_pc p {font-size: 2rem; font-weight: normal; letter-spacing:2px; line-height: 22px;}

.caption_pc p {font-size: 2.6rem; letter-spacing: .1rem; line-height: 4rem;}
.caption_pc table th {font-size: 2.6rem; letter-spacing: .1rem; line-height: 4rem; text-align: center;}
.caption_pc table td {font-size: 2.2rem; letter-spacing: .1rem; line-height: 4rem; text-align: center;}
.caption_pc table td .month {font-size: 2rem; letter-spacing: .1rem; line-height: 4rem; text-align: center; color: lightgray;}
.caption p {font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; text-align: left; color:#000;}
.form-group {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem;}
.form-control {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; height: 4rem;}
.btn {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 22px;}
.nav-tabs {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 22px;}

.checkbox_pc input[type="checkbox"] {top: -10px;}
.checkbox_mobile input[type="checkbox"] {top: -10px;}
.path_title {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 22px; color:#5E5E5E;}
.path_title .well-sm {padding: 2px 2px 2px 10px; margin-bottom: 5px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.9);}
.m_center_index p {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 22px; color: #FFF;}
.modal-body p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color: #000;}
.modal-header {color: #000; padding-top: 50px;}
.media-heading {font-size: 3rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem;}

.panel {font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color: #000;}

.panel {border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important;}
.panel-body a:link {text-decoration: none; cursor: pointer;}
.panel-body a:visited {text-decoration: none; cursor: pointer;}
.panel-body a:active {text-decoration: none; cursor: pointer;}
.panel-body a:hover {text-decoration: none; cursor: pointer;}
.panel input[type="radio"] {margin-top: 10px;}
.panel-body p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem;}
.panel-body p .lead {font-size: 3rem; font-weight: normal; letter-spacing:.1rem; line-height: 3.6rem;}
.panel-body_pad p {font-size: 2.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 3.6rem;}
.panel-body_pad p .lead {font-size: 3rem; font-weight: normal; letter-spacing:.1rem; line-height: 3.6rem;}
.panel-body_pad h3 {font-size: 2.8rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem;}
.panel-body_mobile {padding:10px 10px 0px 10px;}
.panel-body_mobile p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem;}
.panel-body_mobile p .lead{font-size: 2.8rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem;}
.panel-body_mobile h3 {font-size: 2.8rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem;}
.panel-body.gray {background-color: #e8e8e8; color:black;}

.date_mobile {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 1.6rem;}
.bg-default {color: #000; background-color: #e4e8eb;}
.bg-text-margin {margin:20px 0px 20px 0px;}

/* alret 其它 20190529 */
.alert input[type="checkbox"] {margin-top: 20px;}
.alert p {font-size: 2.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem;}
.modal .alert {font-size: 2.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem;}
.well .alert {font-size: 2.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem;}

/* btn 20190528 */
.btn.round-pc {border-radius: 30px;}
.btn.round-mobile {border-radius: 20px;}
.btn.btn-pc {font-size: 3rem; letter-spacing: .1rem; line-height: 4rem; padding: 15px 30px 20px 30px; font-family: '微軟正黑體';}
.btn.btn-mobile {font-size: 2rem; letter-spacing: .1rem; line-height: 3rem; padding: 10px 25px 10px 25px; font-family: '微軟正黑體';}
.btn.btn-index-pc {border-radius: 20px; font-size: 2.6rem; font-weight:600; letter-spacing: .1rem; line-height: 3rem; padding: 5px 30px 5px 30px; font-family: '微軟正黑體';}
.btn.purple {background-color: purple; border-color: purple; color: white;}
.btn.purple:hover {background-color: skyblue; border-color:skyblue; color: white;}
.btn.luxury_gradient {background-color: #29539b; background-image: linear-gradient(315deg, #29539b 0%, #1e3b70 74%); border-color: goldenrod; border-width:3px; border-style:solid; color:palegoldenrod;}
.btn.luxury_gradient:hover {background-color: #182b3a; background-image: linear-gradient(315deg, #182b3a 0%, #20a4f3 74%); border-color: goldenrod; border-width:3px; border-style:solid; color: palegoldenrod;}
.btn.luxury {background-color: #0a1d3b; border-color: goldenrod; border-width:3px; border-style:solid; color:goldenrod;}
.btn.luxury:hover {background-color: #2e3a4e; border-color: goldenrod; border-width:3px; border-style:solid; color: goldenrod;}
.btn.coral {background-color: #f5a19b; border-color: #f5a19b; color: white;}
.btn.coral:hover {background-color: lightcoral; border-color:white; color: white;}
.btn.pink {background-color:#f13b67; border-color:#f13b67; color: white;}
.btn.pink:hover {background-color: skyblue; border-color:skyblue; color: white;}
.btn.gold_gradient {background-color: #fec84e;background-image: linear-gradient(315deg, #fec84e 0%, #ffdea8 74%); border-color: goldenrod; border-width:3px; border-style:solid; color:black;}
.btn.gold_gradient:hover {background-color: #f9d29d; background-image: linear-gradient(315deg, #f9d29d 0%, #ffd8cb 74%); border-color: goldenrod; border-width:3px; border-style:solid; color: black;}
.btn.silver_gradient {background-color: #bdcad9; background-image: linear-gradient(315deg, #bdcad9 0%, #e1dada 74%); border-color: darkgray; border-width:3px; border-style:solid; color:black;}
.btn.silver_gradient:hover {background-color: #d9d9d9; background-image: linear-gradient(315deg, #d9d9d9 0%, #f6f2f2 74%); border-color: darkgray; border-width:3px; border-style:solid; color:black;}
.btn.white {background-color: rgba( 255, 255, 255, 0.3); color: white; border: 2px solid white;}
.btn.white:hover {background-color: rgba( 255, 255, 255, 0.6); color: white; border: 2px solid white;}
.btn.gray {background-color: darkgray; color: white; border: 3px dotted #d6d6d6;}
.btn.gray:hover {background-color: lightgray; color: white; border: 3px dotted #e2e2e2;}
.btn.microevent {background-color: lightcoral; color: #353535;}
.btn.microevent:hover {background-color: coral; color: #353535;}
.btn.lightcoral_transparent {background-color: rgba( 246, 81, 42, 0.6); color: white; border: 2px solid white;}
.btn.lightcoral_transparent:hover {background-color: rgba( 246, 81, 42, 0.3); color: white; border: 2px solid white;}

a .lightcoral {color:lightcoral;}
a:hover .lightcoral {color:dimgray;}

/* image effect 20200723 */
.icon_effect {	-webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} 
.icon_effect:hover {-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 231, 255, 0.8));}

.blog_wrapper_01 {background: url("/images/bg/mb_blog_bg/mb_blog_bg_01.webp"); background-attachment: fixed; background-position: center;background-size: cover; padding: 80px 50px 80px 50px; margin: 0px;}
.blog_wrapper_01 .blog_wrapper_01_content p {font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:black; font-family: '微軟正黑體'; text-align: center;}
.blog_wrapper_01 .blog_wrapper_01_content h1 {font-size: 4rem; font-weight: 500; letter-spacing:.2rem; line-height: 4rem; color:lightcoral;font-family: '微軟正黑體';}
.blog_wrapper_01 .blog_wrapper_01_content h2 {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:black;font-family: '微軟正黑體';}

.blog {padding: 20px 0px 200px 0px;}
.blog .date {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:gray; font-family: '微軟正黑體';}
.blog p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '微軟正黑體'; text-align:left; margin-bottom: 30px;}
.blog a {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:saddlebrown; font-family: '微軟正黑體'; text-align:left; text-decoration: underline;}
.blog a:hover {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:orangered; font-family: '微軟正黑體'; text-align:left; text-decoration: underline;}

.blog h1 {font-size: 3.6rem; font-weight: bolder; letter-spacing:.1rem; line-height: 5rem; color:black;font-family: '微軟正黑體';}
.blog h2 {font-size: 2.8rem; font-weight: bold; letter-spacing:.1rem; line-height: 4rem; color:black;font-family: '微軟正黑體';}
.blog h3 {font-size: 2.2rem; font-weight: bold; letter-spacing:.1rem; line-height: 3rem; color:black;font-family: '微軟正黑體';}
.blog h4 {font-size: 2rem; font-weight: bold; letter-spacing:.1rem; line-height: 2.8rem; font-family: '微軟正黑體';}

.blog ul {text-align: left; margin-left: 50px; padding-left: 0;} 
.blog li {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '微軟正黑體'; margin: 0px 0px 5px 0px;} 

.blog .btn.btn-pc {font-size: 3rem; letter-spacing: .1rem; line-height: 4rem; font-family: '微軟正黑體'; text-decoration: none;}
.blog .btn.btn-pc:hover {font-size: 3rem; letter-spacing: .1rem; line-height: 4rem; font-family: '微軟正黑體'; text-decoration: none;}
.blog_photo_wrapper {margin: 50px 0px 50px 0px;}
.blog_photo_wrapper .text {font-size: 2rem; font-weight: normal; letter-spacing:1px; color: dimgray;}

/* blog list modal 20200527 */
#blog_list .no_border {border:none;}
#blog_list .wrapper {background-image: url("/images/mb_blog/mb_blog_list_bg_01.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; -moz-background-size: 50%; padding: 50px 30px 50px 30px;} /* modal background-image 不可加 background-attachment: fixed; 20200528 */
#blog_list .wrapper .content p {font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:black; font-family: '微軟正黑體'; text-align: center;}
#blog_list .wrapper .content h1 {font-size: 3rem; font-weight: 500; letter-spacing:.1rem; line-height: 4rem; color:black;font-family: '微軟正黑體'; text-align: center;}
#blog_list .wrapper .content h2 {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:black;font-family: '微軟正黑體';}
#blog_list .modal-header {margin: 0px; padding: 0px;}
#blog_list .modal-body {background-color: white; padding: 50px 30px 100px 30px;}
#blog_list .modal-footer {background-color: lightgray;}
#blog_list .btn.close {font-size: 3rem; letter-spacing: .1rem; line-height: 2rem; padding: 10px 20px 10px 20px; background-color: #f4bac8; border-color: white; border-width:2px; border-style:solid; color: dimgray; border-radius: 30px; opacity:1; filter: alpha(opacity=100); text-shadow: none;}
#blog_list .btn.close:hover {font-size: 3rem; letter-spacing: .1rem; line-height: 2rem; padding: 10px 20px 10px 20px; background-color: skyblue; border-color:skyblue; border-width:2px; border-style:solid; color: white; border-radius: 30px;}
#blog_list .x_style {position: absolute; right:-20px; top:-20px;background-color: #f4bac8; border-color: white; border-width:2px; border-style:solid; color: dimgray; border-radius: 30px; opacity:0.8;filter: alpha(opacity=80); text-shadow: none;}
#blog_list .x_style:hover {position: absolute; right:-20px; top:-20px;background-color: #f4bac8; border-color: white; border-width:2px; border-style:solid; color: dimgray; border-radius: 30px; opacity:1;filter: alpha(opacity=100); text-shadow: none;}
#blog_list a {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '微軟正黑體';text-decoration: none;}
#blog_list a:hover {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:lightcoral; font-family: '微軟正黑體'; text-decoration: none;}
#blog_list .date {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color:gray; font-family: '微軟正黑體'; text-align: right; text-decoration: none; margin-top:10px;}
#blog_list .date:hover {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color:lightcoral; font-family: '微軟正黑體'; text-align: right; text-decoration: none;}

/* modal 置中 20190529 */
.mobile_modal.modal-dialog {position:absolute; top:60% !important; transform: translate(0, -50%) !important; -ms-transform: translate(0, -50%) !important; -webkit-transform: translate(0, -50%) !important; margin:auto 5%; width:90%; height:80%;}
.mobile_modal.modal-content {min-height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}
.mobile_modal.modal-body {position:absolute; top:45px; /** height of header **/ bottom:45px; /** height of footer **/ left:0; right:0; overflow-y:auto;}
.mobile_modal.modal-footer {position:absolute; bottom:0; left:0; right:0;}

/* 調整modal zindex 20190528 */
.navbar {margin-bottom: 0; z-index: 9999;}
.modal {z-index: 10000;}

/* 分隔線式樣 20190517 */
hr.blog-divider {margin-top: 0em; margin-bottom: 2.6em; border-width: 1px; border-color: lightgray;} 
hr.blog-modal-divider {margin-top: 1em; margin-bottom: 1em; border-width: 1px; border-color: lightgray;} 

/* 表單欄位垂直置中 20180530 */
.vertical-align {padding-top: 3px;}

/*註冊頁用label範圍for radio調整*/
.label {padding: 10px;}

/* 修改modal圓角 20200331 */
.modal-content {-webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;}

/* tooltip字體大小 */
.tooltip {font-size: 2rem; font-weight: normal; color:white; letter-spacing: .1rem; line-height: 3rem; font-family: '微軟正黑體';}
.tooltip-inner {white-space:nowrap;}
/* blog comparison table 20260917 */
.blog .table-responsive {width: 100%; margin: 30px 0 40px 0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}

.blog .table {width: 100%; max-width: 100%; margin-bottom: 0; background-color: #fff; border-collapse: collapse; border-spacing: 0; color: #000; font-family: '微軟正黑體';}

.blog .table-bordered {border: 1px solid #ddd;}

.blog .table-bordered > thead > tr > th,
.blog .table-bordered > tbody > tr > th,
.blog .table-bordered > tfoot > tr > th,
.blog .table-bordered > thead > tr > td,
.blog .table-bordered > tbody > tr > td,
.blog .table-bordered > tfoot > tr > td {border: 1px solid #ddd;}

.blog .table > thead > tr > th {padding: 14px 16px; vertical-align: middle; text-align: center; font-size: 2rem; font-weight: bold; line-height: 3rem; letter-spacing: .1rem; background-color: #f4f4f4; color: #333;}

.blog .table > tbody > tr > th,
.blog .table > tbody > tr > td {padding: 14px 16px; vertical-align: top; text-align: left; font-size: 1.8rem; font-weight: normal; line-height: 2.8rem; letter-spacing: .05rem; color: #333;}

.blog .table > tbody > tr > th {width: 18%; min-width: 120px; font-weight: bold; background-color: #fafafa;}

.blog .table > tbody > tr:nth-of-type(even) > td {background-color: #fcfcfc;}

@media (max-width: 767px) {
  .blog .table-responsive { margin: 20px 0 30px 0; border: 1px solid #ddd;}
  .blog .table-responsive > .table { min-width: 720px; border: 0;}
  .blog .table-responsive > .table.table-bordered { border: 0;} 
  .blog .table > thead > tr > th { padding: 10px 12px; font-size: 1.8rem; line-height: 2.6rem; white-space: nowrap;}
  .blog .table > tbody > tr > th,
  .blog .table > tbody > tr > td { padding: 10px 12px; font-size: 1.7rem; line-height: 2.6rem;}
}