/* safari and others select shadow and arrow remove */ 
select {-moz-appearance: none; -webkit-appearance: none; appearance: none;}
html,
body {height: 100%; padding: 0px; margin: 0px; color: #000; font-size:10px;} 
.container-fluid {padding: 0px;}
.row-margin-top {margin-top: 0px;} 

.photo_copyright {font-size: 1rem; font-weight: normal; letter-spacing:.1rem; color: rgba(0, 0, 0, 0.5); text-align: right; padding: 150px 30px 20px 0px; } 

.photo_copyright_mobile {font-size: 1rem; font-weight: normal; letter-spacing:.1rem; color: rgba(0, 0, 0, 0.5); text-align: right; padding: 50px 10px 20px 0px; } 

.img_frame {padding: 10px; background-color: white; box-shadow: 0px 10px 10px rgba(0,0,0,.3);}


/* 其它版面 20190401 */
.well {background-color: rgba(255, 255, 255, 0.7); padding: 10px 10px 50px 10px; color: #000; box-shadow: 0px 4px 10px -6px rgba(0, 0, 0, 0.50);}
.form-group {font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; }
.form-control {font-size: 2.6rem; 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: 1.6rem; }
.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; 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!important; }
.btn.round-mobile {border-radius: 20px!important;}
.btn.btn-pc {font-size: 2.6rem; letter-spacing: .1rem; line-height: 3.6rem; padding: 15px 30px 20px 30px; font-family: '微軟正黑體';}
.btn.btn-mobile {font-size: 2.6rem; letter-spacing: .1rem; line-height: 2.6rem; padding: 10px 25px 10px 25px; 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.deeppink {background-color:#f13b67; border-color: #f13b67; color: white; opacity: 0.7;}
.btn.deeppink:hover {background-color: skyblue; border-color:skyblue; color: white;}
.btn.pink_outline {background-color:white; border: 3px solid palevioletred; color: #f13b67;}
.btn.pink_outline:hover {background-color: lightcoral; border: 3px solid lightcoral; 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.male_outline {--angle: 0deg;
		border: 1rem solid;
	color: #f13b67;	
  border-image: linear-gradient(var(--angle), #12c2e9, palegoldenrod, #dcfaff) 1;
	animation: 3s rotate linear infinite;
	
}

@keyframes rotate {to {--angle: 360deg;
	}
}

@property --angle {syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

.btn.female_outline {--angle: 0deg;
		border: 1rem solid;
	color: #f13b67;	
  border-image: linear-gradient(var(--angle), palegoldenrod, #f7bcf4, #fff8fd) 1;
	animation: 3s rotate linear infinite;
	
}

@keyframes rotate {to {--angle: 360deg;
	}
}

@property --angle {syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}


/* icon 20200527 */
.icon_effect {-webkit-transition: all 0.7s ease;transition: all 0.7s ease; } 
.icon_effect:hover {opacity:0.6;filter: alpha(opacity=60);}

/* 首頁block_01 */
.block_wrapper_01 {background: url("../images/bg/mb_landing_07/bg01.jpg"); 
 background-attachment: fixed; background-position: center;background-size: cover; padding: 50px 0px 0px 0px; margin: 0px;}
.block_wrapper_01 .block_wrapper_01b {background: url("../images/mb_landing_07/letter.png"); background-position: bottom;background-size: cover; margin: 0px; padding: 0px 0px 50px 0px;}
.block_wrapper_01 .block_wrapper_01_content p {font-size: 3rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; text-align: center; color:white; font-family: '微軟正黑體'; text-shadow: 0px 4px 3px rgba(0,0,0,0.4);}
.block_wrapper_01 .block_wrapper_01_content h1  {font-size: 4rem; font-weight: 600; letter-spacing:.5rem; line-height: 6rem; color: darkslategrey; font-family: '微軟正黑體';text-shadow: rgb(255, 255, 255) 2px 2px 2px;}

.block_wrapper_01_mobile {background: url("../images/bg/mb_landing_07/bg01.jpg");  background-position: center;background-size: cover; padding-top: 0px; margin: 0px;}
.block_wrapper_01_mobile .block_wrapper_01b {background: url("../images/mb_landing_07/letter.png"); background-position: bottom;background-size: cover; margin: 0px; padding: 0px 0px 0px 0px;}
.block_wrapper_01_mobile .block_wrapper_01_content {padding: 10px;}
.block_wrapper_01_mobile .block_wrapper_01_content p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:white; font-family: '微軟正黑體'; text-align: left;}
.block_wrapper_01_mobile .block_wrapper_01_content h1  {font-size: 3rem; font-weight: 600; letter-spacing:.1rem; line-height: 4rem; color: darkslategrey; font-family: '微軟正黑體'; text-shadow: rgb(255, 255, 255) 2px 2px 2px;}

/* 首頁block_02 */
.block_wrapper_02 {background: url("../images/bg/mb_landing_07/bg02.jpg"); background-position: center;background-size: cover;  padding: 0px 0px 20px 0px; margin: 0px;}
.block_wrapper_02 .block_wrapper_02b {background: url("../images/mb_landing_07/letter_down.png"); 
 background-position: top;background-size: 2500px; background-repeat: repeat-x; margin: 0px; padding: 0px 0px 50px 0px;}
.block_wrapper_02 .block_wrapper_02_content p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; text-align: center; color:black; font-family: '微軟正黑體';}
.block_wrapper_02 .block_wrapper_02_content h1 {font-size: 5rem; font-weight: 600; letter-spacing:.1rem; line-height: 6rem; color:palevioletred;font-family: '微軟正黑體';}
.block_wrapper_02 .block_wrapper_02_content h2  {font-size: 4rem; font-weight: 600; letter-spacing:.1rem; line-height: 5rem; color:lightcoral;font-family: '微軟正黑體';}
.block_wrapper_02 .block_wrapper_02_content .highlight {color:#29abe2;}

.block_wrapper_02_mobile {background: url("../images/bg/mb_landing_07/bg02m.jpg");  background-position: center;background-size: cover; padding: 0px 0px 0px 0px; margin: 0px;}
.block_wrapper_02_mobile .block_wrapper_02b {background: url("../images/mb_landing_07/letter_down.png"); 
 background-position: top;background-size: 800px; background-repeat: repeat-x; margin: 0px; padding: 0px;}
.block_wrapper_02_mobile .block_wrapper_02_content {padding: 50px 10px 50px 10px;}
.block_wrapper_02_mobile .block_wrapper_02_content p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_02_mobile .block_wrapper_02_content h1 {font-size: 3rem; font-weight: 600; letter-spacing:.1rem; line-height: 4rem; color:palevioletred; font-family: '微軟正黑體';}
.block_wrapper_02_mobile .block_wrapper_02_content h2 {font-size: 2.6rem; font-weight: 600; letter-spacing:.1rem; line-height: 3.6rem; color:lightcoral; font-family: '微軟正黑體';}
.block_wrapper_02_mobile .block_wrapper_02_content .highlight {color:#29abe2;}

/* 首頁block_03 */
.block_wrapper_03 {background: url("../images/bg/mb_landing_07/bg03.jpg"); background-attachment: fixed; background-position: center;background-size: cover; padding: 50px 0px 20px 0px; margin: 0px; }
.block_wrapper_03 .block_wrapper_03_content p {font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 5rem; color:black; font-family: '微軟正黑體'; text-align: left;}
.block_wrapper_03 .block_wrapper_03_content h1 {font-size: 4rem; font-weight: bold; letter-spacing:.1rem; line-height: 5rem; color:palevioletred; font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_03 .block_wrapper_03_content .quote {padding: 20px 50px; text-align: left;}
.block_wrapper_03 .block_wrapper_03_content .quote_text {font-size: 2.6rem; font-weight: 600; letter-spacing:.1rem; line-height: 5rem; text-align: left; color:coral ; font-family: '微軟正黑體'; font-style: italic; }
.block_wrapper_03 .block_wrapper_03_content .text {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:dimgray; font-family: '微軟正黑體'; text-align: left; }

.block_wrapper_03_mobile {background: url("../images/bg/mb_landing_07/bg03m.jpg"); background-attachment: fixed; background-position: center;background-size: cover; padding: 10px 0px 0px 0px; margin: 0px;}
.block_wrapper_03_mobile .block_wrapper_03_content {padding: 10px 20px 10px 20px; text-align: left;}
.block_wrapper_03_mobile .block_wrapper_03_content p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:black; font-family: '微軟正黑體'; text-align: left; }
.block_wrapper_03_mobile .block_wrapper_03_content h1 {font-size: 3.6rem; font-weight: 600; letter-spacing:.1rem; line-height: 4rem; color:palevioletred;; font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_03_mobile .block_wrapper_03_content h2 {font-size: 3rem; font-weight: 600; letter-spacing:.1rem; line-height: 3rem; color:lightcoral;; font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_03_mobile .block_wrapper_03_content .quote {padding: 10px 10px; text-align: left;}
.block_wrapper_03_mobile .block_wrapper_03_content .quote_text {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; text-align: left; color:coral ; font-family: '微軟正黑體'; font-style: italic; }
.block_wrapper_03_mobile .block_wrapper_03_content .text {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:dimgray; font-family: '微軟正黑體'; text-align: left; }

/* 首頁block_04 專業諮詢 */
.block_wrapper_04 {background:#FFFEFE; padding: 50px 0px 30px 0px; margin: 0px; }
.block_wrapper_04 .block_wrapper_04_content p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_04 .block_wrapper_04_content h1 {font-size: 4rem; font-weight: normal; letter-spacing:.1rem; line-height: 5rem; color:palevioletred; font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_04 .block_wrapper_04_content h2 {font-size: 3rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:black;font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_04 .block_wrapper_04_content .privacy {background-color:#FFB6B9; border:none;  padding:4px 0px 10px 15px; border-radius: 2px;}
.block_wrapper_04 .block_wrapper_04_content .privacy {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color:black; }
.block_wrapper_04 .block_wrapper_04_content .privacy a {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color:black; text-decoration: underline;}
.block_wrapper_04 .block_wrapper_04_content .privacy a:hover {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color:white; text-decoration: underline;}
.block_wrapper_04 .block_wrapper_04_content .title {font-size: 2rem; background-color:palevioletred; border:none;  padding:6px;  font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:white; font-family: '微軟正黑體';}
.block_wrapper_04 .block_wrapper_04_content .form-control {color:black; }
.block_wrapper_04 .block_wrapper_04_content .optional {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_04 .block_wrapper_04_content .submit {font-size: 3rem; font-weight: 600; letter-spacing:.1rem; line-height: 3rem; font-family: '微軟正黑體'; padding: 10px 30px 10px 30px; border-radius: 30px;
  background-image: linear-gradient(to left, #12c2e9, #c471ed, #f64f59);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* -----------------------------------------------*/

/* 下拉選單字體大小 */
.FastRegister .form-group { margin-bottom: 10px; }
.FastRegister .form-control {font-size: 2rem; font-weight: normal; letter-spacing: .1rem; font-family: '微軟正黑體'; line-height: 2rem; color: rgba(231, 92, 171, 1);}
.FastRegister input.form-control {font-size: 2rem; font-weight: normal; letter-spacing: .1rem; font-family: '微軟正黑體'; line-height: 2rem; color: rgba(231, 92, 171, 1);}

/* placeholder 字體大小顏色 */
.FastRegister ::-webkit-input-placeholder { font-size: 2rem; line-height: 2rem;font-family: '微軟正黑體'; color:black;}
.FastRegister :-moz-placeholder { /* Firefox 18- */ font-size: 2rem; line-height: 2rem;font-family: '微軟正黑體'; color:black;}
.FastRegister ::-moz-placeholder { /* Firefox 19+ */ font-size: 2rem; line-height: 2rem;font-family: '微軟正黑體'; color:black;}
/* Overriding styles */
.FastRegister ::-webkit-input-placeholder { font-size: 2rem!important; line-height: 2rem!important;font-family: '微軟正黑體'; color:black!important;}
.FastRegister :-moz-placeholder { /* Firefox 18- */ font-size: 2rem!important ;line-height: 2rem!important;font-family: '微軟正黑體'; color:black!important;}
.FastRegister ::-moz-placeholder { /* Firefox 19+ */ font-size: 2rem!important ;line-height: 2rem!important; font-family: '微軟正黑體'; color:black!important;}

/* PANEL input underline */
.FastRegister input[type="text"] { background: transparent; border: none; border-bottom: 1px dashed palevioletred; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding-left:14px; font-size: 2rem; font-weight: 400; letter-spacing:.1rem; line-height: 2rem; color: black; font-family: '微軟正黑體'; text-decoration: none; }
.FastRegister input[type="email"] { background: transparent; border: none; border-bottom: 1px dashed palevioletred; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding-left:14px; font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color: black; font-family: '微軟正黑體'; text-decoration: none; }
.FastRegister input[type="password"] { background: transparent; border: none; border-bottom: 1px dashed palevioletred; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding-left:14px; font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color: black; font-family: '微軟正黑體'; text-decoration: none; }
.FastRegister input[type="tel"] { background: transparent; border: none; border-bottom: 1px dashed palevioletred; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding-left:14px; font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color: black; font-family: '微軟正黑體'; text-decoration: none; }
.FastRegister input[type="number"] { background: transparent; border: none; border-bottom: 1px dashed palevioletred; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding-left:14px; font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color: black; font-family: '微軟正黑體'; text-decoration: none; }
.FastRegister select.form-control { background: transparent; border: none; border-bottom: 1px dashed palevioletred; -webkit-box-shadow: none; box-shadow: none; padding-left:14px; border-radius: 0; font-size: 2rem; font-weight: 600; letter-spacing:.1rem; line-height: 2rem; color: black; font-family: '微軟正黑體'; text-decoration: none; }

.FastRegister input[type="text"]:focus { background: transparent; border: 2px dashed rgba(231, 92, 171, 0.8); -webkit-box-shadow: none; box-shadow: none; padding-top:4px; padding-left:12px; font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color: palevioletred; font-family: '微軟正黑體'; text-decoration: none; }
.FastRegister input[type="email"]:focus { background: transparent; border: 2px dashed rgba(231, 92, 171, 0.8); -webkit-box-shadow: none; box-shadow: none; padding-top:4px; padding-left:12px; font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color: palevioletred; font-family: '微軟正黑體'; text-decoration: none; }
.FastRegister input[type="password"]:focus { background: transparent; border: 2px dashed rgba(231, 92, 171, 0.8); -webkit-box-shadow: none; box-shadow: none; padding-top:4px; padding-left:12px; font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color: palevioletred; font-family: '微軟正黑體'; text-decoration: none; }
.FastRegister input[type="tel"]:focus { background: transparent; border: 2px dashed rgba(231, 92, 171, 0.8); -webkit-box-shadow: none; box-shadow: none; padding-top:4px; padding-left:12px; font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color: palevioletred; font-family: '微軟正黑體'; text-decoration: none; }
.FastRegister input[type="number"]:focus { background: transparent; border: 2px dashed rgba(231, 92, 171, 0.8); -webkit-box-shadow: none; box-shadow: none; padding-top:4px; padding-left:12px; font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color: palevioletred; font-family: '微軟正黑體'; text-decoration: none; }
.FastRegister select.form-control:focus { background: transparent; border: 2px dashed rgba(231, 92, 171, 0.8); -webkit-box-shadow: none; box-shadow: none; padding-top:4px; padding-left:12px; font-size: 2rem; font-weight: 600; letter-spacing:.1rem; line-height: 2rem; color: palevioletred; font-family: '微軟正黑體'; text-decoration: none; }
.FastRegister select {-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;	
}
.FastRegister .custom-selectbox{position: relative;
}
.FastRegister .custom-selectbox:after{content: " ";
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid lightpink;
	position: absolute;
	right: 6px;
	top: 16px;
	transition: all 0.3s linear;
}
.FastRegister .custom-selectbox:focus-within:after{-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

/* 輸入完畢後顏色 */
.FastRegister .input_filled:valid {color: palevioletred;font-weight: 600;}

/* footer */
.footer {padding: 50px 50px; background-color: #182d4a;}
.footer .caption_pc p {font-size: 2rem; letter-spacing: .1rem; line-height: 5rem; color:#fff; family:'微軟正黑體';}
.footer .caption_pc p a {font-size: 2rem; letter-spacing: .1rem; line-height: 5rem; color:white; text-decoration: underline; family:'微軟正黑體';}

.footer_mobile {padding: 20px 20px; background-color: #182d4a;}
.footer_mobile .caption_mobile p {font-size: 1.6rem; letter-spacing: .1rem; line-height: 3rem; color:white; family:'微軟正黑體';}
.footer_mobile .caption_mobile p a {font-size: 2rem; letter-spacing: .1rem; line-height: 5rem; color:white; text-decoration: underline; family:'微軟正黑體';}

/* 資料頁textarea自動展開 20180530 */
textarea {/* margin:0px 0px; this is redundant anyways since its specified below*/
 padding-top:10px;
 padding-bottom:25px; /* increased! */
 /* height:1.6rem; */
 /* line-height:1.6rem; */
 width:100%; /* changed from 96 to 100% */
 display:block;
 /* margin:0px auto; not needed since i have width 100% now */
}

textarea.form-control {height: 120px;}

/* 留言版textarea自動展開 20180530 */
.messageboard_textarea textarea {/* margin:0px 0px; this is redundant anyways since its specified below*/
 padding-top:10px;
 padding-bottom:25px; /* increased! */
 /* height:1.6rem; */
 /* line-height:1.6rem; */
 width:100%; /* changed from 96 to 100% */
 display:block;
 /* margin:0px auto; not needed since i have width 100% now */
}


/* 自訂radio 20200312 */
/* The container */
.radio_container {display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 2.2rem; line-height: 3rem; font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 分隔線式樣 20190517 */
hr.blog-divider {margin-top: 1em; 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;} 
hr.mobile-divider {margin-top: 2em; margin-bottom: 2.6em; border-width: 1px; border-color: white;} 


/* 表單欄位垂直置中 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; 
}

/* 日期選擇器 20200204 */
.datepicker {background-color: #fff; color: #000;}
.datepicker,
.table-condensed td {font-size: 3rem; line-height: 4rem;}
.datepicker table th.today {color: saddlebrown; background-color: #ffc966; border-color: #f59e00; font-size: 3rem; line-height: 3.4rem;}
.datepicker table th.today:hover {color: saddlebrown; background-color: orange; border-color: #f59e00; font-size: 3rem;	line-height: 3.4rem;}

/* 週字體大小 */
.datepicker th.dow {color: black; font-size: 3rem; line-height: 3.4rem; font-weight: normal;}
/* 箭頭 */
.datepicker th.next {color: black; font-size: 4rem; font-weight: normal;background-color: #c6efec;}
.datepicker th.prev {color: black; font-size: 4rem; font-weight: normal;background-color: #c6efec;}
/* 年月字體大小 */
.datepicker th.datepicker-switch {font-size: 3rem; line-height: 3.4rem;  background-color: #5bdfd4;}
/* 日字體顏色 */
.datepicker td.disabled.day {color: lightgray;}
/* 假日字體顏色 */
.datepicker td.disabled.highlighted.day {color: lightgray;}
/* 假日字體顏色 */
.datepicker td.new.day {color: gray;}

/* 其它 */

/* placeholder 字體大小 20190529 */
::-webkit-input-placeholder {font-size: 2rem; line-height: 3rem;font-family: '微軟正黑體';}
:-moz-placeholder {/* Firefox 18- */ font-size: 2rem; line-height: 3rem;font-family: '微軟正黑體';}
::-moz-placeholder {/* Firefox 19+ */ font-size: 2rem; line-height: 3rem;font-family: '微軟正黑體';}
/* Overriding styles */
::-webkit-input-placeholder {font-size: 2rem!important; line-height: 3rem!important;font-family: '微軟正黑體';}
:-moz-placeholder {/* Firefox 18- */ font-size: 2rem!important ;line-height: 3rem!important;font-family: '微軟正黑體';}
::-moz-placeholder {/* Firefox 19+ */ font-size: 2rem!important ;line-height: 3rem!important; font-family: '微軟正黑體';}

  /* tooltip字體大小 */
.tooltip {font-size: 2rem; font-weight: normal; color:white; letter-spacing: .1rem; line-height: 3rem; font-family: '微軟正黑體'; }

/* 按扭彈跳 */
.bounced {transition: all 400ms cubic-bezier(.47,1.64,.41,.8);}
.bounced:hover {transform: scale(1.5);}