@charset "utf-8";
#bo_intro {margin:60px 20px 40px 20px;font-size:16px;text-align:center;line-height:24px;}
#bo_intro strong {display:block;margin:10px 0;color:#222;font-size:30px;font-weight:700;line-height:36px;}

#bo_v_title {display:block;width:100%;padding:80px 0;color:#fff;font-size:16px;font-weight:normal;line-height:24px;background:#00B8FC}

#bo_v_overview {display:block;width:100%;max-width:1200px;margin:0 auto;}
#bo_v_overview:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_overview h2 {display:block;margin:0 0 20px 0;color:#fff;font-size:30px;font-weight:700;line-height:36px;}

.ovw_img {float:left;position:relative;width:50%;text-align:center}
.ovw_img img {width:100%;max-width:393px;height:auto;}
.ovw_con {float:left;position:relative;width:50%;}
.ovw_con p {margin:0 0 20px 0;padding:20px;color:#fff;font-size:16px;line-height:28px;border-top:solid 1px;border-bottom:solid 1px;border-color:rgba(255,255,255,0.4)}

.tap_img {float:left;position:relative;width:45%;margin:0 5% 0 0;padding:120px 0;text-align:center;background:url(/images/tap_intro.jpg) no-repeat 50% 50%;background-size:cover;}
.tap_img strong {display:block;margin:0 0 24px 0;color:#fff;font-size:44px;font-weight:700;}
.tap_img p {display:block;width:100%;max-width:400px;margin:0 auto;color:#fff;font-size:18px;line-height:28px;font-weight:700;}

#tap_2ver {padding:60px 0;}
#tap_2ver h2 {display:block;margin:0 0 36px 0;color:#222;font-size:36px;font-weight:700;text-align:center;}
#tap_2ver p {width:100%;max-width:500px;margin:0 auto 60px auto;font-size:16px;line-height:28px;text-align:center;}
#tap_2ver ul {width:100%;max-width:1000px;margin:0 auto;}
#tap_2ver ul:after {display:block;visibility:hidden;clear:both;content:""}
#tap_2ver ul li {display:block;float:left;width:50%;color:#444;text-align:center;}
#tap_2ver ul li .img {width:80%;max-width:400px;margin:0 auto 24px auto;}
#tap_2ver ul li .img img {width:100%;height:auto}
#tap_2ver ul li a {display:block;margin:0 0 12px 0;text-align:center;}
#tap_2ver ul li a img {width:auto;height:25px;margin:0 3px;}

#tap_2ver ul.col-3 {}
#tap_2ver ul.col-3 li {width:33.33%;}

ul.bo_v_point {width:100%;margin:0 0 20px 0;padding:20px;border-top:solid 1px;border-bottom:solid 1px;border-color:rgba(255,255,255,0.4)}
ul.bo_v_point li {display:block;padding:8px 0 8px 8px;line-height:normal;background:url(/images/bullet_w.png) no-repeat 0 15px;}

.ovw_con a.btn_pdf {display:inline-block;margin:0 20px 0 0;padding:4px 0;color:#fff;font-size:14px;line-height:normal;}
.ovw_con a.btn_pdf img {width:30px;height:auto}

#bo_v_atc {width:100%;max-width:1200px;margin:0 auto;padding:60px 0;}
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_con {width:100%;min-height:200px;overflow:hidden;line-height:22px;word-break:break-all;}
#bo_v_con:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_con p {margin:0 0 40px 0;color:#666;font-size:16px;line-height:24px;wrod-break:keep-all;word-wrap:break-word;}
#bo_v_con p strong {display:block;margin:0 0 10px 0;color:#222;font-size:22px;font-weight:700;line-height:30px;}
#bo_v_con p:last-child {margin:0;}
#bo_v_con a {color:#222;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_con .refer {color:#f63941;font-size:14px;}
#bo_v_con .p_point {color:#444;text-decoration:underline}
#bo_v_con .p_li {display:block;margin:0 0 4px 0;padding:0 0 0 8px;color:#666;line-height:22px;background:url(/images/bullet.png) no-repeat 0 8px;}

#p_intro {margin:0 0 80px 0;font-size:24px;text-align:center;line-height:36px;}
#p_intro strong {font-weight:700}
#p_intro ul.p_intro_ul {}
#p_intro ul.p_intro_ul:after {display:block;visibility:hidden;clear:both;content:""}
#p_intro ul.p_intro_ul li {display:block;float:left;width:33.3%;text-align:center;}
#p_intro ul.p_intro_ul li p {margin:30px 0 0 0;font-size:24px;line-height:36px;}

#p_wrap {display:table;width:100%;margin:0 0 60px 0;}
#p_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#p_wrap .ovw_photo {display:table-cell;position:relative;width:60%;padding:5%;background:#00B8FC;vertical-align:middle;}
#p_wrap .p_con {display:table-cell;width:50%;padding:60px;vertical-align:middle;}
#p_wrap .p_con a {color:#444;text-decoration:underline}
#p_wrap .p_img {display:table-cell;width:50%;vertical-align:middle;}
#p_wrap .p_img img {width:100%;height:auto;}
#p_wrap .p_img2 {display:none}
#p_wrap .p_img2 img {width:100%;height:auto;}
#p_wrap .p_con_half {float:left;width:50%;padding:60px;}
#p_wrap .p_con_full {width:100%;padding:0 60px 60px 60px;}
#p_wrap .utube {position:absolute;left:50%;top:50%;margin:-23px 0 0 -40px;}
#p_wrap .utube img {
filter:alpha(opacity=0.6); /* ie  */
opacity: 0.6; /* css standard, currently it works in most modern browsers like firefox,  */ 

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#p_wrap .utube img:hover {
filter:alpha(opacity=0.8); /* ie  */
opacity: 0.8; /* css standard, currently it works in most modern browsers like firefox,  */ 
}

.clb {clear:both}

#p_wrap2 {display:table;width:100%;margin:0 0 60px 0;}
#p_wrap2:after {display:block;visibility:hidden;clear:both;content:""}

#p_wrap2 .ovw_photo {display:table-cell;position:relative;width:60%;padding:5%;background:#00B8FC;vertical-align:middle;}
#p_wrap2 .p_con {display:table-cell;width:50%;padding:60px;vertical-align:middle;}
#p_wrap2 .p_img {display:table-cell;width:50%;vertical-align:middle;}
#p_wrap2 .p_img img {width:100%;height:auto;}

#bo_v_spec {background:#f6f6f6;border-top:solid 1px #ddd;}

#spec_wrap {width:100%;max-width:1200px;margin:0 auto;padding:60px 0;}
#spec_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#spec_wrap h2 {display:block;margin:0 0 40px 0;color:#222;font-size:30px;text-align:center;font-weight:700;line-height:36px;}
/*
#spec_wrap .spec_p {float:left;width:40%;}
#spec_wrap .spec_p_last {float:left;width:20%;}
*/
#spec_wrap .spec_p {float:left;width:40%;padding:0px 10px;}
#spec_wrap .spec_p_last {float:left;width:20%;padding:0px 10px;}
#spec_wrap dl {margin:0 17% 30px 0;}
#spec_wrap dl dt {display:block;margin:0 0 20px 0;color:#222;font-size:20px;font-weight:700;}
#spec_wrap dl dd {display:block;margin:0 0 10px 0;color:#666;font-size:16px;line-height:24px;}
#spec_wrap dl dd strong {font-weight:700}
#spec_wrap dl.dl_list dd {padding:0 0 0 10px;background:url(/images/bullet.png) no-repeat 0 10px;}
#spec_wrap dl dd.dl_strong {font-weight:700;padding:0;background:none}
#spec_wrap dl dd.dl_depth {padding:0 0 0 30px;}


a.btn_moreinfo {display:block;padding:20px 0;color:#666;font-size:16px;font-weight:normal;text-align:center;
background-image: linear-gradient(#f6f6f6, #fff);
}



#bo_list {padding:60px 0;background:#f6f6f6}

#solution_wrap {max-width:1200px;margin:0 auto}
#solution_wrap ul {}
#solution_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#solution_wrap ul li {display:block;width:100%;margin:0 0 40px 0;padding:0 40px 40px 40px;border-bottom:solid 1px #ddd;}
#solution_wrap ul li:after {display:block;visibility:hidden;clear:both;content:""}
#solution_wrap ul li .box-50 {float:left;width:50%}
#solution_wrap ul li .box-33 {float:left;width:33.33%}
#solution_wrap ul li .box1-50 {float:left;width:100%}
/* #solution_wrap ul li .box {float:center;width:500px;margin:30px;padding:30px;background:#fff;border:solid 1px #ccc;} */
#solution_wrap ul li .box {margin:30px;padding:30px;background:#fff;border:solid 1px #ccc;}
#solution_wrap ul li .box p span{text-align:center;display:block;margin:0 0 16px 0;color:#666;font-size:16px;font-weight:400;line-height:26px;}
#solution_wrap ul li .box p {text-align:center;display:block;margin:0 0 16px 0;color:#222;font-size:20px;font-weight:700;line-height:26px;}
#solution_wrap ul li .img {float:left;width:200px;margin:0 40px 0 0;padding:0;background:#fff;border:solid 1px #ccc;}
#solution_wrap ul li .img img {width:100%;height:auto}
#solution_wrap ul li .con {}
#solution_wrap ul li strong {display:block;margin:0 0 16px 0;color:#222;font-size:16px;font-weight:700;line-height:26px;}
#solution_wrap ul li p {color:#666;font-size:16px;line-height:24px;}
#solution_wrap ul li .con a {display:inline-block;width:160px;height:30px;margin:20px 0 0 0;padding:0 50px 0 10px;color:#444;font-size:16px;line-height:30px;text-align:left;background:url(/images/arrow.gif) no-repeat right 50%;border-bottom:solid 1px #ccc;}

#guide_buy_info {margin:0;padding:60px 0;color:#ccc;font-size:16px;text-align:center;line-height:24px;background:url(/images/logitec_by_bg.jpg) no-repeat 50% 50%;background-size:cover}
#guide_buy_info h2 {display:block;margin:0 0 20px 0;color:#fff;font-size:24px;text-align:center;font-weight:normal;line-height:30px;}
#guide_buy_info p {margin:0 0 40px 0;}
#guide_buy_info p strong {color:#ff7700;font-weight:normal}
#guide_buy_info a.buy_info_tel {display:inline-block;height:60px;padding:0 24px;color:#fff;font-size:18px;line-height:60px;background:rgba(70,128,204,0.6);}
#guide_buy_info a.buy_info_tel strong {font-size:24px;font-weight:normal;}
#guide_buy_info a.buy_info_call {display:inline-block;height:60px;margin:0 3px;padding:0 24px;color:#fff;font-size:20px;line-height:60px;background:rgba(249,57,65,0.6);}
#guide_buy_info a {vertical-align:top}

.clickshare_title {display:block;margin:0 0 40px 0;color:#222;font-size:24px;text-align:center;font-weight:700;line-height:30px;}
.clickshare_type_wrap {width:100%;overflow-x:auto}
.clickshare_type_wrap table {width:100%;min-width:1000px;border-collapse:collapse;border-spacing: 0;} 
.clickshare_type_wrap th {width:25%;padding:14px 0;color:#444;font-size:16px;font-weight:700;line-height:22px;text-align:center;background:#f6f6f6;border-top:solid 2px #569ffd;border-bottom:solid 1px #ccc}
.clickshare_type_wrap td {width:25%;color:#666;padding:14px 0;font-size:16px;font-weight:400;text-align:center;border-bottom:solid 1px #ddd}
.clickshare_type_wrap td .cs_img {display:block;width:60%;height:auto;margin:0 auto 10px auto;border:solid 1px #ccc;border-radius:50%;}
.clickshare_type_wrap td a {color:#569ffd;text-decoration:underline}
.clickshare_type_wrap td strong {color:#444;font-weight:700}


#tap_tab {padding:80px 0 0 0;background:#f3f3f3}
#tap_tab .title {display:block;margin:0 0 40px 0;color:#222;font-size:24px;text-align:center;font-weight:700;line-height:30px;}






#tap_overview {margin:0 0 120px 0;padding:60px 0;color:#fff;background:#824efb;}
#tap_overview .img {}
#tap_overview .img img {width:100%;height:auto;}
#tap_overview h2 {display:block;margin:0 0 20px 0;color:#fff;font-size:24px;text-align:center;font-weight:700;line-height:30px;}
#tap_overview p {width:100%;max-width:500px;margin:0 auto 80px auto;font-size:16px;line-height:24px;text-align:center;}
#tap_overview ul.tap_overview_ul {width:100%;max-width:1200px;margin:0 auto 120px auto;}
#tap_overview ul.tap_overview_ul:after {display:block;visibility:hidden;clear:both;content:""}
#tap_overview ul.tap_overview_ul li {display:block;float:left;width:33.3%;padding:0 4%;color:#fff;font-size:16px;line-height:24px;text-align:center;}

#tap_wrap {display:table;width:100%;max-width:1200px;margin:0 auto;}
#tap_wrap .tap_wrap_cell {display:table-cell;width:50%;vertical-align:middle;}
#tap_wrap .tap_wrap_cell strong {display:block;margin:0 0 20px 0;color:#fff;font-size:24px;font-weight:700;line-height:30px;}
#tap_wrap .tap_wrap_cell p {width:50%;margin:0;padding:0;color:#fff;font-size:16px;line-height:24px;text-align:left;}

ul.logitec_tap_mount {width:100%;max-width:1200px;margin:0 auto 120px auto;}
ul.logitec_tap_mount:after {display:block;visibility:hidden;clear:both;content:""}
ul.logitec_tap_mount li {display:block;float:left;width:22%;margin:0 4% 0 0;list-style:none;}
ul.logitec_tap_mount li:last-child {margin:0px;}
ul.logitec_tap_mount li .img {margin:0 0 30px 0;}
ul.logitec_tap_mount li .img img {width:100%;height:auto}
ul.logitec_tap_mount li p {color:#666;font-size:16px;line-height:24px;}
ul.logitec_tap_mount li p strong {display:block;margin:0 0 18px 0;color:#222;font-size:24px;font-weight:700;}


.slide {position:relative;padding:0 0 40px 0;}
.slide img {width:100%;height:auto}
.slide ul {display:block;position:absolute;left:0;top:0;width:100%;height:auto;margin:0 auto;cursor:pointer;}
.slide ul li {display:block;position:absolute;width:100%;left:0;top:0;z-index:9;list-style:none;}
.slide ul li img {width:100%;height:auto;}
.slide #dots {position:absolute;left:0;right:0;bottom:10px;height:30px;font-size:0;text-align:center;z-index:99;}
.slide #dots a {display:inline-block;width:13px;height:13px;margin:0 12px;background:#fff;border-radius:50%;cursor:pointer;opacity: 0.6;}
.slide #dots a.active {background:#fff;opacity:1;}
.slide .arrow {position:absolute;top:50%;width:40px;height:100px;overflow:hidden;margin:-50px 0 0 0;line-height:999px;text-align:center;z-index:99;}
.slide .arrow.prev {left:10px;background:url(/images/arrow_left_s.gif) no-repeat 50% 50%;}
.slide .arrow.next {right:10px;background:url(/images/arrow_right_s.gif) no-repeat 50% 50%;}
.slide .arrow:active {}



#logitec_partner {padding:80px 0;background:#eee;}
#logitec_partner ul {display:block;width:100%;max-width:1200px;margin:0 auto;}
#logitec_partner ul:after {display:block;visibility:hidden;clear:both;content:""}
#logitec_partner ul li {display:block;float:left;position:relative;width:48%;margin:0 4% 0 0;}
#logitec_partner ul li:last-child {margin:0;}

#logitec_partner ul li .mark {position:relative;float:left;}

#logitec_partner ul li .marquee-top {height:170px;margin:0 0 0 120px;}
#logitec_partner ul li .marquee-top strong {display:block;margin:0 0 8px 0;color:#222;font-size:16px;font-weight:700;line-height:24px;}
#logitec_partner ul li .marquee-top p {display:block;margin:0 0 24px 0;font-size:16px;line-height:24px;}

#logitec_partner ul li dl {margin:0 0 24px 0;}
#logitec_partner ul li dl dt {display:block;margin:0 0 12px 0;color:#222;font-size:18px;font-weight:700;line-height:28px;}
#logitec_partner ul li dl dd {display:block;margin:0 0 6px 0;padding:0 0 0 8px;font-size:16px;line-height:24px;background:url(/images/bullet.png) no-repeat 0 12px;}
#logitec_partner ul li dl dd a {text-decoration:underline;}

a.btn_guide_buy {display:inline-block;width:120px;height:40px;color:#444;font-size:16px;text-align:center;font-weight:700;line-height:38px;border:solid 1px #444;border-radius:20px;}







@media screen and (max-width:1024px) {
#bo_v_title {width:auto;padding:60px 20px;}

.ovw_img {float:none;position:relative;width:100%;margin:0;}
.ovw_con {float:none;position:relative;width:100%;}

.tap_img {float:none;position:relative;width:100%;margin:0 0 30px 0;}

ul.bo_v_point {padding:20px 0;}

#bo_v_atc {width:auto;padding:40px 10px;}

#bo_v_con p {margin:0 0 40px 0;}

#p_intro {margin:0 0 60px 0;}
#p_intro ul.p_intro_ul li {display:block;float:none;width:100%;margin:0 0 40px 0;}
#p_intro ul.p_intro_ul li p {margin:20px 0 0 0;font-size:18px;line-height:30px;}

#p_wrap {display:block;width:100%;margin:0 0 30px 0;}
#p_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#p_wrap .ovw_photo {display:block;width:100%;padding:40px 0;}
#p_wrap .p_con {display:block;width:100%;padding:40px 20px;}
#p_wrap .p_img2 {display:block;width:100%;}
#p_wrap .p_img {display:none;}
#p_wrap .p_con_half {float:none;width:100%;padding:0 20px 40px 20px;}
#p_wrap .p_con_full {width:100%;padding:0 20px 40px 20px;}

#p_wrap2 {display:block;width:100%;margin:0 0 30px 0;}
#p_wrap2:after {display:block;visibility:hidden;clear:both;content:""}

#p_wrap2 .ovw_photo {display:block;width:100%;padding:40px 0;}
#p_wrap2 .p_con {display:block;width:100%;padding:40px 20px;}

#spec_wrap {padding:60px 20px;}
#spec_wrap .spec_p {float:left;width:50%;margin:0 0 40px 0}
#spec_wrap .spec_p_last {float:left;width:50%;margin:0 0 40px 0}
#spec_wrap dl {margin:0 10% 30px 0;}



#tap_overview p {width:auto;max-width:100%;margin:0 0 60px 0;padding:0 20px;}
#tap_overview ul.tap_overview_ul {width:auto;margin:0 10px 80px 10px;}
#tap_overview ul.tap_overview_ul li {display:block;float:none;width:100%;margin:0 10px 30px 10px;padding:0;}

#tap_wrap {display:block;width:auto;margin:0 auto;}
#tap_wrap .tap_wrap_cell {display:block;width:100%;margin:0 0 40px 0;padding:0 20px;}
#tap_wrap .tap_wrap_cell p {width:100%;}

ul.logitec_tap_mount {width:auto;margin:0 20px;}
ul.logitec_tap_mount li {width:50%;margin:0 0 60px 0;padding:0 30px;}
ul.logitec_tap_mount li:last-child {margin:0 0 60px 0;}

.slide {max-width:600px;margin:0 auto;padding:0 0 40px 0;}
}






@media screen and (max-width:768px) {

	#bo_v_title {width:auto;padding:60px 20px;}

	.ovw_img {float:none;position:relative;width:100%;margin:0 0 40px 0;text-align:center}
	.ovw_con {float:none;position:relative;width:100%;}

	.tap_img strong {font-size:36px;}

	#spec_wrap {padding:60px 10px;}
	#spec_wrap h2 {font-size:24px;line-height:30px;}
	#spec_wrap .spec_p {float:left;width:100%;margin:0 0 50px 0}
	#spec_wrap .spec_p_last {float:left;width:50%;}
	#spec_wrap dl {margin:0 0 30px 0;}
	
	#solution_wrap ul li {margin:0 0 30px 0;padding:0 20px 30px 20px;}
	#solution_wrap ul li .img {float:none;width:100%;max-width:350px;margin:0 auto 30px auto;}
	#solution_wrap ul li .con a {display:inline-block;width:160px;height:30px;margin:20px 0 0 0;padding:0 50px 0 10px;color:#444;font-size:16px;line-height:30px;text-align:left;background:url(./img/arrow.gif) no-repeat right 50%;border-bottom:solid 1px #ccc;}
	
	#solution_wrap ul li .box-50 {width:100%}
	#solution_wrap ul li .box-33 {width:100%}

	#guide_buy_info {margin:0;padding:60px 10px;font-size:14px;}
	#guide_buy_info h2 {font-size:24px;}
	#guide_buy_info a.buy_info_tel {display:block;margin:0 0 10px 0;height:50px;padding:0;font-size:16px;line-height:50px;text-align:center;}
	#guide_buy_info a.buy_info_tel strong {font-size:20px;font-weight:normal;}
	#guide_buy_info a.buy_info_call {display:block;height:50px;margin:0;padding:0px;font-size:16px;line-height:50px;text-align:center;}



	ul.logitec_tap_mount {margin:0 10px;}
	ul.logitec_tap_mount li {width:50%;margin:0 0 60px 0;padding:0 10px;}
	ul.logitec_tap_mount li:last-child {margin:0 0 60px 0;}


	#logitec_partner {padding:60px 20px;}
	#logitec_partner ul li {float:none;width:100%;margin:0 0 24px 0;}
}





@media screen and (max-width:480px) {
	.tap_img p {width:auto;margin:0 20px;}

	#tap_2ver {padding:40px 0;}
	#tap_2ver h2 {font-size:30px;}
	#tap_2ver p {width:auto;margin:0 20px 40px 20px;}
	#tap_2ver ul li {float:none;width:100%;margin:0 0 30px 0;}
	#tap_2ver ul li a img {height:20px;}
}