@import url('https://fonts.googleapis.com/css?family=Exo:400,600|Open+Sans:400,700');
/*font-family: 'Exo', sans-serif;  font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700&subset=chinese-traditional');
/*font-family: 'Noto Sans TC', sans-serif;*/

body {font: 1em/1.4em 'Noto Sans TC', sans-serif; color:#738087; overflow-x: hidden; overflow-y:scroll; background-color:#fff;} 
html {-webkit-font-smoothing: antialiased;}
a {color:#738087; text-decoration: none;transition:0.5s ease;transition-property:all;}
a:hover{color: #2ea9c0; text-decoration: none;}
input::-webkit-input-placeholder { padding-top: 8px;height:20px;}

p {font:400 1em/1.75em 'Noto Sans TC', sans-serif;color:#738087;}
h1 { }
h2 {font:500 1.55em/1em 'Noto Sans TC', sans-serif;color:#6ccde0; }/* inner title*/
h3 {font:500 1.55em/1em 'Noto Sans TC', sans-serif;color:#738087;} /* p title */
h4 { }
h5 {font:700 1em/1.75em 'Noto Sans TC', sans-serif;color:#738087;}/* sub title*/
br {}

.color_ed1c24 {color:#ed1c24}
.weight_01 { font-weight:700}

/*外層包圍*/
.pagewrap { width: 100%; margin:0 auto; }

/*footer*/
.footer_bg {position:relative;float:left; width: 100%; margin: 120px 0 0 0 ; background-color: #6ccde0;z-index: 9000;}

/*.footer_enews {position:relative; width: 1080px; height: 155px; margin: 0 auto;color:#fff;cursor: pointer;transition:0.5s ease;transition-property:all;}
.footer_enews_title {float: left;margin: 74px 0 0 0 ;font:400 1.55em/1em 'Noto Sans TC', sans-serif;}
.footer_enews_pic {float: left; width: 26px; margin: 73px 0 0 10px ;}
.footer_enews:hover{color:#ffe986; }


.footer_shadow { display: compact; position:relative; width: 90%; height: 33px; margin: 0 auto;}
.footer_shadow_480 { display:none; }*/

.footer_sitemap {position:relative;width: 1080px; margin: 0 auto;}
.footer_toggle {width: 100%; color:#ffe986;  font:500 1.5em/1em 'Noto Sans TC', sans-serif; text-align: center;cursor: pointer; margin: 30px 0 30px 0;transition:0.5s ease;transition-property:all;}
.footer_toggle:hover { color:#fff}
.footer_toggle_menu { float:left; width: 100%;}
.footer_toggle_menuin01 {float:left; width:225px}
.footer_toggle_menuin02 {float:left;width:225px}
.footer_toggle_menuin03 {float:left;width:225px}
.footer_toggle_menuin04 {float:left;width:225px}
.footer_toggle_menuin05 {float:right; width:180px}
.footer_toggle_menu_title { float:left; width:100%; font:500 1.2em/1em 'Noto Sans TC', sans-serif;color:#ffe986; margin: 0 0 20px 0;cursor: pointer;transition:0.5s ease;transition-property:all;}
.footer_toggle_menu_title:hover{color:#fff;}
.footer_toggle_menu_contect { display:inline-block; float:left; width:100%; font:400 1em/1em 'Noto Sans TC', sans-serif;color:#fff; margin: 0 0 15px 0;cursor: pointer;transition:0.5s ease;transition-property:all;}
.footer_toggle_menu_contect:hover{color:#ffe986;}

.footer_bottom_contect {position:relative;width: 1080px; margin: 0 auto ;  }
.footer_bottom_contect_left01{float:left; margin: 20px 15px 20px 0 ; font:400 0.95em/1.75em 'Noto Sans TC', sans-serif; color:#fff;cursor: pointer;transition:0.5s ease;transition-property:all;}
.footer_bottom_contect_left02{float:left; margin: 20px 15px 20px 0 ; font:400 0.95em/1.75em 'Noto Sans TC', sans-serif; color:#fff;cursor: pointer;transition:0.5s ease;transition-property:all;}
.footer_bottom_contect_left03{float:left; margin: 20px 15px 20px 0 ; font:400 0.95em/1.75em 'Noto Sans TC', sans-serif; color:#fff;cursor: pointer;transition:0.5s ease;transition-property:all;}
.footer_bottom_contect_left01:hover,.footer_bottom_contect_left02:hover,.footer_bottom_contect_left03:hover {color:#ffe986;}
.footer_bottom_contect_right {float:right; margin: 20px 0 20px 0 ;text-align:right;font:400 0.9em/1.75em 'Noto Sans TC', sans-serif; color:#fff;}


/*index*/
.index_top_banner {position:absolute; width:100%; z-index: 4000 }
.index_top_layer00 {position:absolute; width:100%; z-index: 9000 }
.index_top_logo { display: compact; position: relative; width: 230px;  margin: 56px auto 0 auto;}
.index_top_logo_480 { display:none; }

.index_top_pplogo {position:absolute; width: 179px;  top:850px; left:50px; z-index:5000 }
.index_top_banner_text { position:relative; width: 1080px; margin: 0 auto 0 auto ; }
.index_top_banner_text01 {position:absolute; width: 179px;  top:420px; left:0px; font: 2.9em/1em 'Noto Sans TC', sans-serif;color:#86959d;z-index:5000 }
.index_top_banner_text02 {position:absolute; width: 350px;  top:475px; left:65px; font: 2.9em/1em 'Noto Sans TC', sans-serif;color:#86959d;z-index:5000 }
.index_top_banner_text03 {position:absolute; width: 600px;  top:535px; left:25px; font: 6.5em/1em 'Noto Sans TC', sans-serif;color:#86959d;z-index:5000 }

.index_top_layer01 {display: inline-block;position:absolute; width:100%; z-index: 6000 }
.index_top_layer01_in{position:relative; width:1080px; margin: 0 auto; }

.index_top_layer02 { display: inline-block; position:absolute; width:300px; right:0 ;z-index: 7000; }
.index_top_login {float:right; width: 145px; height: 41px; padding: 0 0 0 18px; background-color:#ead26c;color: #fff; border: none; cursor: pointer;margin: 125px 0 0 0;font:1.5em/1em 'Noto Sans TC', sans-serif;text-align: left;border-top-left-radius:10px; border-bottom-left-radius:10px;transition:0.5s ease;transition-property:all;text-shadow: 1px 1px 1px #999}
.logincss{height:40px;line-height:40px;}
input::-webkit-input-placeholder{line-height: .4rem;}
.index_top_login:hover { background-color:#6ccde0; color: #fff;text-shadow: 1px 1px 1px #ccc}
.index_top_lan01 {float:right; color:#738087 ;font:300 1.13em/1em 'Noto Sans TC', sans-serif;margin: 136px 20px 0 0;text-shadow: 1px 1px 1px #aaa;border-bottom-left-radius:10px;transition:0.5s ease;}
.index_top_lan01:hover{ color:#2ea9c0 }
.index_top_lan01_over{float:right; color:#2ea9c0 ;font:300 1.13em/1em 'Noto Sans TC', sans-serif; margin: 136px 20px 0 0;text-shadow: 1px 1px 1px #aaa;border-bottom-left-radius:10px;transition:0.5s ease;}
.index_top_lan02 {float:right; color:#738087 ;font:1.55em/1em 'Open Sans', sans-serif;margin: 135px 20px 0 0; text-shadow: 1px 1px 1px #aaa;border-bottom-left-radius:10px;transition:0.5s ease;}
.index_top_lan02:hover{ color:#2ea9c0 }
.index_top_lan02_over{float:right; color:#2ea9c0 ;font:300 1.30em/1em 'Open Sans', sans-serif;margin: 136px 20px 0 0;text-shadow: 1px 1px 1px #aaa;border-bottom-left-radius:10px;transition:0.5s ease;}

.index_layer03 {position:absolute; width:100%; top:960px; background-color: #dff8fb; box-shadow:inset 0px 20px 30px -20px #aaa;z-index: 8000; }
.index_layer03_bg {position:absolute;width:100%;height: 680px; top:440px; background: url("../images/index_layer_bg01.jpg") top center/cover; z-index: 8500;}

.index_layer04 {position:relative; width:1080px; margin: 0 auto; z-index: 9000;}
.index_button{float: left; width: 100%;margin: 120px 0 0 0;}
.index_button_01 { float: left; width: 360px;  }
.index_about {float: left; width: 100%; margin: 120px 0 0 0 ; }
.index_about_pic {float: left;width: 540px;}
.index_contect { float: right; width: 510px;}
.index_contect_title {float: left;width: 100%;margin: 0 0 25px 0 ;}
.index_contect_contect {float: left;width: 100%;text-align: justify; margin: 0 0 28px 0 ;}

.index_contect_more {float: left;width: 100%; text-align: right;}

/*index-menu-login*/
.index_top_menu_login {  position:relative; width: 100%; margin: 134px 0 0 190px ; text-align: center;font: 1.5em/1em 'Noto Sans TC', sans-serif; }
.index_top_menu_login ul.menu{  float:left;width:100%; padding-left: 0px;  }
.index_top_menu_login ul li{display: inline; position: relative; float: left; padding: 0 54px 0 0;  }
.index_top_menu_login .menu ul.children {display: none; position: absolute;top: 30px; left: -34px; width: 150px; padding: 10px 0 0 0; text-align: center;}
.index_top_menu_login .menu ul.children li{ padding:10px 10px;width: 100%; margin: 0 0 3px 0 ;background: url("../images/menu_bg01.png") center center repeat; text-align: center;}
.index_top_menu_login a { color:#738087; }
.index_top_menu_login a:hover { color:#2ea9c0}

/*index-menu-nologin*/
.index_top_menu_nologin {  position:relative; width: 100%; margin: 134px 0 0 130px ; text-align: center;font:1.5em/1em 'Noto Sans TC', sans-serif;}
.index_top_menu_nologin ul.menu{  float:left;width:80%; margin: 0 0 0 10%  }
.index_top_menu_nologin ul li{display: inline; position: relative; float: left; padding: 0 27px 0 27px;  }
.index_top_menu_nologin a { color:#738087; }
.index_top_menu_nologin a:hover { color:#2ea9c0}


/*enquiry*/
.index_enquiry { position:fixed; bottom:0; right:0 ; padding: 15px 20px; background-color:#ead26c;color: #fff;font:500 1.1em/1.75em 'Noto Sans TC', sans-serif; border-radius: 10px 0 0 0; z-index:9999 }
.index_enquiry:hover {background-color:#6ccde0;transition:0.5s ease;transition-property:all;}
.index_enquiry_pic {float: left; width:32px; margin: 4px 0 0 0 }
.index_enquiry_text { float:left; margin:0 0 0 15px }




/*parallax*/
.plists li .fancybox img{width:250px;    border-radius: 20px;}
#inner_banner{ display:block; height: 960px;  z-index:0;}
#design_main_container{ position:absolute; overflow: hidden;  z-index:8000; left: 0;  right: 0; margin:0 auto }
/*parallax banner img*/
.inner_banner_happenings { background: url("../images/inner_banner_happenings_1920.jpg") center center no-repeat fixed;}
.inner_banner_about2ifc { background: url("../images/inner_banner_about_1920.jpg") center center no-repeat fixed;}
.inner_banner_services { background: url("../images/inner_banner_services_1920.jpg") center center no-repeat fixed;}
.inner_banner_quality { background: url("../images/inner_banner_quality_1920.jpg") center center no-repeat fixed;}
.inner_banner_contactus { background: url("../images/inner_banner_contactus_1920.jpg") center center no-repeat fixed;}
.inner_banner_membership { background: url("../images/inner_banner_membership_1920.jpg") center center no-repeat fixed;}
.inner_banner_tenant { background: url("../images/inner_banner_tenant_1920.jpg") center center no-repeat fixed;}
.inner_banner_text { background: url("../images/inner_banner_text_1920.jpg") center center no-repeat fixed;}

/*inner banner*/
.inner_top_banner {position:absolute; width:100%; z-index: 4000 }
.inner_m_banner_happenings { display:none;}
.inner_m_banner_about2ifc { display:none;}
.inner_m_banner_services { display:none;}
.inner_m_banner_quality { display:none;}
.inner_m_banner_contactus { display:none;}
.inner_m_banner_membership { display:none;}
.inner_m_banner_tenant { display:none;}
.inner_m_banner_text { display:none;}

/*inner*/
.inner_top_title {position: relative; width:1080px; margin: 0 auto; z-index:5000 }
.inner_top_title_text {position: absolute; width:100%; top:450px;font: 5em/1em 'Noto Sans TC', sans-serif;color:#738087; text-shadow: -2px 0px 4px #999}

.inner_layer01 {position:absolute; width:100%; top:960px; background-color: #fff; box-shadow:inset 0px 20px 30px -20px #aaa;z-index: 8000; }
.inner_layer01in {position:relative; width:1080px; margin: 0 auto;}
.inner_con { float:left; width: 100%; margin: 120px 0 0 0 }

.inner_title_01 {float: left; width:100% ;}

.inner_form_text01 { width:95%; font:400 1em/1.2em 'Noto Sans TC', sans-serif; letter-spacing:0em; color:#738087; padding:5px 15px; border:1px solid #738087; text-align:left; border-radius:5px; background-color:#fff; }
.inner_form_text01:focus { outline:none; color:#738087}
.inner_form_textm01 { width:98.5%; height:160px; font:400 1em/1.2em 'Noto Sans TC', sans-serif; letter-spacing:0em; color:#738087; padding:10px 15px; border:1px solid #738087;  border-radius:5px; background-color:#fff;}
.inner_form_textm01:focus { outline:none; color:#738087;}

.inner_form_checkbox01 { border:1px solid #738087;}

input[type=checkbox] + label { display: block; margin: 0 0 0 0 ; cursor: pointer; padding: 0;}
input[type=checkbox] { display: none;}
input[type=checkbox] + label:before { content: "\2714"; border: 0.1em solid #738087; border-radius: 0em;  display: inline-block;  width: 1em;  height: 1em;  padding-left: 0.2em;  padding-bottom: 0.3em;  margin-right: 15px;  vertical-align: bottom;  color: transparent;  transition: 0s;}
input[type=checkbox] + label:active:before { transform: scale(1);}
input[type=checkbox]:checked + label:before { background-color: #738087;  border-color: #738087;  color: #fff;}
input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #738087;}
input[type=checkbox]:checked:disabled + label:before { transform: scale(1); background-color: #738087; border-color: #738087;}

input[type=checkbox] + div { display: block; margin: 0 0 0 0 ; cursor: pointer; padding: 0;    width: 30px;    float: left;}
input[type=checkbox] { display: none;}
input[type=checkbox] + div:before { content: "\2714"; border: 0.1em solid #738087; border-radius: 0em;  display: inline-block;  width: 1em;  height: 1em;  padding-left: 0.2em;  padding-bottom: 0.3em;  margin-right: 15px;  vertical-align: bottom;  color: transparent;  transition: 0s;}
input[type=checkbox] + div:active:before { transform: scale(1);}
input[type=checkbox]:checked + div:before { background-color: #738087;  border-color: #738087;  color: #fff;}
input[type=checkbox]:disabled + div:before { transform: scale(1); border-color: #738087;}
input[type=checkbox]:checked:disabled + div:before { transform: scale(1); background-color: #738087; border-color: #738087;}

.inner_form_btn {float: left;margin: 20px 0 0 0 ; background-color: #6ccde0; color: #fff;font:400 1em/1em 'Noto Sans TC', sans-serif;padding: 10px 35px 10px 35px;border-radius:5px;cursor: pointer;transition:0.5s ease;transition-property:all;}
.inner_form_btn:hover{background-color: #ead26c;color: #fff;}


/*happenings*/
.happenings_space { float:left; width: 100%; margin: 120px 0 0 0 }
.happenings_con { float:left; width: 100%; margin: 0 0 20px 0 }
.happenings_left { float:left; width:530px ; margin: 0 20px 0 0;}
.happenings_right { float:left; width:530px ; margin: 0; }
.happenings_member {float:left; width:100%; margin: 20px 0 0 0}
.happenings_member_box01 {float:left; padding:10px 12px ; border-radius:10px; background-color: #6ccde0;color: #fff;font:400 1em/1em 'Noto Sans TC', sans-serif;transition:0.5s ease;transition-property:all; margin: 0 10px 0 0  }
.happenings_member_box02 {float:left; padding:10px ; color: #738087; font:400 1em/1em 'Noto Sans TC', sans-serif;transition:0.5s ease;transition-property:all;margin: 0 10px 0 0 }
.happenings_member_box02:hover{color:#6ccde0;}

.happenings_detail_title01 { float:left; width:100%;margin:0 0 7px 0 }
.happenings_detail_date01 { float:left; width:100%; margin:0 0 20px 0 }
.happenings_detail_banner01 { float:left; width:100%;}
.happenings_detail_banner01 img {border-radius:25px;}
.happenings_detail_contect01 {float:left; width:100%;}
.happenings_detail_contect01_left {float:left; width:780px;}
.happenings_detail_contect01_right { display:block; float:right; width:265px; margin: 10px 0 0 0;}

.happenings_detail_contect02 {float:left; width:100%; text-align:justify; margin: 10px 0 20px 0}
.happenings_detail_contect03 {float:left; width:100%; font:500 1.6em/1em 'Noto Sans TC', sans-serif;color:#6ccde0; margin: 0 0 13px 0;}
.happenings_detail_contect03_icon { float:left; width:3.5%; }
.happenings_detail_contect03_contect { float:right; width:94%; margin:1px 0 0 0}
.happenings_detail_btn {float: left;margin: 0 0 0 0 ; background-color: #6ccde0; color: #fff;font:400 1.6em/1em 'Noto Sans TC', sans-serif;padding: 12px 35px 10px 35px;border-radius:5px;cursor: pointer;transition:0.5s ease;transition-property:all;}
.happenings_detail_btn:hover{background-color: #ead26c;color: #fff;}

.happenings_detail_m_pic01 { display:none;}
.happenings_detail_m_pic01_in01 {}
.happenings_detail_m_pic01_in02 {}
.happenings_detail_m_pic01_in01 img,.happenings_detail_m_pic01_in02 img {}

/*service*/
.service_box_01 { display:none;}
.service_box_02 { display:none;}
.service_box_03 { display:none;}
.service_box_04 { display:none;}
.service_box_05 { display:none;}
.service_box_06 { display:none;}

/*service - quality*/

.quality_pic01 { display:block; float:left; width:100%; margin: 25px 0 0 0 ;}
.quality_pic01 img {border-radius:25px;box-shadow: 3px 3px 7px #ddd }
.quality_pic02 { display:none}


/*about2ifc*/
.about_contect01 { float: left; width:100%; text-align:justify; }
.about_time_bg { position:relative; float:left; width:100%; min-height:2018px;background: url("../images/about2ifc_time.jpg") top center no-repeat ; margin:70px 0 0 0; }
.about_time_pic01 { position:absolute; width:20%; right:200px; top:120px;transition:0.5s ease;transition-property:all; }
.about_time_pic02 { position:absolute; width:20%; left:200px; top:410px ;transition:0.5s ease;transition-property:all;}
.about_time_pic03 { position:absolute; width:20%; right:200px; top:710px;transition:0.5s ease;transition-property:all; }
.about_time_pic04 { position:absolute; width:20%; left:200px; top:1010px;transition:0.5s ease;transition-property:all; }
.about_time_pic05 { position:absolute; width:20%; right:200px; top:1300px;transition:0.5s ease;transition-property:all;}
.about_time_pic06 { position:absolute; width:20%; left:200px; top:1610px;transition:0.5s ease;transition-property:all;}
.about_time_pic01 img,.about_time_pic02 img,.about_time_pic03 img,.about_time_pic04 img,.about_time_pic05 img,.about_time_pic06 img {border-radius:15px;}
.about_time_pic01:hover,.about_time_pic02:hover,.about_time_pic03:hover,.about_time_pic04:hover,.about_time_pic05:hover,.about_time_pic06:hover{transform:scale(1.5);}

/*contactus*/
.contactus_title01 {float: left; width:175px;}
.contactus_title02 {float: left; width:300px;}
.contactus_contect01 {float: left; width:100%; margin: 20px 0 0 0}
.contactus_contect02 {float: left; width:100%;margin: 10px 0 0 0}
.contactus_contect02_icon {float: left; width:20px;margin:4px 10px 0  0 }
.contactus_contect02_text {float: left; width:150px; }

.contactus_map { display:block; position:relative; float: left; width:1080px; height:520px;background: url("../images/contactus_map01.jpg") top center no-repeat ; border-radius:15px;  margin: 20px 0 0 0}
.contactus_map_m_1024 {display:none;}
.contactus_map_m_768 {display:none;}
.contactus_map_m_480 {display:none;}

.contactus_map_01 {}
.contactus_btn_01 {position: absolute; width:148px;   top:43px; right: 55px; padding: 12px 0; z-index:5500; cursor: pointer; }
.contactus_map_01:hover #cmap01 {display: inline;}
.contactus_map_01 #cmap01 {display: none; position: absolute;width:1080px; height:520px;background: url("../images/contactus_map02.jpg") top center no-repeat ;z-index:5000 ;border-radius:15px; }

.contactus_map_02 {}
.contactus_btn_02 {position: absolute;  top:77px ;right: 55px; padding: 12px 0; z-index:5500;cursor: pointer;}
.contactus_map_02:hover #cmap02 {display: inline;}
.contactus_map_02 #cmap02 {display: none; position: absolute;width:1080px;height:520px;background: url("../images/contactus_map03.jpg") top center no-repeat ;z-index:5000 ;border-radius:15px; }

.contactus_map_03 {}
.contactus_btn_03 {position: absolute;  top:115px ;right: 55px; padding: 12px 0; z-index:5500;cursor: pointer;  }
.contactus_map_03:hover #cmap03 {display: inline;}
.contactus_map_03 #cmap03 {display: none; position: absolute;width:1080px;height:520px;background: url("../images/contactus_map04.jpg") top center no-repeat ;z-index:5000;border-radius:15px;  }

.contactus_map_04 {}
.contactus_btn_04 {position: absolute;  top:155px ;right: 55px; padding: 12px 0; z-index:5500; cursor: pointer; }
.contactus_map_04:hover #cmap04 {display: inline;}
.contactus_map_04 #cmap04 {display: none; position: absolute;width:1080px;height:520px;background: url("../images/contactus_map05.jpg") top center no-repeat ;z-index:5000;border-radius:15px;  }

.contactus_map_05 {}
.contactus_btn_05 {position: absolute; z-index:5300; top:0px ;right: 0px ;  }
.contactus_btn_05 img {border-radius:15px;  }
.contactus_map_05:hover #cmap05 {display: inline;}
.contactus_map_05 #cmap05 {display: none; position: absolute;width:1080px;height:520px;background: url("../images/contactus_map01.jpg") top center no-repeat ;z-index:5000 ;border-radius:15px; }


.enquiry_title {float: left; width:100% ;}
.enquiry_contect {float: left; width:100% ;margin: 5px 0 0 0}
.enquiry_form01 { float: left; width: 100%;margin: 20px 0 0 0 }
.enquiry_form01_01 { float: left; width:340px }
.enquiry_form01_02 { float: left; width:340px; margin: 0 0 0 30px}
.enquiry_form01_03 { float: right; width:340px }
.enquiry_form02 { float: left; width: 100%;margin: 15px 0 0 0 }


/*Membership*/
.membership_title {margin: 0 0 25px 0}
.membership_contect {float: left; width:100%; margin: 0 0 15px 0}

.membership_form01 {float: left; width:100%; margin: 0 0 10px 0}
.membership_form01_01 {float: left; width:15%; }
.membership_form01_02 {float: left; width:2%; }
.membership_form01_01 img,.membership_form01_02 img {width:1px; }
.membership_form01_03 {float: left; width:8%;margin: 0 10px 0 0  }
.membership_form01_04 {float: left; width:40%; }
.membership_form01_05 {float: left; width:49.5%; }
.membership_form01_06 {float: left; width:49.5%; }
.membership_form01_07 {float: left; width:100%;margin: 20px 0 0 0  }

.membership_form_btn {float: left;margin: 20px 0 0 0 ; background-color: #6ccde0; color: #fff;font:400 1em/1em 'Noto Sans TC', sans-serif;padding: 10px 35px 10px 35px;border-radius:5px;cursor: pointer;transition:0.5s ease;transition-property:all;}
.membership_form_btn:hover{background-color: #e9fbff;color: #6ccde0; }


/*Tenant Corner*/
.tenantco_title {float: left; width:100% ; margin: 0 0 40px 0;font:400 1.55em/1em 'Noto Sans TC', sans-serif;color:#738087;}
.tenantco_title:hover{color: #2ea9c0; text-decoration: none;}
.tenantco_title_icon  {float: left; width:23px ; margin: 3px 15px 0 0}
.tenantco_title_title  {float: left; width:80% ; margin: 0 0 0 0}


/*Tenant Notices*/
.tenantno_title {float: left; width:100% ; margin: 0 0 20px 0}
.tenantno_subtitle {float: left; width:100% ; margin: 0 0 10px 0}
.tenantno_subtitle_in01 {float: left; width:10% ;}
.tenantno_subtitle_in02 {float: left; width:60% ;}
.tenantno_subtitle_in03 {float: right; width:20% ; text-align:right}

.tenantno_contect {float: left; width:100% ; margin: 0 0 5px 0;font:400 1em/1.75em 'Noto Sans TC', sans-serif;color:#738087;transition:0.5s ease;transition-property:all; }
.tenantno_contect:hover {color: #6ccde0;}
.tenantno_contect_in01 {float: left; width:10% ;}
.tenantno_contect_in02 {float: left; width:78% ;}
.tenantno_contect_in03 {float: right; width:10% ; text-align:right}

.tenantno_btn {float: left; width:100% ; text-align:center; margin: 40px 0 0 0;font:500 1em/1.75em 'Noto Sans TC', sans-serif;}

/*Forms Manuals*/
.forms_con { float:left; width: 100%; margin: 95px 0 0 0 }
.forms_contect {float: left; width:100% ; margin: 0 0 0 0}

/*text*/
.textno_title {float: left; width:100% ; margin: 0 0 20px 0}
.textno_contect_01 {float: left; width:100% ;margin: 0 0 10px 0}
.textno_contect_02 {float: left; width:100% ;margin: 0 0 30px 0; text-align:justify}
.textno_contect_02 ul { margin: 0  0 0 18px }
.textno_contect_02 li {list-style-type: lower-alpha;margin: 20px 0  0  0 }
.textno_contect_03 {float: left; width:100% ;margin: 0 0 30px 0; text-align:justify}
.textno_contect_03 ul { margin: 0  0 0 18px }
.textno_contect_03 li {list-style-type: lower-roman;margin: 20px 0  0  0 }

/*popup box*/
#lean_overlay { position: fixed; z-index: 10000; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none;}

/*form_01*/
 #form_01,#forgetpassword {display: none; position: fixed; opacity: 1; z-index: 50000; left: 50%; top:200px;   margin-left: -170px; margin-top: -185px;
 width: 340px; height:370px;  background: #FFF; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.form_01_con { float:left; width:80%; margin: 50px 10% }
.form_01_logo {float:left; width:70%; margin: 0 15%}
.form_01_title {float:left; width:100%;margin: 30px 0 0px 0}
.form_01_text01 {float:left; width:93%;}
.form_01_text02 {float:left; width:93%;margin: 20px 0 20px 0}
.form_01_text03 {float:left; width:100%;}
.form_01_text03_left { float:left; width:150px ; margin:7px 0 0 0;font:400 0.8em/1.75em 'Open Sans', sans-serif;color:#738087;}
.form_01_text03_center {  cursor: pointer;   float: left;    width: 100%;text-align:center; margin:7px 0 0 0;font:400 0.8em/1.75em 'Open Sans', sans-serif;color:#738087;}
.form_01_btn {text-align:center;margin: 0 0 0 0 ; background-color: #6ccde0; color: #fff;font:400 1em/1em 'Open Sans', sans-serif;padding: 10px 35px 10px 35px;border-radius:5px;cursor: pointer;transition:0.5s ease;transition-property:all;}
.form_01_btn:hover{background-color: #ead26c;color: #fff; }

/*form_02*/
 #form_02 {display: none; position: fixed; opacity: 1; z-index: 50000; left: 50%; top:200px;   margin-left: -275px; margin-top: -175px;
 width: 550px; height:350px;  background: #FFF; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.form_02_con { float:left; width:80%; margin: 50px 10% }
.form_02_title {float:left; width:100%; margin: 0 0 20px 0}
.form_02_text01 {float:left; width:100%; margin: 0 0 20px 0}
.form_02_text02 {float:left; width:100%; margin: 2px 0 20px 0}
.form_02_text01_01 {float:left; width:20%;}
.form_02_text01_02 {float:left; width:2%;}
.form_02_text01_03 {float:right; width:75%;}
.form_02_text01_04 {float:left; width:62%; margin: -4px 0 0 10px} 
.form_02_text03 {float:left; width:100%;}
.form_02_btn {background-color: #6ccde0; color: #fff;font:400 1em/1em 'Open Sans', sans-serif;padding: 10px 35px 10px 35px;border-radius:5px;cursor: pointer;transition:0.5s ease;transition-property:all;    width: 50px;text-align: center;    margin: 0 auto;}
.form_02_btn:hover{background-color: #ead26c;color: #fff;}
.form_04_btn {background-color: #6ccde0; color: #fff;font:400 1em/1em 'Open Sans', sans-serif;padding: 10px 35px 10px 35px;border-radius:5px;cursor: pointer;transition:0.5s ease;transition-property:all;    width: 50px;text-align: center;    margin: 0 auto;}
.form_04_btn:hover{background-color: #ead26c;color: #fff;}

/*form_03*/
 #form_03 {display: none; position: fixed; opacity: 1; z-index: 50000; left: 50%; top:200px;   margin-left: -200px; margin-top: -125px;
 width: 400px; height:210px;  background: #FFF; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.form_03_con { float:left; width:80%; margin: 50px 10% }
.form_03_title {float:left; width:100%; margin: 0 0 20px 0; text-align:center}
.form_03_contect {float:left; width:100%; margin: 0 0 0 0; text-align:center}

/*form_04*/
 #form_04 {display: none; position: fixed; opacity: 1; z-index: 50000; left: 50%; top:200px;   margin-left: -200px; margin-top: -105px;
 width: 400px; height:210px;  background: #FFF; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.form_04_con { float:left; width:80%; margin: 50px 10% }
.form_04_title {float:left; width:100%; margin: 0 0 20px 0; text-align:center}
.form_04_contect {float:left; width:100%; margin: 0 0 0 0; text-align:center}

/*form_05*/
 #form_05 {display: none; position: fixed; opacity: 1; z-index: 50000; left: 50%; top:200px;   margin-left: -200px; margin-top: -63px;
 width: 400px; height:156px;  background: #FFF; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.form_05_con { float:left; width:80%; margin: 50px 10% }
.form_05_title {float:left; width:100%; margin: 0 0 20px 0; text-align:center}
.form_05_contect {float:left; width:100%; margin: 0 0 0 0; text-align:center}

/*form_06*/
 #form_06 {display: none; position: fixed; opacity: 1; z-index: 50000; left: 50%; top:200px;   margin-left: -200px; margin-top: -50px;
 width: 400px; height:146px;  background: #FFF; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.form_06_con { float:left; width:80%; margin: 35px 10% }
.form_06_title {float:left; width:100%; margin: 0 0 20px 0; text-align:center}
.form_06_contect {float:left; width:100%; margin: 0 0 0 0; text-align:center}

/********** MEDIA QUERIES ***********************/
/* for webkit only */
@media screen and (-webkit-min-device-pixel-ratio:0) {  

} 

/* for 1600px or less */
@media screen and (max-width: 1600px) {


/*index-menu-nologin
.index_top_menu_nologin {  position:relative; width: 100%; margin: 134px 0 0 0 ; text-align: left; font:1.5em/1em 'Noto Sans TC', sans-serif; }
.index_top_menu_nologin ul.menu{  float:left;width:90%; margin: 0 0 0 0  }
.index_top_menu_nologin ul li{display: inline; position: relative; float: left; padding: 0 54px 0 0;  }
.index_top_menu_nologin a { color:#738087; }
.index_top_menu_nologin a:hover { color:#2ea9c0}*/

}

/* for 1440px or less */
@media screen and (max-width: 1440px) {

/*menu-login
.index_top_menu_login ul li{display: inline; position: relative; float: left; padding: 0 34px 0 0;  }*/



}



/* for 1280px or less */
@media screen and (max-width: 1280px) {
/*footer*/
.footer_bottom_contect_right { margin: 20px 0 80px 0 ;}	
	
/*index*/
.index_top_layer01 {display: none }
.index_top_layer02 { display: none} 

.index_layer03 { top:750px;  box-shadow:inset 0px 20px 30px -20px #aaa; }

.index_top_pplogo {position:absolute; width: 169px;  top:650px; left:50px; }
.index_top_banner_text { position:relative; width: 100%; margin: 0 auto 0 auto ; }
.index_top_banner_text01 {position:absolute; width: 179px;  top:240px; left:50px; font: 2.6em/1em 'Noto Sans TC', sans-serif;}
.index_top_banner_text02 {position:absolute; width: 350px;  top:285px; left:105px; font: 2.6em/1em 'Noto Sans TC', sans-serif;}
.index_top_banner_text03 {position:absolute; width: 500px;  top:335px; left:65px; font: 6.5em/1em 'Noto Sans TC', sans-serif; }

/*parallax*/
#inner_banner{ display:block; height: 750px;  z-index:0;}

/*parallax banner img*/
.inner_banner_happenings { background: url("../images/inner_banner_happenings_1280.jpg") center center no-repeat fixed;}
.inner_banner_about2ifc { background: url("../images/inner_banner_about_1280.jpg") center center no-repeat fixed;}
.inner_banner_services { background: url("../images/inner_banner_services_1280.jpg") center center no-repeat fixed;}
.inner_banner_quality { background: url("../images/inner_banner_quality_1280.jpg") center center no-repeat fixed;}
.inner_banner_contactus { background: url("../images/inner_banner_contactus_1280.jpg") center center no-repeat fixed;}
.inner_banner_membership { background: url("../images/inner_banner_membership_1280.jpg") center center no-repeat fixed;}
.inner_banner_tenant { background: url("../images/inner_banner_tenant_1280.jpg") center center no-repeat fixed;}
.inner_banner_text { background: url("../images/inner_banner_text_1280.jpg") center center no-repeat fixed;}


/*inner*/
.inner_top_title {position: relative; width:1080px; margin: 0 auto; z-index:5000 }
.inner_top_title_text {position: absolute; width:100%; top:300px;font: 5em/1em 'Noto Sans TC', sans-serif;color:#738087; text-shadow: -2px 0px 4px #999}

.inner_layer01 { width:100%; top:750px;  }
.inner_layer01in {position:relative; width:1080px; margin: 0 auto;}


}

/* for 1024px or less */
@media screen and (max-width: 1024px) {
/*footer*/
.footer_enews {width: 90%; height: 155px; margin: 0 auto}

.footer_sitemap {width: 90%; margin: 0 auto;}
.footer_toggle {width: 100%; color:#ffe986;  font:500 1.5em/1em 'Noto Sans TC', sans-serif; text-align: center;cursor: pointer; margin: 30px 0 30px 0;transition:0.5s ease;transition-property:all;}
.footer_toggle:hover { color:#fff}
.footer_toggle_menu { width: 100%;}
.footer_toggle_menuin01 { width:20%}
.footer_toggle_menuin02 {width:20%}
.footer_toggle_menuin03 {width:21%}
.footer_toggle_menuin04 {width:20%}
.footer_toggle_menuin05 { width:19%}

.footer_bottom_contect {width: 90%; margin: 0 auto;  }



/*index*/
.index_top_pplogo {position:absolute; width: 159px;  top:580px; left:5%;  }
.index_top_banner_text { position:relative; width: 100%; margin: 0 auto 0 auto ; }
.index_top_banner_text01 {position:absolute; width: 179px;  top:200px; left:5%; font: 2.6em/1em 'Noto Sans TC', sans-serif; }
.index_top_banner_text02 {position:absolute; width: 350px;  top:245px; left:12%; font: 2.6em/1em 'Noto Sans TC', sans-serif; }
.index_top_banner_text03 {position:absolute; width: 500px;  top:295px; left:7%; font: 6.5em/1em 'Noto Sans TC', sans-serif;}

.index_layer03 { top:680px;  box-shadow:inset 0px 20px 30px -20px #aaa; }
.index_layer03_bg {height: 710px; top:300px; }

.index_layer04 { width:100%; }
.index_button{ width: 90%;margin: 120px 0 0 5%;}
.index_button_01 { width: 33%; }
.index_about { width: 90%;  margin: 120px 0 0 5%;}
.index_about_pic {width: 52%;}
.index_contect {width: 45%;}
.index_contect_title {width: 100%;margin: 0 0 10px 0 ;}
.index_contect_contect {width: 100%;text-align: justify; margin: 0 0 10px 0 ;}
.index_contect_contect p { line-height: 1.55em}
.index_contect_more {width: 100%; text-align: right;}

/*parallax*/
#inner_banner{ display:none; }

/*inner banner*/
.inner_m_banner_happenings { display: block; position:absolute; width:100%;height: 680px;  background: url("../images/inner_banner_happenings_1024.jpg") top center no-repeat ;}
.inner_m_banner_about2ifc {  display: block; position:absolute; width:100%;height: 680px;  background: url("../images/inner_banner_about_1024.jpg") top center no-repeat ;}
.inner_m_banner_services {  display: block; position:absolute; width:100%;height: 680px;  background: url("../images/inner_banner_services_1024.jpg") top center no-repeat ;}
.inner_m_banner_quality {  display: block; position:absolute; width:100%;height: 680px;  background: url("../images/inner_banner_quality_1024.jpg") top center no-repeat ;}
.inner_m_banner_contactus { display: block; position:absolute; width:100%;height: 680px;  background: url("../images/inner_banner_contactus_1024.jpg") top center no-repeat ;}
.inner_m_banner_membership { display: block; position:absolute; width:100%;height: 680px;  background: url("../images/inner_banner_membership_1024.jpg") top center no-repeat ;}
.inner_m_banner_tenant { display: block; position:absolute; width:100%;height: 680px;  background: url("../images/inner_banner_tenant_1024.jpg") top center no-repeat ;}
.inner_m_banner_text { display: block; position:absolute; width:100%;height: 680px;  background: url("../images/inner_banner_text_1024.jpg") top center no-repeat ;}

/*inner*/
.inner_top_title {position: relative; width:90%; margin: 0 0 0 5%;  }
.inner_top_title_text {position: absolute; width:100%; top: 280px;font: 4.6em/1em 'Noto Sans TC', sans-serif;color:#738087; text-shadow: -2px 0px 4px #999}

.inner_layer01 { width:100%; top:680px; }
.inner_layer01in {position:relative; width:100%; margin: 0 auto;}
.inner_con { float:left; width: 90%; margin: 120px 0 0 5% }


/*happenings*/
.happenings_con { float:left; width: 90%; margin: 0 0 15px 5% }
.happenings_left { float:left; width:49% ; margin: 0 0 0 0;}
.happenings_right { float:right; width:49% ; margin: 0; }
.happenings_member {float:left; width:90%; margin: 20px 0 0 5%}

.happenings_detail_title01 { float:left; width:90%;margin:0 0 7px 5% }
.happenings_detail_date01 { float:left; width:90%; margin:0 0 20px 5% }
.happenings_detail_banner01 { float:left; width:90%; margin:0 0 0 5%}

.happenings_detail_contect01 {float:left; width:90%;margin:0 0 0 5%}
.happenings_detail_contect01_left {float:left; width:100%;}
.happenings_detail_contect01_right { display:none;}

.happenings_detail_m_pic01 { display: block; float:left; width:100%; margin: 30px 0 0 0; }
.happenings_detail_m_pic01_in01 {float:left; width:32%; margin: 0 1.9% 1% 0}
.happenings_detail_m_pic01_in02 {float:right; width:32%; margin: 0 0 1% 0}
.happenings_detail_m_pic01_in01 img,.happenings_detail_m_pic01_in02 img { border-radius:25px; width:100% }

/*service*/
.service_box_01 { float:left; background: url("../images/services_pic01.jpg") top left no-repeat ; margin: 0 0 20px 0}
.service_box_02 { float:right; background: url("../images/services_pic02.jpg") top left no-repeat ;margin: 0 0 20px 0}
.service_box_03 { float:left; background: url("../images/services_pic03.jpg") top left no-repeat ;margin: 0 0 20px 0}
.service_box_04 { float:right; background: url("../images/services_pic04.jpg") top left no-repeat ;margin: 0 0 20px 0}
.service_box_05 { float:left; background: url("../images/services_pic05.jpg") top left no-repeat ;}
.service_box_06 { float:right; background: url("../images/services_pic06.jpg") top left no-repeat ;}
.service_box_01,.service_box_02,.service_box_03,.service_box_04,.service_box_05,.service_box_06 {display: block;width:49%; height:600px;background-size: cover;border-radius:25px;}

.service_box_01_bg01 { float:left; width:100%;background: url("../images/service_bg_02.png") top center repeat ; margin:395px 0 0 0 ;border-radius:0 0 25px 25px;}
.service_box_01_title {float:left; width:90%; height:40px ;margin: 15px 0 0 5%}
.service_box_01_title h3 { color:#fff}
.service_box_01_contect {float:left; width:90%;height:110px ;margin: 0 0 0 5%; text-align:justify}
.service_box_01_contect p {color:#fff}
.service_box_01_btn {float:left; width:90%;height:40px;margin: 0 0 0 5%;}
.service_box_01_btn01 { float:right; width:45%}
.service_box_01_btn02 { float:right; width:25%}
.service_box_01_btn01in01 { float:right; width:9px; margin: 9px 0 0 10px}
.service_box_01_btn01in02 { float:right; width:80%; text-align:right;}
.service_box_01_btn01in02 p {color:#fff}

.enquiry_form01_01 { float: left; width:100%; margin: 0 0 15px 0 }
.enquiry_form01_02 { float: left; width:100%; margin: 0 0 15px 0}
.enquiry_form01_03 { float: right; width:100%; margin: 0 0 5px 0 }
.enquiry_form02 { float: left; width: 96.3%;margin: 15px 0 0 0 }

/*about2ifc*/
.about_time_pic01 { position:absolute; width:25%; right:150px; top:120px;transition:0.5s ease;transition-property:all; }
.about_time_pic02 { position:absolute; width:25%; left:150px; top:410px ;transition:0.5s ease;transition-property:all;}
.about_time_pic03 { position:absolute; width:25%; right:150px; top:710px;transition:0.5s ease;transition-property:all; }
.about_time_pic04 { position:absolute; width:25%; left:150px; top:1010px;transition:0.5s ease;transition-property:all; }
.about_time_pic05 { position:absolute; width:25%; right:150px; top:1300px;transition:0.5s ease;transition-property:all;}
.about_time_pic06 { position:absolute; width:25%; left:150px; top:1610px;transition:0.5s ease;transition-property:all;}
.about_time_pic01:hover,.about_time_pic02:hover,.about_time_pic03:hover,.about_time_pic04:hover,.about_time_pic05:hover,.about_time_pic06:hover{transform:scale(1);}

/*contactus*/
.contactus_map { display:none; }
.contactus_map_m_1024 {display: block; float:left; width:100% ; margin:20px 0 0 0}
.contactus_map_m_1024 img {border-radius:25px;}

/*membership*/
.membership_form01_01 {float: left; width:17%; }
.membership_form01_02 {float: left; width:4%; }

/*Forms Manuals*/
.forms_con { float:left; width: 90%; margin: 95px 0 0 5% }


.tenantno_contect_in02 {float: left; width:70% ;}
.tenantno_contect_in03 {float: right; width:15% ; text-align:right}

}

/* for 768px or less */
@media screen and (max-width: 768px) {
/*footer*/
.footer_enews { width: 95%; height: 160px; margin: 0 auto}
.footer_enews_title { width:100% ; text-align:center;margin: 74px 0 0 0 ;font:400 1.55em/1em 'Noto Sans TC', sans-serif;color:#fff}
.footer_enews_pic {display:none}
.footer_enews_btn { width:45%; margin: 30px 26% 0 0; text-align:center;font:400 1.55em/1em 'Noto Sans TC', sans-serif;padding: 10px 10px 7px 10px;}

.footer_toggle_menuin01 { width:20%}
.footer_toggle_menuin02 {width:18%}
.footer_toggle_menuin03 {width:20%; margin: 0 3% 0 0 }
.footer_toggle_menuin04 {width:19%}
.footer_toggle_menuin05 { width:19%}

.footer_bottom_contect_left01{width:15%; text-align:center; margin: 20px 0 0 7.5% ; }
.footer_bottom_contect_left02{width:50%; text-align:center; margin: 20px 0 0 0 ; }
.footer_bottom_contect_left03{width:20%; text-align:center; margin: 20px 0 0 0 ; }

.footer_bottom_contect_right {float:left; width:100%; text-align:center; margin: 20px 0 60px 0 ;font:400 0.9em/1.75em 'Noto Sans TC', sans-serif; color:#fff;}


/*index*/
.index_top_pplogo {position:absolute; width: 159px;  top:850px; left:5%; }
.index_top_banner_text { position:relative; width: 100%; margin: 0 auto 0 auto ; }
.index_top_banner_text01 {position:absolute; width: 179px;  top:350px; left:5%; font: 2.5em/1em 'Noto Sans TC', sans-serif; }
.index_top_banner_text02 {position:absolute; width: 350px;  top:395px; left:12%; font: 2.5em/1em 'Noto Sans TC', sans-serif; }
.index_top_banner_text03 {position:absolute; width: 500px;  top:435px; left:7%; font:6.3em/1em 'Noto Sans TC', sans-serif; }

.index_layer03 { top:950px;  box-shadow:inset 0px 20px 30px -20px #aaa; }
.index_layer03_bg {height: 950px; top:300px;}
.index_button{ width: 90%;margin: 120px 4% 0 6%;}
.index_about { width: 90%;  margin: 120px 5% 0 5%;}

.index_about_pic {width: 100%;}
.index_contect {width: 100%; margin: 40px 0 0 0;}

/*inner banner*/
.inner_m_banner_happenings { display: block; position:absolute; width:100%;height: 950px;  background: url("../images/inner_banner_happenings_768.jpg") top center no-repeat ;}
.inner_m_banner_about2ifc {  display: block; position:absolute; width:100%;height: 950px;  background: url("../images/inner_banner_about_768.jpg") top center no-repeat ;}
.inner_m_banner_services {  display: block; position:absolute; width:100%;height: 950px;  background: url("../images/inner_banner_services_768.jpg") top center no-repeat ;}
.inner_m_banner_quality {  display: block; position:absolute; width:100%;height: 950px;  background: url("../images/inner_banner_quality_768.jpg") top center no-repeat ;}
.inner_m_banner_contactus { display: block; position:absolute; width:100%;height: 950px;  background: url("../images/inner_banner_contactus_768.jpg") top center no-repeat ;}
.inner_m_banner_membership { display: block; position:absolute; width:100%;height: 950px;  background: url("../images/inner_banner_membership_768.jpg") top center no-repeat ;}
.inner_m_banner_tenant { display: block; position:absolute; width:100%;height: 950px;  background: url("../images/inner_banner_tenant_768.jpg") top center no-repeat ;}
.inner_m_banner_text { display: block; position:absolute; width:100%;height: 950px;  background: url("../images/inner_banner_text_768.jpg") top center no-repeat ;}

/*inner*/
.inner_top_title_text {position: absolute; width:100%; top: 400px;font: 4.4em/1em 'Noto Sans TC', sans-serif;color:#738087; text-shadow: -2px 0px 4px #999}
.inner_layer01 { width:100%; top:950px; }



/*happenings*/
.happenings_detail_contect03_icon { float:left; width:4%; }

/*service*/
.service_box_01 { float:left; background: url("../images/services_pic01.jpg") top left no-repeat ; margin: 0 0 20px 0}
.service_box_02 { float:left; background: url("../images/services_pic02.jpg") top left no-repeat ;margin: 0 0 20px 0}
.service_box_03 { float:left; background: url("../images/services_pic03.jpg") top left no-repeat ;margin: 0 0 20px 0}
.service_box_04 { float:left; background: url("../images/services_pic04.jpg") top left no-repeat ;margin: 0 0 20px 0}
.service_box_05 { float:left; background: url("../images/services_pic05.jpg") top left no-repeat ;margin: 0 0 20px 0}
.service_box_06 { float:left; background: url("../images/services_pic06.jpg") top left no-repeat ;}
.service_box_01,.service_box_02,.service_box_03,.service_box_04,.service_box_05,.service_box_06 {display: block;width:100%; height:550px;background-size: cover;border-radius:25px;}

.service_box_01_bg01 { float:left; width:100%;background: url("../images/service_bg_02.png") top center repeat ; margin:385px 0 0 0 ;border-radius:0 0 25px 25px;}
.service_box_01_title {float:left; width:90%; height:40px ;margin: 15px 0 0 5%}

.service_box_01_contect {float:left; width:90%;height:70px ;margin: 0 0 0 5%; text-align:justify}

.service_box_01_btn {float:left; width:90%;height:40px ; margin: 0 0 0 5%;}
.service_box_01_btn01 { float:right; width:45%}
.service_box_01_btn02 { float:right; width:20%}

/*service - quality*/

.quality_pic01 { display:none}
.quality_pic02 { display:block; float:left; width:100%; margin: 25px 0 0 0 ;}
.quality_pic02 img {border-radius:25px;box-shadow: 3px 3px 7px #ddd }

/*about2ifc*/
.about_time_pic01 { position:absolute; width:30%; right:70px; top:130px;transition:0.5s ease;transition-property:all; }
.about_time_pic02 { position:absolute; width:30%; left:70px; top:410px ;transition:0.5s ease;transition-property:all;}
.about_time_pic03 { position:absolute; width:30%; right:70px; top:710px;transition:0.5s ease;transition-property:all; }
.about_time_pic04 { position:absolute; width:30%; left:70px; top:1010px;transition:0.5s ease;transition-property:all; }
.about_time_pic05 { position:absolute; width:30%; right:70px; top:1300px;transition:0.5s ease;transition-property:all;}
.about_time_pic06 { position:absolute; width:30%; left:70px; top:1610px;transition:0.5s ease;transition-property:all;}

/*contactus*/
.contactus_map_m_1024 { display:none; }
.contactus_map_m_768 {display: block; float:left; width:100% ; margin:20px 0 0 0}
.contactus_map_m_768 img {border-radius:25px;}

/*membership*/
.membership_form01_01 {float: left; width:22%; }
.membership_form01_02 {float: left; width:5%; }
.membership_form01_03 {float: left; width:12%;margin: 0 10px 0 0  }
.membership_form01_04 {float: left; width:41%; }
.membership_form01_05 {float: left; width:55%; }
.membership_form01_06 {float: left; width:55%; }

/*Tenant Notices*/
.tenantno_title {float: left; width:100% ; margin: 0 0 20px 0}
.tenantno_subtitle {float: left; width:100% ; margin: 0 0 15px 0}
.tenantno_subtitle_in01 {float: left; width:100% ;margin: 0 0 5px 0}
.tenantno_subtitle_in02 {float: left; width:100% ;margin: 0 0 5px 0}
.tenantno_subtitle_in03 {float: left; width:100% ; text-align:left}

.tenantno_contect {float: left; width:100% ; margin: 0 0 25px 0;font:400 1em/1.75em 'Noto Sans TC', sans-serif;color:#738087;transition:0.5s ease;transition-property:all; }
.tenantno_contect_in01 {float: left; width:100% ;margin: 0 0 5px 0}
.tenantno_contect_in02 {float: left; width:100% ;margin: 0 0 5px 0}
.tenantno_contect_in03 {float: left; width:100% ; text-align:left}


}

/* for 480px or less */
@media screen and (max-width: 500px) {
/*footer*/	
.footer_enews { width: 100%; height: 160px; margin: 0 auto}
.footer_enews_title { width:100% ; text-align:center;margin: 74px 0 0 0 ;font:400 1.33em/1em 'Noto Sans TC', sans-serif;color:#fff}
.footer_enews_pic {display:none}
.footer_enews_btn { width:70%; margin: 30px 13% 0 0 ; text-align:center;font:400 1.33em/1em 'Noto Sans TC', sans-serif;padding: 10px 10px 7px 10px;}

.footer_shadow { display: none; position:relative; width: 90%; height: 33px; margin: 0 auto;}
.footer_shadow_480 { display: inline; position:relative; width: 90%; height: 33px; margin: 0 auto;}

.footer_toggle_menuin01 { width:100%; margin: 0 0 0 29px}
.footer_toggle_menuin02 {width:100%; margin: 35px 0 0 29px}
.footer_toggle_menuin03 {width:100%; margin: 35px 0 0 29px }
.footer_toggle_menuin04 {width:100%; margin: 35px 0 0 29px}
.footer_toggle_menuin05 { float:left; width:100%; margin: 35px 0 30px 29px}

.footer_bottom_contect_left01{width:85%; text-align:left; margin: 20px 0 0 29px ; }
.footer_bottom_contect_left02{width:85%; text-align:left; margin: 7px 0 0 29px ; }
.footer_bottom_contect_left03{width:85%; text-align:left; margin: 7px 0 0 29px ; }

.footer_bottom_contect_right {float:left; width:100%; text-align:left; margin: 20px 0 80px 29px ;font:400 0.9em/1.75em 'Noto Sans TC', sans-serif; color:#fff;}


/*index*/
.index_top_logo {display: inline-block; position: relative; width:55%;  margin: 48px 0 0 22.5%;}

.index_top_pplogo {position:absolute; width: 140px;  top:750px; left:7.5%;  }
.index_top_banner_text { position:relative; width: 85%; margin: 0 auto 0 auto ; }
.index_top_banner_text01 {position:absolute; width: 179px;  top:290px; left:0%; font: 2.3em/1em 'Noto Sans TC', sans-serif;}
.index_top_banner_text02 {position:absolute; width: 350px;  top:335px; left:15%; font: 2.3em/1em 'Noto Sans TC', sans-serif;}
.index_top_banner_text03 {position:absolute; width: 400px;  top:380px; left:7%; font: 5.5em/1em 'Noto Sans TC', sans-serif; }

.index_layer03 { top:855px;  box-shadow:inset 0px 20px 30px -20px #aaa; }
.index_layer03_bg {height: 1200px; top:1000px; background: url("../images/index_layer_bg01_480.jpg") top center/cover;}

.index_button{ width: 85%;margin: 120px 0 0 7.5%;}
.index_button_01 { width: 100%; }

.index_about { width: 85%;  margin: 120px 7.5% 0 7.5%;}

.index_contect_title {float: left;width: 100%;margin: 0 0 20px 0 ;}
.index_contect_contect {float: left;width: 100%;text-align: justify; margin: 0 0 30px 0 ;}
.index_contect_more {float: left;width: 100%; text-align: right;}

/*inner banner*/
.inner_m_banner_happenings { display: block; position:absolute; width:100%;height: 855px;  background: url("../images/inner_banner_happenings_480.jpg") top center no-repeat ;}
.inner_m_banner_about2ifc {  display: block; position:absolute; width:100%;height: 855px;  background: url("../images/inner_banner_about_480.jpg") top center no-repeat ;}
.inner_m_banner_services {  display: block; position:absolute; width:100%;height: 855px;  background: url("../images/inner_banner_services_480.jpg") top center no-repeat ;}
.inner_m_banner_quality {  display: block; position:absolute; width:100%;height: 855px;  background: url("../images/inner_banner_quality_480.jpg") top center no-repeat ;}
.inner_m_banner_contactus { display: block; position:absolute; width:100%;height: 855px;  background: url("../images/inner_banner_contactus_480.jpg") top center no-repeat ;}
.inner_m_banner_membership { display: block; position:absolute; width:100%;height: 855px;  background: url("../images/inner_banner_membership_480.jpg") top center no-repeat ;}
.inner_m_banner_tenant { display: block; position:absolute; width:100%;height: 855px;  background: url("../images/inner_banner_tenant_480.jpg") top center no-repeat ;}
.inner_m_banner_text { display: block; position:absolute; width:100%;height: 855px;  background: url("../images/inner_banner_text_480.jpg") top center no-repeat ;}

/*inner*/
.inner_top_title {position: relative; width:85%; margin: 0 0 0 7.5%;  }
.inner_top_title_text {position: absolute; width:100%; top: 280px;font: 3.2em/1em 'Noto Sans TC', sans-serif;color:#738087; text-shadow: 0px 0px 0px #999}

.inner_layer01 { width:100%; top:855px; }
.inner_layer01in {position:relative; width:100%; margin: 0 auto;}
.inner_con { float:left; width: 85%; margin: 120px 0 0 7.5% }



/*happenings*/
.happenings_con { float:left; width: 85%; margin: 0 0 15px 7.5% }
.happenings_left { float:left; width:100% ; margin: 0 0 15px 0;}
.happenings_right { float:right; width:100% ; margin: 0; }
.happenings_member {float:left; width:85%; margin: 20px 0 0 7.5%}

.happenings_detail_contect03_icon { float:left; width:6%; }
.happenings_detail_contect03_contect { float:right; width:92%; margin:0 0 0 0}

.happenings_detail_m_pic01 { display: block; float:left; width:100%; margin: 30px 0 0 0; }
.happenings_detail_m_pic01_in01 {float:left; width:48%; margin: 0 2% 2% 0}
.happenings_detail_m_pic01_in02 {float:left; width:48%; margin: 0 2% 2% 0}
.happenings_detail_m_pic01_in01 img,.happenings_detail_m_pic01_in02 img { border-radius:25px; width:100% }

/*service*/
.service_box_01 { float:left; background: url("../images/services_pic01.jpg") top left no-repeat ; margin: 0 0 20px 0}
.service_box_02 { float:left; background: url("../images/services_pic02.jpg") top left no-repeat ;margin: 0 0 20px 0}
.service_box_03 { float:left; background: url("../images/services_pic03.jpg") top left no-repeat ;margin: 0 0 20px 0}
.service_box_04 { float:left; background: url("../images/services_pic04.jpg") top left no-repeat ;margin: 0 0 20px 0}
.service_box_05 { float:left; background: url("../images/services_pic05.jpg") top left no-repeat ;margin: 0 0 20px 0}
.service_box_06 { float:left; background: url("../images/services_pic06.jpg") top left no-repeat ;}
.service_box_01,.service_box_02,.service_box_03,.service_box_04,.service_box_05,.service_box_06 {display: block;width:100%; height:600px;background-size: cover;border-radius:25px;}

.service_box_01_bg01 { float:left; width:100%;background: url("../images/service_bg_02.png") top center repeat ; margin:385px 0 0 0 ;border-radius:0 0 25px 25px;}
.service_box_01_title {float:left; width:90%; height:40px ;margin: 15px 0 0 5%}

.service_box_01_contect {float:left; width:90%;height:100px ;margin: 0 0 0 5%; text-align:justify}

.service_box_01_btn {float:left; width:90%;height:60px ; margin: 0 0 0 5%;}
.service_box_01_btn01 { float:right; width:100%}
.service_box_01_btn02 { float:right; width:100%}

/*about2ifc*/
.about_time_pic01 { position:absolute; width:39%; right:0px; top:170px;transition:0.5s ease;transition-property:all; }
.about_time_pic02 { position:absolute; width:39%; left:0px; top:460px ;transition:0.5s ease;transition-property:all;}
.about_time_pic03 { position:absolute; width:39%; right:0px; top:760px;transition:0.5s ease;transition-property:all; }
.about_time_pic04 { position:absolute; width:39%; left:0px; top:1050px;transition:0.5s ease;transition-property:all; }
.about_time_pic05 { position:absolute; width:39%; right:0px; top:1350px;transition:0.5s ease;transition-property:all;}
.about_time_pic06 { position:absolute; width:39%; left:0px; top:1650px;transition:0.5s ease;transition-property:all;}

/*contactus*/
.contactus_title {float: left; width:100%;}
.contactus_title01 {float: left; width:100%;}
.contactus_title02 {float: left; width:100%;margin: 10px 0 0 0}
.contactus_contect01 {float: left; width:100%; margin: 20px 0 0 0}
.contactus_contect02 {float: left; width:100%;margin: 10px 0 0 0}
.contactus_contect02_icon {float: left; width:20px;margin:12px 10px 0  0 }
.contactus_contect02_text {float: left; width:90%; margin:8px 0 0  0 }

.contactus_map_m_768 { display:none; }
.contactus_map_m_480 {display: block; float:left; width:100% ; margin:20px 0 0 0}
.contactus_map_m_480 img {border-radius:25px;}

/*membership*/
.membership_form01 {float: left; width:100%; margin: 0 0 10px 0}
.membership_form01_01 {float: left; width:40%; }
.membership_form01_02 {float: left; width:55%; }
.membership_form01_03 {float: left; width:25%;margin: 8px 0 0 0  }
.membership_form01_04 {float: right; width:70%; margin: 8px 0 0 0 }
.membership_form01_05 {float: left; width:100%; margin:8px 0 15px 0 }
.membership_form01_06 {float: left; width:100%; margin:-35px 0 0 0 }



/*Forms Manuals*/
.forms_con { float:left; width: 85%; margin: 95px 0 0 7.5% }
.forms_contect {float: left; width:100% ; margin: 0 0 0 0}


/*form_02*/
 #form_02 {display: none; position: fixed; opacity: 1;  left: 50%; top:200px;   margin-left: -225px; margin-top: -185px;
 width: 370px; height:500px;  background: #FFF; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.form_02_text01 {float:left; width:100%; margin: 0 0 20px 0}
.form_02_text02 {float:left; width:100%; margin: 2px 0 20px 0}
.form_02_text01_01 {float:left; width:43%;}
.form_02_text01_02 {float:left; width:2%;}
.form_02_text01_03 {float:left; width:100%;margin: 10px 0 0 0}
.form_02_text01_04 {float:left; width:94%; margin: 10px 0 0 0} 

}

#main-img {
    margin: auto;
    width: 100%;
	background-repeat: no-repeat;
    background-size: contain ;
} 

@media screen and (max-width: 500px) {  
    #main-img{
    	background-image: url("../images/PriceList_Concierge Services_480_CHI.jpg");
		height: 1082px;
    } 
}

@media screen and (min-width: 501px) and (max-width: 1280px) {       
    #main-img{      
    	background-image: url("../images/PriceList_Concierge Services_768_CHI.jpg");
		height: 1293px;
    } 
} 
@media screen and (min-width: 1281px) and (max-width: 1920px) {  
     #main-img{
    background-image: url("../images/PriceList_Concierge Services_1920_CHI.jpg");
		 height: 1207px;
     } 
}

#main-img2 {
    margin: auto;
    width: 100%;
	background-repeat: no-repeat;
    background-size: contain ;
} 

@media screen and (max-width: 500px) {   
    #main-img2{
    	background-image: url("../images/PriceList_Housekeeping Service-mobile_Chi.jpg");
		height: 2000px;
    } 
}

@media screen and (min-width: 501px) and (max-width: 768px) {      
    #main-img2{      
    	background-image: url("../images/PriceList_Housekeeping Service-Chi_768.jpg");
		height: 2300px;
    } 
} 
@media screen and (min-width: 769px) and (max-width: 1024px) {    
      #main-img2{        
          background-image: url("../images/PriceList_Housekeeping Service_Chi_1024.jpg");
		  height: 1022px;
      } 
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {   
     #main-img2{
    background-image: url("../images/PriceList_Housekeeping Service_Chi_1280_V2.jpg");
		 height: 1338px;
     } 
}
@media screen and (min-width: 1281px) and (max-width: 1920px) { 
     #main-img2{
    background-image: url("../images/PriceList_Housekeeping Service_Chi_1920.jpg");
		 height: 1467px;
     } 
}

#main-img3 {
    margin: auto;
    width: 100%;
	background-repeat: no-repeat;
    background-size: contain ;
} 

@media screen and (max-width: 500px) {   
    #main-img3{
    	background-image: url("../images/PriceList_Technical Service-mobile_Chi.jpg");
		height: 2500px;
    } 
}

@media screen and (min-width: 501px) and (max-width: 768px) {      
    #main-img3{      
    	background-image: url("../images/PriceList_Technical Service-Chi_768.jpg");
		height: 2800px;
    } 
} 
@media screen and (min-width: 769px) and (max-width: 1024px) {      
      #main-img3{        
          background-image: url("../images/PriceList_Technical Service_Chi_1024.jpg");
		  height: 1443px;
      } 
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {   
     #main-img3{
    background-image: url("../images/PriceList_Technical Service_Chi_1280_V2.jpg");
		 height: 1875px;
     } 
}
@media screen and (min-width: 1281px) and (max-width: 1920px) {   
     #main-img3{
    background-image: url("../images/PriceList_Technical Service_Chi_1920.jpg");
		 height: 2056px;
     } 
}