html,
body {height: 100%; padding: 0px; margin: 0px; color: #fff;}
.container-fluid { padding: 0px;}
.row-margin-top { margin-top: 0px;}
/* 其它版面 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; }
.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;
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-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: 2rem; letter-spacing: .1rem; line-height: 3rem; padding: 10px 30px 10px 30px; font-family: '微軟正黑體';}
.btn.btn-mobile { font-size: 2rem; letter-spacing: .1rem; line-height: 3rem; padding: 10px 25px 10px 25px; font-family: '微軟正黑體';}
.btn.btn-tiny { font-size: 1.8rem; letter-spacing: .1rem; line-height: 2rem; padding: 3px 10px 3px 10px; 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; color: white; border: 2px solid yellow;}
.btn.pink:hover {background-color: skyblue; color: white; border: 2px solid yellow;}
.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;}
/* 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));}
/* 首頁相片牆 20200526 */
.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);
}
.album_picture .text {position: absolute;bottom: 10px; width: 75%; font-size: 1.4rem; color: white;padding: 10px 15px 10px 15px; text-align: left;font-family: '微軟正黑體';text-shadow: rgb(60, 60,60 ) 2px 0px 3px;background-color: rgba( 30, 5, 70, 0.7);}
.album_picture .text_mobile {position: absolute;bottom: 10px; width: 90%; font-size: 1.4rem; color: white;padding: 5px 5px 5px 5px; text-align: left;font-family: '微軟正黑體'; background-color: rgba( 30, 5, 70, 0.6);}
.album_picture_gutter{ padding-right:4px; padding-left:4px;}
.album_picture .class_text {position: absolute;bottom: 10px; width: 75%; font-size: 3rem; color: white;padding: 10px 15px 10px 15px; text-align: left;font-family: '微軟正黑體';text-shadow: rgb(60, 60,60 ) 2px 0px 3px;background-color: rgba( 30, 5, 70, 0.7);}
.album_picture .class_text_mobile {position: absolute;bottom: 10px; width: 90%; font-size: 2rem; color: white;padding: 5px 5px 5px 5px; text-align: left;font-family: '微軟正黑體'; background-color: rgba( 30, 5, 70, 0.6);}
/* 首頁block_01 */
.block_wrapper_01 { background: url("../images/bg/coworking_bg/coworking_bg_01.webp");
background-attachment: fixed; background-position: center;background-size: cover; padding: 150px 0px 400px 0px; margin: 0px;}
.block_wrapper_01 .block_wrapper_01_content {margin-bottom:100px;}
.block_wrapper_01 .block_wrapper_01_content h1 { font-size: 5rem; font-weight: 600; letter-spacing:.5rem; line-height: 6rem; color: white; font-family: '微軟正黑體';text-shadow: rgb(60, 60,60 ) 2px 0px 3px; }
.block_wrapper_01 .block_wrapper_01_content h2 { font-size: 2.6rem; font-weight: 600; letter-spacing:.5rem; line-height: 4rem; color: white; font-family: '微軟正黑體'; text-shadow: rgb(60, 60,60 ) 2px 0px 3px; background-color: rgba(0, 0, 0, 0.3); }
.block_wrapper_01_mobile { background: url("../images/bg/coworking_bg/coworking_bg_01_m.webp"); background-position: center;background-size: cover; padding: 50px 0px 100px 0px; margin: 0px;}
.block_wrapper_01_mobile .block_wrapper_01_content { padding: 10px;}
.block_wrapper_01_mobile .block_wrapper_01_content h1 { font-size: 3rem; font-weight: 600; letter-spacing:0rem; line-height: 4rem; color: white; font-family: '微軟正黑體'; text-shadow: rgb(60, 60,60) 2px 0px 3px;}
.block_wrapper_01_mobile .block_wrapper_01_content h2 { font-size: 2rem; font-weight: normal; letter-spacing:0rem; line-height: 3rem; color: white; font-family: '微軟正黑體'; }
/* 首頁block_02 */
.block_wrapper_02 { bbackground-color: hsl(0, 0%, 98%); padding: 50px 0px 50px 0px; margin: 0px;}
.block_wrapper_02 .block_wrapper_02_content {margin-bottom:0px;}
.block_wrapper_02 .block_wrapper_02_content p { font-size: 1.8rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:#4c4c4c; font-family: '微軟正黑體';}
.block_wrapper_02 .block_wrapper_02_content h1 { font-size: 4rem; font-weight: normal; letter-spacing:1px; line-height: 5rem; color:dimgray;font-family: '微軟正黑體';}
.block_wrapper_02 .block_wrapper_02_content h2 { font-size: 2.6rem; font-weight: normal; letter-spacing:1px; line-height: 4rem; color:#4c4c4c;font-family: '微軟正黑體';}
.block_wrapper_02 .block_wrapper_02_content h3 { font-size:2.6rem; font-weight: normal; letter-spacing:1px; line-height: 4rem; color:#0abbb5;font-family: '微軟正黑體';}
.block_wrapper_02_mobile {background: hsl(0, 0%, 98%); background-position: center;background-size: cover; padding: 10px 0px 0px 0px; margin: 0px;}
.block_wrapper_02_mobile .block_wrapper_02_content {padding: 10px;}
.block_wrapper_02_mobile .block_wrapper_02_content p { font-size: 1.6rem; font-weight: normal; letter-spacing:1px; line-height: 2rem; color:#4c4c4c; font-family: '微軟正黑體'; }
.block_wrapper_02_mobile .block_wrapper_02_content h1 { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:black; font-family: '微軟正黑體';}
.block_wrapper_02_mobile .block_wrapper_02_content h2 { font-size: 1.6rem; font-weight: normal; letter-spacing:1px; line-height: 2rem; color:#4c4c4c; font-family: '微軟正黑體';}
.block_wrapper_02_mobile .block_wrapper_02_content h3 { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:#0abbb5; font-family: '微軟正黑體';}
/* 首頁block_03 台中 */
.block_wrapper_03 { background-color: #ebdac2; padding: 50px 0px 50px 0px; margin: 0px;}
.block_wrapper_03 .block_wrapper_03_content {margin-bottom:0px;}
.block_wrapper_03 .block_wrapper_03_content p { font-size: 2.6rem; font-weight: normal; letter-spacing:1px; line-height: 4rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_03 .block_wrapper_03_content h1 { font-size: 4rem; font-weight: normal; letter-spacing:1px; line-height: 5rem; color:black;font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_03 .block_wrapper_03_content h2 { font-size: 2.6rem; font-weight: 600; letter-spacing:1px; line-height: 3.6rem; color: #3b5998;font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_03 .block_wrapper_03_content .address_block {border: 2px dashed lightgray; background-color: #fcfaf4; padding:20px 0px 50px 0px; box-shadow: 0px 4px 10px -6px rgba(0, 0, 0, 0.40); margin:10px 0px 10px 0px; text-align: left; padding:20px;}
.block_wrapper_03 .block_wrapper_03_content .address_block:hover, .address_block:active, .address_block:focus {box-shadow: 0px 0px 12px rgba(0, 0, 0, 0);}
.block_wrapper_03 .block_wrapper_03_content .address_block { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_03 .block_wrapper_03_content .address_block a { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_03 .block_wrapper_03_content .address_block a:hover { color:green; }
.block_wrapper_03_mobile {background-color: #ebdac2; background-position: center;background-size: cover; padding: 10px 0px 0px 0px; margin: 0px;}
.block_wrapper_03_mobile .block_wrapper_03_content {padding: 10px;}
.block_wrapper_03_mobile .block_wrapper_03_content p { font-size: 1.6rem; font-weight: normal; letter-spacing:1px; line-height: 2rem; color:black; font-family: '微軟正黑體';}
.block_wrapper_03_mobile .block_wrapper_03_content h1 { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:black; font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_03_mobile .block_wrapper_03_content h2 { font-size: 2rem; font-weight: 600; letter-spacing:1px; line-height: 3rem; color:#3b5998; font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_03_mobile .block_wrapper_03_content .address_block {border: 2px dashed lightgray; background-color: #fcfaf4; padding:20px 0px 50px 0px; box-shadow: 0px 4px 10px -6px rgba(0, 0, 0, 0.40); margin:10px 0px 10px 0px; text-align: left; padding:20px;}
.block_wrapper_03_mobile .block_wrapper_03_content .address_block:hover, .address_block:active, .address_block:focus {box-shadow: 0px 0px 12px rgba(0, 0, 0, 0);}
.block_wrapper_03_mobile .block_wrapper_03_content .address_block { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_03_mobile .block_wrapper_03_content .address_block a { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_03_mobile .block_wrapper_03_content .address_block a:hover { color:green; }
/* 首頁block_04 台南 */
.block_wrapper_04 {padding: 50px 0px 80px 0px; margin: 0px;}
.block_wrapper_04 .block_wrapper_04_content p { font-size: 2.6rem; font-weight: normal; letter-spacing:1px; line-height: 4rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_04 .block_wrapper_04_content h1 { font-size: 4rem; font-weight: normal; letter-spacing:1px; line-height: 5rem; color:black;font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_04 .block_wrapper_04_content h2 { font-size: 2.6rem; font-weight: 600; letter-spacing:1px; line-height: 3.6rem; color:#3b5998;font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_04 .block_wrapper_04_content .address_block {border: 2px dashed lightgray; background-color: #fcfaf4; padding:20px 0px 50px 0px; box-shadow: 0px 4px 10px -6px rgba(0, 0, 0, 0.40); margin:10px 0px 10px 0px; text-align: left; padding:20px;}
.block_wrapper_04 .block_wrapper_04_content .address_block:hover, .address_block:active, .address_block:focus {box-shadow: 0px 0px 12px rgba(0, 0, 0, 0);}
.block_wrapper_04 .block_wrapper_04_content .address_block { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_04 .block_wrapper_04_content .address_block a { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_04 .block_wrapper_04_content .address_block a:hover { color:green;}
.block_wrapper_04_mobile { padding: 30px 0px 0px 0px; margin: 0px;}
.block_wrapper_04_mobile .block_wrapper_04_content {padding: 10px 20px 50px 20px;}
.block_wrapper_04_mobile .block_wrapper_04_content p { font-size: 1.6rem; font-weight: normal; letter-spacing:1px; line-height: 2rem; color:black; font-family: '微軟正黑體';}
.block_wrapper_04_mobile .block_wrapper_04_content h1 { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:black; font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_04_mobile .block_wrapper_04_content h2 { font-size: 2rem; font-weight: 600; letter-spacing:1px; line-height: 3rem; color:#3b5998; font-family: '微軟正黑體'; text-align: center;}
.block_wrapper_04_mobile .block_wrapper_04_content .address_block {border: 2px dashed lightgray; background-color: #fcfaf4; padding:20px 0px 50px 0px; box-shadow: 0px 4px 10px -6px rgba(0, 0, 0, 0.40); margin:10px 0px 10px 0px; text-align: left; padding:20px;}
.block_wrapper_04_mobile .block_wrapper_04_content .address_block:hover, .address_block:active, .address_block:focus {box-shadow: 0px 0px 12px rgba(0, 0, 0, 0);}
.block_wrapper_04_mobile .block_wrapper_04_content .address_block { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_04_mobile .block_wrapper_04_content .address_block a { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:black; font-family: '微軟正黑體'; }
.block_wrapper_04_mobile .block_wrapper_04_content .address_block a:hover { color:green;}
/* 首頁block_07 專業諮詢 */
.block_wrapper_07 { background:#252A34; padding: 100px 0px 80px 0px; margin: 0px; }
.block_wrapper_07 .block_wrapper_07_content p { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 2.6rem; color:#FFB6B9; font-family: '微軟正黑體'; }
.block_wrapper_07 .block_wrapper_07_content h1 { font-size: 4rem; font-weight: normal; letter-spacing:1px; line-height: 5rem; color:#FFB6B9; font-family: '微軟正黑體'; }
.block_wrapper_07 .block_wrapper_07_content h2 { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 3rem; color:white;font-family: '微軟正黑體';}
.block_wrapper_07 .block_wrapper_07_content .policy_block {background-color:#FFB6B9; border:none; padding:20px 0px 20px 50px;}
.block_wrapper_07 .block_wrapper_07_content .gender { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 2rem; color:white; font-family: '微軟正黑體'; text-align: left; }
.block_wrapper_07 .block_wrapper_07_content .policy { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 2rem; color:black; font-family: '微軟正黑體'; text-align: left; }
.block_wrapper_07 .block_wrapper_07_content .policy a { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 2rem; color:black; font-family: '微軟正黑體'; text-align: left; text-decoration: underline; }
.block_wrapper_07 .block_wrapper_07_content .policy a:hover { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 2rem; color:dimgray; font-family: '微軟正黑體'; text-align: left; text-decoration: underline; }
.block_wrapper_07 .block_wrapper_07_content label { font-size: 2rem; font-weight: normal; letter-spacing:1px; line-height: 2rem; color:white; font-family: '微軟正黑體'; text-align: left; }
/* 首頁block_FAQ */
.block_wrapper_FAQ {background: url("../images/bg/coworking_bg/coworking_bg_01.webp"); padding: 500px 0px 50px 0px; margin: 0px; background-repeat: no-repeat; background-size: 100% auto; background-color: hsl(0, 0%, 96%);}
.block_wrapper_FAQ .wrapper { margin-top: -400px;}
.block_wrapper_FAQ .well {background-color: hsl(0, 0%, 96%, 0.9);}
.block_wrapper_FAQ .menu_option {margin-top: -30px; text-align: right;}
.block_wrapper_FAQ .block_wrapper_FAQ_content { margin-bottom:0px; }
.block_wrapper_FAQ .block_wrapper_FAQ_content h1 { font-size: 5rem; font-weight: 600; letter-spacing:.1rem; line-height: 6rem; color:white;font-family: '微軟正黑體';}
.block_wrapper_FAQ .block_wrapper_FAQ_content h2 { font-size: 2.6rem; font-weight: 600; letter-spacing:.1rem; line-height: 3.6rem; color:lightcoral;font-family: '微軟正黑體'; text-align: left;}
.block_wrapper_FAQ .block_wrapper_FAQ_content a {text-decoration: none;}
.block_wrapper_FAQ .block_wrapper_FAQ_content a:hover {text-decoration: none;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .well a { font-size: 2.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:hotpink; font-family: '微軟正黑體'; text-decoration: underline;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .well a:hover { font-size: 2.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:deepskyblue; font-family: '微軟正黑體'; text-decoration: underline;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .system_message { font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:white;font-family: '微軟正黑體'; text-align: center; margin:50px 0px 100px 0px; background-color: rgba(0, 0, 0, 0.4); padding:40px 30px 40px 30px; border-radius: 10px; width: 80%; }
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel {background-color: white; border: none; box-shadow: 0px 4px 7px -6px rgba(0, 0, 0, 0.29); margin:10px 0px 10px 0px; text-align: left;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel:hover {border: none; box-shadow: 0px 4px 17px -8px rgba(0, 0, 0, 0.29);}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body {padding: 15px;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body a {text-decoration: none;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body .title { font-size: 2.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:dimgray;font-family: '微軟正黑體'; text-align: left;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body .text {padding: 20px 30px 30px 30px; overflow: hidden;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body .text h1 { font-size: 2.4rem; font-weight: bolder; letter-spacing:-0.1rem; line-height: 3rem; color:black;font-family: '微軟正黑體';}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body .text h2 { font-size: 1.8rem; font-weight: bolder; letter-spacing:.1rem; line-height: 2rem; color:darkgrey;font-family: '微軟正黑體'; margin: 5px 0px 20px 0px;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body .text h3 { font-size: 3rem; font-weight: bolder; letter-spacing:.1rem; line-height: 4rem; color:darkgrey;font-family: '微軟正黑體'; margin: 5px 0px 20px 0px; text-align: center;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body .text p { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:black; font-family: '微軟正黑體'; text-align: left;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body .text a { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:hotpink; font-family: '微軟正黑體'; text-decoration: underline;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body .text a:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:deepskyblue; font-family: '微軟正黑體'; text-decoration: underline;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body .text .highlight { color:orangered; font-weight: bolder;}
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body .text .more { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:dimgray; font-family: '微軟正黑體'; text-decoration: none; }
.block_wrapper_FAQ .block_wrapper_FAQ_content .panel-body .text .more:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:lightgray; font-family: '微軟正黑體'; text-decoration: underline; }
.block_wrapper_FAQ_mobile {background: url("../images/bg/coworking_bg/coworking_bg_01_m.webp"); padding: 0px 0px 0px 0px; margin: 0px; background-repeat: no-repeat; background-size: 100% auto; background-color: hsl(0, 0%, 96%); }
.block_wrapper_FAQ_mobile .wrapper { padding: 70px 10px 50px 10px;}
.block_wrapper_FAQ_mobile .well {background-color: hsl(0, 0%, 96%, 0.7);}
.block_wrapper_FAQ_mobile .menu_option {margin-top: -30px; text-align: right;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content { margin-bottom:0px; }
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content h1 { font-size: 4rem; font-weight: 600; letter-spacing:.1rem; line-height: 3rem; color:white;font-family: '微軟正黑體';}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content h2 { font-size: 2.2rem; font-weight: 600; letter-spacing:.1rem; line-height: 3rem; color:lightcoral;font-family: '微軟正黑體'; text-align: left;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content a {text-decoration: none;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content a:hover {text-decoration: none;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .well a { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:hotpink; font-family: '微軟正黑體'; text-decoration: underline;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .well a:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:deepskyblue; font-family: '微軟正黑體'; text-decoration: underline;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .system_message { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:white;font-family: '微軟正黑體'; text-align: center; margin:50px 0px 100px 0px; background-color: rgba(0, 0, 0, 0.4); padding:40px 30px 40px 30px; border-radius: 10px; width: 80%; }
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel {background-color: white; border: none; box-shadow: 0px 4px 7px -6px rgba(0, 0, 0, 0.29); margin:10px 0px 10px 0px; text-align: left;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel:hover {border: none; box-shadow: 0px 4px 17px -8px rgba(0, 0, 0, 0.29);}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body {padding: 5px 0px 5px 0px;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body .title { font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:dimgray;font-family: '微軟正黑體'; text-align: left;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body .text {padding: 20px 10px 20px 10px; overflow: hidden;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body .text h1 { font-size: 2.4rem; font-weight: bolder; letter-spacing:-0.1rem; line-height: 3rem; color:black;font-family: '微軟正黑體';}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body .text h2 { font-size: 2.4rem; font-weight: bolder; letter-spacing:.1rem; line-height: 3rem; color:darkgrey;font-family: '微軟正黑體'; margin: 5px 0px 20px 0px;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body .text h3 { font-size: 3rem; font-weight: bolder; letter-spacing:.1rem; line-height: 4rem; color:darkgrey;font-family: '微軟正黑體'; margin: 5px 0px 20px 0px; text-align: center;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body .text p { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:black; font-family: '微軟正黑體'; text-align: left;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body .text a { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:hotpink; font-family: '微軟正黑體'; text-decoration: underline;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body .text a:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:deepskyblue; font-family: '微軟正黑體'; text-decoration: underline;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body .text .highlight { color:orangered; font-weight: bolder;}
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body .text .more { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:dimgray; font-family: '微軟正黑體'; text-decoration: none; }
.block_wrapper_FAQ_mobile .block_wrapper_FAQ_content .panel-body .text .more:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:lightgray; font-family: '微軟正黑體'; text-decoration: underline; }
/* 隱私權政策 modal 20220415 */
#PrivacyPolicy .no_border {border:none;}
#PrivacyPolicy .wrapper {background-image: url("../images/coworking/PrivacyPolicy_bg.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-moz-background-size: 50%;
padding: 20px 30px 50px 30px; margin:0px;} /* modal background-image 不可加 background-attachment: fixed; 20200528 */
#PrivacyPolicy .wrapper .content p { font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:palegoldenrod; font-family: '微軟正黑體'; text-align: center;}
#PrivacyPolicy .wrapper .content h1 { font-size: 3rem; font-weight: 500; letter-spacing:.1rem; line-height: 4rem; color:white;font-family: '微軟正黑體'; text-align: center; text-shadow: rgb(3, 3, 3) 3px 0px 3px;}
#PrivacyPolicy .wrapper .content h2 { font-size: 2rem; font-weight: 500; letter-spacing:.1rem; line-height: 3rem; color:white;font-family: '微軟正黑體'; text-align: center; text-shadow: rgb(3, 3, 3) 3px 0px 3px;}
#PrivacyPolicy .modal-header { margin: 0px; padding: 0px; border:none; }
#PrivacyPolicy .modal-body { background-color: #f5f1ee; }
#PrivacyPolicy .modal-body .text_content {padding: 30px 20px 50px 30px;}
#PrivacyPolicy .modal-body p { font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '微軟正黑體'; text-align: left;}
#PrivacyPolicy .modal-body h1 { font-size: 2.4rem; font-weight: bolder; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '微軟正黑體'; text-align: left; margin: 0px;}
#PrivacyPolicy .modal-body h2 { font-size: 2rem; font-weight: bolder; letter-spacing:.1rem; line-height: 3rem; color:darkgrey; font-family: '微軟正黑體'; text-align: left; margin: 0px;}
#PrivacyPolicy .modal-body a { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:hotpink; font-family: '微軟正黑體'; text-decoration: underline;}
#PrivacyPolicy .modal-body a:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:deepskyblue; font-family: '微軟正黑體'; text-decoration: underline;}
#PrivacyPolicy .modal-body .highlight_title { font-size: 2rem; font-weight: bolder; letter-spacing:.1rem; line-height: 4rem; color:black; font-family: '微軟正黑體'; text-align: left; text-decoration: underline; }
#PrivacyPolicy .modal-body .highlight { color:orangered; font-weight: bolder;}
#PrivacyPolicy .modal-body .more { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:dimgray; font-family: '微軟正黑體'; text-decoration: none; }
#PrivacyPolicy .modal-body .more:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:lightgray; font-family: '微軟正黑體'; text-decoration: underline; }
#PrivacyPolicy .modal-body ol { font-size: 2.2rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:black; font-family: '微軟正黑體'; margin-left:0px; }
#PrivacyPolicy .modal-body li {margin-bottom:0px;}
#PrivacyPolicy .modal-footer {background-color: #163569; border-color: goldenrod;border-width:2px 0px 0px 0px; border-style:solid;}
#PrivacyPolicy .btn.close { font-size: 3rem; letter-spacing: .1rem; line-height: 2rem; padding: 10px 20px 10px 20px; background-color: #0a1d3b; border-color: goldenrod; border-width:2px; border-style:solid; color: goldenrod; border-radius: 30px; opacity:1;
filter: alpha(opacity=100); text-shadow: none;font-family:'微軟正黑體';}
#PrivacyPolicy .btn.close:hover { font-size: 3rem; letter-spacing: .1rem; line-height: 2rem; padding: 10px 20px 10px 20px; background-color: #2e3a4e; border-color:goldenrod; border-width:2px; border-style:solid; color: goldenrod; border-radius: 30px;font-family:'微軟正黑體';}
#PrivacyPolicy .x_style { position: absolute; right:-20px; top:-20px;background-color:goldenrod; border-color: goldenrod; border-width:2px; border-style:solid; color: #0a1d3b; border-radius: 30px; opacity:0.8;filter: alpha(opacity=80); text-shadow: none;}
#PrivacyPolicy .x_style:hover { position: absolute; right:-20px; top:-20px;background-color: goldenrod; border-color: goldenrod; border-width:2px; border-style:solid; color: #2e3a4e; border-radius: 30px; opacity:1;filter: alpha(opacity=100); text-shadow: none;}
/* modal 20220425 */
.Description .no_border {border:none;}
.Description .wrapper {background-image: url("../images/coworking/PrivacyPolicy_bg.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-moz-background-size: 50%;
padding: 20px 30px 50px 30px; margin:0px;} /* modal background-image 不可加 background-attachment: fixed; 20200528 */
.Description .wrapper .content p { font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:palegoldenrod; font-family: '微軟正黑體'; text-align: center;}
.Description .wrapper .content h1 { font-size: 3rem; font-weight: 500; letter-spacing:.1rem; line-height: 4rem; color:white;font-family: '微軟正黑體'; text-align: center; text-shadow: rgb(3, 3, 3) 3px 0px 3px;}
.Description .wrapper .content h2 { font-size: 2rem; font-weight: 500; letter-spacing:.1rem; line-height: 3rem; color:white;font-family: '微軟正黑體'; text-align: center; text-shadow: rgb(3, 3, 3) 3px 0px 3px;}
.Description .modal-header { margin: 0px; padding: 0px; border:none; }
.Description .modal-body { background-color: #f5f1ee; }
.Description .modal-body .text_content {padding: 30px 20px 50px 30px;}
.Description .modal-body p { font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '微軟正黑體'; text-align: left;}
.Description .modal-body h1 { font-size: 2.4rem; font-weight: bolder; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '微軟正黑體'; text-align: left; margin: 0px;}
.Description .modal-body h2 { font-size: 2rem; font-weight: bolder; letter-spacing:.1rem; line-height: 3rem; color:darkgrey; font-family: '微軟正黑體'; text-align: left; margin: 0px;}
.Description .modal-body a { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:hotpink; font-family: '微軟正黑體'; text-decoration: underline;}
.Description .modal-body a:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:deepskyblue; font-family: '微軟正黑體'; text-decoration: underline;}
.Description .modal-body .highlight_title { font-size: 2rem; font-weight: bolder; letter-spacing:.1rem; line-height: 4rem; color:black; font-family: '微軟正黑體'; text-align: left; text-decoration: underline; }
.Description .modal-body .highlight { color:orangered; font-weight: bolder;}
.Description .modal-body .more { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:dimgray; font-family: '微軟正黑體'; text-decoration: none; }
.Description .modal-body .more:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:lightgray; font-family: '微軟正黑體'; text-decoration: underline; }
.Description .modal-body ol { font-size: 2.2rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:black; font-family: '微軟正黑體'; margin-left:0px; }
.Description .modal-body li {margin-bottom:0px;}
.Description .modal-footer {background-color: #163569; border-color: goldenrod;border-width:2px 0px 0px 0px; border-style:solid;}
.Description .btn.close { font-size: 3rem; letter-spacing: .1rem; line-height: 2rem; padding: 10px 20px 10px 20px; background-color: #0a1d3b; border-color: goldenrod; border-width:2px; border-style:solid; color: goldenrod; border-radius: 30px; opacity:1;
filter: alpha(opacity=100); text-shadow: none;font-family:'微軟正黑體';}
.Description .btn.close:hover { font-size: 3rem; letter-spacing: .1rem; line-height: 2rem; padding: 10px 20px 10px 20px; background-color: #2e3a4e; border-color:goldenrod; border-width:2px; border-style:solid; color: goldenrod; border-radius: 30px;font-family:'微軟正黑體';}
.Description .x_style { position: absolute; right:-20px; top:-20px;background-color:goldenrod; border-color: goldenrod; border-width:2px; border-style:solid; color: #0a1d3b; border-radius: 30px; opacity:0.8;filter: alpha(opacity=80); text-shadow: none;}
.Description .x_style:hover { position: absolute; right:-20px; top:-20px;background-color: goldenrod; border-color: goldenrod; border-width:2px; border-style:solid; color: #2e3a4e; border-radius: 30px; opacity:1;filter: alpha(opacity=100); text-shadow: none;}
/* carousel 自適應 */
.carousel-item.active, .carousel-item-next, .carousel-item-prev {display: block;}
/* 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: 90000;}
/* 去除table line */
.borderless tr, .borderless td, .borderless th {
border: none !important;
}
/* 分隔線式樣 20190517 */
hr.featurette-divider {margin-top: -0.8em;margin-bottom: 1em; }
hr.media-divider {margin-top: -0.1em; margin-bottom: 0.5em;}
/* 表單欄位垂直置中 20180530 */
.vertical-align {padding-top: 3px;}
/* 修改多個modal scroll 20210729 */
.modal { overflow: auto !important; }
/* 修改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: '微軟正黑體'; z-index: 99999;}
.tooltip-inner {white-space:nowrap;}
/* 客服按鈕 */
.custom_service {padding: 0px;margin:0px;}
.custom_service .float{
position:fixed;
bottom:40px;
right:10px;
z-index:1000;
animation: bot-to-top 2s ease-out;
}
.custom_service ul{
position:fixed;
right:10px;
padding-bottom:20px;
bottom:80px;
z-index:100;
}
.custom_service ul li{
list-style:none;
margin-bottom:10px;
}
.custom_service .size {font-size: 3rem;}
.custom_service ul:hover{
visibility:visible!important;
opacity:1!important;
}
.custom_service .my-float{
font-size:24px;
margin-top:18px;
}
.custom_service a#menu-share + ul{
visibility: hidden;
}
.custom_service a#menu-share:hover + ul{
visibility: visible;
animation: scale-in 0.5s;
}
.custom_service a#menu-share i{
animation: rotate-in 0.5s;
}
.custom_service a#menu-share:hover > i{
animation: rotate-out 0.5s;
}
@keyframes bot-to-top {
0% {bottom:-40px}
50% {bottom:40px}
}
@keyframes scale-in {
from {transform: scale(0);opacity: 0;}
to {transform: scale(1);opacity: 1;}
}
@keyframes rotate-in {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@keyframes rotate-out {
from {transform: rotate(360deg);}
to {transform: rotate(0deg);}
}
/* 持續旋轉 */
.rotate {
animation: rotation 8s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}