@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);}
br{
	display:none;
}
.head{
	width:100vw;margin:auto;overflow:hidden;background:#FFF;z-index:999;display: flex;flex-direction: row;position: fixed;
	align-items:center;
}
.head,.header_space_1{
	height:150px;
}
.logo-div {
    display: flex;
    align-items: center;
    width: 13vw;
    position: absolute;
    z-index: 100;
    height: 40%;
    background-image: url(../login_images/jbroadlogo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0px center;
    justify-content: space-around;
    left: 10%;
}
.service_short {
    cursor: pointer;
    right: 0px;
    position: fixed;
    top: 160px;
    z-index: 99;
}
.mobile_menu {
    position: absolute;
	display:none;
}
#top_logo {margin: 3px 10px 0px 30px;}
#top_logo img{width: 150px;}

.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,.btn_TOP {height: 45px;width: 45px;position: fixed;right: 29px;bottom: 30px;/*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:white;margin: 0px 0px 0px 20vw;width: 100vw;display: flex;justify-content: center;align-items: center;}
.rowmenu>a>div{font-size: 22px;}
.bottom_hover:hover {border-bottom: 3px solid #FFF;color:#0470c5}
.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-wrap: wrap;}/*xy:flex-wrap: wrap;*/
.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;display: flex;justify-content: center;}
.pc_footer_logo {
    background: url(../login_images/jbroadlogo.png);
    background-size: contain;
    height: 50px;
    width: 167px;
    background-repeat: no-repeat;
}
.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;}
.oxygen-3 {
    text-decoration: none;
    color: #5e5d5d;
    margin: 0 30px;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
	padding-bottom: 20px;
	padding-top: 10px;
}
.oxygen-3>div{
	white-space:nowrap; 
	text-align: center;
}
.oxygen-2{
	/*line-height: 60px;*/ text-decoration:none;color: #5e5d5d;margin: 0 30px;font-size:18px;
}
.oxygen-1 {
    font-weight: bold;
}
.logincenter{padding-top: 10vh;}
.empty-div,.empty-div2{
	width:20%;
}
.cloudservice_rowbox{width: 95vw;padding-bottom: 30px;}
.cloudservice_row{padding: 40px 0px 0px 0px;display: flex;justify-content: space-between;width:100%;}
.cloudservice_rowimg{width: 550px;height: 330px;background-repeat: no-repeat;background-size: contain;
	/*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);*/
	background-position:center;
    border-radius: 10px;
	cursor: pointer;
}
.cloudservice_rowtext{width: 400px;}
.cloudservice_rowimgbox{width: 50%;display: flex;justify-content: center;}
.cloudservice_rowtextbox{width: 50%;display: flex;justify-content: center;}
.cloudservice_rowtext_h3{color: #46a4eb;}
.readmore_cloudservice{text-decoration: none;background-color: #ff8d7d;padding: 6px 11px;color: white;}
.readmore_cloudservice:hover {background-color: #fd624c;}
.cloudservice_rowtext_h1{margin: 0px;color: #4c8ed3;}
.cloudservice_rowtext_p{color: #625243;}
.cloudservice_paddingtop {
    padding: 40px 0px 0px 0px;
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.cloudservice_bordertop{border-top: 1px solid #e7e6e6;}
a[class^="more_"] {
    border: 1px solid #7a84cd;
    color: #7a84cd;
    font-size: 90%;
    padding: 5px 10px;
    cursor: pointer;
}
.is-center {
    box-shadow: unset;
    background-size: 50%;
    background-position-y: 3.5%;
}
.gif-img{
	background-position:center;
	box-shadow:unset;
}
#UUUab{
	display:flex;
	justify-content:center;
}
.img-self {
	object-fit: contain;
	height:100%;
	width: 100%;
}	
.ui-dialog .ui-dialog-titlebar-close {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.ui-widget-overlay {
    background: black;
    opacity: 0.5;
    -ms-filter: Alpha(Opacity=.3);
}
.go-home{
	display:none;
}
.menu-select {
    border-bottom: 2px solid #0470c5;
}
.cloudservice_rowimgbigbox {
    width: 60%;
    display: flex;
    justify-content: center;
}
.cloudservice_rowtextsmallbox {
    width: 40%;
    display: flex;
    justify-content: center;
}

.cloudservice_bigrowimg {
    width: 100%;
    height:unset;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 10px;
    cursor: pointer;
}
div[class^="product_"]{
	width:80%;
}
.imgall-out {
    width: 100%;
	height:100%;
    display: flex;
    justify-content: center;
}
.linkicon {
    height: 50px;
    width: 50px;
}
.footer_fbline_div{
    display: flex;
    width: 100%;
    justify-content: center;
}
.smallEng{
	text-align: center;
}
div.a_product_item{
	width: 60%;
	height: auto;
    background-color: white;
	border-radius: 10px;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 90px;
    left: 20px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	display: none;
}
div.a_product_item .menu-select{
	border-bottom: none;
	border: 1px solid #6d6d6d;
	border-radius: 5px;
}
.a_product_item>a{
	margin-top: 10px;
}
a.product_list{
	display: block;
}

div.a_product_item:hover,
a.product_list:hover + div.a_product_item {
	display: block;
}
.htm5call {
	position: absolute;
	right: -15px;
}

@media screen and (max-width:1700px){
	.oxygen-3 {
		margin: 0 10px;
	}
	.oxygen-2 {
		margin: 0 10px;
	}
	/* .htm5call {
		position: absolute;
		right: 5%;
	} */
	
}
@media screen and (max-width:1500px){
	.logo-div {
		width:13vw;
		left:5%;
	}
	.oxygen-3 {
		margin: 0 5px;
	}
	.oxygen-2 {
		margin: 0 5px;
	}
	/* .htm5call {
		position: absolute;
		right: 0;
	}	 */
}

@media screen and (max-width:1200px){
	.pc_footer_body{width: 80vw;}
	/* .htm5call {
		display:none;
	} */
	.norzh{
		text-align: center;
	}
	.smallEng{
		font-size: 15px;
        color: #8d8d8d;
		text-align: center;
	}
	br{
		display:block;
	}
}
@media screen and (max-width:1060px){
	.cloudservice_rowimg{width: 400px;height: 200px;}
	.cloudservice_rowtext_h1{font-size: 28px;}
	.cloudservice_rowtext_h3{margin: 5px 0px 0px;}
	.logo-div {
		left: 2%;
	}
}

@media screen and (max-width:850px){
	.ui-dialog .ui-dialog-titlebar {
		font-size:150%
	}
	.ui-dialog .ui-dialog-titlebar-close {
		width:4vw;
		height:4vw;
	}	
	.img-self {
		object-fit: contain;
		height:100%;
		width: 100%;
	}	
	.cloudservice_paddingtop {
		padding: 20px 0px 0px 0px;
	}
	.empty-div, .empty-div2 {
		width: 0%;
	}	
	.cloudservice_solgan_position {
		height: auto;
	}
	.cloudservice_img_item_position {
		height: calc(calc(100vh - 60px) * 0.3);
	}	
	.Flex_background_cover {
		height: auto;
	}

	.pc_footer_body{width: 90vw;}
	.cloudservice_rowimg{width: 350px;height: 175px;}
	.cloudservice_rowtext_p{
		font-size: 18px;
		line-height: 33px;		
	}
	.cloudservice_rowtext{width: 350px;}

	.rowmenu {
		margin: 0px 0px 0px 0px;
	}
	.oxygen-2{
		display:none;
	}	
	.empty-div3 {
		width: 10%;
	}
	.cloudservice_rowimgbigbox {
		width: 50%;
	}
	.cloudservice_imgall {
		height: 30vh;
		padding: 0;
	}
}
@media screen and (min-width: 740px){
	.index_header_list{display: none !important;}
}


@media screen and (max-width:740px){
	div.a_product_item{
		width: 80%;
		background-color: aliceblue;
		position: static;
		display: flex;
		margin-left: auto;
	}
	
	br{
		display:none; 
	}
.cloudservice_bordertop {
    padding: 0;
}	
.empty-div3 {
    width: 0%;
}		
.cloudservice_imgall {
	height:25vh;
}	
#top_logo{margin:10px 10px 20px 20px;}
#top_logo img{width: 230px;}
.cloudservice_rowimg{width: 300px;height: 150px;margin: 20px 0 0 0;}
.cloudservice_rowtext_h1{font-size: 24px;}
.cloudservice_rowtext_h3{font-size: 18px;}
.cloudservice_rowtext_p{margin: 5px 0px 10px;}
.cloudservice_rowtext{width: 300px;}
.readmore_cloudservice{font-size: 14px;padding: 5px 12px;}
.go-home{
	display:flex;
}
.mobile_menu {
    display: flex;
    height: 100%;
    align-items: center;
	right:5%;
}
.ui-dialog {
    background: transparent;
}
.ui-widget-overlay {
    background: black;	
    opacity: 0.8;
}
.mobile_menu a {
    width: 24px;
    height: 24px;
}

.oxygen-1{height:60px;}
.oxygen-3, .oxygen-2 {
    padding: 5px 10px;
    width: 80%;
    border-bottom: 1px solid lightgray;
    font-size: 120%;
    margin-top: 10px;
    font-weight: 900;
    letter-spacing: 1px;
}
.menu-select {
    border-bottom: 2px solid #0470c5;
}
.rowmenu {
    flex-direction: column;
    height: 100vh;
    justify-content: flex-start;
    z-index: 100;
    position: fixed;
    top: 60px;
    margin: 0;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    display: none;
    background-color: aliceblue;
    width: 100vw;
}
.logo-div {
    width: 50vw;
    left: 5%;
    height: 60%;
}
.head,.header_space_1{
	height:60px;
}
.itemmargin{margin:  0px 10px 0px 10px;}
.headeritem{display: flex;justify-content: flex-start;}
.header_space{display: block;}
.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,.btn_TOP {right: 15px;bottom: 30px;}
.background_canvas{width:100%;background: #FFF;}
.Flex_background_cover{height: auto;}
.cloudservice_solgan_position {
    height: calc(calc(100vh - 220px) * 0.5);
}
.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:660px){
	.cloudservice_imgright{display: flex;flex-direction: column;}
	.cloudservice_imgleft{display: flex;flex-direction: column-reverse;}
	.cloudservice_rowimgbox{width: 100%;}
	.cloudservice_rowtextbox{width: 100%;}
	.cloudservice_rowimg{width: 450px;height: 225px;}
	.cloudservice_rowtext{width: 450px;}
	.cloudservice_bordertop{border-top: 0px}
	.cloudservice_bigrowimg {
		height:235px;
	}
	.cloudservice_rowtext_p{
		font-size: 18px;
		line-height: 26px;		
	}	
	.cloudservice_rowtextsmallbox {
		width: 100%;
	}
	.cloudservice_rowimgbigbox {
		width: 100%;
	}	
}
@media screen and (max-width:540px){
	.cloudservice_bigrowimg {
		height:200px;
	}		
.ui-dialog .ui-dialog-titlebar {
	font-size:110%
}
.ui-dialog .ui-dialog-titlebar-close {
	width:3vh;
	height:3vh;
}			
.oxygen-1{height:60px;}	
.oxygen-3{
	margin: 0;
}
.cloudservice_paddingtop {
    padding: 15px 0px 0px 0px;
}


.cloudservice_rowimg{width: 350px;height: 175px;}
.cloudservice_rowtext{width: 350px;}
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){
	.cloudservice_bigrowimg {
		height:190px;
	}		
	.cloudservice_rowimg{width: 330px;height: 165px;}
	.cloudservice_rowtext{width: 330px;}	
#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,.btn_TOP {right: 10px;bottom: 30px;}
}
@media screen and (max-width:330px){
.itemmargin{margin:  0px 4px 0px 4px;}
.paystep{width: 280px;}
	.cloudservice_rowimg{width: 300px;height: 150px;}
	.cloudservice_rowtext{width: 300px;}
}