.scalehover { transition: .2s ease-in-out; }

.scalehover:hover { transform: scale(1.02); }

#com_table_Dongle, #com_table_Lan, #com_table_Box { display: none; }

table.com_table {
	text-align: left;
	margin: 0 auto;
	border: #999;
	table-layout: fixed;
	border-collapse: collapse;
    border-spacing: 0;
}

.com_table td {
	line-height: 3.0em;
	padding-left: 1.2em;
}

.tb_type {
	font-weight: bold;
	background-color: #abdcf2;
}

table.com_table tbody tr { background-color: #ffffff; }

table.com_table tbody tr:nth-child(2n + 1) { background-color: #e9f6fd; }

@media screen and (max-width: 720px) {
	table.com_table {
		width: 100%;
	}
	.com_table td {
		font-size: 1.0em;
		line-height: 2.4em;
		padding-left: 0.2em;
	}
}

@media screen and (max-width: 360px) {
	.com_table td {
		font-size: 0.8em;
	}
}

#Dongle_btn, #Lan_btn, #Box_btn {
	cursor: pointer;
	display: inline-block;
}

.table_btn_on {
	color: #0dbbf0;
	font-weight: bold;
}

.table_divider {
	background-color: #a2c946;
	font-weight: bold;
	text-align: center;
}

p.wd_blu, a.wd_blu { 
	cursor: pointer; 
	color: #0099cc;
}


.pro_div {
	width: 95vw;
	max-width: 1200px;
	margin: 0 auto;
	padding: 8vh 0;
}

.pro_div img { 
	margin: 2em auto;
	display: block;
	max-width: 90vw;
	max-height: 90vh;
}

.pro_div p, .pro_div a { text-align: center; }

.pro_div p img {
	max-width: 30vw;
	margin-top: 24px;
}

.pro_row_l { 
	width: 49%;
	display: inline-block;
	vertical-align: middle;
}

.pro_row_l p {
	text-align: right;
	width: 60%;
	display: block;
	margin: 0 auto;
}

.pro_row_r {
	width: 49%;
	display: inline-block;
	vertical-align: middle;
}

.pro_row_r p {
	text-align: left;
	width: 60%;
	display: block;
	margin: 0 auto;
}

h1 p, h1 img { display: inline-block; }

#wrapper .pro_titles, #wrapper .ez_tit, #wrapper .ez_tit24{ font-size: 24px; }

.pro_left_text {
	margin-top: -12%;
	margin-right: 60%;
	margin-left: 10%;
}

.pro_left_text p {
	text-align: left;
	width: 90%;
}

.pro_right_text {
	margin-top: -10%;
	margin-left: 60%;
}

.pro_right_text p {
	text-align: left;
	width: 90%;
}

.pro_right_text2 {
	margin-top: -15em;
	margin-left: 53em;
}

.pro_right_text2 p {
	text-align: left;
	width: 90%;
}

.ez_p1, .ez_p2, .ez_p3, .ez_p4, .ez_p5, .ez_p6{ color:#000; } 
		
.nohover:hover{ text-decoration: none; } 

#wrapper p{
    font-size: 1.2em;
    line-height: 1.6em;
}
#wrapper .f24{ font-size: 24px; }
#wrapper .f16{ font-size: 16px; }
#requirement{
	text-align: left; padding:16px 0 16px 16px; margin: 0 auto; max-width:870px; margin-bottom: 64px; background-color:#fcfcfc; box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5); width:90%;
}
#requirement .pro{
	display:inline-block; width:38%; vertical-align:top; max-width:270px;
}
#requirement .req{
	padding-left: 8px; display:inline-block; width:100%; vertical-align:top; min-width:280px;
	background: linear-gradient(to bottom, rgba(0,153,204,0) 6%,rgba(0,153,204,0.75) 6%,rgba(0,153,204,0.75) 64%,rgba(255,255,255,0) 100%) no-repeat top left;
	background-size: 1px 100%;
}
#requirement strong{ color:#0099cc; }

@media screen and (max-width: 980px) {
	.pro_row_l {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
	}
	.pro_row_l p { text-align: center; }
	.pro_row_l p img { float: none; }
	.pro_row_r {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
	}
	.pro_row_r p { text-align: center; }
	.pro_left_text { margin: 0 auto; }
	.pro_left_text p {
		text-align: center;
		width: 80%;
		margin: 0 auto;
	}
	.pro_right_text { margin: 0 auto; }
	.pro_right_text p {
		text-align: center;
		width: 80%;
		margin: 0 auto;
	}
	.pro_right_text2 { margin: 0 auto; }
	.pro_right_text2 p {
		text-align: center;
		width: 80%;
		margin: 0 auto;
	}
}

.vid3 {
    width: 560px;
    height: 350px;
    max-width: 100%;
}