@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,200,300,400,500,600,700,800,900);

@font-face {
    font-family: 'Noto Sans JP';
    font-weight: 100 900; /* 可支持的权重范围 */
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans TC Variable';
    font-weight: 100 900; /* 可支持的权重范围 */
    font-style: normal;
}

body.ja {
    font-family: "Noto Sans JP Variable", sans-serif;
}

body.zh-tw {
    font-family: "Noto Sans TC Variable", sans-serif;
}

.main-content .wrap{
	padding: 30px 45px 50px;
}

.float-right {
    float: right !important;
}

.okuma-border {
    border-radius: 15px; !important;
}

.card-with-okuma-border {
    border-radius: 15px; !important;
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

.card {
    border-radius: 2px;
}

.card {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

/*下方統計區塊*/
.dashboard-region{
	margin-top: 35px;
	display: flex;
	flex-wrap: wrap;
}

.dashboard-region p{
	color: #000000;
}

/*統計區塊-橫*/
.dashboard-region .card-with-okuma-border:has(.title) h1{
    margin-bottom: 0px;
}
.dashboard-region .card-with-okuma-border:has(>.icon){
    flex-direction: row;
    padding: 10px 20px;
    margin-bottom: 10px;
    align-items: center;
}

.dashboard-region .card-with-okuma-border>.icon{
    width: 80px;
    height: 80px;
    margin-right: 1rem;
    border-radius: 50%;
    background-color: #7DEFCC;
}
.card-with-okuma-border>.icon img{
    width: 100%;
    height: 100%;
    object-fit: none;
}
.dashboard-region .card-with-okuma-border:nth-child(2) .icon{
    background-color: #2F8CAA;
}
.dashboard-region .card-with-okuma-border:nth-child(3) .icon{
    background-color: rgba(179,144,248,1);
}

.dashboard-region .card-with-okuma-border .card-header{
    color: #000000;
    background-color:#ffffff;
    padding-top: 20px;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-header {
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    margin-bottom: 0;
    padding: .75rem 1.25rem;
}

.dashboard-region .card-with-okuma-border .card-header:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/*統計區塊-方案*/
.dashboard-region .card-with-okuma-border:has(.plan-box) .card-body{
    padding:.75rem 1.25rem;
}

/*統計區塊-橫*/
.dashboard-region .card:has(.title) h1{
	margin-bottom: 0px;
}
.dashboard-region .card:has(>.icon){
    flex-direction: row;
    padding: 15px 20px;
    margin-bottom: 15px;
    align-items: center;
}

.dashboard-region .card>.icon{
	width: 80px;
	height: 80px;
	margin-right: 1rem;
	border-radius: 50%;
	background-color: #7DEFCC;
}
.card>.icon img{
	width: 100%;
	height: 100%;
    object-fit: none;
}
.dashboard-region .card:nth-child(2) .icon{
	background-color: #2F8CAA;
}

.dashboard-region .card .card-header{
	color: #000000;
	background-color:#ffffff;
	padding-top: 20px;
	font-size: 20px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.card-header {
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    margin-bottom: 0;
    padding: .75rem 1.25rem;
}

.dashboard-region .card .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

/*統計區塊-方案*/
.dashboard-region .card:has(.plan-box) .card-body{
	padding:.75rem 1.25rem;
}



.plan-box{
	width: 100%;
	border: 1px solid #14879E;
	padding: 15px 25px;
	border-radius: 4px;
	margin: 15px 0 20px;
}
.plan-box .title{
	font-size: 32px;
	font-weight: bold;
	color: #000000;
}
.plan-box .text{
	font-size: 18px;
	color: #898989;
}
.plan-item{
	font-size: 16px;
	display: flex;
	margin-bottom: 12px;
	color: #000000;
}
.plan-item .icon{
	margin-right: 15px;
}

/*統計區塊-使用紀錄*/

.dashboard-region .card .card-header a{
	font-size: 16px;
	color: #14879E;
}
.dashboard-region .card-body:has(.log-block) {
	padding:.75rem 1.25rem;
}

ul.log-block{
	list-style: none;
	padding: 0px;
}

ul.log-block li{
	width: 100%;
	color: #000000;
}
.log-item{
	font-size: 18px;
	display: flex;
	border-bottom: 1px solid #EFEFEF;
	padding: 12px;
}

.log-item .number{
	padding-right: 30px;
}

.log-item .date{
	display: inherit;
	font-size: 16px;
}
.log-item .date p{
	font-weight: normal;
	color: #898989;
}
.log-item .date p:first-child{
	margin-right: 8px;
}

.log-item .text{
	width: 100%;
	padding-right: 10px;
}

ul.bussiness-2-content-condition-role {
    /*! list-style: none; */
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    color: #000000;
    white-space: break-spaces;
}

ul.bussiness-2-content-condition-role > li {
    min-width: calc(50% - 1.2rem);
    max-width: 40%;
    padding-right: 2rem;
    margin-left: 1.2rem;
    margin-bottom:0.5rem;
    box-sizing: border-box;
}

ul.bussiness-2-content-condition-role > li::marker {
    color: #fc815a;
    /* margin-right: 5px; */
    font-size: 1.2rem;
}

/*===============================================Sweet Alert 2===============================================*/

.swal2-popup {
	font-size: 1.6rem !important ;
}

/*===============================================Media===============================================*/

.purchase-card {
    width: 100%;
    float: left;
}

.icon_padding {
    padding-left: 15px;
}

.purchase_card_content {
    padding-top: 5px;
    margin-left: 15px;
}

@media (min-width: 375px) {
    .foot-social-block {
        margin-top: 8px;
    }
}

@media (min-width: 375px) and (max-width: 380px) {

}

@media (min-width: 375px) and (max-width: 380px) {
    .term-right-block {
        max-width: 75px;
        margin-top:6px;
        margin-right: -15px;
    }

    .deviceInfoCard {
        padding: 0px;
        border: 0px;
        width: 320px;
        margin-right: 15px;
        border-color: white;
        mso-border-shadow: no;
    }
}

@media (min-width:380px) and (max-width: 390px) {
    .term-right-block {
        max-width: 75px;
        margin-top:6px;
        margin-right: -5px;
    }

    .deviceInfoCard {
        padding: 0px;
        border: 0px;
        width: 340px;
        margin-right: 15px;
        border-color: white;
        mso-border-shadow: no;
    }
}

@media (min-width:395px) {
    .deviceInfoCard {
        padding: 0px;
        border: 0px;
        width: 370px;
        margin-right: 15px;
        border-color: white;
        mso-border-shadow: no;
    }
}


@media (min-width: 391px) and (max-width: 524px) {
    .term-right-block {
        max-width: 109px;
        margin-top:6px;
        margin-right: -15px;
    }
}

@media (min-width: 450px) {
    .purchase-card {
        max-width: 450px; !important;
        float: left;
    }

    .icon_padding {
        padding-left: 25px;
    }

    .purchase_card_content {
        padding-top: 5px;
        margin-left: 15px;
    }

    .foot-social-block {
        margin-top: 8px;
    }
}

@media (max-width: 767px) {
    .dashboard-region-horizontal {
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media (min-width: 767px) {
    .dashboard-region-horizontal {
        margin-left: 50px;
        margin-right: 50px;
    }

    .dashboard-region>div{
        padding-left: 0px;
    }

    .dashboard-region>div:last-child {
        padding-right: 0px;
    }
}

@media (max-width: 1043px) and (min-width: 526px) {
    .term-right-block {
        margin-top:23px;
    }
}

@media (min-width: 1044px) {
    .term-right-block {
        margin-top:7px;
    }
}

@media (max-width: 576px) {
    .foot-social-block {
        margin-top: 8px;
    }
}

@media (max-width: 767px) {
    .footer-container {
        display: flex;
    }
    .email-block {
        margin-left:15px;
        margin-top: 5px;
    }
}

@media (max-width: 390px) {
    .welcom-block .okumaWelcomeIcon {
        height:60px;
        margin-bottom: 5px;
    }

    .welcom-block .textContent {
        margin-left: 20px;
        margin-bottom: 20px;
        display: inline-block;
    }

    .welcom-block .textContent .welcomeText {
        color: #14879E;
        font-family: "Noto Sans TC", sans-serif;
        font-size: 30px;
        font-weight: 900;
        text-align: center;
        vertical-align: middle;
        display:block;
    }

    .welcom-block .textContent .otherText {
        font-family: "Noto Sans TC", sans-serif;
        font-size: 20px;
        font-weight: 900;
        text-align: center;
        vertical-align: middle;
        display:block;
    }
}

@media (max-width: 575px) and (min-width: 391px) {
    .welcom-block .okumaWelcomeIcon {
        height:60px;
        margin-bottom: 15px;
    }

    .welcom-block .textContent {
        margin-left: 20px;
        margin-bottom: 20px;
        display: inline-block;
    }

    .welcom-block .textContent .welcomeText {
        color: #14879E;
        font-family: "Noto Sans TC", sans-serif;
        font-size: 30px;
        font-weight: 900;
        vertical-align: middle;
        display:block;
    }

    .welcom-block .textContent .otherText {
        font-family: "Noto Sans TC", sans-serif;
        font-size: 20px;
        font-weight: 900;
        vertical-align: middle;
        display:block;
    }
}

@media (max-width: 823px) and (min-width: 576px) {
    .welcom-block .okumaWelcomeIcon {
        height:60px;
        margin-bottom: 5px;
    }

    .welcom-block .textContent {
        margin-left: 20px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .welcom-block .textContent .welcomeText {
        color: #14879E;
        font-family: "Noto Sans TC", sans-serif;
        font-size: 30px;
        font-weight: 900;
        vertical-align: middle;
    }

    .welcom-block .textContent .otherText {
        font-family: "Noto Sans TC", sans-serif;
        font-size: 20px;
        font-weight: 900;
        vertical-align: middle;
        margin-left: 10px;
    }
}

@media (max-width: 908px) and (min-width: 824px) {
    .welcom-block .okumaWelcomeIcon {
        height:60px;
        margin-bottom: 25px;
    }

    .welcom-block .textContent {
        margin-left: 20px;
        margin-bottom: 25px;
        display: inline-block;
    }

    .welcom-block .textContent .welcomeText {
        color: #14879E;
        font-family: "Noto Sans TC", sans-serif;
        font-size: 30px;
        font-weight: 900;
        vertical-align: middle;
    }

    .welcom-block .textContent .otherText {
        font-family: "Noto Sans TC", sans-serif;
        font-size: 20px;
        font-weight: 900;
        vertical-align: middle;
        margin-left: 10px;
    }
}

@media (max-width: 962px) and (min-width: 909px) {
    .welcom-block .okumaWelcomeIcon {
        height:60px;
        margin-bottom: 25px;
    }

    .welcom-block .textContent {
        margin-left: 20px;
        margin-bottom: 25px;
        display: inline-block;
    }

    .welcom-block .textContent .welcomeText {
        color: #14879E;
        font-family: "Noto Sans TC", sans-serif;
        font-size: 35px;
        font-weight: 900;
        vertical-align: middle;
    }

    .welcom-block .textContent .otherText {
        font-family: "Noto Sans TC", sans-serif;
        font-size: 25px;
        font-weight: 900;
        vertical-align: middle;
        margin-left: 10px;
    }
}

@media (max-width: 979px) and (min-width: 963px) {
    .welcom-block .okumaWelcomeIcon {
        height:70px;
        margin-bottom: 25px;
    }

    .welcom-block .textContent {
        margin-left: 20px;
        margin-bottom: 25px;
        display: inline-block;
    }

    .welcom-block .textContent .welcomeText {
        color: #14879E;
        font-family: "Noto Sans TC", sans-serif;
        font-size: 39px;
        font-weight: 900;
        vertical-align: middle;
    }

    .welcom-block .textContent .otherText {
        font-family: "Noto Sans TC", sans-serif;
        font-size: 27px;
        font-weight: 900;
        vertical-align: middle;
        margin-left: 10px;
    }
}

@media (max-width: 1043px) {
    .footer-container {
        display: flex;
    }
    .foot-social-block {
        padding-top: 35px;
        margin-left: -285px;
    }
    .email-block {
        margin-left:15px;
        margin-top: 5px;
    }
}

@media (max-width: 1085px) and (min-width: 979px) {

    .welcom-block .okumaWelcomeIcon {
        height:70px;
        margin-bottom: 25px;
    }

    .welcom-block .textContent {
        margin-left: 20px;
        margin-bottom: 25px;
        display: inline-block;
    }

    .welcom-block .textContent .welcomeText {
        color: #14879E;
        font-family: "Noto Sans TC", sans-serif;
        font-size: 40px;
        font-weight: 900;
        vertical-align: middle;
    }

    .welcom-block .textContent .otherText {
        font-family: "Noto Sans TC", sans-serif;
        font-size: 28px;
        font-weight: 900;
        vertical-align: middle;
        margin-left: 10px;
    }
}

@media (max-width:1085px) {
    /*首頁歡迎區塊*/
    .welcom-block{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 30px 25px 0px;
        border-radius: 15px;
        border-bottom: 15px solid #14879E;
        background-color: #ffffff;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 15px;
    }

    .welcom-block .img-block{
        width: 100%;
        text-align: center;
    }

    .welcom-block .img-block img{
        width: 100%;
        max-width: 500px;
    }

    .welcom-block .text{
        color: #515365;
        padding: 2rem;
    }

    .welcom-block h1,.welcom-block h2{
        font-weight: 900;
    }

    .welcom-block .text h1{
        color: 	#14879E;
    }

    .okuma_qrcodes_panel_container {
        margin-left: 10px;
        margin-right: 10px;
        background-color: white;
        border-style: solid;
        border-width: 3px;
        border-color: #14879e;
        border-radius: 15px;
    }

    .okuma_qrcode_title {
        margin-top: 30px;
        margin-bottom: 25px;
    }

    .okuma_qrcode_title h2{
        font-size: 32px;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
    }

    .okuma_qrcodes_panel {
        margin-bottom: 25px;
        #display: flex;
        align-items: center;
        justify-content: center;
    }

    .okuma_qrcode_container {
        margin-right: 25px;
        margin-left: 25px;
        margin-top: 25px;
    }

    .okuma_qrcode_img {
        height: 200px;
    }
}

@media (min-width:1085px) {
    .okuma_qrcodes_panel_container {
        margin-left: 50px;
        margin-right: 50px;
        background-color: white;
        border-style: solid;
        border-width: 3px;
        border-color: #14879e;
        border-radius: 15px;
    }

    .okuma_qrcode_title {
        margin-top: 30px;
        margin-bottom: 25px;
        text-align: center;
    }

    .okuma_qrcodes_panel {
        margin-bottom: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .okuma_qrcode_container {
        margin-right: 25px;
        margin-left: 25px;
    }

    .okuma_qrcode_img {
        height: 200px;
    }

    /*首頁歡迎區塊*/
    .welcom-block{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 30px 25px 0px;
        border-radius: 15px;
        border-bottom: 15px solid #14879E;
        background-color: #ffffff;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 40px;
    }

    .welcom-block .img-block{
        width: 100%;
        text-align: center;
    }

    .welcom-block .img-block img{
        width: 100%;
        max-width: 500px;
    }

    .welcom-block .text{
        color: #515365;
        padding: 2rem;
    }

    .welcom-block h1,.welcom-block h2{
        font-weight: 900;
    }

    .welcom-block .text h1{
        color: 	#14879E;
    }

    .welcom-block .okumaWelcomeIcon {
        height:70px;
        margin-bottom: 25px;
    }

    .welcom-block .textContent {
        margin-left: 20px;
        margin-bottom: 25px;
        display: inline-block;
    }

    .welcom-block .textContent .welcomeText {
        color: #14879E;
        font-family: "Noto Sans TC", sans-serif;
        font-size: 40px;
        font-weight: 900;
        vertical-align: middle;
    }

    .welcom-block .textContent .otherText {
        font-family: "Noto Sans TC", sans-serif;
        font-size: 28px;
        font-weight: 900;
        vertical-align: middle;
        margin-left: 10px;
    }
}

@media (min-width: 1125px) {
    .welcom-block .textContent {
        margin-left: 20px;
        margin-bottom: 25px;
        display: inline-block;
    }

    .welcom-block .textContent .welcomeText {
        color: #14879E;
        font-family: "Noto Sans TC", sans-serif;
        font-size: 45px;
        font-weight: 900;
        vertical-align: middle;
    }

    .welcom-block .textContent .otherText {
        font-family: "Noto Sans TC", sans-serif;
        font-size: 30px;
        font-weight: 900;
        vertical-align: middle;
        margin-left: 10px;
    }
}

@media (min-width: 1153px) {
    .welcom-block .textContent {
        margin-left: 20px;
        margin-bottom: 25px;
        display: inline-block;
    }

    .welcom-block .textContent .welcomeText {
        color: #14879E;
        font-family: "Noto Sans TC", sans-serif;
        font-size: 50px;
        font-weight: 900;
        vertical-align: middle;
    }

    .welcom-block .textContent .otherText {
        font-family: "Noto Sans TC", sans-serif;
        font-size: 30px;
        font-weight: 900;
        vertical-align: middle;
        margin-left: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1398px) {
    .footer-container {
        display: flex;
    }

    .email-block {
        margin-left:15px;
        margin-top: 6px;
    }

	.welcom-block .text {
	    text-align: center;
	}

	.dashboard-region>div {
	    padding: 0px;
   		margin-bottom: 25px;
	}
}

@media (min-width: 1399px) {
    .footer-container {
        display: flex;
    }

    .email-block {
        margin-left:15px;
        margin-top: 6px;
    }

	.welcom-block {
		flex-wrap: nowrap;
		justify-content: center;
	}
	.welcom-block .img-block{

		margin-left: 8%;
		width: 50%;
	    text-align: center;
	}
	.welcom-block .img-block img{
		width: 100%;
		max-width: none;
	}

    .welcom-block .textContent {
        margin-left: 20px;
        margin-bottom: 25px;
        display: inline-block;
    }

    .welcom-block .textContent .welcomeText {
        color: #14879E;
        font-family: "Noto Sans TC", sans-serif;
        font-size: 60px;
        font-weight: 900;
        line-height: 1;
        vertical-align: middle;
    }

    .welcom-block .textContent .otherText {
        font-family: "Noto Sans TC", sans-serif;
        font-size: 40px;
        font-weight: 900;
        line-height: 1;
        vertical-align: middle;
        margin-left: 10px;
    }
}

@media (min-width: 1400px) and (max-width: 1920px) {
    .col-2xl-1,
    .col-2xl-10,
    .col-2xl-11,
    .col-2xl-12,
    .col-2xl-2,
    .col-2xl-3,
    .col-2xl-4,
    .col-2xl-5,
    .col-2xl-6,
    .col-2xl-7,
    .col-2xl-8,
    .col-2xl-9 {
        float: left
    }

    .col-2xl-12 {
        width: 100%
    }

    .col-2xl-11 {
        width: 91.66666667%
    }

    .col-2xl-10 {
        width: 83.33333333%
    }

    .col-2xl-9 {
        width: 75%
    }

    .col-2xl-8 {
        width: 66.66666667%
    }

    .col-2xl-7 {
        width: 58.33333333%
    }

    .col-2xl-6 {
        width: 50%
    }

    .col-2xl-5 {
        width: 41.66666667%
    }

    .col-2xl-4 {
        width: 33.33333333%
    }

    .col-2xl-3 {
        width: 25%
    }

    .col-2xl-2 {
        width: 16.66666667%
    }

    .col-2xl-1 {
        width: 8.33333333%
    }
}

@media (min-width: 1849px) {
    .deviceCombineBlockHeader {
        text-align: center;
        font-size:45px;
        background-color: white;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        margin-top:15px;
        font-weight:600;
        padding-top: 25px;
    }

    .deviceCombineBlockBody {
        width: 100%;
        text-align: center;
        font-size:30px;
        background-color: white;
        fill: white;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        font-weight:900;
        display: inline-block;
    }

    .deviceCombineBlockBody .item {
        float: left;
        width: 27%;
        display: block;
        margin-top:50px;
        padding-top: 50px;
        padding-bottom: 25px;
    }

    .deviceCombineBlockBody .item .title {
        margin-top: 25px;
        font-size: 25px;
    }

    .deviceCombineBlockBody .item .text-content {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
    }

    .deviceCombineBlockBody .item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
    }

    .deviceCombineBlockBody .right-item {
        float: left;
        width: 33%;
        display: flex;
        margin-top:50px;
        padding-top: 50px;
        padding-bottom: 15px;

        border-left: 1px solid rgba(196,196,196,1);
        padding-left: 3%;
        margin-bottom: 25px;
    }

    .deviceCombineBlockBody .right-item .text-content {
        display: block;
        margin-left: 15px;
    }

    .deviceCombineBlockBody .right-item .text-content .title {
        margin-top: 25px;
        font-size: 25px;
        white-space: nowrap;
    }

    .deviceCombineBlockBody .right-item .text-content .highlight-block {
        background: #23FFA5;
        background: linear-gradient(90deg, rgba(35, 255, 165, 1) 0%, rgba(28, 207, 207, 1) 60%, rgba(42, 242, 249, 1) 100%);
        font-size: 19px;
        font-weight: 700;
        border-radius: 30px;
        padding-top: 4px;
        padding-left: 15px;
        padding-right: 15px;
        height: 36px;
        color: white;
        white-space: nowrap;
        margin-right: 55%;
    }

    .deviceCombineBlockBody .right-item .text-content .description {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
    }

    .deviceCombineBlockBody .right-item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
        text-align: left;
    }

    .deviceCombineBlockBody .right-item .purchase-btn a {
        margin-top: 45px;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        vertical-align: middle;
        background: rgba(20,135,158,1);
        color:white;
        border-radius: 5px;
        padding-top: 13px;
        padding-bottom: 13px;
        width:300px;
        display: inline-table;
    }
}

@media (max-width: 1848px) and (min-width: 1560px) {
    .deviceCombineBlockHeader {
        text-align: center;
        font-size:45px;
        background-color: white;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        margin-top:15px;
        font-weight:600;
        padding-top: 25px;
    }

    .deviceCombineBlockBody {
        width: 100%;
        text-align: center;
        font-size:30px;
        background-color: white;
        fill: white;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        font-weight:900;
        display: inline-block;
    }

    .deviceCombineBlockBody .item {
        display: block;
        float: left;
        width: 27%;
        margin-top:50px;
        padding-top: 50px;
        padding-bottom: 25px;
    }

    .deviceCombineBlockBody .item .title {
        margin-top: 25px;
        font-size: 25px;
    }

    .deviceCombineBlockBody .item .text-content {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
    }

    .deviceCombineBlockBody .item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
    }

    .deviceCombineBlockBody .right-item {
        display: flex;
        float: left;
        width: 27%;
        margin-top:50px;
        padding-top: 50px;
        padding-bottom: 15px;

        border-left: 1px solid rgba(196,196,196,1);
        padding-left: 3%;
        margin-bottom: 25px;
    }

    .deviceCombineBlockBody .right-item img {
        float: left;
        height: 100%;
    }

    .deviceCombineBlockBody .right-item .text-content {
        display: block;
        margin-left: 15px;
    }

    .deviceCombineBlockBody .right-item .text-content .title {
        margin-top: 25px;
        font-size: 25px;
        white-space: normal;
        width: 165px;
        text-align: left;
    }

    .deviceCombineBlockBody .right-item .text-content .highlight-block {
        background: #23FFA5;
        background: linear-gradient(90deg, rgba(35, 255, 165, 1) 0%, rgba(28, 207, 207, 1) 60%, rgba(42, 242, 249, 1) 100%);
        font-size: 19px;
        font-weight: 700;
        border-radius: 30px;
        padding-top: 4px;
        padding-left: 15px;
        padding-right: 15px;
        height: 36px;
        color: white;
        white-space: nowrap;
        width: 112px;
    }

    .deviceCombineBlockBody .right-item .text-content .description {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
    }

    .deviceCombineBlockBody .right-item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
        text-align: left;
    }

    .deviceCombineBlockBody .right-item .purchase-btn a {
        margin-top: 45px;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        vertical-align: middle;
        background: rgba(20,135,158,1);
        color:white;
        border-radius: 5px;
        padding-top: 13px;
        padding-bottom: 13px;
        width:150px;
        display: inline-table;
    }
}

@media (max-width: 1559px) and (min-width: 1280px) {
    .deviceCombineBlockHeader {
        text-align: center;
        font-size:45px;
        background-color: white;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        margin-top:15px;
        font-weight:600;
        padding-top: 25px;
    }

    .deviceCombineBlockBody {
        width: 100%;
        text-align: center;
        font-size:30px;
        background-color: white;
        fill: white;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        font-weight:900;
        display: inline-block;
    }

    .deviceCombineBlockBody .item {
        float: left;
        width: 25%;
        display: block;
        margin-top:50px;
        padding-top: 50px;
        padding-bottom: 25px;
    }

    .deviceCombineBlockBody .item img {
        width: 70%;
    }

    .deviceCombineBlockBody .item .title {
        margin-top: 25px;
        font-size: 25px;
    }

    .deviceCombineBlockBody .item .text-content {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
    }

    .deviceCombineBlockBody .item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
    }

    .deviceCombineBlockBody .right-item {
        float: left;
        width: 50%;
        display: flex;
        margin-top:50px;
        padding-top: 50px;
        padding-bottom: 15px;

        border-left: 1px solid rgba(196,196,196,1);
        padding-left: 3%;
        margin-bottom: 25px;
    }

    .deviceCombineBlockBody .right-item img {
        width: 140%;
        height: 70%;
    }

    .deviceCombineBlockBody .right-item .text-content {
        display: block;
        margin-left: 15px;
    }

    .deviceCombineBlockBody .right-item .text-content .title {
        margin-top: 25px;
        font-size: 25px;
        white-space: normal;
        width: 165px;
        text-align: left;
    }

    .deviceCombineBlockBody .right-item .text-content .highlight-block {
        background: #23FFA5;
        background: linear-gradient(90deg, rgba(35, 255, 165, 1) 0%, rgba(28, 207, 207, 1) 60%, rgba(42, 242, 249, 1) 100%);
        font-size: 19px;
        font-weight: 700;
        border-radius: 30px;
        padding-top: 4px;
        padding-left: 15px;
        padding-right: 15px;
        height: 36px;
        color: white;
        width: 152px;
        #white-space: nowrap;
    }

    .deviceCombineBlockBody .right-item .text-content .description {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
    }

    .deviceCombineBlockBody .right-item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
        text-align: left;
    }

    .deviceCombineBlockBody .right-item .purchase-btn a {
        margin-top: 45px;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        vertical-align: middle;
        background: rgba(20,135,158,1);
        color:white;
        border-radius: 5px;
        padding-top: 13px;
        padding-bottom: 13px;
        width:150px;
        display: inline-table;
    }
}

@media (max-width: 1279px) and (min-width: 810px) {
    .deviceCombineBlockHeader {
        text-align: center;
        font-size:45px;
        background-color: white;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        margin-top:15px;
        font-weight:600;
        padding-top: 25px;
    }

    .deviceCombineBlockBody {
        width: 100%;
        text-align: center;
        font-size:30px;
        background-color: white;
        fill: white;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        font-weight:900;
        display: inline-block;
    }

    .deviceCombineBlockBody .item {
        float: left;
        width: 50%;
        display: block;
        margin-top:50px;
        padding-top: 50px;
        padding-bottom: 25px;
    }

    .deviceCombineBlockBody .item img {
        width: 70%;
    }

    .deviceCombineBlockBody .item .title {
        margin-top: 25px;
        font-size: 25px;
    }

    .deviceCombineBlockBody .item .text-content {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
    }

    .deviceCombineBlockBody .item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
    }

    .deviceCombineBlockBody .right-item {
        float: left;
        width: 100%;
        display: flex;

        padding-top: 50px;
        padding-bottom: 15px;
        border-top: 1px solid rgba(196,196,196,1);

        margin-top:50px;
        margin-left: 3%;
        margin-bottom: 25px;
    }

    .deviceCombineBlockBody .right-item img {
        width: 140%;
        height: 70%;
    }

    .deviceCombineBlockBody .right-item .text-content {
        display: block;
        margin-left: 15px;
    }

    .deviceCombineBlockBody .right-item .text-content .title {
        margin-top: 25px;
        font-size: 25px;
        white-space: normal;
        width: 165px;
        text-align: left;
    }

    .deviceCombineBlockBody .right-item .text-content .highlight-block {
        background: #23FFA5;
        background: linear-gradient(90deg, rgba(35, 255, 165, 1) 0%, rgba(28, 207, 207, 1) 60%, rgba(42, 242, 249, 1) 100%);
        font-size: 19px;
        font-weight: 700;
        border-radius: 30px;
        padding-top: 4px;
        padding-left: 15px;
        padding-right: 15px;
        height: 36px;
        color: white;
        width: 152px;
        #white-space: nowrap;
    }

    .deviceCombineBlockBody .right-item .text-content .description {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        margin-right: 25px;
    }

    .deviceCombineBlockBody .right-item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
        text-align: left;
        margin-right: 25px;
    }

    .deviceCombineBlockBody .right-item .purchase-btn a {
        margin-top: 45px;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        vertical-align: middle;
        background: rgba(20,135,158,1);
        color:white;
        border-radius: 5px;
        padding-top: 13px;
        padding-bottom: 13px;
        width:150px;
        display: inline-table;
    }
}

@media (max-width: 809px) and (min-width: 429px) {
    .deviceCombineBlockHeader {
        text-align: center;
        font-size:45px;
        background-color: white;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        margin-top:15px;
        font-weight:600;
        padding-top: 25px;
    }

    .deviceCombineBlockBody {
        width: 100%;
        text-align: center;
        font-size:30px;
        background-color: white;
        fill: white;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        font-weight:900;
        display: inline-block;
    }

    .deviceCombineBlockBody .item {
        float: left;
        width: 100%;
        display: block;
        margin-top:50px;
        padding-top: 50px;
        padding-bottom: 25px;
    }

    .deviceCombineBlockBody .item img {
        width: 70%;
    }

    .deviceCombineBlockBody .item .title {
        margin-top: 25px;
        font-size: 25px;
    }

    .deviceCombineBlockBody .item .text-content {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
    }

    .deviceCombineBlockBody .item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
    }

    .deviceCombineBlockBody .right-item {
        float: left;
        width: 100%;
        display: flex;

        padding-top: 50px;
        padding-bottom: 15px;
        border-top: 1px solid rgba(196,196,196,1);

        margin-top:50px;
        margin-left: 3%;
        margin-right: 150%;
        margin-bottom: 25px;
    }

    .deviceCombineBlockBody .right-item img {
        width: 140%;
        height: 70%;
    }

    .deviceCombineBlockBody .right-item .text-content {
        display: block;
        margin-left: 15px;
    }

    .deviceCombineBlockBody .right-item .text-content .title {
        margin-top: 25px;
        font-size: 25px;
        white-space: normal;
        width: 165px;
        text-align: left;
    }

    .deviceCombineBlockBody .right-item .text-content .highlight-block {
        background: #23FFA5;
        background: linear-gradient(90deg, rgba(35, 255, 165, 1) 0%, rgba(28, 207, 207, 1) 60%, rgba(42, 242, 249, 1) 100%);
        font-size: 19px;
        font-weight: 700;
        border-radius: 30px;
        padding-top: 4px;
        padding-left: 15px;
        padding-right: 15px;
        height: 36px;
        color: white;
        width: 152px;
        #white-space: nowrap;
    }

    .deviceCombineBlockBody .right-item .text-content .description {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        margin-right: 25px;
    }

    .deviceCombineBlockBody .right-item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
        text-align: left;
        margin-right: 25px;
    }

    .deviceCombineBlockBody .right-item .purchase-btn a {
        margin-top: 45px;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        vertical-align: middle;
        background: rgba(20,135,158,1);
        color:white;
        border-radius: 5px;
        padding-top: 13px;
        padding-bottom: 13px;
        width:150px;
        display: inline-table;
    }
}

@media (max-width: 428px) {
    .deviceCombineBlockHeader {
        text-align: center;
        font-size:45px;
        background-color: white;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        margin-top:15px;
        font-weight:600;
        padding-top: 25px;
    }

    .deviceCombineBlockBody {
        width: 100%;
        text-align: center;
        font-size:30px;
        background-color: white;
        fill: white;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        font-weight:900;
        display: inline-block;
    }

    .deviceCombineBlockBody .item {
        float: left;
        width: 100%;
        display: block;
        margin-top:50px;
        padding-top: 50px;
        padding-bottom: 25px;
    }

    .deviceCombineBlockBody .item img {
        width: 70%;
    }

    .deviceCombineBlockBody .item .title {
        margin-top: 25px;
        font-size: 25px;
    }

    .deviceCombineBlockBody .item .text-content {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
    }

    .deviceCombineBlockBody .item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
    }

    .deviceCombineBlockBody .right-item {
        float: left;
        width: 100%;
        display: block;

        border-top: 1px solid rgba(196,196,196,1);
        margin-top:50px;
        padding-bottom: 25px;
    }

    .deviceCombineBlockBody .right-item img {
        height: 50%;
        margin-bottom: 25px;
    }

    .deviceCombineBlockBody .right-item .text-content {
        display: block;
        margin-left: 15px;
        align-content: center;
    }

    .deviceCombineBlockBody .right-item .text-content .title {
        margin-top: 25px;
        font-size: 25px;
        white-space: normal;
        text-align: center;
    }

    .deviceCombineBlockBody .right-item .text-content .highlight-block {
        background: #23FFA5;
        background: linear-gradient(90deg, rgba(35, 255, 165, 1) 0%, rgba(28, 207, 207, 1) 60%, rgba(42, 242, 249, 1) 100%);
        font-size: 19px;
        font-weight: 700;
        border-radius: 30px;
        padding-top: 3px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        height: 36px;
        color: white;
        margin-left: 30%;
        margin-right: 30%;
    }

    .deviceCombineBlockBody .right-item .text-content .description {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
        margin-right: 25px;
    }

    .deviceCombineBlockBody .right-item .remark {
        margin-top: 25px;
        font-size: 14px;
        font-weight: 200;
        text-align: left;
        margin-right: 25px;
    }

    .deviceCombineBlockBody .right-item .purchase-btn a {
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        vertical-align: middle;
        background: rgba(20,135,158,1);
        color:white;
        border-radius: 5px;
        padding-top: 13px;
        padding-bottom: 13px;
        width: 80%;
        display: inline-table;
        margin-top: 25px;
    }
}