/* 小訊息 modal 20210901 */
#tiny_message .no_border {border:none;}
#tiny_message .wrapper {background-image: url("../assets/message_bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;  -moz-background-size: 50%; padding: 10px 20px 0px 20px; margin:0px; } /* modal background-image 不可加  background-attachment: fixed;  20200528 */
#tiny_message .wrapper .content p { font-size: 1.2rem; font-weight: normal; letter-spacing:1px; line-height: 2rem; color:black;  text-align: center;}
#tiny_message .wrapper .content h1 { font-size: 2rem; font-weight: 500; letter-spacing:1px; line-height: 3rem;  color:black; text-align: center;}
#tiny_message .wrapper .content h2 { font-size: 1.6rem; font-weight: normal; letter-spacing:1px; line-height: 2.6rem;  color:black;}
#tiny_message .modal-header { margin: 0px; padding: 0px; }
#tiny_message .modal-body {background-color: white; padding: 20px 20px 20px 20px;}
#tiny_message .modal-body p { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:dimgray;  text-align: center;}
#tiny_message .modal-body p a { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:lightcoral;  text-align: center; text-decoration: underline;} 
#tiny_message .modal-body p a:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:dimgray;  text-align: center; text-decoration: underline;} 
#tiny_message .modal-body h1 { font-size: 2rem; font-weight: 500; letter-spacing:.1rem; line-height: 3rem;  color:dimgray; text-align: left;}
#tiny_message .modal-body h2 { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem;  color:dimgray;}
#tiny_message .modal-footer {background-color: #9aecea;}
#tiny_message .btn.close { font-size: 1.6rem; letter-spacing: .1rem; line-height: 2.6rem; padding: 0px 15px 0px 15px; background-color: dimgray; border-color: white; border-width:2px; border-style:solid; color: white; border-radius: 20px;opacity:1; filter: alpha(opacity=100); text-shadow: none; }
#tiny_message .btn.close:hover { font-size: 1.6rem; letter-spacing: .1rem; line-height: 2.6rem; padding: 0px 15px 0px 15px; background-color: skyblue; border-color:white; border-width:2px; border-style:solid; color: white; border-radius: 20px;opacity:1; filter: alpha(opacity=100); text-shadow: none; }
#tiny_message .x_style { position: absolute; right:-20px; top:-20px;background-color:white; border-color: white; border-width:2px; border-style:solid; color: #9aecea; border-radius: 30px; opacity:0.8;filter: alpha(opacity=80); text-shadow: none;}
#tiny_message .x_style:hover { position: absolute; right:-20px; top:-20px;background-color: white; border-color: white; border-width:2px; border-style:solid; color: #9aecea; border-radius: 30px; opacity:1;filter: alpha(opacity=100); text-shadow: none;}
#tiny_message .photo_copyright { font-size: 1rem; font-weight: normal; letter-spacing:1px; color: rgba(0, 0, 0, 0.1); text-align: right; padding: 5px 10px 5px 0px; } 
#tiny_message .panel-heading { font-size: 2rem; padding: 5px 0px 5px 15px; background-color:#9aecea;}
#tiny_message .panel-body {font-size: 2rem;}

/* 完成註冊訊息 modal 20210901 */
#registed .no_border {border:none;}
#registed .wrapper {background-image: url("../assets/message_bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;  -moz-background-size: 50%; padding: 10px 20px 0px 20px; margin:0px; } /* modal background-image 不可加  background-attachment: fixed;  20200528 */
#registed .wrapper .content p { font-size: 1.2rem; font-weight: normal; letter-spacing:1px; line-height: 2rem; color:black;  text-align: center;}
#registed .wrapper .content h1 { font-size: 2rem; font-weight: 500; letter-spacing:1px; line-height: 3rem;  color:black; text-align: center;}
#registed .wrapper .content h2 { font-size: 1.6rem; font-weight: normal; letter-spacing:1px; line-height: 2.6rem;  color:black;}
#registed .modal-header { margin: 0px; padding: 0px; }
#registed .modal-body {background-color: white; padding: 20px 20px 20px 20px;}
#registed .modal-body p { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:dimgray;  text-align: center;}
#registed .modal-body p a { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:lightcoral;  text-align: center; text-decoration: underline;} 
#registed .modal-body p a:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:dimgray;  text-align: center; text-decoration: underline;} 
#registed .modal-body h1 { font-size: 2rem; font-weight: 500; letter-spacing:.1rem; line-height: 3rem;  color:dimgray; text-align: left;}
#registed .modal-body h2 { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem;  color:dimgray;}
#registed .modal-footer {background-color: #9aecea;}
#registed .btn.close { font-size: 1.6rem; letter-spacing: .1rem; line-height: 2.6rem; padding: 0px 15px 0px 15px; background-color: dimgray; border-color: white; border-width:2px; border-style:solid; color: white; border-radius: 20px;opacity:1; filter: alpha(opacity=100); text-shadow: none; }
#registed .btn.close:hover { font-size: 1.6rem; letter-spacing: .1rem; line-height: 2.6rem; padding: 0px 15px 0px 15px; background-color: skyblue; border-color:white; border-width:2px; border-style:solid; color: white; border-radius: 20px;opacity:1; filter: alpha(opacity=100); text-shadow: none; }
#registed .x_style { position: absolute; right:-20px; top:-20px;background-color:white; border-color: white; border-width:2px; border-style:solid; color: #9aecea; border-radius: 30px; opacity:0.8;filter: alpha(opacity=80); text-shadow: none;}
#registed .x_style:hover { position: absolute; right:-20px; top:-20px;background-color: white; border-color: white; border-width:2px; border-style:solid; color: #9aecea; border-radius: 30px; opacity:1;filter: alpha(opacity=100); text-shadow: none;}
#registed .photo_copyright { font-size: 1rem; font-weight: normal; letter-spacing:1px; color: rgba(0, 0, 0, 0.1); text-align: right; padding: 5px 10px 5px 0px; } 
#registed .panel-heading { font-size: 2rem; padding: 5px 0px 5px 15px; background-color:#9aecea;}
#registed .panel-body {font-size: 2rem;}