@charset "utf-8";
html{ width: 100vw;}
body{ margin: 0;font-family: 微軟正黑體;overflow-x: hidden;}
body::-webkit-scrollbar{width:6px;height:6px;background-color:#F5F5F5;}
body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5;}
body::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.head{ width:100vw;height:60px;margin:auto;overflow:hidden;background:#FFF;z-index:999;display: flex;flex-direction: row;position: fixed;}
#top_logo {margin: 3px 10px 0px 30px;}
#top_logo img{width: 150px;}
.htm5call {margin: 14px 0 0px 0;}
.htm5call img{width: 30px;}
.body{padding-bottom:20px;min-height: calc(100vh - 100px);}
.title{font-size: 24px;font-weight:600;color: #625243;}
._form-input {border: 1px solid #dcdcdc;border-radius: 6px;background-color: #fff;padding: 10px 0 10px 15px;position: relative;margin-bottom: 20px;}
._account{background:url(../login_images/usericom_1.png);width: 18px;height: 18px;display: inline-block;position: absolute;top: 14px;}
._key{background:url(../login_images/passwordicom_1.png);width: 18px;height: 18px;display: inline-block;position: absolute;top: 14px;}
#login-account{border: none;font-size: 14px;line-height: 22px;width: 80%;height: 22px;margin-left: 30px;}
#login-password{border: none;font-size: 14px;line-height: 22px;width: 80%;height: 22px;margin-left: 30px;}
._form-submit{display: inline-block;background-color: #ff6d6d;border: none;color: #fff;font-size: 18px;border-radius: 6px;height: 43px;line-height: 43px;width: 100%;cursor: pointer;}
.pc_footer_copyright{padding: 10px 0;margin: 0 20px;font-size: 15px;color: #fff;border-top: 1px solid #717171;}
.clearfix{padding:15px 0;display: flex;justify-content: center;}
._left{font-size: 14px;font-weight: bold;color: #625243;display: flex;}
._right{border: 1px solid #dcdcdc;border-radius: 6px;background-color: #fff;padding: 10px 0 10px 15px;position: relative;margin-bottom: 20px;}
._right input{border: none;width: 95%;}
.basic-form{padding: 0px;width: 100%;}
.submit input{border: none;width: 30vw;height: 50px;}
._mail label{position: absolute!important;line-height: 1.2em;left: 0;top: 110%;width: 100%;color: #f74c4c;font-size: .8rem;white-space: nowrap;}
._password label{position: absolute!important;line-height: 1.2em;left: 0;top: 110%;width: 100%;color: #f74c4c;font-size: .8rem;white-space: nowrap;}
._name label{position: absolute!important;line-height: 1.2em;left: 0;top: 110%;width: 100%;color: #f74c4c;font-size: .8rem;white-space: nowrap;}
._usercode label{position: absolute!important;line-height: 1.2em;left: 0;top: 110%;width: 100%;color: #f74c4c;font-size: .8rem;white-space: nowrap;}
._phone label{position: absolute!important;line-height: 1.2em;left: 0;top: 110%;width: 100%;color: #f74c4c;font-size: .8rem;white-space: nowrap;}
._clause label{position: absolute!important;line-height: 1.2em;color: #f74c4c;font-size: .8rem;white-space: nowrap;margin-top: 20px;}
.activebody_0 {height: 45px;width: 45px;position: fixed;right: 29px;bottom: 90px;/*opacity: 0.5;*/z-index: 99999;cursor: pointer;background-color: #fcc837;box-shadow: 0.2rem 0.1rem 0rem rgba(0,0,0,.15)!important;border-radius: 999em;}
.apprwd{display: none;}
.rowmenu{background:#42bfea;margin: 0px 0px 0px 40px;width: 100vw;display: flex;}
.bottom_hover:hover {border-bottom: 3px solid #FFF;}
.webcall_body{margin: 0 10%;}
.body_title{font-family: 微軟正黑體;display: flex;justify-content: center;padding: 90px 0 30px 0;font-size: 36px;color: #625243;font-weight: 600;}
.body_title_title{font-family: 微軟正黑體;padding: 10px 0 10px 0;font-size: 24px;color: #625243;font-weight:bold;}
/*/////////////////////////////////////////////*/
/*#user_selectwebpush{position: fixed;left: 3vw;bottom: 15vh;border-radius: 0.5em;background: #33383f;opacity: 0.9;padding: 12px 16px;z-index: 99999;}*/#user_selectwebpush{z-index: 9999999 !important;display: none;}
#pf_overlay{height: 100%;width: 100%;position: fixed;z-index: 999999;left: 0;top: 0;background-color: rgba(0,0,0,.7);overflow-x: hidden;display: none;}
#pf_overlay.show {display: none;}
#pf_container {visibility: hidden;font-size: 1rem;font-family: Verdana,Microsoft JhengHei,Geneva,Tahoma,sans-serif !important;background: #fff;position: fixed;z-index: 9999999 !important;left: 0;right: 0;box-sizing: border-box;border: 1px solid #efebeb;}
.pf_show {visibility: visible !important;max-width: 354px;margin-left: 76px;left: 0;top: 0 !important;-webkit-transition: -webkit-transform .5s;-moz-transition: -moz-transform .5s;-ms-transition: -ms-transform .5s;-o-transition: -o-transform .5s;transition: transform .5s;-webkit-animation-duration: .5s;-moz-animation-duration: .5s;-ms-animation-duration: .5s;animation-duration: .5s;-webkit-animation-name: slidedown;-moz-animation-name: slidedown;-ms-animation-name: slidedown;animation-name: slidedown;}
.pf_content {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;color: #333;padding: 16px 16px 0;}
#pf_logo {margin-right: 10px;width: 48px;height: 48px;display: block;background-size: 100% 100%;background-image: url(../login_images/ICT_TV_testlog.png);}
.pf_info {color: initial;}
.pf_title {font-size: 14px !important;line-height: 24px !important;margin: 0 0 1px;color: initial !important;}
.pf_msg {font-size: 14px !important;line-height: 20px;margin: 0 0 14px;opacity: .6;max-width: 240px;}
.pf_btn {font-size: 14px;text-align: right;}
#usernoagree {font-weight: 700;cursor: pointer;padding: .5rem;margin-right: 24px;opacity: .4;display: inline-block;}
#useragree {color: #fff;background: #4d3126;border-radius: 3px;padding: .5rem 1rem;cursor: pointer;display: inline-block;margin: 0 2.125rem 1rem 0;}
/*/////////////////////////////////////////////*/
.header_a_clientcenter{margin:0px 20px 0px 20px;}
.paystep{width: 600px;}
#shopping_car{height: 45px;width: 45px;position: fixed;right: 29px;bottom: 153px;z-index: 99999;cursor: pointer;background-color: #fcc837;box-shadow: 0.2rem 0.1rem 0rem rgba(0,0,0,.15)!important;border-radius: 999em;}
#shopping_car_badge{height: 18px;position: fixed;right: 26px;bottom: 189px;z-index: 99999;cursor: pointer;background-color: red;border-radius: 999em;}
.flex_center{display: flex;justify-content: center;}
.flex_flex-start{display: flex;justify-content: flex-start;}
.flex_space-between{display: flex;justify-content: space-between;}
.flex_between{display: flex;justify-content: space-between;}
.background_canvas{width:100%;background: #FFF;/*background: #ffffffcf;*/}
.bottom_background{display: flex;justify-content: center;background-image:url('../login_images/blue_wallpicture.png');    background-attachment: fixed;    background-repeat: no-repeat;    background-size: cover;    background-position: center;}
.Flex_background_cover{height: calc(100vh - 60px);background-color: #796258;}
.running{    position: fixed;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    background: black;    display: none;    padding: 10px;    border-radius: 1em;    box-shadow: 4px 6px 20px 0px #4e4e4e;    z-index: 9999999 !important;    /*display: block !important;*/}
.running_notalert{    position: fixed;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    background: black;    padding: 10px;    z-index: 9999999 !important;}
.input_lable{font-size: 14px;font-weight: bold;color: #625243;}
.input_frame{margin-bottom: 20px;max-width: 250px;border: 1px solid #dcdcdc;border-radius: 6px;background-color: #fff;padding: 8px 15px 8px 15px;position: relative;}
.input_submit_blue{width: 80%;max-width: 130px;border-radius: 6px;padding: 10px 15px 10px 15px;position: relative;font-family: 微軟正黑體;font-weight: bold;color: white;background: #42bfea;}
.setting_frame{margin: 0px 10px;}
.search_domain_frame{margin-bottom: 20px;border: 1px solid #dcdcdc;border-radius: 6px;background-color: #fff;padding: 8px 3px;position: relative;}
.search_input_frame{margin-bottom: 20px;max-width: 200px;border: 1px solid #dcdcdc;border-radius: 6px;background-color: #fff;padding: 8px 15px 8px 15px;position: relative;}
.search_submit_blue{margin-bottom: 20px;width: 80%;max-width: 40px;border-radius: 6px;padding: 0px 6px;position: relative;font-family: 微軟正黑體;font-weight: bold;color: white;background: #42bfea;}
#center-in-center{position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: black;display: none;padding: 10px;border-radius: 1em;box-shadow: 4px 6px 20px 0px #4e4e4e;z-index: 9999999 !important;/*display: block !important;*/}
#pf_overlay{height: 100%;width: 100%;position: fixed;z-index: 999999;left: 0;top: 0;background-color: rgba(0,0,0,.7);overflow: hidden;display: none;/*display: block !important;*/}
.check_network_connect{color: #625243;border: 1px solid #b3b3b3;border-radius: 3px;padding: 5px 20px;cursor: pointer;display: inline-block;text-decoration: none;font-size: 12px;}
.textcenter{text-align:center;}
.flex{display: flex;}
.addnewprojectname{height: 32px;border-radius: 6px;position: relative;font-family: 微軟正黑體;font-weight: bold;color: white;background: #38ab95;cursor: pointer;}
.thead_set_frame{display:none;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #fff;box-shadow: rgba(0, 0, 0, 0.2) 0px -0.15rem 0px inset;z-index: 9999999 !important;border: 1px solid rgba(0,0,0,.2);border-radius: .3rem;outline: 0;}
.thead_set_frame_head{display: flex;justify-content: space-between;border-bottom: 1px solid #e9ecef;padding: 10px;}
.thead_set_frame_head_title{color: #625243;font-weight: bold;font-size: 20px;margin-left: 20px;}
.thead_set_frame_head_close{background-color: transparent;border: 0;color: #625243;font-size: 20px;}
.thead_set_frame_body{position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem;}
.thead_set_frame_foot{display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: end;justify-content: flex-end;padding: 15px;border-top: 1px solid #e9ecef;border-bottom-right-radius: .3rem;border-bottom-left-radius: .3rem;}
.thead_set_frame_cancel{color: #fff;background-color: #6c757d;border-color: #6c757d;display: inline-block;font-weight: 400;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .375rem .75rem;line-height: 1.5;border-radius: .25rem;}
.thead_set_frame_save{margin-left: 10px;color: #fff;background-color: #007bff;border-color: #007bff;display: inline-block;font-weight: 400;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .375rem .75rem;line-height: 1.5;border-radius: .25rem;}
.views_note_input{margin-bottom: 0px;border: 1px solid #dcdcdc;border-radius: 6px;background-color: #fff;padding: 8px 15px 8px 15px;position: relative;}
.views_note_text{color:#757575;font-size: 14px;border: none;margin: 0px;width: 346px;height: 79px;}
.textcss{color: #625243;font-weight: bold;}
.inputdiv{border: 1px solid #dcdcdc;border-radius: 6px;background-color: #fff;padding: 5px 0px 5px 4px;height: 22px;}
.inputdiv_date{outline: 0;border: none;width: 100%;}
.right-arrow_png{background: url(../images/right-arrow_lake.png);width: 20;height: 20;background-size: cover;background-position: center;margin: 6px;}
.searchdate{margin-left: 6px;border-radius: 6px;position: relative;font-family: 微軟正黑體;font-weight: bold;color: white;background: #42bfea;height: 32px;}
.cloudservice_list{cursor: pointer;background-color: rgb(255, 255, 255);line-height: 40px;text-decoration: none;color: #55676d;left: 372px;position: fixed;top: 60px;z-index: 999;width: 150px;/*border-right-style: solid;*/border-bottom-style: solid;/*border-left-style: solid;*/border-color: #42bfea;border-width: 2px;}
.cloudservice_list_div{display: flex;justify-content: center;width: 100%;text-shadow: none;}
#display_cloudservice_list{cursor: pointer;display: flex;}
.cloudservice_list_div:hover {background-color: gainsboro;color: white;}
.index_header_list{/*border-right-style: solid; */border-bottom-style: solid;/* border-left-style: solid; */border-color: #42bfea;border-width: 2px;background-color: gainsboro;position: fixed;display: none; width: 190px;z-index: 999;/*background:#30b8f5;*/background: rgb(255, 255, 255);text-shadow: none;}
.index_header_list_div:hover {background-color: gainsboro;}
.index_header_list_div_cloudservice{cursor: pointer;background-color: rgb(255, 255, 255);text-decoration: none;color: #55676d;left: 190px;position: fixed;top: 160px;z-index: 999;width: 113px;border-bottom-style: solid;border-color: #42bfea;border-width: 2px;}
.index_header_list_div_cloudservice_div{padding: 0 0 0 10px;line-height: 50px;}
.index_header_list_div_cloudservice_div:hover {background-color: gainsboro;}
.registered_btn{border-radius: 99em;padding: 10px 34px;position: relative;font-family: 微軟正黑體;font-weight: bold;color: white;background: #42bfea;margin-top: 20px;}
.registered_btn:hover {background: #01a5de;}
.pc_footer_body{width: 70vw;padding: 40px 0;}
.pc_footer_logo{background: url(../login_images/ICT_TV_3Dlogo_300x90.png);background-size: cover;height: 50px;width: 167px;}
.pc_footer_title{margin: 18px 0px 17px 7px;font-size: 20px;font-weight: 700;color: #fff;}
.pc_footer_body_font{margin: 12px 0px 12px 7px;font-size: 15px;color: #fff;}
.mobile_footer_body_team_2{display: none;}
.pc_footer_body_a:hover {color: #33b3c3;cursor: pointer;}
.logincenter{padding-top: 10vh;}
@media screen and (max-width:1200px){
	.pc_footer_body{width: 80vw;}
}
@media screen and (max-width:850px){
	.pc_footer_body{width: 90vw;}
}
@media screen and (min-width: 740px){
	.index_header_list{display: none !important;}
}
@media screen and (max-width:740px){
#top_logo{margin:10px 10px 20px 20px;}
#top_logo img{width: 230px;}
.htm5call{margin:20px 0 20px 0;}
.htm5call img{width: 60px;}
.head{height:100px;position: static;}
.itemmargin{margin:  0px 10px 0px 10px;}
.headeritem{display: flex;justify-content: flex-start;}
.header_space{display: block;}
.header_space_1{display: none;}
.rowmenu{display: none;}
.webcall_body{margin: auto;}
.body{min-height: calc(100vh - 200px);}
.body_title{margin: auto;font-size: 26px;}
.body_title_title{margin: auto;font-size: 20px;}
.paystep{width: 400px;}
.pf_show {top: auto !important;bottom: 0 !important;max-width: none;margin-left: 0px;}
#shopping_car_badge{right: 12px;bottom: 189px;}
#shopping_car{right: 15px;bottom: 153px;}
.activebody_0 {right: 15px;bottom: 90px;}
.background_canvas{width:100%;background: #FFF;}
.Flex_background_cover{height: calc(100vh - 220px);}
.pc_footer_body_team{display: none;}
.pc_footer_body{display: flex;flex-direction: column-reverse;width: 70vw;}
.mobile_footer_body_team_2{display: block;margin: 0 0 20px;}
.pc_footer_body_font{margin: 0px 0px 12px 7px;}
.logincenter{padding-top: 0px;}
}
@media screen and (max-width:540px){
body::-webkit-scrollbar{width:0px;height:0px;}
.pc_footer_copyright{margin: 0px;font-size: 12px;line-height: 20px;}
.pc_footer_body_font{font-size: 13px;}
.pc_footer_body_read{margin: 0 0 20px;}
.pc_footer_body{width: 80vw;padding: 30px 0 10px;}
}
@media screen and (max-width:420px){
.head{display: flex;justify-content: space-evenly;}
#top_logo{margin:10px 0 20px 0;}
.header_a_clientcenter{margin:0px 10px 0px 10px;}
.paystep{width: 300px;}
#shopping_car_badge{right: 7px;bottom: 189px;}
#shopping_car{right: 10px;bottom: 153px;}
.activebody_0 {right: 10px;bottom: 90px;}
}
@media screen and (max-width:330px){
.itemmargin{margin:  0px 4px 0px 4px;}
.paystep{width: 280px;}
}