@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
@font-face { font-family: Noto-Bold; src: url(../font/NotoSansHant-Bold.otf); }
@font-face { font-family: Noto-Thin; src: url(../font/NotoSansHant-Light.otf); }

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

/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/

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

html { height: 100% }
body { margin-left: 0px; margin-top: 70px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust: none; font-size: 13px; overflow-x: hidden }
body, td, th { font-size: 13px; font-family: 微軟正黑體, Verdana, Geneva, sans-serif; }
.show { display: block; }
.hide { display: none; }
.show_table { display: block; }
.hide_table { display: none; }
.iframe_ch { display: none; }
a { color: #669900; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
ul li { list-style: none; }
ul li a { text-decoration: none; }
label { cursor: pointer; }
.clr { clear: both; }
h1, h2, h3 { font-family: Noto-Thin, 微軟正黑體, Verdana; letter-spacing: 1px; }
h2 { font-size: 1.7em; line-height: 28px; }
h3 { font-size: 1.5em; line-height: 24px; }
h4 { font-size: 1.3em; line-height: 20px; }
#rand-img { cursor: pointer; }
.align_right { text-align: right; }
.field_s { width: 147px; }
.field_m { width: 215px; }
.field_l { width: 296px; }
.table_width_18 { width: 18%; }
.table_width_25 { width: 25%; }
.table_width_30 { width: 30%; }
.width311 { width: 311px; }
.pink { color: #f0644d; }
.blue { color: #338095; }
.green { color: #669900; }
.white { color: #fff; }
.black { color: #000; }
.bg_green { background-color: #669900; }
.bg_blue { background-color: #338095; }
.bg_gray { background-color: #c4c4c4; }
.bg_pink { background-color: #f0644d; }
.bg_white { background-color: #fff; }
.button { -webkit-appearance: none; -webkit-border-radius: 0px; font-size: 1.15em; font-family: 微軟正黑體, Verdana, Geneva, sans-serif; line-height: 23px; cursor: pointer; border: none; margin: 7px 0; padding: 7px 20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.button2 { -webkit-appearance: none; -webkit-border-radius: 0px; font-size: 13px; font-family: 微軟正黑體, Verdana, Geneva, sans-serif; line-height: 23px; cursor: pointer; border: none; margin: 7px 0; padding: 5px 10px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
#gotop { display: none; font-size: 1em; line-height: 16px; text-align: center; position: fixed; right: 20px; bottom: 20px; padding: 7px 11px; background-image: url(../../images/action_bg.png); color: #fff; font-family: Verdana, Geneva, sans-serif; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.anchor { position: relative; top: -68px; }
.anchor_news { position: relative; top: -72px; }

/*提示文字內容*/
#tip_box { font-size: 12px; position: fixed; z-index: 9999999999; line-height: 22px; background-image: url(/admin/images/bg.png); color: #FFF; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left: 10px; }

/*提示圖片處理*/
.tip { cursor: pointer; cursor: hand }
.week_show { display: none }
.smail_cal { display: none }
sup { font-size: 0.8em; }

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

/* ------------------------------>>> News_css <<<------------------------------------------------------------------*/

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

#img_tmp_list_0 li { list-style: none }
#img_tmp_list_1 li { list-style: none }
#img_tmp_list_2 li { list-style: none }
#img_tmp_list_3 li { list-style: none }
#img_tmp_list_4 li { list-style: none }
.health_record_title1 { background-color: #CCC; padding: 5px; font-size: 16px; text-align: left; line-height: 25px; }
.health_record_img1 { padding: 5px 2.5px 5px 2.5px; }
.health_record_img2 { padding: 5px 2.5px 5px 2.5px }
.health_record_img3 { padding: 5px 2.5px 5px 2.5px; }
.health_record_img4 { padding: 5px 2.5px 5px 2.5px; }
.health_record_selected { border: 2px solid #DEDEDE; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.img_list1 { margin-bottom: 5px; margin-top: 5px; position: relative; }
.img_list2 { padding-left: 5px; }
.img_list3 { font-size: 16px; }
.img_list4 { padding: 30px 5px 5px 0px; }
.img_list5 { position: absolute; margin-top: -30px; color: #FFF; margin-left: 50px; font-size: 18px; text-shadow: 2px 2px 2px #000; }
.img_list5 a { color: #FFF; text-shadow: 2px 2px 2px #000; }
.img_list6 { line-height: 25px; letter-spacing: 1px; padding-left: 15px; color: #999; }
.img_list_textarea { width: 99%; border: 1px solid #ccc; height: 80px; resize: none; background-color: #EFEFEF }
.fancybox_health_select1 { color: #FFF; font-size: 16px; }
.fancybox_health_select2 { padding-left: 15px; padding-right: 15px; }
.health_reply_title1 { padding-left: 10px; font-size: 1.2em; padding-right: 10px; height: 26px; line-height: 26px; letter-spacing: 1px }
.health_reply_title1 a { color: #F0644D; font-weight: bold }
.health_reply_main1 { padding: 10px; letter-spacing: 1px; line-height: 28px; font-size: 1.15em; }
.health_reply_main2 { margin: 10px 0px 10px 0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.health_reply_main3 { border-bottom: 1px solid #FFF }
.health_reply_main1_img img { max-width: 100% !important; height: inherit !important; }
.health_reply_main1_img p { margin: 10px 0; }

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

/* ------------------------------>>> uploadify <<<-----------------------------------------------------------------*/

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

/*舊程式*/
.uploadify-queue { margin-bottom: 1em; }
.uploadify-queue-item { background-color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; padding: 10px; }
.uploadify-error { background-color: #FDE5DD !important; }
.uploadify-queue-item .cancel a { background: url('/webfile/js/uploadify/uploadify-cancel.png') 0 0 no-repeat; float: right; height: 16px; text-indent: -9999px; width: 16px; }
.uploadify-queue-item.completed { background-color: #E5E5E5; }
.uploadify-progress { background-color: #E5E5E5; margin-top: 10px; width: 100%; }
.uploadify-progress-bar { background-color: #0099FF; height: 3px; width: 1px; }

/*新程式*/
#file_upload { cursor: pointer !important; cursor: hand !important }
.uploadifive-button { background-image: url('/webfile/js/uploadify/btn_01.png') }
.uploadifive-queue-item { background-color: #F5F5F5; border-bottom: 1px dotted #D5D5D5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font: 12px Arial, Helvetica, Sans-serif; margin-top: 3px; padding: 15px; }
.uploadifive-queue-item .close { background: url('/webfile/js/uploadify/uploadify-cancel.png') 0 0 no-repeat; float: right; height: 16px; text-indent: -9999px; width: 16px; }
.uploadifive-queue-item .progress { border: 1px solid #D0D0D0; height: 3px; margin-top: 5px; width: 100%; }
.uploadifive-queue-item .progress-bar { background-color: #0072BC; height: 3px; width: 0; }

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

/* ------------------------------>>> index <<<---------------------------------------------------------------------*/

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

/*slide-start*/
.callbacks_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.callbacks li { position: absolute; width: 100%; left: 0; top: 0; }
.callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 1.1em; text-shadow: none; color: #fff; background: #000; background: rgba(0, 0, 0, 0.45); left: 60px; bottom: 50px; padding: 10px 20px; margin: 0; max-width: none; }
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("/images/slide_nav.png") no-repeat left top; margin-top: -45px; }
.callbacks_nav:active { opacity: 1.0; }
.callbacks_nav.next { left: auto; background-position: right top; right: 0; }

/*slide-end*/
.wrapper { width: 1024px; margin: 0 auto; }
.wrapper_header { width: 98%; margin: 0 auto; }
.header { height: 55px; padding: 13px 0 0 0; width: 100%; z-index: 999; background: rgba(255, 255, 255, 0.85); position: fixed; top: 0; box-shadow: 1px 1px 6px 1px #dedede; }
.logo { float: left; margin: 0 0 0 8px; }
.main-menu { float: left; margin-left: 10px; }
.main-menu ul li { display: inline-block; margin: 0 8px; }
.main-menu ul li a { color: #000; font-size: 1.25em; letter-spacing: 1px; font-weight: bold; }
.main-menu ul li a:hover { color: #F0644D; }
.rwd_welcome { display: none; }
.top_login, .top_health_center { float: right; margin-top: 9px; }
.top_login .button, .top_health_center .button { margin: 0 4px; padding: 5px 10px; }
.social { float: right; text-align: center; width: 145px; margin-top: -10px; }
.social_main { margin-top: 3px; }
.social_main select { width: 110px; margin-left: -5px; font-family: 微軟正黑體 !important; }
.social img { width: 20%; margin: 5px 5px 0 0; border: 1px solid #FFF }
.title { margin: 0 0 30px; }
.home_block_about { padding: 50px 0; }
.home_block_about .wrapper { text-align: center; }
.block_text { font-size: 1.2em; letter-spacing: 1px; line-height: 25px; }
.home_block_about_bg { position: relative; background-image: url("/images/block_top.png"); background-position: center center; background-size: cover; height: 160px; margin-top: 25px; }
.home_block_features { background-color: #f0644d; padding: 56px 0; text-align: center; }
.home_block_features .title { text-align: center; }
.features { display: inline-block; text-align: center; width: 330px; margin: 0 2px; vertical-align: top; }
.features img { width: 80%; }
.feature_text { font-size: 1.2em; line-height: 22px; letter-spacing: 1px; }
.button-center { line-height: 40px; margin-top: 25px; text-align: center; }
.button.bg_white.black:hover { background: rgba(255, 255, 255, 0.10); outline: 2px solid #fff; color: #fff; }
.home_block_interact { background-color: #cfe59e; padding: 50px 0 70px 0; position: relative; min-height: 335px; }
.home_block_interact .wrapper { text-align: center; }
.step_wrapper { margin: 60px 0; }
.steps { background: rgba(255, 255, 255, 0.6); display: inline-block; position: relative; height: 175px; margin: 0 20px; padding: 15px; vertical-align: top; width: 265px; }
.step_title { font-size: 2.3em; line-height: 40px; margin-bottom: 10px; }
.step_text { font-size: 1.2em; line-height: 25px; text-align: left; }
.step_button { bottom: 20px; left: 0; position: absolute; right: 0; }
.step_button a { font-size: 1.3em; letter-spacing: 2px; }
.step_button a:hover { background: none; outline: 2px solid #669900; color: #669900; font-weight: bold; }
.animate_lefttoright { position: absolute; bottom: 5px; margin-left: -770px; }
.animate_righttoleft { bottom: 10px; margin-left: 400px; position: absolute; }
.button-center a { font-size: 1.3em; letter-spacing: 2px; }
.home_block_team { background-color: #efefef; padding: 50px; }
.home_block_team .title { text-align: center; }
.team_wrapper { text-align: center; }
.team_left { display: inline-block; margin: 0 23px 0 10px; width: 43%; }
.team_left img { width: 100%; text-align: left; }
.team_right { display: inline-block; padding: 30px; vertical-align: top; width: 45%; text-align: left; }
.team_title { border-left: 5px solid; padding-left: 7px; }
.team_text { font-size: 1.2em; letter-spacing: 1px; line-height: 25px; }
.team_button { line-height: 35px; margin-top: 30px; text-align: right; }
.team_button a { font-size: 1.3em; letter-spacing: 2px; }
.team_button a:hover { background: none; outline: 2px solid #338095; color: #338095; font-weight: bold; }
.news_wrapper { text-align: center; }
.home_block_news { padding: 40px 0; margin: 20px 0 20px; }
.home_block_news .title { text-align: center; }
.news_left { display: inline-block; max-height: 353px; overflow: hidden; width: 50%; }
.news_left img { width: 100%; }
.news_right { display: inline-block; vertical-align: top; width: 49%; }
.news_list:first-child { border-top: 1px solid #dedede; }
.news_list { border-bottom: 1px solid #dedede; line-height: 24px; padding: 10px; position: relative; text-align: left; }
.home_block_news .news_date { font-size: 1.15em; font-weight: bold; display: inline-block; width: 106px; margin-right: 15px; vertical-align: top; }
.news_intro { font-size: 1.15em; letter-spacing: 2px; }
.news_intro a { color: #262626; }
.news_intro a:hover { color: #f0644d; }
.news_more { bottom: 15px; position: absolute; right: 15px; }
.button_news_more { border: 1px solid #969696; border-radius: 10px; color: #515151; padding: 4px 8px; }
.button_news_more:hover { background-color: #515151; color: #fff; }
.home_news_button { line-height: 35px; margin-top: 20px; padding: 5px 0; text-align: center; }
.home_news_button a { font-size: 1.3em; letter-spacing: 2px; }
.copyright_text { padding: 0 10px; }

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

/* ------------------------------>>> contact <<<---------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
.contact_block_outer { background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 6px 1px #fcc6c0; margin: 50px auto; width: 600px; }
.form_member_filed2.numberImg { position: relative; margin-right: 0; }
.member_register .form_member_filed2.numberImg img { position: absolute; top: -3px; }
/* ----------------------------------------------------------------------------------------------------------------*/

/* ------------------------------>>> member login/forget <<<-------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
.member_page .block_footer { margin-top: 0; }
.login_page { background: url("../../images/bg_member.jpg") no-repeat scroll center top; background-size: cover; float: left; width: 100%; }
.login_block_outer { box-shadow: 0 0 6px 1px #fcc6c0; background: rgba(0, 0, 0, 0.6); height: auto; width: 410px; text-align: center; margin: 50px auto; }
.login_block_inner { margin: 0 auto; width: 90%; padding: 50px 0; }
.login_text_title { color: #fff; font-size: 1.2em; letter-spacing: 4px; margin-bottom: 5px; text-align: center; }
.login_text_sub { color: #ffff00; letter-spacing: 1px; margin-bottom: 20px; text-align: center; }
.form_member_filed { margin: 10px 0 14px 0; }
.form_member_filed input { font-size: 1.1em; font-family: Verdana, 微軟正黑體; width: 271px; height: 30px; padding: 3px 0 3px 38px; border: 1px solid #ccc; }
.form_member_filed input:focus { border: 1px solid #FF0; }
.form_member_filed select:focus { border: 1px solid #666; }
.form_register_text { background: rgba(255, 255, 255, 0.25); border-radius: 5px; line-height: 22px; padding: 13px 18px !important; word-wrap: break-word; word-break: break-all; }
.form_member_filed2 { cursor: pointer; margin-right: 36px; margin-top: -44px; text-align: right; }
.form_member_filed3 { cursor: pointer; margin-top: -44px; text-align: right; }
.member_register .form_member_filed3 img { margin-left: -87px; vertical-align: middle; }
.field_user { background: url(../../images/icon_user.png) no-repeat 10px center #fff; }
.field_pass { background: url(../../images/icon_pass.png) no-repeat 10px center #fff; }
.field_num { background: url(../../images/icon_num.png) no-repeat 10px center #fff; }
.form_filed3 { line-height: 35px; margin: 15px 0 10px; text-align: right; }
a.forget_pwd { border: 1px solid #fff; color: #fff; padding: 5px 10px; text-decoration: none; margin-right: 28px; }
a.forget_pwd:hover { color: #f0644d; border: 1px solid #f0644d; }

/*.btn { display: inline-block; margin: 5px 0; }*/
.btn { display: inline-block; margin: 5px 0; width: 44%; vertical-align: top; }
body.member_btn { margin: 0;  !important; }
.form_social { text-align: center; }
.form_social .button { margin: 15px 10px; width: 120px; letter-spacing: 3px; }
.facebook, .google { color: #fff; cursor: pointer; font-family: 微軟正黑體; font-size: 1.1em; line-height: 18px; padding: 8px 0; width: 98%; }
.facebook:active, .google:active { position: relative; top: 1px; }
.facebook { background-color: #3f69b2; border: 1px solid #3D66AB; }
.google { background-color: #d95232; border: 1px solid #D84A27; }
.forget_button { margin: 15px 0; }

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

/* ------------------------------>>> member_register <<<-----------------------------------------------------------*/

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

.register_block_outer { background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 6px 1px #fcc6c0; margin: 50px auto; width: 600px; }
.register_block_inner { padding: 50px; }
.form_register_filed, .form_add_filed, .form_sex_filed, .form_num_filed { margin: 10px 0 14px 0; color: #fff; }
.form_register_filed td, .form_add_filed td, .form_sex_filed td, .form_num_filed td { font-size: 1.1em; }
.form_register_filed input[type=text], .form_register_filed input[type=password] { font-size: 1em; font-family: Verdana, 微軟正黑體; width: 271px; height: 30px; padding: 3px 5px; border: 1px solid #ccc; }
.form_register_filed input[type=radio] { width: 30px !important; }
.form_add_filed select { font-size: 1em; color: #757575; font-family: Verdana, 微軟正黑體; height: 38px; padding: 3px 8px; border: 1px solid #ccc; }
.form_add_filed input[type=text], .form_add_filed input[type=password] { font-size: 1em; font-family: Verdana, 微軟正黑體; height: 30px; padding: 3px 5px; border: 1px solid #ccc; }
.form_num_filed input[type=text], .form_num_filed input[type=password] { font-size: 0.9em; font-family: Verdana, 微軟正黑體; height: 28px; padding: 3px 5px; border: 1px solid #ccc; }
.table_register { margin-top: 10px; }
.table_register tr td { padding: 5px 0; }
.member_register .form_member_filed2 img { margin-left: -87px; vertical-align: middle; }
.member_register { padding: 0 20px; }
.member_register .form_register_filed input[type=text], .member_register .form_register_filed input[type=password] { width: 295px; }
.login_member_selected_pace { width: 307px; }
.login_member_selected_area { font-size: 0.9em !important; width: 148px; }
.login_member_selected_zipcode { font-size: 0.9em !important; }
.form_register_filed label { font-size: 0.9em; white-space: normal; }
.conditions.login_page { float: none !important; background-size: inherit !important; }
.conditions { margin-top: 20px; line-height: 22px; letter-spacing: 1px; font-size: 13px; }
.condition_block span, .condition_block p { font-size: 16px !important; }
.condition_block { background: rgba(0, 0, 0, 0.6); border-radius: 15px; color: #fff; margin: 0 auto; padding: 0 14px; width: 80%; }
.btn.member_google iframe{width: 100%;}
/* ----------------------------------------------------------------------------------------------------------------*/

/* ------------------------------>>> member  <<<-------------------------------------------------------------------*/

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

.member_block_outer { background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 6px 1px #fcc6c0; height: auto; margin: 50px auto; text-align: center; width: 65%; }
.member_block_inner { margin: 0 auto; padding: 50px 0; width: 90%; }
.member_icon_block { margin-top: 50px; }
.member_icon { display: inline-block; width: 22%; }
.member_icon_title { color: #fff; font-size: 1.1em; line-height: 25px; padding: 5px 0; }
.member_icon img { opacity: 0.55; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; }
.member_icon img:hover { opacity: 1; }
.member_icon_title a { color: #fff; font-weight: bold; letter-spacing: 1px; }
.member_icon_title a:hover { color: #FFDB17; }
.member_info { color: #fff; font-size: 1.1em; line-height: 30px; }
.member_name { color: #ffff00; font-weight: bold; }
.member_rank { border-radius: 5px; padding: 0 8px; margin: 5px; display: inline-block; }
.upgrade { background: rgba(255, 76, 76, 0.7); }
.upgrade a { color: #fff; }
.upgrade a:hover { color: #ffff00; }
.rank1 { background: #7d4e4e; color: #ffff00; }
.rank2 { background: #5d0000; color: #fff; }
.button.bg_pink:hover { background: none; outline: 2px solid #f0644d; color: #f0644d; }
.button.bg_gray:hover { background: none; outline: 2px solid #ffffff; color: #fff; }
.button.bg_green:hover { background: none; outline: 2px solid #669900; color: #669900; }

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

/* ------------------------------>>> member_pw/profile_edit  <<<---------------------------------------------------*/

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

.member_edit, .member_pw_edit { padding: 0 20px; }
.member_button { text-align: center; }
.member_edit .form_member_filed2 img, .member_pw_edit .form_member_filed2 img { margin-left: -87px; vertical-align: middle; }
.member_edit .form_register_filed input { width: 295px; }
.member_pw_edit .form_register_filed input { width: 318px; }

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

/* ------------------------------->>> member_upgrade_order  <<<------------------------------------------------------------*/

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

.table_upgrade tr td { padding: 5px 0; }
.check_show_text2 { line-height: 30px; }
.form_order_finish .button { letter-spacing: 3px; margin: 15px 10px; width: 160px; }
.atm_info { font-family: 微軟正黑體; line-height: 25px; padding-left: 20px; }

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

/* ------------------------------>>> member_health_cneter  <<<-----------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
.health_table_select { white-space: nowrap; }
.record_run_block_inner { padding: 20px 50px; }
.health_record_charts_iframe_1 { background-color: #e2e2e2; line-height: 35px; padding-left: 25px; font-size: 16px; }
.bg_health_center { background: url("/images/banner_health_center.jpg") no-repeat center center; height: 264px; position: relative; }
.bg_health_center > .wrapper { margin: 0 auto; position: relative; top: 134px; }
.banner_caption { background: rgba(255, 255, 255, 0.7) no-repeat center center; display: inline-block; font-weight: bold; letter-spacing: 2px; line-height: 27px; padding: 6px 13px 3px; }
.banner_caption > span { margin: 0 10px; }
.member_health_menu ul { margin: 3px 0px; padding: 0; }
.member_health_menu li { position: relative; background: #e2e2e2; display: inline-block; font-size: 1.25em; letter-spacing: 2px; line-height: 25px; padding: 2px 0 8px 0; text-align: center; width: 200px; }
.member_health_menu a { color: #333333; }
.member_health_menu a:hover { color: #000; font-weight: bold; }
.member_health_menu span { margin-right: 5px; }
.member_health_menu_mobile { display: none; }
.member_health_menu_mobile ul { margin: 3px 0px; padding: 0; }
.member_health_menu_mobile li { position: relative; background: #e2e2e2; display: inline-block; font-size: 1.25em; letter-spacing: 2px; line-height: 25px; padding: 2px 0 8px 0; text-align: center; width: 202px; }
.member_health_menu_mobile a { color: #333333; }
.member_health_menu_mobile a:hover { color: #000; font-weight: bold; }
.member_health_menu_mobile span { margin-right: 5px; }
.icon_newdata_num { background: #ff0000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 12px; line-height: 20px; letter-spacing: 1px; font-variant: inherit !important; position: absolute; right: 25px; text-align: center !important; top: 2px; width: 20px; padding-left: 1px; padding-top: 1px; font-family: Arial, Helvetica, sans-serif }
.icon_all { background-image: url("/images/icon_health_center_menu.png"); background-repeat: no-repeat; background-position: -116px 0px; display: inline-block; height: 25px; position: relative; top: 6px; width: 28px; }
.icon_heart { background-image: url("/images/icon_health_center_menu.png"); background-repeat: no-repeat; background-position: 0 0; display: inline-block; height: 25px; position: relative; top: 6px; width: 28px; }
.icon_food { background-image: url("/images/icon_health_center_menu.png"); background-repeat: no-repeat; background-position: -26px 0px; display: inline-block; height: 25px; position: relative; top: 6px; width: 28px; }
.icon_sport { background-image: url("/images/icon_health_center_menu.png"); background-repeat: no-repeat; background-position: -61px 0px; display: inline-block; height: 25px; position: relative; top: 6px; width: 28px; }
.icon_message { background-image: url("/images/icon_health_center_menu.png"); background-repeat: no-repeat; background-position: -90px 0px; display: inline-block; height: 25px; position: relative; top: 6px; width: 28px; }
.add_block { margin: 20px 0; }
.project_text { float: left; font-size: 1.25em; font-weight: bold; letter-spacing: 1px; line-height: 25px; margin-top: 13px; }
.project_text > span { margin-right: 20px; }
.project_text a.button_name { color: #000; padding: 3px 8px; }
.button_name_img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; margin-right: 15px; position: relative; top: 15px; border: 1px solid #999 }
.button_add { display: none !important; }
ul.navigation { float: right; display: inline-block; margin: 0; padding: 6px 0; text-align: center; text-decoration: none; }
ul.navigation li { width: 120px; cursor: pointer; margin: 0; padding: 0; text-decoration: none; display: block; background: #f0644d; padding: 5px 0; }
ul.navigation li span { color: #fff; padding-left: 7px; position: relative; top: -7px; }
ul.navigation li ul { display: none; margin: 5px 0; padding: 2px 0; position: absolute; text-decoration: none; z-index: 999; }
ul.navigation li ul li { margin: 0; padding: 0px 0 5px 0; text-decoration: none; }
ul.navigation li ul li img { margin-right: 6px; }
ul.navigation li ul li a { margin: 20px 0; color: #ffe6e3; border-bottom: 1px solid #ffe6e3; line-height: 25px; font-size: 1.1em; }
ul.navigation li ul li a:hover { border-bottom: 2px solid #ffe6e3; }
ul.navigation li:hover > ul { display: block; }
.block_calandar_mobile { display: none; }
.project_text { float: none; }
.record_add_mobile { margin: 0; padding: 0; }
.record_add_mobile > li { background: #f0644d; display: inline-block; font-size: 1.2em; height: 17px; margin: 5px; padding: 10px 11px; vertical-align: top; width: 125px; }
.record_add_mobile > li { background: #f0644d; display: inline-block; font-size: 1.2em; height: 17px; margin: 5px; padding: 10px 11px; vertical-align: top; width: 125px; }
.record_add_mobile > li:hover a { color: #FF0; }
.record_add_mobile a { color: #fff; }
.record_add_mobile img { margin-right: 11px; }
.block_health_record1 { position: relative; min-height: 500px; z-index: 100; top: -165px; padding: 0px; overflow: hidden; border: 1px solid #dedede; background: rgba(255, 255, 255, 0.8); box-shadow: 1px 1px 3px 1px #ededed; background-color: #FFF }
.block_health_record2 { position: relative; min-height: 500px; z-index: 100; top: -165px; padding: 0px; overflow: hidden; border: 1px solid #dedede; background: rgba(255, 255, 255, 0.8); box-shadow: 1px 1px 3px 1px #ededed; background-color: #FFF }
.block_health_record3 { position: relative; min-height: 500px; z-index: 100; top: -165px; padding: 0px; overflow: hidden; border: 1px solid #dedede; background: rgba(255, 255, 255, 0.8); box-shadow: 1px 1px 3px 1px #ededed; background-color: #FFF }
.block_health_record4 { position: relative; min-height: 500px; z-index: 100; top: -165px; padding: 0px; overflow: hidden; border: 1px solid #dedede; background: rgba(255, 255, 255, 0.8); box-shadow: 1px 1px 3px 1px #ededed; background-color: #FFF }
.block_health_record5 { position: relative; min-height: 500px; z-index: 100; top: -165px; padding: 0px; overflow: hidden; border: 1px solid #dedede; background: rgba(255, 255, 255, 0.8); box-shadow: 1px 1px 3px 1px #ededed; background-color: #FFF }
.block_health_record_no { text-align: right !important }
.record_table thead th { border-bottom: 2px solid #666666; font-size: 1.2em; line-height: 34px; padding: 5px 0; letter-spacing: 2px; }
.record_table tr:hover { background-color: #f4f4f4; }
.record_table thead tr:hover { background: none; }
.record_table tr td { border-bottom: 1px solid #bcbcbc; font-size: 1.1em; letter-spacing: 1px; line-height: 20px; padding: 10px 0; text-align: center; }
.record_table tr td a { color: #000; }
.record_table tr td a:hover { color: #336600; }
.record_table .align_left { text-align: left; }
.record_table .table_width_18 { width: 18%; }
.reply_no_status { background: #f0644d; border-radius: 6px; color: #fff; padding: 2px 5px; display: inline-block; }
.reply_yes_status { background: #8cc63f; border-radius: 6px; color: #fff; padding: 2px 5px; display: inline-block; }
.reply_no_text { color: #f0644d; }
.page_break { margin: 20px 0; text-align: center; }
.dietitians_link { color: #6a8e20; }
.dietitians_link:hover { color: #F0644D; }
.cal_text_1 { font-size: 1.2em; margin: 15px 20px 0 20px; line-height: 24px; }

/*----行事曆區塊----*/
.block_calandar { position: relative; width: 95px; }
.record_tab { background: rgba(255, 255, 255, 0.8); box-shadow: 1px 1px 3px 1px #ccc; cursor: pointer; font-size: 1.2em; left: -110px; letter-spacing: 2px; margin: 8px 0 0; padding: 11px; position: relative; text-align: center; top: 59px; width: 95px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.record_tab a { color: #336600; }
.record_tab:hover { background: #649e00; }
.record_tab.active { background: #649e00; z-index: 101; }
.record_tab.active a { color: #fff; }
.record_tab:hover a { color: #fff; }
.table_field_width_100_date { margin: 0 0 -10px; padding: 0 20px; }
.form_addrecord_select label { display: block; }
.form_addrecord_select select { background: #efefef; border: 1px solid #ccc; font-family: Verdana, 微軟正黑體; font-size: 1em; height: 35px; margin: 7px 0; padding: 3px 5px; color: #6e6e6e; width: 11.8%; }
.wait_pay { -webkit-animation: twinkling 1s infinite ease-in-out; }

/*可付款的*/
.wait_pay a { color: #F00; }
@-webkit-keyframes twinkling {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/*----------紀錄列表---------*/
.record_table { min-width: 300px; }
.record_table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.record_table td { display: block; }
.record_table td:first-child { padding-top: .5em; }
.record_table td:last-child { padding-bottom: .5em; }
.record_table td:before { content: attr(data-th) ":"; font-weight: bold; width: 6em; display: inline-block; }
@media (max-width:580px) {
	.record_table tr td { text-align: left; font-size: 1.15em; padding: 0px 0 14px 0; }
	.record_table th, .record_table td { text-align: left; }
	.record_table tr td:last-child { border-bottom: 3px solid #999; }
	.block_health_record1, .block_health_record2 { border: none; }
	.record_table .mobile_hidden { display: none; }
	.record_table { min-width: 100%; }
}
@media (min-width:580px) {
	.record_table td:before { display: none; }
}
@media (min-width:580px) {
	.record_table th, .record_table td { display: table-cell; padding: .25em .5em; }
	.record_table th:first-child, .record_table td:first-child { padding-left: 0; }
	.record_table th:last-child, .record_table td:last-child { padding-right: 0; }
}
.record_table { overflow: hidden; }
.record_table tr { border-color: #46627f; }
.record_table th, .record_table td { margin: .5em 1em; }
@media (min-width:580px) {
	.record_table th, .record_table td { padding: 1em !important; }
}

/*----------紀錄列表 END---------*/

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

/* ------------------------------>>> member upgrade  <<<-----------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
.form_add_filed textarea { width: 301px; }
#accordion h3 { font-size: 14px !important; }
.pay_type_list { margin-bottom: 25px; margin-top: 25px; }
.pay_type_list img { margin-right: 5px; width: 60px; }
.pay_type_list .img_spec { width: 200px; }
.pay_type_list ul { margin: 0; padding: 0; }
.pay_type_list ul li { font-size: 12px !important; list-style: outside none none; margin: 10px 0; padding: 0 5px 0 9px; }
.label_pay_list { font-family: 微軟正黑體; font-size: 1.2em !important; }
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget-content { background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0; color: #fff; border: 1px solid #aaaaaa; }
.ui-helper-reset { font-size: 100%; line-height: 1.3; list-style: outside none none; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header { cursor: pointer; display: block; font-size: 100%; margin: 2px 0 2px 0; min-height: 0; padding: 0.5em 0.5em 0.5em 0.7em; position: relative; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #e6e6e6; border: 1px solid #d3d3d3; color: #555555; font-weight: normal; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #f0644d; border: 1px solid #d3d3d3; color: #fff; font-weight: normal; }

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

/* ------------------------------>>> member_order <<<--------------------------------------------------------------*/

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

.order_block_outer { background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 6px 1px #ffe266; margin: 50px auto; width: 65%; }
.order_block_inner { padding: 50px; }
.order_table { text-align: center; margin: 30px 0; white-space: nowrap; }
.order_table th { color: #fff; display: table-cell; font-size: 1.1em; height: 36px; letter-spacing: 3px; line-height: 30px; white-space: nowrap; }
.order_table tr, .order_table td { line-height: 30px; }
.order_table tr:first-child { background: #669900; }
.order_table tr:nth-child(2n+2) { background: #fff; }
.order_table tr:nth-child(2n+3) { background: #dedede; }
.order_table a { color: #669900; text-decoration: underline; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; }
.order_table a::before { background: url("../../images/icon_order_hover.png") no-repeat; content: ""; display: inline-block; height: 18px; vertical-align: middle; width: 20px; }
.order_table a:hover { color: #000; }

.orders_system_ul {
    padding: 0;
    margin: 0;
}
.orders_system_ul li { margin: 5px; line-height: 1.5; }
.orders_system_ul input[type=radio] {
    display: inline-block;
    vertical-align: top;
}
.orders_system_ul label { display: inline-block; width:80%; }
/* ----------------------------------------------------------------------------------------------------------------*/

/* ------------------------------>>> member_order_detail <<<-------------------------------------------------------*/

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

.order_detail_table { text-align: center; margin: 30px auto; white-space: nowrap; }
.order_detail_table tr, .order_detail_table td { color: #fff; font-size: 1.1em; font-weight: bold; letter-spacing: 1px; line-height: 30px; }
.order_cost { background: #ff9900; border-top: 4px solid #fdaf4a; color: #000; font-size: 1.1em; line-height: 28px; margin-bottom: 20px; padding: 0 10px 3px 0; text-align: right; }
.order_item_list { border-bottom: 1px solid #fdaf4a; display: block; margin: 20px 0 0; padding: 5px 30px 23px; }
.item_image { display: block; float: left; width: 142px; }
.item_image > img { width: 95px; }
.item_title { color: #fff; font-weight: bold; }
.item_name, .item_info { color: #fff; font-size: 1em; line-height: 27px; }
.item_info > div { display: inline-block; margin: 0 11px 0 0; }
.item_info span { color: #ffff00; }
.order_second_title { background: #669900; color: #fff; display: inline-block; padding: 0 10px; width: 97%; }

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

/* ------------------------------>>> news <<<----------------------------------------------------------------------*/

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

.news_page { display: table; background: url("../../images/bg_news.jpg") no-repeat fixed center center; background-size: cover; float: left; width: 100%; height: 250px; }
.news_block_outer { margin: 60px auto 60px; width: 100%; }
.banner_title { display: table-cell; vertical-align: middle; text-align: center; font-family: Noto-Thin, 微軟正黑體; letter-spacing: 2px; }
.banner_title h2 { margin: 10px 0; }
.banner_title .title_ch { color: #fff; font-size: 1.2em; }
.banner_title .title_en { color: #FF9900; font-size: 2.5em; }
.page_news_list { list-style: none; margin: 0; padding: 0; font-size: 1.05em; letter-spacing: 1px; }
.page_news_list li { line-height: 35px; font-size: 1.05em; padding: 20px 5px; border-bottom: 1px solid #ccc; }
.page_news_list li a { text-decoration: none; color: #000; }
.page_news_list li a:hover { text-decoration: none; color: #990000; }
.news_date { display: inline-block; width: 106px; color: #990000; margin-right: 15px; vertical-align: top; }
.news_list_title { display: inline-block; letter-spacing: 1px; width: 76%; font-size: 1.05em; }
.btn-detail { border: 1px solid #f0644d; padding: 5px 8px; width: 40px; height: 15px; color: #f0644d !important; font-size: 0.9em; }
.btn-detail:hover { border: 1px solid #f0644d; color: #fff !important; background: #f0644d; }

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

/* ------------------------------>>> news-detail <<<---------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
.block_detail_news { background: #efefef; }
.news_detail_page { margin: 0 auto; padding: 45px 80px; width: 60%; }
.block_detail_news .news_block_outer { margin: 60px auto 0px; }
.block_detail_news .news_block_outer li:last-child { border: none; }
.detail_date { color: #990000; font-size: 1.3em; letter-spacing: 2px; line-height: 25px; }
.news_detail_page h1 { font-family: Noto-Thin, 微軟正黑體; font-size: 1.5em; margin: 5px 0 20px; letter-spacing: 1px; line-height: 25px; }
.detail_content { font-size: 1.2em; margin: 0 0 75px; padding-top: 10px; letter-spacing: 1px; line-height: 25px; word-wrap: break-word; }
.detail_content img { height: auto !important; max-width: 100%; }
.detail_content p { margin: 0 0 15px; }
.detail_button { text-align: center; }
.health_tip { font-size: 15px; line-height: 25px; margin-top: 15px; padding: 10px 15px 10px 15px; letter-spacing: 1px; color: #000; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: rgb(255, 92, 92); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNWM1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iI2ZlOTA5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255, 92, 92, 1) 0%, rgba(254, 144, 144, 1) 55%, rgba(254, 187, 187, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 92, 92, 1)), color-stop(55%, rgba(254, 144, 144, 1)), color-stop(100%, rgba(254, 187, 187, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 92, 92, 1) 0%, rgba(254, 144, 144, 1) 55%, rgba(254, 187, 187, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 92, 92, 1) 0%, rgba(254, 144, 144, 1) 55%, rgba(254, 187, 187, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 92, 92, 1) 0%, rgba(254, 144, 144, 1) 55%, rgba(254, 187, 187, 1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 92, 92, 1) 0%, rgba(254, 144, 144, 1) 55%, rgba(254, 187, 187, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5c5c', endColorstr='#febbbb', GradientType=1); /* IE6-8 */ }
.health_tip a { color: #FFF; font-weight: bold }
.news_detail_date { font-size: 1.15em; font-weight: bold; color: #4C4C4C; }

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

/* ------------------------------>>> dietitians <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
.bg_nutrientist { background: url("/images/banner_nutrientist.jpg") no-repeat center center; background-size: cover; height: 264px; position: relative; }
.bg_nutrientist > .wrapper { margin: 0 auto; position: relative; top: 134px; }
.nutri_block_outer { margin: 50px 5px; }
.nutri_wrap img { border: 1px solid #e6e6e6; display: block; width: 100%; opacity: 0.8; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.nutri_block_list { display: inline-block; margin: 10px 8px 10px 8px; width: 182px; }
.nutri_wrap { position: relative; }
.nutri_wrap:hover img { opacity: 1; }
.nutri_title { background: rgba(240, 100, 77, 0.65); font-size: 1.05em; line-height: 25px; padding: 5px 0; text-align: center; position: relative; width: 101%; }
.nutri_title a { color: #fff; font-size: 1.05em; font-weight: bold; letter-spacing: 1px; }
.nutri_wrap:hover .nutri_title a { color: #000; }
.reservation_no { background: #f0644d; color: #fff; font-size: 1.05em; line-height: 29px; padding: 3px 5px; position: absolute; right: -1px; top: 0; z-index: 99; }

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

/* ------------------------------>>> dietitian-detail <<<----------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
.wrapper_nutri { width: 860px; margin: 0 auto; }
.nutri_detail_img { border: 1px solid #ddd; margin: 0 auto; position: relative; text-align: center; width: 467px; }
.sevice_num_area { background: rgba(0, 0, 0, 0.7); box-shadow: 1px 1px 3px 1px #dedede; color: #fff; line-height: 20px; padding: 10px; position: absolute; right: -41px; top: -33px; width: 100px; }
.sevice_num { font-size: 2.2em; line-height: 35px; }
.nutri_detail_img > img { width: 465px; }
.nutri_detail_intro { background: rgba(102, 100, 77, 0.3); font-size: 1.2em; font-weight: bold; line-height: 25px; margin: 10px auto; padding: 10px 35px; width: 400px; }
.nutri_block_title { background: #669900; color: #fff; font-size: 1.2em; letter-spacing: 2px; line-height: 25px; padding: 3px 0 3px 12px; margin: 5px 0; }
.nutri_content { color: #515151; font-size: 1.15em; letter-spacing: 1px; line-height: 25px; margin: 5px 0; padding: 5px 13px; }

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

/* ------------------------------>>> record add   <<<--------------------------------------------------------------*/

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

.record_block_outer { background: #fff; box-shadow: 0 0 6px 1px #fcc6c0; margin: 50px auto; width: 1024px; }
.bg_line { background-image: url("/images/bg_line.png"); background-position: 0 16px; background-repeat: repeat-x; line-height: 25px; padding: 5px 0; text-align: center; }
.bg_line > span { background: #fff; font-size: 1.3em; letter-spacing: 4px; padding: 0 15px; font-weight: bold; }
.add_record_table tr td { padding: 6px 2px; }
.table_field_width_50 { display: inline-block; padding: 20px 20px 0px 20px; vertical-align: top; width: 45%; }
.table_field_width_100 { display: block; padding: 0px 20px 20px 20px; vertical-align: top; }
.block_field label { font-size: 1.25em; letter-spacing: 2px; }
.form_addrecord_filed { margin: 10px 0 14px 0; color: #000; }
.form_addrecord_filed input, .form_addrecord_filed select { margin: 7px 0; background: #efefef; font-size: 1em; font-family: Verdana, 微軟正黑體; width: 100%; height: 30px; padding: 3px 5px; border: 1px solid #ccc; }
.form_addrecord_filed textarea { margin: 7px 0; background: #efefef; font-size: 1em; font-family: Verdana, 微軟正黑體; width: 100%; padding: 3px 5px; border: 1px solid #ccc; height: 35px; resize: none }
.form_addrecord_filed select { margin: 7px 0; background: #efefef; font-size: 1em; font-family: Verdana, 微軟正黑體; width: 100%; height: 38px; padding: 3px 5px; border: 1px solid #ccc; }
.input_side_text { margin-left: 7px; }
.form_addrecord_filed .image_describe textarea { background: #efefef; width: 100%; font-family: Verdana, 微軟正黑體; font-size: 0.9em; padding: 3px 5px; border: 1px solid #ccc; }
.block_field .button.bg_gray:hover { color: #000; outline: 2px solid #000; }

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

/* ---------------------------------->>> cal <<<-------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
.cal_title_box { line-height: 35px; font-size: 18px; overflow: hidden; background: #E2E2E2; }
.cal_title { float: left; width: 146px; line-height: 30px; text-align: center; border-top: 1px solid #CCC; font-size: 16px }
.cal_empty { float: left; width: 144px; background-color: #f4f4f4; height: 120px; border: 1px solid #ededed }
.cal_box { float: left; width: 146px; position: relative; }
.cal_main1 { height: 120px; width: 144px; border: 1px solid #EDEDED; overflow: hidden; }
.cal_box:hover .cal_show { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; position: absolute; left: -60px; top: 0px; right: 0px; bottom: 0px; margin: auto; height: 230px; width: 280px; background-color: #ccc; z-index: 3; border: 1px solid #999 }
.cal_show_left { left: 0px !important; }
.cal_show_right { left: -139px !important; }
.cal_box:hover .cal_show .cal_main3 { border-bottom: 1px solid #CCC }
.cal_box:hover .cal_show .cal_main4 { overflow: auto; height: 147px; }
.cal_box:hover .cal_show .cal_main4::-webkit-scrollbar-track { background-color: #CCC; }
.cal_box:hover .cal_show .cal_main4::-webkit-scrollbar { width: 7px; }
.cal_box:hover .cal_show .cal_main4::-webkit-scrollbar-thumb { background-color: #666; }
.cal_main2 { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 4px; font-weight: bold; border-bottom: 1px solid #dedede; }
.cal_main2 font { font-size: 14px; }
.cal_main3 { padding: 5px 10px; color: #2b2b2b; line-height: 20px; }
.cal_main4 { padding: 5px 10px; color: #2b2b2b; line-height: 20px; }
.cal_table_no { -webkit-animation: twinkling 1s infinite ease-in-out; }
.cal_table_no_ch { background-color: #FCC; color: #000 }
.cal_get_start_date { padding-left: 15px !important; padding-right: 15px !important; background-color: #E2E2E2; }

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

/* ------------------------------>>> footer <<<--------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
.block_footer { background-color: #f0644d; padding: 30px 0; margin-top: -41px; }
.footer_wrapper > div { border-right: 1px solid #f9b7b2; margin-right: 10px; padding: 0 5px; }
.footer_wrapper > div:last-of-type { border: none; margin-right: 0; }
.footer_wrapper a:hover { color: #000; }
.footer_title { letter-spacing: 2px; }
.footer_menu_about { display: inline-block; vertical-align: top; width: 240px; height: 210px; }
.footer_menu_first { display: inline-block; vertical-align: top; width: 180px; height: 210px; }
.footer_menu_links { display: inline-block; vertical-align: top; width: 180px; height: 210px; }
.footer_menu_fb { display: inline-block; vertical-align: top; width: 300px; }
.block_footer ul { margin: 0 10px; padding: 0; }
.footer_menu_about ul li { display: inline-block; margin: 5px 0 5px 5px; }
.footer_menu_about li a, .footer_menu_first li a, .footer_menu_links li a { color: #fff; font-size: 1.05em; letter-spacing: 1px; }
.footer_menu_first li { display: block; line-height: 22px; }
.footer_menu_links .social { margin: 10px; }
.block_copyright { background-color: #c13e30; color: #fff; font-size: 1.1em; letter-spacing: 1px; line-height: 25px; padding: 10px 0; text-align: center; }
.copyright_text a { color: #fff; }
.copyright_text a:hover { color: #dedede; }

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

/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/

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

.cssa { font-family: Verdana; letter-spacing: 1px; font-size: 12px; padding-right: 10px; padding-left: 10px }
.cssb { font-family: Verdana; letter-spacing: 1px; font-size: 12px; padding-right: 5px; padding-left: 5px }
.cssc { padding-bottom: 3px; letter-spacing: 1px; font-size: 12px; padding-left: 10px; padding-right: 10px; height: 40px }
.cssd { font-family: Verdana; font-size: 12px; letter-spacing: 2px; height: 10px; border: 1px solid #FFFFFF }
a.pagelink_no:link { color: #003399; text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; }
a.pagelink_no:visited { color: #003399; text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px }
a.pagelink_no:active { color: #003399; text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px }
a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family: Verdana; font-size: 12px; letter-spacing: 1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family: Verdana; font-size: 12px; letter-spacing: 1px }
a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; font-weight: bold }
a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; font-weight: bold }
a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; font-weight: bold }
a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family: Verdana; font-size: 12px; letter-spacing: 1px; font-weight: bold }